2023-04-03 23:54:18 +08:00
< 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;" >
2023-04-09 16:09:29 +08:00
< a -col : xs = "{ span: 24 }" : sm = "{ span: 8 }" : lg = "{ span: 4 }" >
2023-04-03 23:54:18 +08:00
< a -form -item label = "" style = "padding: 10px;" >
2023-05-19 23:36:52 +08:00
< JDictSelectTag placeholder = "请选择院系" v -model :value ="queryParam.kkdw" :dictCode ="`kc_kkdw_view,kkdw,kkdw`" / >
< / a - f o r m - i t e m >
< / a - c o l >
< a -col : xs = "{ span: 24 }" : sm = "{ span: 8 }" : lg = "{ span: 4 }" >
< a -form -item label = "" style = "padding: 10px;" >
2023-12-14 08:22:31 +08:00
< JDictSelectTag placeholder = "请选择教学楼" v -model :value ="queryParam.jzwh" : dictCode = "`jxl_now_hh_view,jzwmc,jzwh,hh='`+queryParam.jieci+`' order by sort asc`" / >
2023-04-03 23:54:18 +08:00
< / a - f o r m - i t e m >
< / a - c o l >
2023-04-09 16:09:29 +08:00
< a -col : xs = "{ span: 24 }" : sm = "{ span: 8 }" : lg = "{ span: 4 }" >
2023-04-03 23:54:18 +08:00
< a -form -item label = "" style = "padding: 10px;" >
< a -input placeholder = "请输入课程或教师名称" v -model :value ="queryParam.ywmc" > < / a - i n p u t >
< / a - f o r m - i t e m >
< / a - c o l >
2024-03-06 21:25:42 +08:00
< a -col : xs = "{ span: 24 }" : sm = "{ span: 8 }" : lg = "{ span: 4 }" >
< a -form -item label = "" style = "padding: 10px;" >
< JDictSelectTag placeholder = "是否线上课" v -model :value ="queryParam.zhjs" dictCode = "yn" / >
< / a - f o r m - i t e m >
< / a - c o l >
2023-04-09 16:09:29 +08:00
< a -col : xs = "{ span: 24 }" : sm = "{ span: 8 }" : lg = "{ span: 4 }" style = "padding: 10px;" >
< a -button type = "primary" @click ="zbLoadData" style = "background-color: rgb(26, 179, 148);" > 查询 < / a - b u t t o n >
2023-04-03 23:54:18 +08:00
< / a - c o l >
< / a - r o w >
2023-04-09 16:09:29 +08:00
< a -tabs v -model :activeKey ="rkbActiveKey" type = "card" @change ="zibiaoCard" >
2023-04-03 23:54:18 +08:00
< 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 >
2023-05-19 23:36:52 +08:00
< kclbList ref = "wqxxkcModeal" :queryParam ="xxkcqueryParam" @ set -total = " xxkcTotal = $ event ; jzzyload ( ) " > < / kclbList >
2023-04-03 23:54:18 +08:00
< / a - t a b - p a n e >
2023-05-22 23:27:22 +08:00
<!-- < a -tab -pane key = "2" >
2023-04-03 23:54:18 +08:00
< 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 >
2023-05-19 23:36:52 +08:00
< kclbList ref = "txhyModeal" :queryParam ="txhyqueryParam" @ set -total = " txhyTotal = $ event ; jzzyload ( ) " > < / kclbList >
2023-05-22 23:27:22 +08:00
< / a - t a b - p a n e > - - >
2023-04-03 23:54:18 +08:00
< / a - t a b s >
< / div >
< / template >
< script lang = "ts" setup >
2023-04-09 16:09:29 +08:00
import { ref , onMounted , defineExpose } from 'vue' ;
2023-04-03 23:54:18 +08:00
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 ) ;
2023-04-09 16:09:29 +08:00
const wqxxkcModeal = ref ( ) ;
const txhyModeal = ref ( ) ;
const emit = defineEmits ( [ 'jrkclbLoad' ] ) ;
function zbLoadData ( ) {
2023-04-03 23:54:18 +08:00
//----------------------线下课程-------------------
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'
2023-04-09 16:40:39 +08:00
xxkcqueryParam . value . type = 0
2023-05-22 23:27:22 +08:00
xxkcqueryParam . value . jzwh = queryParam . value . jzwh
2024-03-06 21:25:42 +08:00
xxkcqueryParam . value . zhjs = queryParam . value . zhjs
2023-04-03 23:54:18 +08:00
//----------------------腾讯会议-------------------
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'
2023-04-05 13:00:42 +08:00
txhyqueryParam . value . ywskxs = '1'
2023-04-09 16:40:39 +08:00
xxkcqueryParam . value . type = 0
2024-03-06 21:25:42 +08:00
xxkcqueryParam . value . zhjs = queryParam . value . zhjs
2023-04-09 16:09:29 +08:00
zibiaoCard ( 1 ) ;
}
/ * *
* 加载主页数据
* /
function jzzyload ( ) {
emit ( 'jrkclbLoad' ) ;
}
function zibiaoCard ( index ) {
if ( index == 1 ) {
wqxxkcModeal . value . rkbLoadData ( ) ;
} else if ( index == 2 ) {
txhyModeal . value . rkbLoadData ( ) ;
console . log ( ` 🚀 ~ file: kclbZzsk.vue:86 ~ zibiaoCard ~ txhyModeal.value: ` , txhyModeal . value )
}
2023-04-03 23:54:18 +08:00
}
2023-04-09 16:09:29 +08:00
defineExpose ( {
zbLoadData
} ) ;
2023-04-03 23:54:18 +08:00
//进入就加载
onMounted ( ( ) => {
jclist ( queryParam . value ) . then ( res => {
var list = res
queryParam . value . ywTime = list [ 1 ] . kssj
queryParam . value . jieci = list [ 1 ] . jieci
2023-04-09 16:09:29 +08:00
zbLoadData ( )
2023-04-03 23:54:18 +08:00
} )
} ) ;
< / script >
2023-04-09 16:09:29 +08:00
< style scoped lang = "less" >
. ant - form - item {
box - sizing : border - box ;
margin : 0 ;
padding : 0 ;
color : rgba ( 0 , 0 , 0 , 0.85 ) ;
font - size : 14 px ;
font - variant : tabular - nums ;
line - height : 1.5715 ;
list - style : none ;
font - feature - settings : tnum ;
vertical - align : top ;
}
< / style >