89 lines
3.6 KiB
Vue
89 lines
3.6 KiB
Vue
|
<template>
|
||
|
<div>
|
||
|
<div style="color:#1c84c6;font-weight: 600;font-size: 16px;">
|
||
|
以下是 <span>{{queryParam.ywTime}}</span><span>第{{queryParam.jieci}}节课</span> 的课表
|
||
|
</div>
|
||
|
<a-row style="margin-top:20px;">
|
||
|
<a-col :span="4">
|
||
|
<a-form-item label="" style="padding: 10px;">
|
||
|
<JDictSelectTag placeholder="请选择院系" v-model:value="queryParam.kkdw"
|
||
|
:dictCode="`tkrszdw_view,college,college`" />
|
||
|
</a-form-item>
|
||
|
</a-col>
|
||
|
<a-col :span="4">
|
||
|
<a-form-item label="" style="padding: 10px;">
|
||
|
<a-input placeholder="请输入课程或教师名称" v-model:value="queryParam.ywmc"></a-input>
|
||
|
</a-form-item>
|
||
|
</a-col>
|
||
|
<a-col :span="4" style="padding: 10px;">
|
||
|
<a-button type="primary" @click="rkbLoadData" style="background-color: rgb(26, 179, 148);">查询</a-button>
|
||
|
</a-col>
|
||
|
</a-row>
|
||
|
|
||
|
<a-tabs v-model:activeKey="rkbActiveKey" type="card">
|
||
|
<a-tab-pane key="1">
|
||
|
<template #tab>
|
||
|
<div>
|
||
|
<div style="float: left;">完全线下课程</div>
|
||
|
<div style="background-color: rgb(26, 179, 148);color: rgb(255, 255, 255);border-radius: 18px;width: 22px;text-align: center;float: left;margin-left: 10px;">
|
||
|
{{xxkcTotal}}</div>
|
||
|
</div>
|
||
|
</template>
|
||
|
<kclbList ref="wqxxkcModeal" :queryParam="xxkcqueryParam" @setTotal="xxkcTotal = $event"></kclbList>
|
||
|
|
||
|
</a-tab-pane>
|
||
|
<a-tab-pane key="2">
|
||
|
<template #tab>
|
||
|
<div>
|
||
|
<div style="float: left;">腾讯会议</div>
|
||
|
<div
|
||
|
style="background-color: rgb(26, 179, 148);color: rgb(255, 255, 255);border-radius: 18px;width: 22px;text-align: center;float: left;margin-left: 10px;">
|
||
|
{{txhyTotal}}</div>
|
||
|
</div>
|
||
|
</template>
|
||
|
<kclbList ref="txhyModeal" :queryParam="txhyqueryParam" @setTotal="txhyTotal = $event"></kclbList>
|
||
|
</a-tab-pane>
|
||
|
</a-tabs>
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<script lang="ts" setup>
|
||
|
import { ref,onMounted } from 'vue';
|
||
|
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
|
||
|
import kclbList from '/@/views/site/jrkclb/kclbList.vue';
|
||
|
import { defHttp } from '/@/utils/http/axios';
|
||
|
const rkbActiveKey = ref('1');
|
||
|
const jclist = (queryParam) => defHttp.get({ url: '/kcJieci/kcJieci/getIndexJcList', params:queryParam });
|
||
|
const queryParam = ref<any>({});
|
||
|
const xxkcqueryParam = ref<any>({skxs:1});
|
||
|
const txhyqueryParam = ref<any>({zbpx:1});
|
||
|
const xxkcTotal = ref<any>(0);
|
||
|
const txhyTotal = ref<any>(0);
|
||
|
function rkbLoadData() {
|
||
|
//----------------------线下课程-------------------
|
||
|
xxkcqueryParam.value.skrq = queryParam.value.ywTime
|
||
|
xxkcqueryParam.value.hh = queryParam.value.jieci+","+queryParam.value.jieci.split("、").join(',')
|
||
|
xxkcqueryParam.value.kkdw = queryParam.value.kkdw
|
||
|
xxkcqueryParam.value.ywmc = queryParam.value.ywmc
|
||
|
xxkcqueryParam.value.skxs = '1'
|
||
|
|
||
|
//----------------------腾讯会议-------------------
|
||
|
txhyqueryParam.value.skrq = queryParam.value.ywTime
|
||
|
txhyqueryParam.value.hh = queryParam.value.jieci+","+queryParam.value.jieci.split("、").join(',')
|
||
|
txhyqueryParam.value.kkdw = queryParam.value.kkdw
|
||
|
txhyqueryParam.value.ywmc = queryParam.value.ywmc
|
||
|
txhyqueryParam.value.zbpx ='1'
|
||
|
txhyqueryParam.value.skxs = '!1'
|
||
|
}
|
||
|
//进入就加载
|
||
|
onMounted(() => {
|
||
|
jclist(queryParam.value).then(res=>{
|
||
|
var list = res
|
||
|
queryParam.value.ywTime = list[1].kssj
|
||
|
queryParam.value.jieci = list[1].jieci
|
||
|
console.log(`🚀 ~ file: kclbZzsk.vue:64 ~ list ~ queryParam:`, queryParam)
|
||
|
rkbLoadData()
|
||
|
})
|
||
|
});
|
||
|
</script>
|