From eb97fbdb703b355b2be2d3e1b495f06cd9b7f7c3 Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Sat, 11 Nov 2023 21:21:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../KcExportConfigTpkwcqkjzglxListAll.vue     |  30 ++
 .../KcExportConfigTpkwcqkjzglxListNew.vue     |  54 ++-
 .../KcExportConfigTpkwcqkjzglxListOld.vue     | 355 ------------------
 src/views/kc/config/StaticCon/StaticCon.vue   |  19 +
 .../kc/config/StaticCon/StaticConGly.api.ts   |  72 ++++
 .../kc/config/StaticCon/StaticConGly.data.ts  |  86 +++++
 .../kc/config/StaticCon/StaticConGlyChart.vue | 226 +++++++++++
 .../StaticCon/StaticConGlyChartModal.vue      |  75 ++++
 .../kc/config/StaticCon/StaticConXygly.api.ts |  72 ++++
 .../config/StaticCon/StaticConXyglyChart.vue  |  48 +++
 .../StaticCon/StaticConXyglyChartBar.vue      | 109 ++++++
 .../StaticCon/StaticConXyglyChartModal.vue    |  75 ++++
 12 files changed, 854 insertions(+), 367 deletions(-)
 create mode 100644 src/views/kc/config/KcExportConfigTpkwcqkjzglxListAll.vue
 delete mode 100644 src/views/kc/config/KcExportConfigTpkwcqkjzglxListOld.vue
 create mode 100644 src/views/kc/config/StaticCon/StaticConGly.api.ts
 create mode 100644 src/views/kc/config/StaticCon/StaticConGly.data.ts
 create mode 100644 src/views/kc/config/StaticCon/StaticConGlyChart.vue
 create mode 100644 src/views/kc/config/StaticCon/StaticConGlyChartModal.vue
 create mode 100644 src/views/kc/config/StaticCon/StaticConXygly.api.ts
 create mode 100644 src/views/kc/config/StaticCon/StaticConXyglyChart.vue
 create mode 100644 src/views/kc/config/StaticCon/StaticConXyglyChartBar.vue
 create mode 100644 src/views/kc/config/StaticCon/StaticConXyglyChartModal.vue

diff --git a/src/views/kc/config/KcExportConfigTpkwcqkjzglxListAll.vue b/src/views/kc/config/KcExportConfigTpkwcqkjzglxListAll.vue
new file mode 100644
index 0000000..39dc99b
--- /dev/null
+++ b/src/views/kc/config/KcExportConfigTpkwcqkjzglxListAll.vue
@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <!--查询区域-->
+    <div class="jeecg-basic-table-form-container">
+      <div style="float:right">
+        <a-switch checkedChildren="卡片" unCheckedChildren="列表" v-model:checked="twoShowType" />
+      </div>
+      <div v-show="!twoShowType">
+        <KcExportConfigTpkwcqkjzglxList/>
+      </div>
+      <div v-show="twoShowType">
+        <KcExportConfigTpkwcqkjzglxListNew/>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script lang="ts" name="config-kcExportConfigTpkwcqkjzglx" setup>
+  import { ref, reactive, computed, watch, nextTick } from 'vue';
+   
+  import KcExportConfigTpkwcqkjzglxList from './KcExportConfigTpkwcqkjzglxList.vue';
+  import KcExportConfigTpkwcqkjzglxListNew from './KcExportConfigTpkwcqkjzglxListNew.vue';
+
+  const twoShowType:Ref<boolean> = ref(true);
+
+
+
+</script>
+
diff --git a/src/views/kc/config/KcExportConfigTpkwcqkjzglxListNew.vue b/src/views/kc/config/KcExportConfigTpkwcqkjzglxListNew.vue
index a5ab190..7ed4d94 100644
--- a/src/views/kc/config/KcExportConfigTpkwcqkjzglxListNew.vue
+++ b/src/views/kc/config/KcExportConfigTpkwcqkjzglxListNew.vue
@@ -15,6 +15,7 @@
                 <a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
                 <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExport" style="margin-left: 8px">PDF导出</a-button>
                 <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls" style="margin-left: 8px">Excel导出</a-button>
+                <a-button type="primary" preIcon="ant-design:export-outlined" @click="pdfzwys" style="margin-left: 8px">PDF职位映射</a-button>
               </a-col>
             </span>
           </a-col>
@@ -27,31 +28,31 @@
           <a-card :title="item.title" class="glyclass" headStyle="font-size:18px;font-weight:700;text-align:center;color:#d3822c;">
             <a-row style="line-height:30px;font-size:18px;text-align:center;color:#fff">
               <a-col :span="8">
-                <a style="color:#fff;" @click="handleEdit(item)">
+                <a style="color:#fff;" @click="handleEdit(item,0)">
                 <div>{{item.zrs}}</div>
                 <div>总人数</div>
                 </a>
               </a-col>
               <a-col :span="8">
-                <a style="color:#fff;" @click="handleEdit(item)">
+                <a style="color:#fff;" @click="handleEdit(item,1)">
                 <div>{{item.ywcrs}}</div>
                 <div>已完成人数</div>
                 </a>
               </a-col>
               <a-col :span="8">
