yangjun
/
dbsd_kczx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2023年5月24日 新增统计子页

This commit is contained in:
bai 2023-05-24 08:42:16 +08:00
parent 054c7a3e8d
commit 068563d0f9
10 changed files with 935 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/site/index.vue
View File

@ -23,12 +23,6 @@
<!-- 可线上听课课堂 -->
<kxstkktPage v-if="getUserSf()=='T'"/>
<!-- 今日课程列表 -->
<!-- <div style="line-height: 1rem;" class="topLinkTextEllipsis"><a @click="toTop('tkzjDom')">听课足迹</a></div>
<div style="line-height: 1rem;" class="topLinkTextEllipsis"><a @click="toTop('rkjcDom')">任课教程</a></div>
<div style="line-height: 1rem;" class="topLinkTextEllipsis"><a @click="toTop('yykcDom')">预约课程</a></div>
<div style="line-height: 1rem;" class="topLinkTextEllipsis"><a @click="toTop('jcgkkDom')">精彩公开课</a></div>
<div style="line-height: 1rem;" class="topLinkTextEllipsis"><a @click="toTop('kxstkktDom')">可线上听课课堂</a></div>
<div style="line-height: 1rem;" class="topLinkTextEllipsis"><a @click="toTop('jrkclbDom')">今日课程列表</a></div> -->
<a-card class="rowGutter" v-if="getUserSf()=='T'" id="jrkclbDom">
<template #title>

75
src/views/site/tongJi/index.vue
View File

