From 475d236b7e65a6ad637c79bfb58ca1750104b5be Mon Sep 17 00:00:00 2001
From: sjl <1716605279@qq.com>
Date: Thu, 13 Feb 2025 15:40:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/package.json                         |  3 +
 frontend/src/api/system/log/index.ts          | 11 +++
 frontend/src/api/system/log/interface/log.ts  | 49 +++++++++----
 frontend/src/views/home/components/tree.vue   |  5 +-
 frontend/src/views/log/index.vue              | 70 +++++++++---------
 .../devType/components/devTypePopup.vue       |  4 +-
 frontend/src/views/machine/devType/index.vue  |  9 ++-
 .../machine/device/components/devicePopup.vue |  4 +-
 frontend/src/views/machine/icd/index.vue      | 11 +--
 frontend/src/views/plan/planList/index.vue    | 71 ++++++++++++++-----
 10 files changed, 149 insertions(+), 88 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 93a9f0c..24e9bd7 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -22,6 +22,7 @@
     "echarts": "^5.4.3",
     "echarts-liquidfill": "^3.1.0",
     "element-plus": "^2.7.8",
+    "html2canvas": "^1.4.1",
     "md5": "^2.3.0",
     "mitt": "^3.0.1",
     "mkdirp": "^3.0.1",
@@ -41,11 +42,13 @@
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.8.0",
     "@tsconfig/node20": "^20.1.4",
+    "@types/html2canvas": "^1.0.0",
     "@types/md5": "^2.3.2",
     "@types/node": "^20.14.14",
     "@types/nprogress": "^0.2.0",
     "@types/qs": "^6.9.8",
     "@types/sortablejs": "^1.15.2",
+    "@types/xlsx": "^0.0.36",
     "@typescript-eslint/eslint-plugin": "^6.7.0",
     "@typescript-eslint/parser": "^6.7.0",
     "@vitejs/plugin-vue": "^5.0.5",
