修改样式
This commit is contained in:
parent
650cd6fba3
commit
bbbc034359
|
|
@ -273,9 +273,9 @@
|
||||||
import { BackTop, Statistic } from 'ant-design-vue';
|
import { BackTop, Statistic } from 'ant-design-vue';
|
||||||
|
|
||||||
import { useUserStore } from '/@/store/modules/user';
|
import { useUserStore } from '/@/store/modules/user';
|
||||||
import kclbZzsk from '/@/views/site/kclbZzsk.vue';
|
import kclbZzsk from '/@/views/site/jrkclb/kclbZzsk.vue';
|
||||||
import kclbXyjk from '/@/views/site/kclbXyjk.vue';
|
import kclbXyjk from '/@/views/site/jrkclb/kclbXyjk.vue';
|
||||||
import kclbRkb from '/@/views/site/kclbRkb.vue';
|
import kclbRkb from '/@/views/site/jrkclb/kclbRkb.vue';
|
||||||
|
|
||||||
//用户相关
|
//用户相关
|
||||||
const userStore = useUserStore();
|
const userStore = useUserStore();
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,75 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<a-row class="rowGutter" :gutter="[16, 16]">
|
||||||
|
<a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }" v-for="(item, index) in listData"
|
||||||
|
:key="index" style="margin-bottom: 40px;">
|
||||||
|
<div style="border: 2px #eef1f2 solid;">
|
||||||
|
<div>
|
||||||
|
<div style="width: 100%;height: 20px;background-color: #1c84c6;"></div>
|
||||||
|
<div style="width:100%;white-space:normal; word-break:break-all;overflow:hidden;padding: 10px;height: 70px;font-weight: 600;font-size: 16px;">
|
||||||
|
{{ item.kcmc }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a-divider style="margin: 0px;color: #eef1f2;" />
|
||||||
|
<div style="padding: 20px;font-weight: 600;">
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="16">
|
||||||
|
<div style="height: 30px;font-size: 16px;">{{ item.skjs }}</div>
|
||||||
|
<div style="height: 30px;font-size: 14px;">{{ item.kcxz }}</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="8" style="text-align: center;height: 70px;">
|
||||||
|
<div style="color: #1c84c6;font-size: 24px;font-weight: 600;">{{ item.xkrs }}</div>
|
||||||
|
<div style="font-size: 14px;">选课人数</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24" style="margin-top:20px;">
|
||||||
|
<div>
|
||||||
|
第<span>{{ item.hh }}</span>节
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div style="width:100%;text-align: center;">
|
||||||
|
—————线下上课地点—————
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div style="height: 60px;">
|
||||||
|
{{ item.skdd }}
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<a-button type="primary" style="background-color: #1c84c6;float: left;font-weight: 600;">预约</a-button>
|
||||||
|
<a-button type="primary" style="background-color: #1c84c6;float: right;font-weight: 600;">报错</a-button>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { ref,watch,reactive } from 'vue';
|
||||||
|
import { defHttp } from '/@/utils/http/axios';
|
||||||
|
const emit = defineEmits(['setTotal']);
|
||||||
|
|
||||||
|
let listData = ref<any>([]);
|
||||||
|
const list = (params) => defHttp.get({ url: '/ktgl/kcKetangbiao/list', params });
|
||||||
|
const props = defineProps({
|
||||||
|
queryParam:{type:Object}
|
||||||
|
});
|
||||||
|
|
||||||
|
watch(() => props.queryParam, async (newRow, oldRow) => {
|
||||||
|
rkbLoadData(newRow)
|
||||||
|
},{ deep: true });
|
||||||
|
|
||||||
|
function rkbLoadData(newRow) {
|
||||||
|
console.log(`🚀 ~ file: kclbList.vue:62 ~ rkbLoadData ~ newRow2:`, newRow)
|
||||||
|
|
||||||
|
list(newRow).then(res => {
|
||||||
|
console.log(`🚀 ~ file: kclbList.vue:71 ~ list ~ res:`, res)
|
||||||
|
listData.value = res.records;
|
||||||
|
emit('setTotal', res.total);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,101 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div style="color:#1c84c6;font-weight: 600;font-size: 16px;">以下是 <span>{{queryParam.ywTime}}</span>全天 的课表</div>
|
||||||
|
<a-row style="margin-top:20px;">
|
||||||
|
<a-col :span="4">
|
||||||
|
<a-form-item label="" style="padding: 10px;">
|
||||||
|
<a-date-picker :showTime="false" valueFormat="YYYY-MM-DD" :placeholder="'请选择结束时间'"
|
||||||
|
v-model:value="queryParam.ywTime"></a-date-picker>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="4">
|
||||||
|
<a-form-item label="" style="padding: 10px;">
|
||||||
|
<JDictSelectTag placeholder="请选择院系" v-model:value="queryParam.szdw"
|
||||||
|
:dictCode="`tkrszdw_view,college,college`" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="4">
|
||||||
|
<a-form-item label="" style="padding: 10px;">
|
||||||
|
<JDictSelectTag placeholder="请选择节次" v-model:value="queryParam.kkdw" :dictCode="`kc_kkdw_view,kkdw,kkdw`" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="4">
|
||||||
|
<a-form-item label="" style="padding: 10px;">
|
||||||
|
<JDictSelectTag placeholder="请选择课程性质" v-model:value="queryParam.kcxz" dictCode="kc_kcxz" />
|
||||||
|
</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>({});
|
||||||
|
const txhyqueryParam = ref<any>({});
|
||||||
|
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.ywskxs = '1'
|
||||||
|
}
|
||||||
|
//进入就加载
|
||||||
|
onMounted(() => {
|
||||||
|
jclist(queryParam.value).then(res=>{
|
||||||
|
var list = res
|
||||||
|
queryParam.value.ywTime = list[1].kssj
|
||||||
|
console.log(`🚀 ~ file: kclbZzsk.vue:64 ~ list ~ queryParam:`, queryParam)
|
||||||
|
rkbLoadData()
|
||||||
|
})
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,88 @@
|
||||||
|
<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>
|
||||||
|
|
@ -0,0 +1,88 @@
|
||||||
|
<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>({});
|
||||||
|
const txhyqueryParam = ref<any>({});
|
||||||
|
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.ywskxs = '1'
|
||||||
|
}
|
||||||
|
//进入就加载
|
||||||
|
onMounted(() => {
|
||||||
|
jclist(queryParam.value).then(res=>{
|
||||||
|
var list = res
|
||||||
|
queryParam.value.ywTime = list[0].kssj
|
||||||
|
queryParam.value.jieci = list[0].jieci
|
||||||
|
console.log(`🚀 ~ file: kclbZzsk.vue:64 ~ list ~ queryParam:`, queryParam)
|
||||||
|
rkbLoadData()
|
||||||
|
})
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
@ -1,115 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div style="color:#1c84c6;font-weight: 600;font-size: 16px;">以下是 <span>2023-04-02</span>全天 的课表</div>
|
|
||||||
<a-row style="margin-top:20px;">
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<a-date-picker
|
|
||||||
:showTime="false"
|
|
||||||
valueFormat="YYYY-MM-DD"
|
|
||||||
:placeholder="'请选择结束时间'"
|
|
||||||
v-model:value="rkbqueryParam.endTime"
|
|
||||||
></a-date-picker>
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<JDictSelectTag placeholder="请选择院系" v-model:value="rkbqueryParam.szdw" :dictCode="`tkrszdw_view,college,college`"/>
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<JDictSelectTag placeholder="请选择节次" v-model:value="rkbqueryParam.kkdw" :dictCode="`kc_kkdw_view,kkdw,kkdw`" />
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<JDictSelectTag placeholder="请选择课程性质" v-model:value="rkbqueryParam.kcxz" dictCode="kc_kcxz"/>
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<a-input placeholder="请输入课程或教师名称" v-model:value="rkbqueryParam.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;">20</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<a-row class="rowGutter" :gutter="[16,16]">
|
|
||||||
<a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }" v-for="(item,index) in [{},{},{},{},{},{}]" :key="index" style="margin-bottom: 40px;">
|
|
||||||
<div style="border: 2px #eef1f2 solid;">
|
|
||||||
<div>
|
|
||||||
<div style="width: 100%;height: 20px;background-color: #1c84c6;"></div>
|
|
||||||
<div style="width:100%;white-space:normal; word-break:break-all;overflow:hidden;padding: 10px;height: 70px;font-weight: 600;font-size: 16px;">
|
|
||||||
灾害风险防范{{index}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a-divider style="margin: 0px;color: #eef1f2;"/>
|
|
||||||
<div style="padding: 20px;font-weight: 600;">
|
|
||||||
<a-row>
|
|
||||||
<a-col :span="16">
|
|
||||||
<div style="height: 30px;font-size: 16px;">张继权</div>
|
|
||||||
<div style="height: 30px;font-size: 14px;">环境学院环境</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="8" style="text-align: center;height: 70px;">
|
|
||||||
<div style="color: #1c84c6;font-size: 24px;font-weight: 600;">30</div>
|
|
||||||
<div style="font-size: 14px;">选课人数</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24" style="margin-top:20px;">
|
|
||||||
<div>
|
|
||||||
第<span>01、02</span>节
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24">
|
|
||||||
<div style="width:100%;text-align: center;">
|
|
||||||
—————线下上课地点—————
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24">
|
|
||||||
<div style="height: 60px;">
|
|
||||||
环境学院107室
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24">
|
|
||||||
<a-button type="primary" style="background-color: #1c84c6;float: left;font-weight: 600;">预约</a-button>
|
|
||||||
<a-button type="primary" style="background-color: #1c84c6;float: right;font-weight: 600;">报错</a-button>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
</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;">20</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div>
|
|
||||||
Content of Tab Pane 2
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</a-tab-pane>
|
|
||||||
</a-tabs>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { ref } from 'vue';
|
|
||||||
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
|
|
||||||
const rkbqueryParam = ref<any>({});
|
|
||||||
const rkbActiveKey = ref('1');
|
|
||||||
function rkbLoadData(){
|
|
||||||
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,117 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div style="color:#1c84c6;font-weight: 600;font-size: 16px;">
|
|
||||||
以下是 <span>2023-04-02</span><span>第03、04节课</span> 的课表
|
|
||||||
</div>
|
|
||||||
<a-row style="margin-top:20px;">
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<a-date-picker
|
|
||||||
:showTime="false"
|
|
||||||
valueFormat="YYYY-MM-DD"
|
|
||||||
:placeholder="'请选择结束时间'"
|
|
||||||
v-model:value="rkbqueryParam.endTime"
|
|
||||||
></a-date-picker>
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<JDictSelectTag placeholder="请选择院系" v-model:value="rkbqueryParam.szdw" :dictCode="`tkrszdw_view,college,college`"/>
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<JDictSelectTag placeholder="请选择节次" v-model:value="rkbqueryParam.kkdw" :dictCode="`kc_kkdw_view,kkdw,kkdw`" />
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<JDictSelectTag placeholder="请选择课程性质" v-model:value="rkbqueryParam.kcxz" dictCode="kc_kcxz"/>
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<a-input placeholder="请输入课程或教师名称" v-model:value="rkbqueryParam.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;">20</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<a-row class="rowGutter" :gutter="[16,16]">
|
|
||||||
<a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }" v-for="(item,index) in [{},{},{},{},{},{}]" :key="index" style="margin-bottom: 40px;">
|
|
||||||
<div style="border: 2px #eef1f2 solid;">
|
|
||||||
<div>
|
|
||||||
<div style="width: 100%;height: 20px;background-color: #1c84c6;"></div>
|
|
||||||
<div style="width:100%;white-space:normal; word-break:break-all;overflow:hidden;padding: 10px;height: 70px;font-weight: 600;font-size: 16px;">
|
|
||||||
灾害风险防范{{index}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a-divider style="margin: 0px;color: #eef1f2;"/>
|
|
||||||
<div style="padding: 20px;font-weight: 600;">
|
|
||||||
<a-row>
|
|
||||||
<a-col :span="16">
|
|
||||||
<div style="height: 30px;font-size: 16px;">张继权</div>
|
|
||||||
<div style="height: 30px;font-size: 14px;">环境学院环境</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="8" style="text-align: center;height: 70px;">
|
|
||||||
<div style="color: #1c84c6;font-size: 24px;font-weight: 600;">30</div>
|
|
||||||
<div style="font-size: 14px;">选课人数</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24" style="margin-top:20px;">
|
|
||||||
<div>
|
|
||||||
第<span>01、02</span>节
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24">
|
|
||||||
<div style="width:100%;text-align: center;">
|
|
||||||
—————线下上课地点—————
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24">
|
|
||||||
<div style="height: 60px;">
|
|
||||||
环境学院107室
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24">
|
|
||||||
<a-button type="primary" style="background-color: #1c84c6;float: left;font-weight: 600;">预约</a-button>
|
|
||||||
<a-button type="primary" style="background-color: #1c84c6;float: right;font-weight: 600;">报错</a-button>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
</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;">20</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div>
|
|
||||||
Content of Tab Pane 2
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</a-tab-pane>
|
|
||||||
</a-tabs>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { ref } from 'vue';
|
|
||||||
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
|
|
||||||
const rkbqueryParam = ref<any>({});
|
|
||||||
const rkbActiveKey = ref('1');
|
|
||||||
function rkbLoadData(){
|
|
||||||
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,117 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div style="color:#1c84c6;font-weight: 600;font-size: 16px;">
|
|
||||||
以下是 <span>2023-04-02</span><span>第01、02节课</span> 的课表
|
|
||||||
</div>
|
|
||||||
<a-row style="margin-top:20px;">
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<a-date-picker
|
|
||||||
:showTime="false"
|
|
||||||
valueFormat="YYYY-MM-DD"
|
|
||||||
:placeholder="'请选择结束时间'"
|
|
||||||
v-model:value="rkbqueryParam.endTime"
|
|
||||||
></a-date-picker>
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<JDictSelectTag placeholder="请选择院系" v-model:value="rkbqueryParam.szdw" :dictCode="`tkrszdw_view,college,college`"/>
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<JDictSelectTag placeholder="请选择节次" v-model:value="rkbqueryParam.kkdw" :dictCode="`kc_kkdw_view,kkdw,kkdw`" />
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<JDictSelectTag placeholder="请选择课程性质" v-model:value="rkbqueryParam.kcxz" dictCode="kc_kcxz"/>
|
|
||||||
</a-form-item>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="4">
|
|
||||||
<a-form-item label="" style="padding: 10px;">
|
|
||||||
<a-input placeholder="请输入课程或教师名称" v-model:value="rkbqueryParam.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;">20</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<a-row class="rowGutter" :gutter="[16,16]">
|
|
||||||
<a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }" v-for="(item,index) in [{},{},{},{},{},{}]" :key="index" style="margin-bottom: 40px;">
|
|
||||||
<div style="border: 2px #eef1f2 solid;">
|
|
||||||
<div>
|
|
||||||
<div style="width: 100%;height: 20px;background-color: #1c84c6;"></div>
|
|
||||||
<div style="width:100%;white-space:normal; word-break:break-all;overflow:hidden;padding: 10px;height: 70px;font-weight: 600;font-size: 16px;">
|
|
||||||
灾害风险防范{{index}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a-divider style="margin: 0px;color: #eef1f2;"/>
|
|
||||||
<div style="padding: 20px;font-weight: 600;">
|
|
||||||
<a-row>
|
|
||||||
<a-col :span="16">
|
|
||||||
<div style="height: 30px;font-size: 16px;">张继权</div>
|
|
||||||
<div style="height: 30px;font-size: 14px;">环境学院环境</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="8" style="text-align: center;height: 70px;">
|
|
||||||
<div style="color: #1c84c6;font-size: 24px;font-weight: 600;">30</div>
|
|
||||||
<div style="font-size: 14px;">选课人数</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24" style="margin-top:20px;">
|
|
||||||
<div>
|
|
||||||
第<span>01、02</span>节
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24">
|
|
||||||
<div style="width:100%;text-align: center;">
|
|
||||||
—————线下上课地点—————
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24">
|
|
||||||
<div style="height: 60px;">
|
|
||||||
环境学院107室
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="24">
|
|
||||||
<a-button type="primary" style="background-color: #1c84c6;float: left;font-weight: 600;">预约</a-button>
|
|
||||||
<a-button type="primary" style="background-color: #1c84c6;float: right;font-weight: 600;">报错</a-button>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
</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;">20</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div>
|
|
||||||
Content of Tab Pane 2
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</a-tab-pane>
|
|
||||||
</a-tabs>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { ref } from 'vue';
|
|
||||||
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
|
|
||||||
const rkbqueryParam = ref<any>({});
|
|
||||||
const rkbActiveKey = ref('1');
|
|
||||||
function rkbLoadData(){
|
|
||||||
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
Loading…
Reference in New Issue