@ -5,13 +5,13 @@
<a-row class="" :gutter="gutter">
<a-col :xs="{ span: 12 }" :sm="{ span: 12 }" :lg="{ span: 12 }">
<div class="numberBlob">
<div class="numSpan">{{ tjData?.jinRiKeTang?.num??0 }}</div>
<div class="numSpan" @click="showList('jrktzs')">{{ tjData?.jinRiKeTang?.num??0 }}</div>
<div>总数</div>
</div>
</a-col>
<a-col :xs="{ span: 12 }" :sm="{ span: 12 }" :lg="{ span: 12 }">
<div class="numberBlob">
<div class="numSpan green">{{ tjData?.jinRiKeTang?.xkktnum??0 }}</div>
<div class="numSpan green" @click="showList('jrktyxk')">{{ tjData?.jinRiKeTang?.xkktnum??0 }}</div>
<div class="numberName">
<i class="fa fa-level-down green"></i>
<!-- <FallOutlined class="green"/> -->
@ -36,7 +36,7 @@
<a-row class="" :gutter="gutter">
<a-col :xs="{ span: 24 }" :sm="{ span: 24 }" :lg="{ span: 24 }">
<div class="numberBlob">
<div class="numSpan orange fs3r">{{ tjData?.jinRiKeTang?.zzsknum??0 }}</div>
<div class="numSpan orange fs3r" @click="showList('skz')">{{ tjData?.jinRiKeTang?.zzsknum??0 }}</div>
<div class="numberName">&nbsp;</div>
</div>
</a-col>
@ -50,13 +50,13 @@
<a-row class="" :gutter="gutter">
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
<div class="numberBlob">
<div class="numSpan">{{ tjData?.yiKaiKeTang?.num??0 }}</div>
<div class="numSpan" @click="showList('ykktzs')">{{ tjData?.yiKaiKeTang?.num??0 }}</div>
<div class="numberName">总数</div>
</div>
</a-col>
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
<div class="numberBlob">
<div class="numSpan blue">{{ tjData?.yiKaiKeTangNew?.btkktnum??0 }}</div>
<div class="numSpan blue" @click="showList('ykkttkkt')">{{ tjData?.yiKaiKeTangNew?.btkktnum??0 }}</div>
<div class="numberName">
<!-- <StockOutlined class="blue"/> -->
<i class="fa fa-bolt blue"></i>
@ -66,7 +66,7 @@
</a-col>
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
<div class="numberBlob">
<div class="numSpan orange">{{ tjData?.yiKaiKeTangNew?.tkrcnum??0 }}</div>
<div class="numSpan orange" @click="showList('ykkttkrc')">{{ tjData?.yiKaiKeTangNew?.tkrcnum??0 }}</div>
<div class="numberName">
<!-- <RiseOutlined class="orange"/> -->
<i class="fa fa-level-up orange"></i>
@ -87,7 +87,7 @@
<a-row class="" :gutter="gutter">
<a-col :xs="{ span: 12 }" :sm="{ span: 12 }" :lg="{ span: 12 }">
<div class="numberBlob">
<div class="numSpan blue">{{ tjData?.jinRiTingKe?.btkktnum??0 }}</div>
<div class="numSpan blue" @click="showList('jrtkkts')">{{ tjData?.jinRiTingKe?.btkktnum??0 }}</div>
<div class="numberName">
<!-- <StockOutlined class="blue"/> -->
<i class="fa fa-bolt blue"></i>
@ -97,7 +97,7 @@
</a-col>
<a-col :xs="{ span: 12 }" :sm="{ span: 12 }" :lg="{ span: 12 }">
<div class="numberBlob">
<div class="numSpan orange">{{ tjData?.jinRiTingKe?.tkrcnum??0 }}</div>
<div class="numSpan orange" @click="showList('jrtktkrc')">{{ tjData?.jinRiTingKe?.tkrcnum??0 }}</div>
<div class="numberName">
<!-- <RiseOutlined class="orange"/> -->
<i class="fa fa-level-up orange"></i>
@ -117,14 +117,29 @@
</div>
</a-col>
</a-row>
<jrktzs ref="jrktzsRef"/>
<jrktyxk ref="jrktyxkRef"/>
<skz ref="skzRef"/>
<ykktzs ref="ykktzsRef"/>
<ykkttkkt ref="ykkttkktRef"/>
<ykkttkrc ref="ykkttkrcRef"/>
<jrtkkts ref="jrtkktsRef"/>
<jrtktkrc ref="jrtktkrcRef"/>
</template>
<script setup lang="ts">
import { ref, reactive, computed, onMounted } from 'vue';
// import { PlusOutlined, FallOutlined, RiseOutlined, StockOutlined } from '@ant-design/icons-vue';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
import { defHttp } from '/@/utils/http/axios';
import jrktzs from './show/jrktzs.vue';
import jrktyxk from './show/jrktyxk.vue';
import skz from './show/skz.vue';
import ykktzs from './show/ykktzs.vue';
import ykkttkkt from './show/ykkttkkt.vue';
import ykkttkrc from './show/ykkttkrc.vue';
import jrtkkts from './show/jrtkkts.vue';
import jrtktkrc from './show/jrtktkrc.vue';
// import { useMessage } from "/@/hooks/web/useMessage";
// const { createConfirm } = useMessage();
@ -150,6 +165,28 @@ const list = (params) => defHttp.get({ url: Api.list, params });
const gutter = ref([16,16]);
const tjData = ref<any>({});
const jrktzsRef = ref();
const jrktyxkRef = ref();
const skzRef = ref();
const ykktzsRef = ref();
const ykkttkktRef = ref();
const ykkttkrcRef = ref();
const jrtkktsRef = ref();
const jrtktkrcRef = ref();
let views = {
jrktzsRef,
jrktyxkRef,
skzRef,
ykktzsRef,
ykkttkktRef,
ykkttkrcRef,
jrtkktsRef,
jrtktkrcRef,
}
onMounted(() => {
let skrq = formatToDate(new Date());
list({ skrq }).then(res => {
@ -157,8 +194,22 @@ onMounted(() => {
});
});
</script>
<script setup lang="ts">
function showList(type){
console.log(`🚀 -------------------------------------------------🚀`);
console.log(`🚀 ~ file: index.vue:199 ~ showList ~ type:`, type);
console.log(`🚀 -------------------------------------------------🚀`);
let view = views[type + 'Ref'];
console.log(`🚀 -------------------------------------------------🚀`);
console.log(`🚀 ~ file: index.vue:205 ~ showList ~ view:`, view, views);
console.log(`🚀 -------------------------------------------------🚀`);
if(view){
view.value.open();
}
}
</script>
<style lang="less" scoped>

109
src/views/site/tongJi/show/jrktyxk.vue Normal file
View File

@ -0,0 +1,109 @@
<template>
<a-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
<a-table
:dataSource="dataSource"
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
>
</a-table>
</a-modal>
</template>
<script lang="ts" setup>
import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const columns = ref([
// {
// title: '',
// dataIndex: '',
// key: 'rowIndex',
// width: 50,
// fixed: 'left',
// align: 'center',
// slots: { customRender: 'dayWarnning' },
// },
{
title: '课程名称',
align: 'center',
dataIndex: 'kcmc',
width: 80,
},
{
title: '上课教师',
align: 'center',
dataIndex: 'skjs',
width: 80,
},
{
title: '节次',
align: 'center',
dataIndex: 'hh',
width: 80,
},
{
title: '上课地点',
align: 'center',
dataIndex: 'skdd',
width: 80,
},
]);
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
const emit = defineEmits(['register', 'success']);
function open(){
console.log("打开了！");
//打开窗口
title.value = '已下课';
visible.value = true;
disableSubmit.value = true;
loadData();
}
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/jrktyxkList', params: { skrq } }).then(res => {
dataSource.value = res;
})
}
/**
* 确定按钮点击事件
*/
function handleOk() {
//registerForm.value.submitForm();
}
/**
* form保存回调事件
*/
function submitCallback() {
handleCancel();
emit('success');
}
/**
* 取消按钮回调事件
*/
function handleCancel() {
visible.value = false;
}
defineExpose({
open
})
</script>
<style lang="less" scoped>
/**隐藏样式-modal确定按钮 */
.jee-hidden {
display: none !important;
}
</style>

