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

src/views/site/index.vue

@@ -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>

src/views/site/tongJi/index.vue

@@ -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>
+function showList(type){
-<script setup lang="ts">
+
+  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>

src/views/site/tongJi/show/jrktyxk.vue

@@ -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>

src/views/site/tongJi/show/jrktzs.vue

@@ -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>

src/views/site/tongJi/show/jrtkkts.vue

@@ -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>

src/views/site/tongJi/show/jrtktkrc.vue

@@ -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>

src/views/site/tongJi/show/skz.vue

@@ -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>

src/views/site/tongJi/show/ykkttkkt.vue

@@ -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>

src/views/site/tongJi/show/ykkttkrc.vue

@@ -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>

src/views/site/tongJi/show/ykktzs.vue

@@ -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>