143 lines
4.0 KiB
Vue
143 lines
4.0 KiB
Vue
<template>
|
|
<a-card>
|
|
<a-row>
|
|
<a-col :span="24">
|
|
<a-row>
|
|
<a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 8 }" >
|
|
<a-form-item label="学年学期" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<j-dict-select-tag placeholder="学年学期" v-model:value="queryParam.xqxn" dictCode="kc_xqxn_history,title,title,true order by start_time desc" style="width:90%;"/>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 8 }" >
|
|
<a-form-item label="课程名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<j-input placeholder="课程名称" v-model:value="queryParam.kcmc" style="width:90%;"/>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 8 }" >
|
|
<a-button type="primary" preIcon="ant-design:search-outlined" @click="loadData">查询</a-button>
|
|
</a-col>
|
|
|
|
</a-row>
|
|
</a-col>
|
|
<a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 8 }" :key="index" v-for="(item, index) in allList" >
|
|
<div class="ketangCard ketangCardcol" >
|
|
<div class="rjkcTopDiv">
|
|
<div style="text-align: left;"><span>{{ item.sksj }}</span></div>
|
|
</div>
|
|
<div class="rjkcBodyDiv">
|
|
<div class="kcmcDiv">{{ item.kcmc }}</div>
|
|
<div class="skddDiv" style="margin-top:20px;">{{ item.skdd }}</div>
|
|
<div class="xkrsDiv" style="margin-top:20px;">{{ item.xqxn }}</div>
|
|
<div class="xkrsDiv">{{ item.xkrs }}人选课 <a-button class="buttonClass" @click="openKechengDetail(item)">进入课程</a-button></div>
|
|
</div>
|
|
</div>
|
|
</a-col>
|
|
</a-row>
|
|
</a-card>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref, onMounted } from 'vue';
|
|
|
|
import { getUserSf,getSysConfig } from '/@/views/site/utils/index';
|
|
import { defHttp } from '/@/utils/http/axios';
|
|
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
|
|
import { JInput } from '/@/components/Form';
|
|
|
|
import { router } from '/@/router';
|
|
import { useRouter } from 'vue-router';
|
|
const queryParam = ref<any>({});
|
|
const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });
|
|
const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
|
|
|
|
const allList = ref<any>([]);
|
|
|
|
const weebMap = {
|
|
'1': '星期一',
|
|
'2': '星期二',
|
|
'3': '星期三',
|
|
'4': '星期四',
|
|
'5': '星期五',
|
|
'6': '星期六',
|
|
'7': '星期日',
|
|
}
|
|
function toWeek(week){
|
|
return weebMap[week];
|
|
}
|
|
function loadData(){
|
|
|
|
queryParam.value.checkType = '1';
|
|
defHttp.get({ url: '/ktgl/kcKechengbiao/getKechengbiaolist',params:queryParam.value}).then((res) => {
|
|
console.log(res);
|
|
allList.value = res.records;
|
|
});
|
|
}
|
|
//进入就加载
|
|
onMounted(() => {
|
|
loadData()
|
|
});
|
|
|
|
function openKechengDetail(item){
|
|
console.log(`🚀 ~ openKechengDetail ~ item:`, item)
|
|
window.open('/history/hismain?rwbh='+item.rwbh+'&xqxn='+getSysConfig().flag1+"&type=0","_blank");
|
|
}
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.ketangCard {
|
|
margin: .5rem;
|
|
}
|
|
.ketangCardcol{
|
|
background-color: #f3f3f3;
|
|
padding: 1px;
|
|
}
|
|
.rjkcTopDiv {
|
|
background: #fff;
|
|
padding: .9rem;
|
|
color: #1ab394;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
text-align:right;
|
|
}
|
|
.nDayDiv {
|
|
top: -14px;
|
|
right: -14px;
|
|
position: relative;
|
|
background: #1ab394;
|
|
color: #fff;
|
|
font-weight: 200;
|
|
padding: 2px 6px 2px 6px;
|
|
border-radius: 0 0 0 5px;
|
|
text-align:left;
|
|
}
|
|
.rjkcBodyDiv {
|
|
margin-top: 1px;
|
|
background: #fff;
|
|
padding: 1rem 2rem 2rem 2rem;
|
|
}
|
|
.kcmcDiv {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
.skddDiv {
|
|
color: #1c84c6;
|
|
font-size: 16px;
|
|
// font-weight: bold;
|
|
}
|
|
.xkrsDiv {
|
|
padding-top: 2.5rem;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
text-align: right;
|
|
}
|
|
.buttonClass {
|
|
background: #1c84c6;
|
|
font-weight: 600;
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
line-height: 23px;
|
|
|
|
&[disabled] {
|
|
background: #6cafda;
|
|
}
|
|
}
|
|
</style> |