109
src/views/site/tongJi/show/jrktzs.vue Normal file
View File

@ -0,0 +1,109 @@
<template>
<a-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
<a-table
:dataSource="dataSource"
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
>
</a-table>
</a-modal>
</template>
<script lang="ts" setup>
import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const columns = ref([
// {
// title: '',
// dataIndex: '',
// key: 'rowIndex',
// width: 50,
// fixed: 'left',
// align: 'center',
// slots: { customRender: 'dayWarnning' },
// },
{
title: '课程名称',
align: 'center',
dataIndex: 'kcmc',
width: 80,
},
{
title: '上课教师',
align: 'center',
dataIndex: 'skjs',
width: 80,
},
{
title: '节次',
align: 'center',
dataIndex: 'hh',
width: 80,
},
{
title: '上课地点',
align: 'center',
dataIndex: 'skdd',
width: 80,
},
]);
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
const emit = defineEmits(['register', 'success']);
function open(){
console.log("打开了！");
//打开窗口
title.value = '总数';
visible.value = true;
disableSubmit.value = true;
loadData();
}
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/jrktzsList', params: { skrq } }).then(res => {
dataSource.value = res;
})
}
/**
* 确定按钮点击事件
*/
function handleOk() {
//registerForm.value.submitForm();
}
/**
* form保存回调事件
*/
function submitCallback() {
handleCancel();
emit('success');
}
/**
* 取消按钮回调事件
*/
function handleCancel() {
visible.value = false;
}
defineExpose({
open
})
</script>
<style lang="less" scoped>
/**隐藏样式-modal确定按钮 */
.jee-hidden {
display: none !important;
}
</style>

109
src/views/site/tongJi/show/jrtkkts.vue Normal file
View File

@ -0,0 +1,109 @@
<template>
<a-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
<a-table
:dataSource="dataSource"
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
>
</a-table>
</a-modal>
</template>
<script lang="ts" setup>
import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const columns = ref([
// {
// title: '',
// dataIndex: '',
// key: 'rowIndex',
// width: 50,
// fixed: 'left',
// align: 'center',
// slots: { customRender: 'dayWarnning' },
// },
{
title: '课程名称',
align: 'center',
dataIndex: 'kcmc',
width: 80,
},
{
title: '上课教师',
align: 'center',
dataIndex: 'skjs',
width: 80,
},
{
title: '节次',
align: 'center',
dataIndex: 'hh',
width: 80,
},
{
title: '上课地点',
align: 'center',
dataIndex: 'skdd',
width: 80,
},
]);
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
const emit = defineEmits(['register', 'success']);
function open(){
console.log("打开了！");
//打开窗口
title.value = '今日课堂';
visible.value = true;
disableSubmit.value = true;
loadData();
}
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/jrtkktsList', params: { skrq } }).then(res => {
dataSource.value = res;
})
}
/**
* 确定按钮点击事件
*/
function handleOk() {
//registerForm.value.submitForm();
}
/**
* form保存回调事件
*/
function submitCallback() {
handleCancel();
emit('success');
}
/**
* 取消按钮回调事件
*/
function handleCancel() {
visible.value = false;
}
defineExpose({
open
})
</script>
<style lang="less" scoped>
/**隐藏样式-modal确定按钮 */
.jee-hidden {
display: none !important;
}
</style>