diff --git a/frontend/src/api/system/log/index.ts b/frontend/src/api/system/log/index.ts
index e69de29..1178379 100644
--- a/frontend/src/api/system/log/index.ts
+++ b/frontend/src/api/system/log/index.ts
@@ -0,0 +1,11 @@
+import type {AuditLog  } from '@/api/system/log/interface/log.ts'
+import http from '@/api'
+
+/**
+ * @name 审计日志管理模块
+ */
+
+//获取审计日志
+export const getAuditLog = (params: AuditLog.ReqAuditLogParams) => {
+  return http.post(`/sysLog/list`, params)
+}
diff --git a/frontend/src/api/system/log/interface/log.ts b/frontend/src/api/system/log/interface/log.ts
index 623da8d..105a340 100644
--- a/frontend/src/api/system/log/interface/log.ts
+++ b/frontend/src/api/system/log/interface/log.ts
@@ -1,15 +1,36 @@
-// 审计日志管理模块
-export namespace Sys_Log_Audit {
-    // 日志列表
-    export interface Audit_LogList {
-      id: string;//日志表Id
-      operate_Type:string;//日志类型
-      ip:string;//操作IP
-      result: string;//事件结果
-      remark: string;//事件描述
-      warn:number;//告警标志
-      create_By:string;//创建用户
-      create_Time:string;//创建时间
-    }
+import type { ReqPage, ResPage } from '@/api/interface'
 
-  }
\ No newline at end of file
+// 审计日志管理模块
+export namespace AuditLog {
+
+  /**
+   * 设备类型数据表格分页查询参数
+   */
+  export interface ReqAuditLogParams extends ReqPage {
+    id: string; //审计日志Id 必填
+    createTime?: string; //创建时间
+  }
+
+  /**
+   * 设备类型新增、修改、根据id查询返回的对象
+   */
+  export interface ResAuditLog {
+    id: string;//审计日志Id
+    operate_Type:string;//操作类型
+    ip:string;//操作IP
+    result: string;//事件结果
+    remark: string;//事件描述
+    level:number;//告警等级
+    warn:number;//告警标志
+    create_By:string;//创建用户
+    create_Time:string;//创建时间
+    sort:number;//排序
+  }
+
+  /**
+   * 设备类型表格查询分页返回的对象；
+   */
+  export interface ResAuditLogPage extends ResPage<ResAuditLog> {
+
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/views/home/components/tree.vue b/frontend/src/views/home/components/tree.vue
index 6ba2dcc..24ea380 100644
--- a/frontend/src/views/home/components/tree.vue
+++ b/frontend/src/views/home/components/tree.vue
@@ -6,8 +6,10 @@
         clearable
         v-model='searchForm.planName'
       ></el-input>
+      <el-tooltip content="检测计划列表" placement="top">
       <Menu style='width: 26px;height: 26px; margin-left: 8px;cursor: pointer;color:var(--el-color-primary)'
             @click.stop='detail()' />
+      </el-tooltip>
     </div>
     <div class='tree_container'>
       <el-tree
@@ -40,6 +42,7 @@ import { Menu, Platform, CircleCheck,Loading } from '@element-plus/icons-vue'
 import { nextTick, onMounted, ref, watch } from 'vue';
 import { useRouter } from 'vue-router'
 import {useCheckStore} from "@/stores/modules/check";
+import { ElTooltip } from 'element-plus';
 
 const router = useRouter()
 const checkStore = useCheckStore()
@@ -147,7 +150,7 @@ const filterNode = (value: string, data: any) => {
 
 // 点击详情
 const detail = () => {
-  router.push('/plan')
+  router.push('/plan/planList')
 }
 onMounted(() => {
  // console.log()
diff --git a/frontend/src/views/log/index.vue b/frontend/src/views/log/index.vue
index 88e3bdf..4837d52 100644
--- a/frontend/src/views/log/index.vue
+++ b/frontend/src/views/log/index.vue
@@ -3,7 +3,7 @@
     <ProTable
       ref='proTable'
       :columns='columns'
-      :data='logData'
+      :request-api='getTableList'
       @selection-change='handleSelectionChange'
       type='selection'
     >
@@ -21,41 +21,39 @@
 <script setup lang='tsx' name='useProTable'>
 // 根据实际路径调整
 import TimeControl from '@/components/TimeControl/index.vue'
-import { type Sys_Log_Audit } from '@/api/system/interface/log'
+import { type  AuditLog} from '@/api/system/log/interface/log.ts'
 import ProTable from '@/components/ProTable/index.vue'
 import { Upload ,DataAnalysis} from '@element-plus/icons-vue'
-import logDataList from '@/api/system/log/logData'
 import type { ColumnProps, ProTableInstance } from '@/components/ProTable/interface'
 import { reactive,ref,watch } from 'vue'
-import { useDictStore } from '@/stores/modules/dict'
+import {
+  getAuditLog,
+} from '@/api/system/log/index.ts'
 
-defineOptions({
-name: 'log'
-})
 
-let multipleSelection = ref<string[]>([])
-const logData = logDataList
-const dictStore = useDictStore()
-// 定义包含和排除的单位
-const includedUnits = ['日', '周', '月', '自定义']; // 可以根据需要包含的单位
-const excludedUnits = ['季度','年']; // 要排除的单位
-const defaultUnits = '日'; // 默认的单位
+// defineOptions({
+// name: 'log'
+// })
+
+const startDate = ref('')
+const endDate = ref('')
 // ProTable 实例
 const proTable = ref<ProTableInstance>()
 
-
+const getTableList = async (params: any) => {
+  let newParams = JSON.parse(JSON.stringify(params))
+  newParams.searchEndTime = endDate.value
+  newParams.searchBeginTime = startDate.value
+  return getAuditLog(newParams)
+}
 
 
 // 表格配置项
-const columns = reactive<ColumnProps<Sys_Log_Audit.Audit_LogList>[]>([
+const columns = reactive<ColumnProps<AuditLog.ReqAuditLogParams>[]>([
   { type: 'selection', fixed: 'left', width: 70 },
+  { type: 'index', fixed: 'left', width: 70, label: '序号' },
   {
-    prop: 'id',
-    label: '序号',
-    width: 70,
-  },
-  {
-    prop: 'create_By',
+    prop: 'createBy',
     label: '操作用户',
     search: { el: 'input' },
     minWidth: 100,
@@ -66,20 +64,19 @@ const columns = reactive<ColumnProps<Sys_Log_Audit.Audit_LogList>[]>([
     minWidth: 120,
   },
   {
-    prop: 'create_Time',
+    prop: 'createTime',
     label: '记录时间',
     minWidth: 180,
     search: {
-      span: 2,
       render: () => {
         return (
-          <div class='flx-flex-start'>
-            <TimeControl 
-            include={includedUnits} 
-            exclude={excludedUnits} 
-            default={defaultUnits} 
-            />
-          </div>
+            <div class='flx-flex-start'>
+              <TimeControl
+                  include={['日', '周', '月', '自定义']}
+                  default={'月'}
+                  onUpdate-dates={handleDateChange}
+              />
+            </div>
         )
       },
     },
@@ -108,18 +105,17 @@ const columns = reactive<ColumnProps<Sys_Log_Audit.Audit_LogList>[]>([
     prop: 'operate_Type',
     label: '日志类型',
     width: 100,
-    search: { el: 'select', props: { filterable: true } },
   },
 ])
 
-//选中
-// 处理选择变化
-const handleSelectionChange = (selection: Sys_Log_Audit.Audit_LogList[]) => {
-  multipleSelection.value = selection.map(row => row.id) // 更新选中的行
-  
+  // 处理日期变化的回调函数
+const handleDateChange = (startDateTemp: string, endDateTemp: string) => {
+  startDate.value = startDateTemp
+  endDate.value = endDateTemp
 }
 
 
+
 </script>
 
 <style scoped>
diff --git a/frontend/src/views/machine/devType/components/devTypePopup.vue b/frontend/src/views/machine/devType/components/devTypePopup.vue
index 595f625..d8051e8 100644
--- a/frontend/src/views/machine/devType/components/devTypePopup.vue
+++ b/frontend/src/views/machine/devType/components/devTypePopup.vue
@@ -50,9 +50,9 @@
                 <el-select v-model="formContent.reportName"  clearable placeholder="请选择报告模版">
                     <el-option
                         v-for="item in dictStore.getDictData('Report_Template')"
-                        :key="item.code"
+                        :key="item.id"
                         :label="item.name"
-                        :value="item.code"
+                        :value="item.id"
                     />
                 </el-select>
             </el-form-item>
diff --git a/frontend/src/views/machine/devType/index.vue b/frontend/src/views/machine/devType/index.vue
index f55be32..b436b16 100644
--- a/frontend/src/views/machine/devType/index.vue
+++ b/frontend/src/views/machine/devType/index.vue
@@ -96,6 +96,8 @@ import type { ICD } from '@/api/device/interface/icd'
       prop: 'reportName',
       label: '报告模版名称',
       minWidth: 150,
+      enum: dictStore.getDictData('Report_Template'),
+      fieldNames: { label: 'name', value: 'id' },
     },
     {
       prop: 'icd',
@@ -136,18 +138,15 @@ import type { ICD } from '@/api/device/interface/icd'
   }
   
   
-  // 批量删除设备
+  // 批量删除设备类型
   const batchDelete = async (id: string[]) => {
-    const patternId = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id ?? ''//获取数据字典中对应的id
     await useHandleData(deleteDevType, id, '删除所选设备类型')
-    
     proTable.value?.clearSelection()
     proTable.value?.getTableList()
   }
   
-  // 删除设备
+  // 删除设备类型
   const handleDelete = async (params: DevType.ResPqDevType) => {
-    const patternId = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id//获取数据字典中对应的id
     await useHandleData(deleteDevType,  [params.id] , `删除【${params.name}】设备类型`)
     proTable.value?.getTableList()
     
diff --git a/frontend/src/views/machine/device/components/devicePopup.vue b/frontend/src/views/machine/device/components/devicePopup.vue
index 8ce53a7..625b57d 100644
--- a/frontend/src/views/machine/device/components/devicePopup.vue
+++ b/frontend/src/views/machine/device/components/devicePopup.vue
@@ -194,7 +194,7 @@ const disabledDate = (time: Date) => {
       encryptionFlag: 0,
       reCheckNum:0,
       state: 1,
-      factorFlag:0,
+      factorFlag:1,
       icdId:'',
       power:'',
       preinvestmentPlan:''
@@ -224,7 +224,7 @@ const disabledDate = (time: Date) => {
         encryptionFlag: 0,
         reCheckNum:0,
         state: 1,
-        factorFlag:0,
+        factorFlag:1,
         icdId:'',
         power:'',
         preinvestmentPlan:''
diff --git a/frontend/src/views/machine/icd/index.vue b/frontend/src/views/machine/icd/index.vue
index dc6288c..5e4acde 100644
--- a/frontend/src/views/machine/icd/index.vue
+++ b/frontend/src/views/machine/icd/index.vue
@@ -29,26 +29,21 @@
   </template>
   
   <script setup lang='tsx' name='useRole'>
-  import TimeControl from '@/components/TimeControl/index.vue'
   import { type ICD } from '@/api/device/interface/icd'
   import { useHandleData } from '@/hooks/useHandleData'
-  import { useDownload } from '@/hooks/useDownload'
   import ProTable from '@/components/ProTable/index.vue'
   import { type ProTableInstance, type ColumnProps } from '@/components/ProTable/interface'
   import { CirclePlus, Delete, EditPen, Download, Upload } from '@element-plus/icons-vue'
-  import { useDictStore } from '@/stores/modules/dict'
   import {
     getICDList,
     deleteICD,
   } from '@/api/device/icd/index.ts'
   import { reactive, ref } from 'vue'
-  import { useModeStore, useAppSceneStore } from '@/stores/modules/mode'
   
   defineOptions({
     name: 'devType',
   })
-  const modeStore = useModeStore()
-  const dictStore = useDictStore()
+
   // ProTable 实例
   const proTable = ref<ProTableInstance>()
   const icdPopup = ref()
@@ -101,14 +96,14 @@
   }
   
   
-  // 批量删除设备
+  // 批量删除icd
   const batchDelete = async (id: string[]) => {
     await useHandleData(deleteICD, id, '删除所选icd')
     proTable.value?.clearSelection()
     proTable.value?.getTableList()
   }
   
-  // 删除设备
+  // 删除设备icd
   const handleDelete = async (params: ICD.ResICD) => {
     await useHandleData(deleteICD,  [params.id] , `删除【${params.name}】icd`)
     proTable.value?.getTableList()
diff --git a/frontend/src/views/plan/planList/index.vue b/frontend/src/views/plan/planList/index.vue
index c266c66..ca3880e 100644
--- a/frontend/src/views/plan/planList/index.vue
+++ b/frontend/src/views/plan/planList/index.vue
@@ -7,21 +7,22 @@
     >
       <!-- 表格 header 按钮 -->
       <template #tableHeader='scope'>
-        <el-button type='primary' :icon='Download' @click='importClick'>导入</el-button>
-        <el-button type='primary' :icon='Upload' @click='exportClick'>导出</el-button>
-        <el-button type='primary' :icon='ScaleToOriginal' :disabled='!(scope.selectedList.length > 1)' @click='combineClick'>
+        <el-button type='primary'  v-auth.plan="'import'" :icon='Download' @click='importClick'>导入</el-button>
+        <el-button type='primary'  v-auth.plan="'export'" :icon='Upload' @click='exportClick'>导出</el-button>
+        <el-button type='primary'  v-auth.plan="'combine'" :icon='ScaleToOriginal' :disabled='!(scope.selectedList.length > 1)' @click='combineClick'>
           合并
         </el-button>
-        <el-button type='primary' :icon='CirclePlus' @click="openDialog('add')">新增</el-button>
-        <el-button type='danger' :icon='Delete' plain :disabled='!scope.isSelected'  @click='batchDelete(scope.selectedListIds)'>
+        <el-button type='primary' v-auth.plan="'add'" :icon='CirclePlus' @click="openDialog('add')">新增</el-button>
+        <el-button type='danger' v-auth.plan="'delete'" :icon='Delete' plain :disabled='!scope.isSelected'  @click='batchDelete(scope.selectedListIds)'>
           删除
         </el-button>
       </template>
       <!-- 表格操作 -->
       <template #operation='scope'>
-        <el-button type='primary' link :icon='EditPen' @click="openDialog('edit',scope.row)">编辑</el-button>
-        <el-button type='primary' link :icon='Delete' @click='handleDelete(scope.row)'>删除</el-button>
+        <el-button type='primary' v-auth.plan="'edit'" link :icon='EditPen' @click="openDialog('edit',scope.row)">编辑</el-button>
+        <el-button type='primary' v-auth.plan="'delete'" link :icon='Delete' @click='handleDelete(scope.row)'>删除</el-button>
         <!-- <el-button type='primary' link :icon='List' @click='showDeviceOpen(scope.row)'>设备绑定</el-button> -->
+        <el-button type='primary' v-auth.plan="'analysis'" link :icon='List' @click='statisticalAnalysis(scope.row)'>统计分析</el-button>
       </template>
     </ProTable>
   </div>
@@ -35,6 +36,8 @@
     <!-- 查看设备绑定
     <DevTransfer :refresh-table='proTable?.getTableList' ref='devTransferPopup'/> -->
     <ImportExcel ref='deviceImportExcel' />
+
+
 </template>
 
 <script setup lang='tsx' name='useProTable'>
@@ -63,7 +66,9 @@ import { dictTestState,dictReportState,dictResult } from '@/api/plan/planData.ts
 import {getTestSourceById} from '@/api/device/testSource/index'
 import ImportExcel from "@/components/ImportExcel/index.vue";
 import {useDownload} from "@/hooks/useDownload";
-import {exportPqDev} from "@/api/device/device";
+import {getTestConfig } from '@/api/system/base/index'
+import {type  Base } from '@/api/system/base/interface'
+import { getBoundPqDevList } from '@/api/plan/plan.ts'
 
 // defineOptions({
 // name: 'planList'
@@ -103,7 +108,6 @@ const dataSourceType = computed(() => {
       }
 })
 
-  
 
 // 表格配置项
 const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
@@ -253,14 +257,9 @@ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
     },
   },
 
-  { prop: 'operation', label: '操作', fixed: 'right', width: 200 },
+  { prop: 'operation', label: '操作', fixed: 'right', width: 300 },
 ])
 
-const handleSourceClicked = (id: string) => {
- 
-};
-
-
 
 function isVisible(row: Plan.ReqPlan) {
     if(!row.hasOwnProperty('sourceName') || !Array.isArray(row.sourceName)){
@@ -298,7 +297,6 @@ function showTestScript(row: string) {
   
 }
 
-
 function handleFiles(event: Event) {
   const target = event.target as HTMLInputElement
   const files = target.files
@@ -371,9 +369,6 @@ const combineClick = () => {
       })
 }
 
-
-
-    
 // 打开 drawer(新增、编辑)
 const openDialog = (titleType: string, row: Partial<Plan.ReqPlan> = {}) => {
   planPopup.value?.open(titleType, row,modeStore.currentMode)
@@ -397,6 +392,44 @@ const showDeviceOpen = (row: Partial<Plan.ReqPlan> = {}) => {
   devTransferPopup.value.open(row)
 }
 
+const myDict = new Map<string, any[]>();
+
+// 引用图表容器
+const chartContainer = ref<HTMLElement | null>(null);
+let myChart: echarts.ECharts | null = null;
+const statisticalAnalysis = async (row: Partial<Plan.ReqPlan> = {}) => {
+  //   const response = await getTestConfig() as unknown as  Base.ResTestConfig
+  //   const maxTime= response.data.maxTime//检测最大次数
+  //   const dev = await getBoundPqDevList({ 'planId': row.id })
+  //   for (let i = 0; i <= maxTime; i++) {
+  //     dev.data.forEach((item: any) => {
+  //     if(item.reCheckNum === i){
+  //       // 向已有的数组中添加元素
+  //       if (myDict.has(i.toString())) {
+  //         myDict.get(i.toString())?.push(item.name);
+  //       }else{
+  //         myDict.set(i.toString(), [item.name]);
+  //       }
+  //     }
+        
+  //     })
+  //   }
+
+  //   for (let i = 0; i <= maxTime; i++) {
+  //     if (myDict.has(i.toString())) {
+  //     const array = myDict.get(i.toString());
+  //     if (array) {
+  //       for (const value of array) {
+  //         console.log(i + '---'+value);
+  //       }
+  //     }
+     
+  //   }
+    
+  // }
+}
+
+
 </script>
 
 <style scoped>