-                <a style="color:#fff;" @click="handleEdit(item)">
+                <a style="color:#fff;" @click="handleEdit(item,2)">
                 <div>{{item.wwcrs}}</div>
                 <div>未完成人数</div>
                 </a>
               </a-col>
               <a-col :span="12">
-                <a style="color:#fff;" @click="handleEdit(item)">
+                <a style="color:#fff;" @click="handleEdit(item,0)">
                 <div>{{item.ypkcs}}</div>
                 <div>应评课次数</div>
                 </a>
               </a-col>
               <a-col :span="12">
-                <a style="color:#fff;" @click="handleEdit(item)">
+                <a style="color:#fff;" @click="handleEdit(item,0)">
                 <div>{{item.sjpkcs}}</div>
                 <div>已评课次数</div>
                 </a>
@@ -65,31 +66,31 @@
           <a-card :title="item.title" class="xyglyclass" headStyle="font-size:18px;font-weight:700;text-align:center;color:#d3822c;" >
             <a-row style="line-height:30px;font-size:18px;text-align:center;color:#fff">
               <a-col :span="8">
-                <a style="color:#fff;" @click="handleEdit(item)">
+                <a style="color:#fff;" @click="handleEdit(item,0)">
                 <div>{{item.zrs}}</div>
                 <div>总人数</div>
                 </a>
               </a-col>
               <a-col :span="8">
-                <a style="color:#fff;" @click="handleEdit(item)">
+                <a style="color:#fff;" @click="handleEdit(item,1)">
                 <div>{{item.ywcrs}}</div>
                 <div>已完成人数</div>
                 </a>
               </a-col>
               <a-col :span="8">
-                <a style="color:#fff;" @click="handleEdit(item)">
+                <a style="color:#fff;" @click="handleEdit(item,2)">
                 <div>{{item.wwcrs}}</div>
                 <div>未完成人数</div>
                 </a>
               </a-col>
               <a-col :span="12">
-                <a style="color:#fff;" @click="handleEdit(item)">
+                <a style="color:#fff;" @click="handleEdit(item,0)">
                 <div>{{item.ypkcs}}</div>
                 <div>应评课次数</div>
                 </a>
               </a-col>
               <a-col :span="12">
-                <a style="color:#fff;" @click="handleEdit(item)">
+                <a style="color:#fff;" @click="handleEdit(item,0)">
                 <div>{{item.sjpkcs}}</div>
                 <div>已评课次数</div>
                 </a>
@@ -104,6 +105,9 @@
     </div>
     <StaticConModal ref="StaticCon"/> 
     <StaticConChartModal ref="StaticConChart"/>
+    <KcZwtksfInfoListModal ref="KcZwtksfInfoList"/>
+    <StaticConXyglyChartModal ref="StaticConXyglyChart"/>
+    <StaticConGlyChartModal ref="StaticConGlyChart"/>
   </div>
 </template>
 
@@ -117,11 +121,17 @@
   import { useListPage } from '/@/hooks/system/useListPage';
   import StaticConModal from '/@/views/kc/config/StaticCon/StaticConModal.vue';
   import StaticConChartModal from '/@/views/kc/config/StaticCon/StaticConChartModal.vue';
+  import KcZwtksfInfoListModal from '/@/views/kc/kcZwtksfInfo/KcZwtksfInfoListModal.vue';
+  import StaticConXyglyChartModal from '/@/views/kc/config/StaticCon/StaticConXyglyChartModal.vue';
+  import StaticConGlyChartModal from '/@/views/kc/config/StaticCon/StaticConGlyChartModal.vue';
 
 
-  
   const StaticCon = ref();
   const StaticConChart = ref();
+  const KcZwtksfInfoList = ref();
+  const StaticConXyglyChart = ref();
+  const StaticConGlyChart = ref();
+  
   const queryParam = ref<any>({});
 
     const roleList = computed(() => getUserInfo()?.roleList??[]);
@@ -145,14 +155,34 @@
     sm: { span: 16 },
   });
 