109
src/views/site/tongJi/show/jrtktkrc.vue Normal file
View File

@ -0,0 +1,109 @@
<template>
<a-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
<a-table
:dataSource="dataSource"
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
>
</a-table>
</a-modal>
</template>
<script lang="ts" setup>
import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const columns = ref([
// {
// title: '',
// dataIndex: '',
// key: 'rowIndex',
// width: 50,
// fixed: 'left',
// align: 'center',
// slots: { customRender: 'dayWarnning' },
// },
{
title: '课程名称',
align: 'center',
dataIndex: 'kcmc',
width: 80,
},
{
title: '上课教师',
align: 'center',
dataIndex: 'skjs',
width: 80,
},
{
title: '节次',
align: 'center',
dataIndex: 'hh',
width: 80,
},
{
title: '上课地点',
align: 'center',
dataIndex: 'skdd',
width: 80,
},
]);
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
const emit = defineEmits(['register', 'success']);
function open(){
console.log("打开了！");
//打开窗口
title.value = '今日课堂';
visible.value = true;
disableSubmit.value = true;
loadData();
}
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/jrtktkrcList', params: { skrq } }).then(res => {
dataSource.value = res;
})
}
/**
* 确定按钮点击事件
*/
function handleOk() {
//registerForm.value.submitForm();
}
/**
* form保存回调事件
*/
function submitCallback() {
handleCancel();
emit('success');
}
/**
* 取消按钮回调事件
*/
function handleCancel() {
visible.value = false;
}
defineExpose({
open
})
</script>
<style lang="less" scoped>
/**隐藏样式-modal确定按钮 */
.jee-hidden {
display: none !important;
}
</style>

109
src/views/site/tongJi/show/skz.vue Normal file
View File

@ -0,0 +1,109 @@
<template>
<a-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
<a-table
:dataSource="dataSource"
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
>
</a-table>
</a-modal>
</template>
<script lang="ts" setup>
import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const columns = ref([
// {
// title: '',
// dataIndex: '',
// key: 'rowIndex',
// width: 50,
// fixed: 'left',
// align: 'center',
// slots: { customRender: 'dayWarnning' },
// },
{
title: '课程名称',
align: 'center',
dataIndex: 'kcmc',
width: 80,
},
{
title: '上课教师',
align: 'center',
dataIndex: 'skjs',
width: 80,
},
{
title: '节次',
align: 'center',
dataIndex: 'hh',
width: 80,
},
{
title: '上课地点',
align: 'center',
dataIndex: 'skdd',
width: 80,
},
]);
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
const emit = defineEmits(['register', 'success']);
function open(){
console.log("打开了！");
//打开窗口
title.value = '今日课堂';
visible.value = true;
disableSubmit.value = true;
loadData();
}
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/skzList', params: { skrq } }).then(res => {
dataSource.value = res;
})
}
/**
* 确定按钮点击事件
*/
function handleOk() {
//registerForm.value.submitForm();
}
/**
* form保存回调事件
*/
function submitCallback() {
handleCancel();
emit('success');
}
/**
* 取消按钮回调事件
*/
function handleCancel() {
visible.value = false;
}
defineExpose({
open
})
</script>
<style lang="less" scoped>
/**隐藏样式-modal确定按钮 */
.jee-hidden {
display: none !important;
}
</style>

109
src/views/site/tongJi/show/ykkttkkt.vue Normal file
View File

