From 1cc2ab79cd9a85ad61b07116f77e01370a28a10d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=BE=E5=90=8C=E5=AD=A6?= <stary1993@qq.com>
Date: Wed, 22 Oct 2025 15:07:32 +0800
Subject: [PATCH] =?UTF-8?q?UPDATE:=201=E3=80=81=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/plan/planList/index.vue    |   6 +-
 .../system/dictionary/dictData/index.vue      | 264 ++++++++++--------
 .../system/dictionary/dictType/index.vue      | 173 +++++++-----
 3 files changed, 253 insertions(+), 190 deletions(-)

diff --git a/frontend/src/views/plan/planList/index.vue b/frontend/src/views/plan/planList/index.vue
index 853d601..0440f42 100644
--- a/frontend/src/views/plan/planList/index.vue
+++ b/frontend/src/views/plan/planList/index.vue
@@ -577,7 +577,11 @@ const importClick = () => {
 
 // 点击导出按钮
 const exportClick = () => {
-    ElMessageBox.confirm('确认导出检测计划?', '温馨提示', { type: 'warning' }).then(() => {
+    ElMessageBox.confirm('确认导出检测计划?', '温馨提示', {
+        type: 'warning',
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+    }).then(() => {
         useDownload(
             exportPlan,
             '检测计划导出数据',
diff --git a/frontend/src/views/system/dictionary/dictData/index.vue b/frontend/src/views/system/dictionary/dictData/index.vue
index 8630848..dc8f757 100644
--- a/frontend/src/views/system/dictionary/dictData/index.vue
+++ b/frontend/src/views/system/dictionary/dictData/index.vue
@@ -1,154 +1,194 @@
 <template>
-  <el-dialog class='table-box' v-model='dialogVisible' top='114px'
-             :style="{ height: height+'px', maxHeight: height+'px', overflow: 'hidden' }"
-             title='字典数据'
-             :width='width'
-             :modal='false'>
-    <div class='table-box' :style="{height:(height-64)+'px',maxHeight:(height-64)+'px',overflow:'hidden'}">
-      <ProTable ref='proTable' :columns="columns" :request-api='getDictDataListByTypeId' :initParam="initParam">
-        <template #tableHeader="scope">
-          <el-button v-auth.dict="'show_add'" type="primary" :icon="CirclePlus" @click="openDialog('add')">新增</el-button>
-          <el-button v-auth.dict="'show_export'" type='primary' :icon='Download' plain @click="downloadFile">导出</el-button>
-          <el-button v-auth.dict="'show_delete'" type="danger" :icon="Delete" plain :disabled="!scope.isSelected"
-                     @click="batchDelete(scope.selectedListIds)">
-            删除
-          </el-button>
-        </template>
+    <el-dialog
+        class="table-box"
+        v-model="dialogVisible"
+        top="114px"
+        :style="{ height: height + 'px', maxHeight: height + 'px', overflow: 'hidden' }"
+        title="字典数据"
+        :width="width"
+        :modal="false"
+    >
+        <div
+            class="table-box"
+            :style="{ height: height - 64 + 'px', maxHeight: height - 64 + 'px', overflow: 'hidden' }"
+        >
+            <ProTable ref="proTable" :columns="columns" :request-api="getDictDataListByTypeId" :initParam="initParam">
+                <template #tableHeader="scope">
+                    <el-button v-auth.dict="'show_add'" type="primary" :icon="CirclePlus" @click="openDialog('add')">
+                        新增
+                    </el-button>
+                    <el-button v-auth.dict="'show_export'" type="primary" :icon="Download" plain @click="downloadFile">
+                        导出
+                    </el-button>
+                    <el-button
+                        v-auth.dict="'show_delete'"
+                        type="danger"
+                        :icon="Delete"
+                        plain
+                        :disabled="!scope.isSelected"
+                        @click="batchDelete(scope.selectedListIds)"
+                    >
+                        删除
+                    </el-button>
+                </template>
 
-        <template #operation="scope">
-          <el-button v-auth.dict="'show_edit'" type="primary" link :icon="EditPen" @click="openDialog('edit', scope.row)">编辑</el-button>
-          <el-button v-auth.dict="'show_delete'" type="primary" link :icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
-        </template>
-      </ProTable>
-    </div>
-  </el-dialog>
-  <DataPopup :refresh-table='proTable?.getTableList' ref='dataPopup'/>
+                <template #operation="scope">
+                    <el-button
+                        v-auth.dict="'show_edit'"
+                        type="primary"
+                        link
+                        :icon="EditPen"
+                        @click="openDialog('edit', scope.row)"
+                    >
+                        编辑
+                    </el-button>
+                    <el-button
+                        v-auth.dict="'show_delete'"
+                        type="primary"
+                        link
+                        :icon="Delete"
+                        @click="handleDelete(scope.row)"
+                    >
+                        删除
+                    </el-button>
+                </template>
+            </ProTable>
+        </div>
+    </el-dialog>
+    <DataPopup :refresh-table="proTable?.getTableList" ref="dataPopup" />
 </template>
 
 <script setup lang="tsx" name="dictData">
-import {CirclePlus, Delete, Download, EditPen} from '@element-plus/icons-vue'
-import {type Dict} from '@/api/system/dictionary/interface'
-import {ColumnProps, ProTableInstance} from '@/components/ProTable/interface'
-import {useHandleData} from '@/hooks/useHandleData'
-import {deleteDictData, getDictDataListByTypeId, exportDictData} from "@/api/system/dictionary/dictData/index";
-import {useDownload} from "@/hooks/useDownload";
-import {exportDictType} from "@/api/system/dictionary/dictType";
-import { isShallow } from 'vue';
+import { CirclePlus, Delete, Download, EditPen } from '@element-plus/icons-vue'
+import { type Dict } from '@/api/system/dictionary/interface'
+import { ColumnProps, ProTableInstance } from '@/components/ProTable/interface'
+import { useHandleData } from '@/hooks/useHandleData'
+import { deleteDictData, exportDictData, getDictDataListByTypeId } from '@/api/system/dictionary/dictData/index'
+import { useDownload } from '@/hooks/useDownload'
+
 defineOptions({
-      name: 'dict'
-  })
+    name: 'dict'
+})
 const proTable = ref<ProTableInstance>()
 const dialogVisible = ref(false)
 //字典数据所属的字典类型Id
 const dictTypeId = ref('')
 const dictTypeName = ref('')
 
-
-const initParam = reactive({typeId: ''})
+const initParam = reactive({ typeId: '' })
 
 const dataPopup = ref()
 
 const props = defineProps({
-  width: {
-    type: Number,
-    default: 800,
-  },
-  height: {
-    type: Number,
-    default: 744,
-  },
+    width: {
+        type: Number,
+        default: 800
+    },
+    height: {
+        type: Number,
+        default: 744
+    }
 })
 
 const columns = reactive<ColumnProps<Dict.ResDictData>[]>([
-  {type: 'selection', fixed: 'left', width: 70},
-  {type: 'index', fixed: 'left', width: 70, label: '序号'},
-  {
-    prop: 'name',
-    label: '名称',
-    minWidth: 180,
-    search: {
-      el: 'input'
-    }
-  },
-  {
-    prop: 'code',
-    label: '编码',
-    minWidth: 180,
-    search: {
-      el: 'input'
-    }
-  },
-  {
-    prop: 'value',
-    label: '值',
-    minWidth: 180,
-    render: (scope) => {
-    if (scope.row.openValue === 0 || scope.row.value === null || scope.row.value === '') {
-      return <span>/</span>; // 使用 JSX 返回 VNode
-    }
-    return <span>{scope.row.value}</span>; // 使用 JSX 返回 VNode
-  }
-  },
-  {
-    prop: 'level',
-    label: '事件等级',
-    minWidth: 180,
-    isShow:false,
-    render: scope => {
-      return (
-          <>
-            {
-              (<el-tag type={scope.row.level === 0 ? 'info' : scope.row.level === 1 ? 'warning' : 'danger'}>
-                {scope.row.level === 0 ? '普通' : scope.row.level === 1 ? '中等' : '严重'}
-              </el-tag>)
+    { type: 'selection', fixed: 'left', width: 70 },
+    { type: 'index', fixed: 'left', width: 70, label: '序号' },
+    {
+        prop: 'name',
+        label: '名称',
+        minWidth: 180,
+        search: {
+            el: 'input'
+        }
+    },
+    {
+        prop: 'code',
+        label: '编码',
+        minWidth: 180,
+        search: {
+            el: 'input'
+        }
+    },
+    {
+        prop: 'value',
+        label: '值',
+        minWidth: 180,
+        render: scope => {
+            if (scope.row.openValue === 0 || scope.row.value === null || scope.row.value === '') {
+                return <span>/</span> // 使用 JSX 返回 VNode
             }
-          </>
-      )
+            return <span>{scope.row.value}</span> // 使用 JSX 返回 VNode
+        }
+    },
+    {
+        prop: 'level',
+        label: '事件等级',
+        minWidth: 180,
+        isShow: false,
+        render: scope => {
+            return (
+                <>
+                    {
+                        <el-tag type={scope.row.level === 0 ? 'info' : scope.row.level === 1 ? 'warning' : 'danger'}>
+                            {scope.row.level === 0 ? '普通' : scope.row.level === 1 ? '中等' : '严重'}
+                        </el-tag>
+                    }
+                </>
+            )
+        }
+    },
+    {
+        prop: 'createTime',
+        label: '创建时间',
+        minWidth: 180
+    },
+    {
+        prop: 'operation',
+        label: '操作',
+        fixed: 'right',
+        width: 200
     }
-  },
-  {
-    prop: 'createTime',
-    label: '创建时间',
-    minWidth: 180
-  },
-  {
-    prop: 'operation',
-    label: '操作',
-    fixed: 'right',
-    width: 200
-  },
 ])
 
 const open = (row: Dict.ResDictType) => {
-  dialogVisible.value = true
-  dictTypeId.value = row.id
-  dictTypeName.value = row.name
-  initParam.typeId = row.id
+    dialogVisible.value = true
+    dictTypeId.value = row.id
+    dictTypeName.value = row.name
+    initParam.typeId = row.id
 }
 
-defineExpose({open})
+defineExpose({ open })
 
 // 打开 dialog(新增、查看、编辑)
 const openDialog = (titleType: string, row: Partial<Dict.ResDictData> = {}) => {
-  dataPopup.value?.open(titleType, dictTypeId.value, dictTypeName.value, row)
+    dataPopup.value?.open(titleType, dictTypeId.value, dictTypeName.value, row)
 }
 
 // 批量删除字典数据
 const batchDelete = async (id: string[]) => {
-  await useHandleData(deleteDictData, id, '删除所选字典数据')
-  proTable.value?.clearSelection()
-  proTable.value?.getTableList()
+    await useHandleData(deleteDictData, id, '删除所选字典数据')
+    proTable.value?.clearSelection()
+    proTable.value?.getTableList()
 }
 
 // 删除字典数据
 const handleDelete = async (params: Dict.ResDictData) => {
-  await useHandleData(deleteDictData, [params.id], `删除【${params.name}】字典数据`)
-  proTable.value?.getTableList()
+    await useHandleData(deleteDictData, [params.id], `删除【${params.name}】字典数据`)
+    proTable.value?.getTableList()
 }
 
 const downloadFile = async () => {
-  ElMessageBox.confirm('确认导出字典数据?', '温馨提示', {type: 'warning'}).then(() =>
-      useDownload(exportDictData, '字典数据导出数据', {typeId: dictTypeId.value, ...(proTable.value?.searchParam)}, false),
-  )
+    ElMessageBox.confirm('确认导出字典数据?', '温馨提示', {
+        type: 'warning',
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+    }).then(() =>
+        useDownload(
+            exportDictData,
+            '字典数据导出数据',
+            { typeId: dictTypeId.value, ...proTable.value?.searchParam },
+            false
+        )
+    )
 }
 </script>
diff --git a/frontend/src/views/system/dictionary/dictType/index.vue b/frontend/src/views/system/dictionary/dictType/index.vue
index 648e3b6..3c1ea24 100644
--- a/frontend/src/views/system/dictionary/dictType/index.vue
+++ b/frontend/src/views/system/dictionary/dictType/index.vue
@@ -1,43 +1,62 @@
 <template>
-  <div class='table-box' ref='popupBaseView'>
-    <ProTable
-      ref='proTable'
-      :columns='columns'
-      :request-api='getDictTypeList'
-    >
-      <template #tableHeader='scope'>
-        <el-button v-auth.dict="'add'" type='primary' :icon='CirclePlus' @click="openDialog('add')">新增</el-button>
-        <el-button v-auth.dict="'export'" type='primary' :icon='Download' plain @click='downloadFile()'>导出</el-button>
-        <el-button v-auth.dict="'delete'" type='danger' :icon='Delete' plain :disabled='!scope.isSelected'
-                   @click='batchDelete(scope.selectedListIds)'>
-          删除
-        </el-button>
-      </template>
+    <div class="table-box" ref="popupBaseView">
+        <ProTable ref="proTable" :columns="columns" :request-api="getDictTypeList">
+            <template #tableHeader="scope">
+                <el-button v-auth.dict="'add'" type="primary" :icon="CirclePlus" @click="openDialog('add')">
+                    新增
+                </el-button>
+                <el-button v-auth.dict="'export'" type="primary" :icon="Download" plain @click="downloadFile()">
+                    导出
+                </el-button>
+                <el-button
+                    v-auth.dict="'delete'"
+                    type="danger"
+                    :icon="Delete"
+                    plain
+                    :disabled="!scope.isSelected"
+                    @click="batchDelete(scope.selectedListIds)"
+                >
+                    删除
+                </el-button>
+            </template>
 
-      <template #operation='scope'>
-        <el-button v-auth.dict="'show'" type='primary' link :icon='View' @click='toDictData(scope.row)'>查看</el-button>
-        <el-button v-auth.dict="'edit'" type='primary' link :icon='EditPen' @click="openDialog('edit', scope.row)">编辑</el-button>
-        <el-button v-auth.dict="'delete'" type='primary' link :icon='Delete' @click='handleDelete(scope.row)'>删除</el-button>
-      </template>
-    </ProTable>
-  </div>
-  <DictData :width='viewWidth' :height='viewHeight' ref='openView' />
-  <TypePopup :refresh-table='proTable?.getTableList' ref='typePopup' />
+            <template #operation="scope">
+                <el-button v-auth.dict="'show'" type="primary" link :icon="View" @click="toDictData(scope.row)">
+                    查看
+                </el-button>
+                <el-button
+                    v-auth.dict="'edit'"
+                    type="primary"
+                    link
+                    :icon="EditPen"
+                    @click="openDialog('edit', scope.row)"
+                >
+                    编辑
+                </el-button>
+                <el-button v-auth.dict="'delete'" type="primary" link :icon="Delete" @click="handleDelete(scope.row)">
+                    删除
+                </el-button>
+            </template>
+        </ProTable>
+    </div>
+    <DictData :width="viewWidth" :height="viewHeight" ref="openView" />
+    <TypePopup :refresh-table="proTable?.getTableList" ref="typePopup" />
 </template>
 
-<script setup lang='tsx' name='dict'>
+<script setup lang="tsx" name="dict">
 import { CirclePlus, Delete, Download, EditPen, View } from '@element-plus/icons-vue'
 import { type Dict } from '@/api/system/dictionary/interface'
-import type {  ColumnProps, ProTableInstance } from '@/components/ProTable/interface'
+import type { ColumnProps, ProTableInstance } from '@/components/ProTable/interface'
 import DictData from '@/views/system/dictionary/dictData/index.vue'
 import { useHandleData } from '@/hooks/useHandleData'
 import { useViewSize } from '@/hooks/useViewSize'
 import { useDownload } from '@/hooks/useDownload'
-import { deleteDictType, getDictTypeList, exportDictType } from '@/api/system/dictionary/dictType'
+import { deleteDictType, exportDictType, getDictTypeList } from '@/api/system/dictionary/dictType'
 import { reactive, ref } from 'vue'
+
 defineOptions({
-      name: 'dict'
-  })
+    name: 'dict'
+})
 const { popupBaseView, viewWidth, viewHeight } = useViewSize()
 
 const proTable = ref<ProTableInstance>()
@@ -45,76 +64,76 @@ const typePopup = ref()
 const openView = ref()
 
 const columns = reactive<ColumnProps<Dict.ResDictType>[]>([
-  { type: 'selection', fixed: 'left', width: 70 },
-  { type: 'index', fixed: 'left', width: 70, label: '序号' },
-  {
-    prop: 'name',
-    label: '类型名称',
-    minWidth: 180,
-    search: {
-      el: 'input',
+    { type: 'selection', fixed: 'left', width: 70 },
+    { type: 'index', fixed: 'left', width: 70, label: '序号' },
+    {
+        prop: 'name',
+        label: '类型名称',
+        minWidth: 180,
+        search: {
+            el: 'input'
+        }
     },
-  },
-  {
-    prop: 'code',
-    label: '类型编码',
-    minWidth: 220,
-    search: {
-      el: 'input',
+    {
+        prop: 'code',
+        label: '类型编码',
+        minWidth: 220,
+        search: {
+            el: 'input'
+        }
     },
-  },
-  {
-    prop: 'remark',
-    label: '描述',
-    minWidth: 250,
-  },
-  {
-    prop: 'sort',
-    label: '排序',
-    minWidth: 70,
-  },
-  {
-    prop: 'createTime',
-    label: '创建时间',
-    minWidth: 180,
-  },
-  {
-    prop: 'operation',
-    label: '操作',
-    fixed: 'right',
-    width: 250,
-  },
+    {
+        prop: 'remark',
+        label: '描述',
+        minWidth: 250
+    },
+    {
+        prop: 'sort',
+        label: '排序',
+        minWidth: 70
+    },
+    {
+        prop: 'createTime',
+        label: '创建时间',
+        minWidth: 180
+    },
+    {
+        prop: 'operation',
+        label: '操作',
+        fixed: 'right',
+        width: 250
+    }
 ])
 
-
 // 打开 drawer(新增、编辑)
 const openDialog = (titleType: string, row: Partial<Dict.ResDictType> = {}) => {
-  typePopup.value?.open(titleType, row)
+    typePopup.value?.open(titleType, row)
 }
 
-
 // 批量删除字典类型
 const batchDelete = async (id: string[]) => {
-  await useHandleData(deleteDictType, id, '删除所选字典类型')
-  proTable.value?.clearSelection()
-  proTable.value?.getTableList()
+    await useHandleData(deleteDictType, id, '删除所选字典类型')
+    proTable.value?.clearSelection()
+    proTable.value?.getTableList()
 }
 
 // 删除字典类型
 const handleDelete = async (params: Dict.ResDictType) => {
-  await useHandleData(deleteDictType, [params.id], `删除【${params.name}】字典类型`)
-  proTable.value?.getTableList()
+    await useHandleData(deleteDictType, [params.id], `删除【${params.name}】字典类型`)
+    proTable.value?.getTableList()
 }
 
 //查看字典类型包含的字典数据
 const toDictData = (row: Dict.ResDictType) => {
-  openView.value.open(row)
+    openView.value.open(row)
 }
 
 // 导出字典类型列表
 const downloadFile = async () => {
-  ElMessageBox.confirm('确认导出字典类型数据?', '温馨提示', { type: 'warning' }).then(() =>
-    useDownload(exportDictType, '字典类型导出数据', proTable.value?.searchParam, false),
-  )
+    ElMessageBox.confirm('确认导出字典类型数据?', '温馨提示', {
+        type: 'warning',
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+    }).then(() => useDownload(exportDictType, '字典类型导出数据', proTable.value?.searchParam, false))
 }
 </script>