-  function handleEdit(record) {
+  function pdfzwys(){
+    KcZwtksfInfoList.value.disableSubmit = true;
+    KcZwtksfInfoList.value.add();
+  }
+  function handleEdit(record,type) {
+    record.type = type;
     StaticCon.value.disableSubmit = true;
     StaticCon.value.edit(record);
   }
 
   function chartFun(record) {
+    var ttt = roleList.value.filter(x => x.roleCode == 'admin' ).length;
+    if(record.title == "其他专任教师"){
+      console.log(`111111111111`)
+      if(ttt == 1){//管理员
+      console.log(`2222`)
+        StaticConGlyChart.value.disableSubmit = true;
+        StaticConGlyChart.value.edit(record);
+      }else{//教务秘书
+      console.log(`3333`)
+        StaticConXyglyChart.value.disableSubmit = true;
+        StaticConXyglyChart.value.edit(record);
+      }
+    }else{
     StaticConChart.value.disableSubmit = true;
     StaticConChart.value.edit(record);
+    }
+
   }
   /**
    * 查询
diff --git a/src/views/kc/config/KcExportConfigTpkwcqkjzglxListOld.vue b/src/views/kc/config/KcExportConfigTpkwcqkjzglxListOld.vue
deleted file mode 100644
index 02b841d..0000000
--- a/src/views/kc/config/KcExportConfigTpkwcqkjzglxListOld.vue
+++ /dev/null
@@ -1,355 +0,0 @@
-<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">
-          <a-col :span="8">
-            <a-form-item label="学年学期">
-              <j-dict-select-tag ref="xqDictTag" placeholder="请选择学年学期" v-model:value="queryParam.xqxn" dictCode="kc_xqxn_history,title,title,true order by start_time desc"/>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="8" v-if="!!roleList.filter(x => x.roleCode == 'admin' ).length">
-            <a-form-item label="单位名称">
-              <!-- <j-dict-select-tag placeholder="请选择单位名称" v-model:value="queryParam.tklx" dictCode="tpkwcqkjzglx"/> -->
-              <j-dict-select-tag placeholder="请选择单位名称" v-model:value="queryParam.dwmc" dictCode="kc_export_config_tpkwcqkjzglx,dwmc,dwmc,true group by dwmc"/>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="8">
-            <a-form-item label="教师工号">
-              <!-- <j-dict-select-tag placeholder="请选择教师" v-model:value="queryParam.gh" dictCode="xxhbuser,xm,gh"/> -->
-              <j-input placeholder="请输入教师工号" v-model:value="queryParam.gh"/>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="8">
-            <a-form-item label="教师姓名">
-              <!-- <j-dict-select-tag placeholder="请选择教师" v-model:value="queryParam.gh" dictCode="xxhbuser,xm,gh"/> -->
-              <j-input placeholder="请输入教师姓名" v-model:value="queryParam.xm"/>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="8">
-            <a-form-item label="听课身份">
-              <j-dict-select-tag mode="multiple" placeholder="请选择听课身份" v-model:value="queryParam.tklx" dictCode="tpkwcqkjzglx"/>
-            </a-form-item>
-          </a-col>
-          <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="onExport" style="margin-left: 8px">PDF导出</a-button>
-                <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls" style="margin-left: 8px">Excel导出</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" :rowSelection="rowSelection">
-      <!--插槽:table标题-->
-      <template #tableTitle>
-        <!-- <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
-        <a-button type="primary" @click="handleAddYq" preIcon="ant-design:plus-outlined"> 听课要求</a-button> -->
-        <!-- <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button> -->
-        <!-- <a-dropdown v-if="selectedRowKeys.length > 0">
-          <template #overlay>
-            <a-menu>
-              <a-menu-item key="1" @click="batchHandleDelete">
-                <Icon icon="ant-design:delete-outlined"></Icon>
-                删除
-              </a-menu-item>
-            </a-menu>
-          </template>
-          <a-button>批量操作
-            <Icon icon="mdi:chevron-down"></Icon>
-          </a-button>
-        </a-dropdown> -->
-      </template>
-      <!--操作栏-->
-      <template #action="{ record }">
-        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
-      </template>
-      <!--字段回显插槽-->
-      <!-- <template #htmlSlot="{text}">
-        <div v-html="text"></div>
-      </template> -->
-      <!--省市区字段回显插槽-->
-      <!--<template #pcaSlot="{text}">
-        {{ getAreaTextByCode(text) }}
-      </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>
-    <!-- 表单区域 -->
-    <KcExportConfigTpkwcqkjzglxModal ref="registerModal" @success="handleSuccess"></KcExportConfigTpkwcqkjzglxModal>
-    <KcTksfrzbModal ref="registerYqModal" @success="handleSuccess"></KcTksfrzbModal>
-
-
-  </div>
-</template>
-
-<script lang="ts" name="config-kcExportConfigTpkwcqkjzglx" setup>
-  import { ref, reactive, computed, watch, nextTick } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { useListPage } from '/@/hooks/system/useListPage';
-  import { columns } from './KcExportConfigTpkwcqkjzglx.data';
-  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './KcExportConfigTpkwcqkjzglx.api';
-  import { downloadFile } from '/@/utils/common/renderUtils';
-  import KcExportConfigTpkwcqkjzglxModal from './components/KcExportConfigTpkwcqkjzglxModal.vue'
-  import KcTksfrzbModal from './components/KcTksfrzbModal.vue'
-  import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
-  import { defHttp } from '/@/utils/http/axios';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { JInput } from '/@/components/Form';
-  import { getSysConfig } from '/@/views/site/utils/index';
-  import { getUserInfo, getUserId } from '/@/views/site/utils/index';
-
-  const roleList = computed(() => getUserInfo()?.roleList??[]);
-
-  const queryParam = ref<any>({});
-  const toggleSearchStatus = ref<boolean>(false);
-  const registerModal = ref();
-  const registerYqModal = ref();
-
-  const { createMessage } = useMessage();
-
-  const xqDictTag = ref();
-
-  watch(() => xqDictTag.value?.dictOptions,(d) => {
-    if(d){
-      queryParam.value.xqxn = d[0]?.value
-      if(queryParam.value.xqxn){
-        nextTick(() => {
-          reload();
-        })
-      }
-    }
-  },{
-    deep:true,
-    immediate:true,
-  });
-
-  //注册table数据
-  const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
-    tableProps: {
-      title: 'kc_export_config_tpkwcqkjzglx',
-      api: list,
-      columns,
-      canResize:false,
-      useSearchForm: false,
-      showActionColumn: false,
-      immediate: false,
-      actionColumn: {
-        width: 120,
-        fixed: 'right',
-      },
-      beforeFetch: (params) => {
-        params.column = '',params.order = '';//新生成的默认不带排序
-        params.findByDwmc = !roleList.value.filter(x => x.roleCode == 'admin' ).length
-        params.findGh = getUserId()
-        //params.xqxn = getSysConfig().flag1;
-        return Object.assign(params, queryParam.value);
-      },
-    },
-    exportConfig: {
-      name: "人员信息",
-      url: getExportUrl,
-      params: () => {
-        let params:any = {};
-        params.findByDwmc = !roleList.value.filter(x => x.roleCode == 'admin' ).length
-        params.findGh = getUserId()
-        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 handleAdd() {
-    registerModal.value.disableSubmit = false;
-    registerModal.value.add();
-  }
-
-  function handleAddYq() {
-    registerYqModal.value.disableSubmit = false;
-    registerYqModal.value.add();
-  }
-
-  /**
-   * 编辑事件
-   */
-  function handleEdit(record: Recordable) {
-    registerModal.value.disableSubmit = false;
-    registerModal.value.edit(record);
-  }
-
-  /**
-   * 详情
-   */
-  function handleDetail(record: Recordable) {
-    registerModal.value.disableSubmit = true;
-    registerModal.value.edit(record);
-  }
-
-  /**
-   * 删除事件
-   */
-  async function handleDelete(record) {
-    await deleteOne({ id: record.id }, handleSuccess);
-  }
-
-  /**
-   * 批量删除事件
-   */
-  async function batchHandleDelete() {
-    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
-  }
-
-  /**
-   * 成功回调
-   */
-  function handleSuccess() {
-    (selectedRowKeys.value = []) && reload();
-  }
-
-  /**
-   * 操作栏
-   */
-  function getTableAction(record) {
-    return [
-      {
-        label: '编辑',
-        onClick: handleEdit.bind(null, record),
-      },
-    ];
-  }
-
-  /**
-   * 下拉操作栏
-   */
-  function getDropDownAction(record) {
-    return [
-      {
-        label: '详情',
-        onClick: handleDetail.bind(null, record),
-      }, {
-        label: '删除',
-        popConfirm: {
-          title: '是否确认删除',
-          confirm: handleDelete.bind(null, record),
-        }
-      }
-    ]
-  }
-
-  /**
-   * 查询
-   */
-  function searchQuery() {
-    reload();
-  }
-
-  /**
-   * 重置
-   */
-  function searchReset() {
-    queryParam.value = {};
-    selectedRowKeys.value = [];
-    //刷新数据
-    reload();
-  }
-
-  function onExport() {
-    // if(!!roleList.value.filter(x => x.roleCode == 'admin' ).length && !queryParam.value.dwmc) {
-    //   createMessage.warn('请选择导出的单位');
-    //   return ;
-    // }
-    onExportWord();
-  }
-
-  async function onExportWord(){
-    let dcType = 'pdf';
-    // let dcType = 'doc';
-
-    let fileName = dcType == 'pdf'?'教学听课情况表.pdf':'教学听课情况表.docx';
-    // let fileName = '教学听课情况表.docx';
-    let paramsForm = queryParam.value;
-
-    paramsForm = { ...paramsForm, findByDwmc: !roleList.value.filter(x => x.roleCode == 'admin' ).length, findGh: getUserId() }
-
-    let url = dcType == 'pdf'?'/config/kcExportConfigTpkwcqkjzglx/exportPdf':'/config/kcExportConfigTpkwcqkjzglx/exportWord'
-
-    const data = await defHttp.get({ url, params: paramsForm, responseType: 'blob' }, { isTransformResponse: false });
-    // const data = await defHttp.get({ url: '/config/kcExportConfigTpkwcqkjzglx/exportWord', params: paramsForm, responseType: 'blob' }, { isTransformResponse: false });
-    if (!data) {
-      createMessage.warning('文件下载失败');
-      return;
-    }
-
-    let blobOptions = dcType == 'pdf'?{ type: 'application/pdf' }:{ type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' };
-    // let blobOptions = { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' };
-
-    let navigator:any = window.navigator;
-    let msSaveBlob = navigator.msSaveBlob;
-
-    if (typeof msSaveBlob !== 'undefined') {
-      msSaveBlob(new Blob([data], blobOptions), fileName);
-    } else {
-      let url = window.URL.createObjectURL(new Blob([data], blobOptions));
-      let link = document.createElement('a');
-      link.style.display = 'none';
-      link.href = url;
-      link.setAttribute('download', fileName);
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link); //下载完成移除元素
-      window.URL.revokeObjectURL(url); //释放掉blob对象
-    }
-  }
-
-
-
-
-</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/config/StaticCon/StaticCon.vue b/src/views/kc/config/StaticCon/StaticCon.vue
index 4bbce1f..6839372 100644
--- a/src/views/kc/config/StaticCon/StaticCon.vue
+++ b/src/views/kc/config/StaticCon/StaticCon.vue
@@ -1,6 +1,24 @@
 <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">
+          <a-col :span="8">
+            <a-form-item label="学院名称">
+              <j-dict-select-tag  placeholder="请选择学院名称" v-model:value="queryParam.dwmc" dictCode="kc_export_config_tpkwcqkjzglx,dwmc,dwmc,zt  = '在职'  GROUP BY dwmc"/>
+            </a-form-item>
+          </a-col>
+          <a-col  :span="8">
+            <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-col>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
     <!--引用表格-->
     <BasicTable @register="registerTable" >
       <template #tableTitle>
@@ -176,6 +194,7 @@
   function init(record){
     console.log(`🚀 ~ file: StaticCon.vue:177 ~ init ~ record:`, record)
     queryParam.value.code = record.code;
+    queryParam.value.type = record.type;
     reload();
   }
 
diff --git a/src/views/kc/config/StaticCon/StaticConGly.api.ts b/src/views/kc/config/StaticCon/StaticConGly.api.ts
new file mode 100644
index 0000000..6287f89
--- /dev/null
+++ b/src/views/kc/config/StaticCon/StaticConGly.api.ts
@@ -0,0 +1,72 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from "/@/hooks/web/useMessage";
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/config/kcExportConfigTpkwcqkjzglx/getListQtzrjs',
+  save='/config/kcExportConfigTpkwcqkjzglx/add',
+  edit='/config/kcExportConfigTpkwcqkjzglx/edit',
+  deleteOne = '/config/kcExportConfigTpkwcqkjzglx/delete',
+  deleteBatch = '/config/kcExportConfigTpkwcqkjzglx/deleteBatch',
+  importExcel = '/config/kcExportConfigTpkwcqkjzglx/importExcel',
+  exportXls = '/config/kcExportConfigTpkwcqkjzglx/exportXls',
+}
+
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+/**
+ * 删除单个
+ * @param params
+ * @param handleSuccess
+ */
+export const deleteOne = (params,handleSuccess) => {
+  return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
+    handleSuccess();
+  });
+}
+
+/**
+ * 批量删除
+ * @param params
+ * @param handleSuccess
+ */
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
+        handleSuccess();
+      });
+    }
+  });
+}
+
+/**
+ * 保存或者更新
+ * @param params
+ * @param isUpdate
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+  let url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url: url, params }, { isTransformResponse: false });
+}
diff --git a/src/views/kc/config/StaticCon/StaticConGly.data.ts b/src/views/kc/config/StaticCon/StaticConGly.data.ts
new file mode 100644
index 0000000..26e9e39
--- /dev/null
+++ b/src/views/kc/config/StaticCon/StaticConGly.data.ts
@@ -0,0 +1,86 @@
+import {BasicColumn} from '/@/components/Table';
+import {FormSchema} from '/@/components/Table';
+import { rules} from '/@/utils/helper/validator';
+import { render } from '/@/utils/common/renderUtils';
+//列表数据
+export const columns: BasicColumn[] = [
+  {
+    title: '学院名称',
+    align: "center",
+    dataIndex: 'dwmc'
+  },
+  {
+    title: '姓名',
+    align: "center",
+    dataIndex: 'xm'
+  },
+  {
+    title: '任教专业',
+    align: "center",
+    dataIndex: 'rjzy'
+  },
+  // {
+  //   title: '听课身份',
+  //   align: "center",
+  //   dataIndex: 'tksf'
+  // },
+  {
+    title: '本学期应听课次数',
+    align: "center",
+    dataIndex: 'ytkcs'
+  },
+  {
+    title: '本学期实际听课次数',
+    align: "center",
+    dataIndex: 'sjtkcs'
+  },
+];
+
+//查询数据
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: "教师",
+    field: 'gh',
+    component: 'JDictSelectTag',
+    componentProps:{
+      dictCode: "xxhbuser,xm,gh"
+    },
+    colProps: {span: 6},
+  },
+  {
+    label: "听课类型",
+    field: 'tklx',
+    component: 'JDictSelectTag',
+    componentProps:{
+      dictCode: "tpkwcqkjzglx"
+    },
+    colProps: {span: 6},
+  },
+];
+
+//表单数据
+export const formSchema: FormSchema[] = [
+  {
+    label: '教师',
+    field: 'gh',
+    component: 'JDictSelectTag',
+    componentProps:{
+      dictCode: "xxhbuser,xm,gh"
+    },
+  },
+  {
+    label: '听课类型',
+    field: 'tklx',
+    component: 'JDictSelectTag',
+    componentProps:{
+      dictCode: "tpkwcqkjzglx"
+    },
+  },
+	// TODO 主键隐藏字段，目前写死为ID
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
diff --git a/src/views/kc/config/StaticCon/StaticConGlyChart.vue b/src/views/kc/config/StaticCon/StaticConGlyChart.vue
new file mode 100644
index 0000000..93bac7f
--- /dev/null
+++ b/src/views/kc/config/StaticCon/StaticConGlyChart.vue
@@ -0,0 +1,226 @@
+<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">
+          <a-col :span="8">
+            <a-form-item label="学院名称">
+              <j-dict-select-tag  placeholder="请选择学院名称" v-model:value="queryParam.dwmc" dictCode="kc_export_config_tpkwcqkjzglx,dwmc,dwmc,zt  = '在职'  GROUP BY dwmc"/>
+            </a-form-item>
+          </a-col>
+          <a-col  :span="8">
+            <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-col>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+    <!--引用表格-->
+    <BasicTable @register="registerTable" >
+      <template #tableTitle>
+      </template>
+      <!--操作栏-->
+      <template #action="{ record }">
+        <TableAction />
+      </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="config-KcTkypdata" setup>
+  import { ref, reactive, computed, watch, nextTick,defineExpose } from 'vue';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns } from './StaticConGly.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './StaticConGly.api';
+  import { downloadFile } from '/@/utils/common/renderUtils';
+  import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { JInput } from '/@/components/Form';
+  import { getSysConfig } from '/@/views/site/utils/index';
+  import { getUserInfo, getUserId } from '/@/views/site/utils/index';
+
+  const roleList = computed(() => getUserInfo()?.roleList??[]);
+
+  const queryParam = ref<any>({});
+  const toggleSearchStatus = ref<boolean>(false);
+
+  const { createMessage } = useMessage();
+
+  const xqDictTag = ref();
+
+  watch(() => xqDictTag.value?.dictOptions,(d) => {
+    if(d){
+      queryParam.value.xqxn = d[0]?.value
+      if(queryParam.value.xqxn){
+        nextTick(() => {
+          reload();
+        })
+      }
+    }
+  },{
+    deep:true,
+    immediate:true,
+  });
+
+  //注册table数据
+  const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: 'kc_export_config_tpkwcqkjzglx',
+      api: list,
+      columns,
+      canResize:false,
+      useSearchForm: false,
+      showActionColumn: false,
+      immediate: false,
+      actionColumn: {
+        width: 120,
+        fixed: 'right',
+      },
+      beforeFetch: (params) => {
+        params.column = '',params.order = '';//新生成的默认不带排序
+        params.findByDwmc = !roleList.value.filter(x => x.roleCode == 'admin' ).length
+        params.findGh = getUserId()
+        //params.xqxn = getSysConfig().flag1;
+        return Object.assign(params, queryParam.value);
+      },
+    },
+    exportConfig: {
+      name: "人员信息",
+      url: getExportUrl,
+      params: () => {
+        let params:any = {};
+        params.findByDwmc = !roleList.value.filter(x => x.roleCode == 'admin' ).length
+        params.findGh = getUserId()
+        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 },
+  });
+
+  
+  const registerYqModal = ref();
+  function handleAdd() {
+    registerYqModal.value.disableSubmit = false;
+    registerYqModal.value.add();
+  }
+
+  /**
+   * 编辑事件
+   */
+  function handleEdit(record: Recordable) {
+  console.log(`🚀 ~ file: StaticCon.vue:125 ~ handleEdit ~ record:`, record)
+  }
+
+  /**
+   * 详情
+   */
+  function handleDetail(record: Recordable) {
+  }
+
+  /**
+   * 删除事件
+   */
+  async function handleDelete(record) {
+  }
+
+  /**
+   * 批量删除事件
+   */
+  async function batchHandleDelete() {
+  }
+
+  /**
+   * 成功回调
+   */
+  function handleSuccess() {
+    reload();
+  }
+
+
+  /**
+   * 操作栏
+   */
+  function getTableAction(record) { 
+  }
+
+  /**
+   * 下拉操作栏
+   */
+  function getDropDownAction(record) { 
+  }
+
+  /**
+   * 查询
+   */
+  function searchQuery() {
+    reload();
+  }
+
+  /**
+   * 重置
+   */
+  function searchReset() {
+    queryParam.value = {};
+    selectedRowKeys.value = [];
+    //刷新数据
+    reload();
+  }
+
+  function init(record){
+    console.log(`🚀 ~ file: StaticCon.vue:177 ~ init ~ record:`, record)
+    queryParam.value.code = record.code;
+    queryParam.value.type = record.type;
+    reload();
+  }
+
+
+  defineExpose({
+    init,
+  });
+
+
+</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/config/StaticCon/StaticConGlyChartModal.vue b/src/views/kc/config/StaticCon/StaticConGlyChartModal.vue
new file mode 100644
index 0000000..c7068fa
--- /dev/null
+++ b/src/views/kc/config/StaticCon/StaticConGlyChartModal.vue
@@ -0,0 +1,75 @@
+<template>
+  <a-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
+    <StaticCon ref="registerTkypForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></StaticCon>
+  </a-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, nextTick, defineExpose } from 'vue';
+  import StaticCon from './StaticConGlyChart.vue'
+  
+  const title = ref<string>('');
+  const width = ref<string>('80%');
+  const visible = ref<boolean>(false);
+  const disableSubmit = ref<boolean>(false);
+  const registerTkypForm = ref();
+  const emit = defineEmits(['register', 'success']);
+
+  /**
+   * 新增
+   */
+  function add() {
+    title.value = '钻取信息';
+    visible.value = true;
+    nextTick(() => {
+      registerTkypForm.value.init();
+    });
+  }
+  
+  /**
+   * 编辑
+   * @param record
+   */
+  function edit(record) {
+    title.value = disableSubmit.value ? '详情' : '编辑';
+    visible.value = true;
+    nextTick(() => {
+      registerTkypForm.value.init(record);
+    });
+  }
+  
+  /**
+   * 确定按钮点击事件
+   */
+  function handleOk() {
+    registerTkypForm.value.submitForm();
+  }
+
+  /**
+   * form保存回调事件
+   */
+  function submitCallback() {
+    handleCancel();
+    emit('success');
+  }
+
+  /**
+   * 取消按钮回调事件
+   */
+  function handleCancel() {
+    visible.value = false;
+  }
+
+  defineExpose({
+    add,
+    edit,
+    disableSubmit,
+  });
+</script>
+
+<style>
+  /**隐藏样式-modal确定按钮 */
+  .jee-hidden {
+    display: none !important;
+  }
+</style>
diff --git a/src/views/kc/config/StaticCon/StaticConXygly.api.ts b/src/views/kc/config/StaticCon/StaticConXygly.api.ts
new file mode 100644
index 0000000..f412d82
--- /dev/null
+++ b/src/views/kc/config/StaticCon/StaticConXygly.api.ts
@@ -0,0 +1,72 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from "/@/hooks/web/useMessage";
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/config/kcExportConfigTpkwcqkjzglx/getListQtzrjsChar',
+  save='/config/kcExportConfigTpkwcqkjzglx/add',
+  edit='/config/kcExportConfigTpkwcqkjzglx/edit',
+  deleteOne = '/config/kcExportConfigTpkwcqkjzglx/delete',
+  deleteBatch = '/config/kcExportConfigTpkwcqkjzglx/deleteBatch',
+  importExcel = '/config/kcExportConfigTpkwcqkjzglx/importExcel',
+  exportXls = '/config/kcExportConfigTpkwcqkjzglx/exportXls',
+}
+
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+/**
+ * 删除单个
+ * @param params
+ * @param handleSuccess
+ */
+export const deleteOne = (params,handleSuccess) => {
+  return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
+    handleSuccess();
+  });
+}
+
+/**
+ * 批量删除
+ * @param params
+ * @param handleSuccess
+ */
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
+        handleSuccess();
+      });
+    }
+  });
+}
+
+/**
+ * 保存或者更新
+ * @param params
+ * @param isUpdate
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+  let url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url: url, params }, { isTransformResponse: false });
+}
diff --git a/src/views/kc/config/StaticCon/StaticConXyglyChart.vue b/src/views/kc/config/StaticCon/StaticConXyglyChart.vue
new file mode 100644
index 0000000..0c8fd96
--- /dev/null
+++ b/src/views/kc/config/StaticCon/StaticConXyglyChart.vue
@@ -0,0 +1,48 @@
+<template>
+  <div class="tktjClass">
+    <a-row>
+      <!-- <a-col :span="24" style="text-align: center;"><strong style="font-size: 16px;">听评课周统计</strong></a-col> -->
+      <a-col :span="24">
+        <div style="margin-top:50px;z-index: 0;">
+          <tkztjTjt :chartData="barMultiData" height="300px" type="line"></tkztjTjt>
+        </div>
+      </a-col>
+    </a-row>
+  </div>
+</template>
+<script lang="ts" name="kcTingke-tkztj" setup>
+import { ref,reactive,onMounted,defineExpose } from 'vue';
+import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+import tkztjTjt from './StaticConXyglyChartBar.vue';
+import { dateFormat } from '/@/utils/common/compUtils';
+import { defHttp } from '/@/utils/http/axios';
+
+const barMultiData = reactive<any>([]);
+const queryParam = ref<any>({});
+const list = (queryParam) => defHttp.get({ url: '/config/kcExportConfigTpkwcqkjzglx/getListQtzrjsChar', params:queryParam });
+
+
+
+  function init(record){
+    console.log(`🚀 ~ file: StaticCon.vue:177 ~ init ~ record:`, record)
+    queryParam.value.code = record.code;
+    barMultiData.length = 0
+    console.log(`🚀 ~ file: StaticConChart.vue:30 ~ init ~ barMultiData:`, barMultiData)
+    list(queryParam.value).then(res=>{
+      console.log(`🚀 ~ file: tkztj.vue:59 ~ list ~ res:`, res)
+      var list = res
+      for(var i=0;i<list.length;i++){
+        barMultiData.push({name: list[i].rjzy, value: list[i].ytkcs, seriesType: 'bar'})
+      }
+      console.log(`🚀 ~ file: tkztj.vue:67 ~ list ~ barMultiData:`, barMultiData)
+    })
+  }
+
+
+  defineExpose({
+    init,
+  });
+
+</script>
+<style lang="less" scoped>
+</style>
diff --git a/src/views/kc/config/StaticCon/StaticConXyglyChartBar.vue b/src/views/kc/config/StaticCon/StaticConXyglyChartBar.vue
new file mode 100644
index 0000000..3742b85
--- /dev/null
+++ b/src/views/kc/config/StaticCon/StaticConXyglyChartBar.vue
@@ -0,0 +1,109 @@
+<template>
+  <div ref="chartRef" :style="{ height, width }"></div>
+</template>
+<script lang="ts">
+  import { defineComponent, PropType, ref, Ref, reactive, watchEffect,onMounted } from 'vue';
+  import { useECharts } from '/@/hooks/web/useECharts';
+
+  export default defineComponent({
+    name: 'lineMulti',
+    props: {
+      chartData: {
+        type: Array,
+        default: () => [],
+        required: true,
+      },
+      option: {
+        type: Object,
+        default: () => ({}),
+      },
+      type: {
+        type: String as PropType<string>,
+        default: 'bar',
+      },
+      width: {
+        type: String as PropType<string>,
+        default: '100%',
+      },
+      height: {
+        type: String as PropType<string>,
+        default: 'calc(100vh - 78px)',
+      },
+    },
+    emits: ['click'],
+    setup(props, { emit }) {
+      const chartRef = ref<HTMLDivElement | null>(null);
+      const { setOptions, getInstance } = useECharts(chartRef as Ref<HTMLDivElement>);
+      const option = reactive({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+            label: {
+              show: true,
+              backgroundColor: '#333',
+            },
+          },
+        },
+        legend: {
+          bottom: 0,
+        },
+        grid: {
+          top: 10,
+          bottom: 100,
+          left: 60,
+          right: 10,
+        },
+        xAxis: {
+          type: 'category',
+          data: [],
+          axisLabel:{interval:0,rotate:45}
+        },
+        yAxis: {
+          name:'完成比例(%)',
+          nameLocation : 'middle',
+          type: 'value',
+          nameGap: 35
+        },
+        series: [],
+      });
+      
+      watchEffect(() => {
+        props.chartData && initCharts();
+      });
+      onMounted(() => {
+        initCharts();
+      })
+
+      function initCharts() {
+        if (props.option) {
+          Object.assign(option, props.option);
+        }
+        //图例类型
+        let typeArr = Array.from(new Set(props.chartData.map((item) => item.type)));
+        //轴数据
+        let xAxisData = Array.from(new Set(props.chartData.map((item) => item.name)));
+        let seriesData = [];
+        typeArr.forEach((type) => {
+          let obj = { name: type, type: props.type };
+          let chartArr = props.chartData.filter((item) => type === item.type);
+          //data数据
+          obj['data'] = chartArr.map((item) => item.value);
+          obj['type'] = chartArr[0].seriesType;
+          seriesData.push(obj);
+        });
+        option.series = seriesData;
+        option.xAxis.data = xAxisData;
+        setOptions(option);
+        getInstance()?.off('click', onClick);
+        getInstance()?.on('click', onClick);
+      }
+
+      function onClick(params) {
+        emit('click', params);
+      }
+
+      return { chartRef,initCharts };
+    },
+  });
+</script>
diff --git a/src/views/kc/config/StaticCon/StaticConXyglyChartModal.vue b/src/views/kc/config/StaticCon/StaticConXyglyChartModal.vue
new file mode 100644
index 0000000..17ac87d
--- /dev/null
+++ b/src/views/kc/config/StaticCon/StaticConXyglyChartModal.vue
@@ -0,0 +1,75 @@
+<template>
+  <a-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
+    <StaticConChart ref="StaticConChartForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></StaticConChart>
+  </a-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, nextTick, defineExpose } from 'vue';
+  import StaticConChart from './StaticConXyglyChart.vue'
+  
+  const title = ref<string>('');
+  const width = ref<string>('80%');
+  const visible = ref<boolean>(false);
+  const disableSubmit = ref<boolean>(false);
+  const StaticConChartForm = ref();
+  const emit = defineEmits(['register', 'success']);
+
+  /**
+   * 新增
+   */
+  function add() {
+    title.value = '钻取信息';
+    visible.value = true;
+    nextTick(() => {
+      StaticConChartForm.value.init();
+    });
+  }
+  
+  /**
+   * 编辑
+   * @param record
+   */
+  function edit(record) {
+    title.value = disableSubmit.value ? '详情' : '编辑';
+    visible.value = true;
+    nextTick(() => {
+      StaticConChartForm.value.init(record);
+    });
+  }
+  
+  /**
+   * 确定按钮点击事件
+   */
+  function handleOk() {
+    StaticConChartForm.value.submitForm();
+  }
+
+  /**
+   * form保存回调事件
+   */
+  function submitCallback() {
+    handleCancel();
+    emit('success');
+  }
+
+  /**
+   * 取消按钮回调事件
+   */
+  function handleCancel() {
+    visible.value = false;
+  }
+
+  defineExpose({
+    add,
+    edit,
+    disableSubmit,
+  });
+</script>
+
+<style>
+  /**隐藏样式-modal确定按钮 */
+  .jee-hidden {
+    display: none !important;
+  }
+</style>