@ -0,0 +1,109 @@
<template>
<a-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
<a-table
:dataSource="dataSource"
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
>
</a-table>
</a-modal>
</template>
<script lang="ts" setup>
import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const columns = ref([
// {
// title: '',
// dataIndex: '',
// key: 'rowIndex',
// width: 50,
// fixed: 'left',
// align: 'center',
// slots: { customRender: 'dayWarnning' },
// },
{
title: '课程名称',
align: 'center',
dataIndex: 'kcmc',
width: 80,
},
{
title: '上课教师',
align: 'center',
dataIndex: 'skjs',
width: 80,
},
{
title: '节次',
align: 'center',
dataIndex: 'hh',
width: 80,
},
{
title: '上课地点',
align: 'center',
dataIndex: 'skdd',
width: 80,
},
]);
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
const emit = defineEmits(['register', 'success']);
function open(){
console.log("打开了！");
//打开窗口
title.value = '今日课堂';
visible.value = true;
disableSubmit.value = true;
loadData();
}
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/ykkttkktList', params: { skrq } }).then(res => {
dataSource.value = res;
})
}
/**
* 确定按钮点击事件
*/
function handleOk() {
//registerForm.value.submitForm();
}
/**
* form保存回调事件
*/
function submitCallback() {
handleCancel();
emit('success');
}
/**
* 取消按钮回调事件
*/
function handleCancel() {
visible.value = false;
}
defineExpose({
open
})
</script>
<style lang="less" scoped>
/**隐藏样式-modal确定按钮 */
.jee-hidden {
display: none !important;
}
</style>

109
src/views/site/tongJi/show/ykkttkrc.vue Normal file
View File

@ -0,0 +1,109 @@
<template>
<a-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
<a-table
:dataSource="dataSource"
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
>
</a-table>
</a-modal>
</template>
<script lang="ts" setup>
import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const columns = ref([
// {
// title: '',
// dataIndex: '',
// key: 'rowIndex',
// width: 50,
// fixed: 'left',
// align: 'center',
// slots: { customRender: 'dayWarnning' },
// },
{
title: '课程名称',
align: 'center',
dataIndex: 'kcmc',
width: 80,
},
{
title: '上课教师',
align: 'center',
dataIndex: 'skjs',
width: 80,
},
{
title: '节次',
align: 'center',
dataIndex: 'hh',
width: 80,
},
{
title: '上课地点',
align: 'center',
dataIndex: 'skdd',
width: 80,
},
]);
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
const emit = defineEmits(['register', 'success']);
function open(){
console.log("打开了！");
//打开窗口
title.value = '今日课堂';
visible.value = true;
disableSubmit.value = true;
loadData();
}
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/ykkttkrcList', params: { skrq } }).then(res => {
dataSource.value = res;
})
}
/**
* 确定按钮点击事件
*/
function handleOk() {
//registerForm.value.submitForm();
}
/**
* form保存回调事件
*/
function submitCallback() {
handleCancel();
emit('success');
}
/**
* 取消按钮回调事件
*/
function handleCancel() {
visible.value = false;
}
defineExpose({
open
})
</script>
<style lang="less" scoped>
/**隐藏样式-modal确定按钮 */
.jee-hidden {
display: none !important;
}
</style>

109
src/views/site/tongJi/show/ykktzs.vue Normal file
View File

@ -0,0 +1,109 @@
<template>
<a-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
<a-table
:dataSource="dataSource"
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
>
</a-table>
</a-modal>
</template>
<script lang="ts" setup>
import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const columns = ref([
// {
// title: '',
// dataIndex: '',
// key: 'rowIndex',
// width: 50,
// fixed: 'left',
// align: 'center',
// slots: { customRender: 'dayWarnning' },
// },
{
title: '课程名称',
align: 'center',
dataIndex: 'kcmc',
width: 80,
},
{
title: '上课教师',
align: 'center',
dataIndex: 'skjs',
width: 80,
},
{
title: '节次',
align: 'center',
dataIndex: 'hh',
width: 80,
},
{
title: '上课地点',
align: 'center',
dataIndex: 'skdd',
width: 80,
},
]);
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
const emit = defineEmits(['register', 'success']);
function open(){
console.log("打开了！");
//打开窗口
title.value = '今日课堂';
visible.value = true;
disableSubmit.value = true;
loadData();
}
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/ykktzsList', params: { skrq, } }).then(res => {
dataSource.value = res;
})
}
/**
* 确定按钮点击事件
*/
function handleOk() {
//registerForm.value.submitForm();
}
/**
* form保存回调事件
*/
function submitCallback() {
handleCancel();
emit('success');
}
/**
* 取消按钮回调事件
*/
function handleCancel() {
visible.value = false;
}
defineExpose({
open
})
</script>
<style lang="less" scoped>
/**隐藏样式-modal确定按钮 */
.jee-hidden {
display: none !important;
}
</style>