From d676dae056091bc118792d85e15cd62832508da5 Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Wed, 20 Mar 2024 14:59:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=8A=A0=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/kc/kcKetangBaobiao/KcktTjMain.vue   |  38 +++++
 .../kc/kcKetangBaobiao/KechengNumList.vue     | 154 ++++++++++++++++++
 2 files changed, 192 insertions(+)
 create mode 100644 src/views/kc/kcKetangBaobiao/KcktTjMain.vue
 create mode 100644 src/views/kc/kcKetangBaobiao/KechengNumList.vue

diff --git a/src/views/kc/kcKetangBaobiao/KcktTjMain.vue b/src/views/kc/kcKetangBaobiao/KcktTjMain.vue
new file mode 100644
index 0000000..e6b9600
--- /dev/null
+++ b/src/views/kc/kcKetangBaobiao/KcktTjMain.vue
@@ -0,0 +1,38 @@
+<template>
+  <div style="background-color: #fff;padding: 10px;">
+    <a-tabs v-model:activeKey="activeKey">
+      <a-tab-pane key="1" tab="课程统计">
+        <kecheng-num-list />
+      </a-tab-pane>
+      <a-tab-pane key="2" tab="课堂统计">
+        <ketang-num-list />
+      </a-tab-pane>
+    </a-tabs>
+  </div>
+</template>
+
+<script lang="ts" name="kc-xxhbtkxx" setup>
+  import { ref } from 'vue';
+  import KechengNumList from '/@/views/kc/kcKetangBaobiao/KechengNumList.vue';
+  import KetangNumList from '/@/views/kc/kcKetangBaobiao/KetangNumList.vue';
+  const activeKey = ref('1');
+</script>
+
+<style lang="less" scoped>
+  .jeecg-basic-table-form-container {
+    .table-page-search-submitButtons {
+      display: block;
+      margin-bottom: 24px;
+      white-space: nowrap;
+    }
+    .query-group-cust{
+      width: calc(50% - 15px);
+      min-width: 100px !important;
+    }
+    .query-group-split-cust{
+      width: 30px;
+      display: inline-block;
+      text-align: center
+    }
+  }
+</style>
diff --git a/src/views/kc/kcKetangBaobiao/KechengNumList.vue b/src/views/kc/kcKetangBaobiao/KechengNumList.vue
new file mode 100644
index 0000000..f03c123
--- /dev/null
+++ b/src/views/kc/kcKetangBaobiao/KechengNumList.vue
@@ -0,0 +1,154 @@
+<template>
+  <div>
+    <!--查询区域-->
+    <div class="jeecg-basic-table-form-container">
+      <a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
+        <a-row :gutter="24" style="height: 51px;">
+          <a-col :lg="8">
+            <a-form-item label="学年学期">
+              <j-dict-select-tag placeholder="请选择学年学期" v-model:value="queryParam.xnxq" dictCode="kc_xqxn_history,title,title,true order by start_time desc"/>
+            </a-form-item>
+          </a-col>
+          <!--</template>-->
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
+              <a-col :lg="6">
+                <a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
+                <a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset" style="margin-left: 8px">重置</a-button>
+              <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls" style="margin-left: 8px">导出</a-button>
+                <!--<a @click="toggleSearchStatus = !toggleSearchStatus" style="margin-left: 8px">
+                  {{ toggleSearchStatus ? '收起' : '展开' }}
+                  <Icon :icon="toggleSearchStatus ? 'ant-design:up-outlined' : 'ant-design:down-outlined'" />
+                </a>-->
+              </a-col>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+    <!--引用表格-->
+    <BasicTable @register="registerTable">
+      <!--插槽:table标题-->
+      <template #tableTitle>
+      </template>
+      <!--操作栏-->
+      <template #action="{ record }">
+        <TableAction />
+      </template>
+      <!--字段回显插槽-->
+      <template #htmlSlot="{text}">
+        <div v-html="text"></div>
+      </template>
+      <template #fileSlot="{text}">
+        <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+        <a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined" size="small" @click="downloadFile(text)">下载</a-button>
+      </template>
+    </BasicTable>
+  </div>
+</template>
+
+<script lang="ts" name="kc-xxhbtkxx" setup>
+  import { ref, reactive } from 'vue';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns } from './KetangNum.data';
+  import { kclist, deleteOne, batchDelete, getImportUrl, getKcExportUrl } from './KetangNum.api';
+  import { downloadFile } from '/@/utils/common/renderUtils';
+  import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+  import { JInput } from '/@/components/Form';
+
+  const queryParam = ref<any>({});
+  const toggleSearchStatus = ref<boolean>(false);
+  const registerModal = ref();
+  //注册table数据
+  const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '课程统计',
+      api: kclist,
+      columns,
+      canResize:false,
+      useSearchForm: false,
+      showActionColumn: false,
+      actionColumn: {
+        width: 120,
+        fixed: 'right',
+      },
+      beforeFetch: (params) => {
+        // params.column = 'skrq',params.order = 'desc';//新生成的默认不带排序
+        return Object.assign(params, queryParam.value);
+      },
+    },
+    exportConfig: {
+      name: "课程统计",
+      url: getKcExportUrl,
+      params: () => {
+        let params:any = {};
+        return Object.assign(params,queryParam.value);
+      }
+    },
+	importConfig: {
+	  url: getImportUrl,
+	  success: handleSuccess
+	},
+  });
+  const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
+  const labelCol = reactive({
+    xs: { span: 24 },
+    sm: { span: 7 },
+  });
+  const wrapperCol = reactive({
+    xs: { span: 24 },
+    sm: { span: 16 },
+  });
+ 
+
+  /**
+   * 成功回调
+   */
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+  /**
+   * 查询
+   */
+  function searchQuery() {
+    reload();
+  }
+
+  /**
+   * 重置
+   */
+  function searchReset() {
+    queryParam.value = {};
+    selectedRowKeys.value = [];
+    //刷新数据
+    reload();
+  }
+
+
+
+
+</script>
+
+<style lang="less" scoped>
+  .jeecg-basic-table-form-container {
+    .table-page-search-submitButtons {
+      display: block;
+      margin-bottom: 24px;
+      white-space: nowrap;
+    }
+    .query-group-cust{
+      width: calc(50% - 15px);
+      min-width: 100px !important;
+    }
+    .query-group-split-cust{
+      width: 30px;
+      display: inline-block;
+      text-align: center
+    }
+  }
+ .jeecg-basic-table-form-container {
+    padding: 10px;
+    height: 50px;
+}
+</style>