UPDATE: 1、优化

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,
             '检测计划导出数据',

frontend/src/views/system/dictionary/dictData/index.vue

@@ -1,67 +1,98 @@
 <template>
-  <el-dialog class='table-box' v-model='dialogVisible' top='114px'
+    <el-dialog
-             :style="{ height: height+'px', maxHeight: height+'px', overflow: 'hidden' }"
+        class="table-box"
-             title='字典数据'
+        v-model="dialogVisible"
-             :width='width'
+        top="114px"
-             :modal='false'>
+        :style="{ height: height + 'px', maxHeight: height + 'px', overflow: 'hidden' }"
-    <div class='table-box' :style="{height:(height-64)+'px',maxHeight:(height-64)+'px',overflow:'hidden'}">
+        title="字典数据"
-      <ProTable ref='proTable' :columns="columns" :request-api='getDictDataListByTypeId' :initParam="initParam">
+        :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_add'" type="primary" :icon="CirclePlus" @click="openDialog('add')">
-          <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"
+                    </el-button>
-                     @click="batchDelete(scope.selectedListIds)">
+                    <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
-          <el-button v-auth.dict="'show_delete'" type="primary" link :icon="Delete" @click="handleDelete(scope.row)">删除</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'/>
+    <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 { CirclePlus, Delete, Download, EditPen } from '@element-plus/icons-vue'
-import {type Dict} from '@/api/system/dictionary/interface'
+import { type Dict } from '@/api/system/dictionary/interface'
-import {ColumnProps, ProTableInstance} from '@/components/ProTable/interface'
+import { ColumnProps, ProTableInstance } from '@/components/ProTable/interface'
-import {useHandleData} from '@/hooks/useHandleData'
+import { useHandleData } from '@/hooks/useHandleData'
-import {deleteDictData, getDictDataListByTypeId, exportDictData} from "@/api/system/dictionary/dictData/index";
+import { deleteDictData, exportDictData, getDictDataListByTypeId } from '@/api/system/dictionary/dictData/index'
-import {useDownload} from "@/hooks/useDownload";
+import { useDownload } from '@/hooks/useDownload'
-import {exportDictType} from "@/api/system/dictionary/dictType";
+
-import { isShallow } from 'vue';
 defineOptions({
     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,
+        default: 800
     },
     height: {
         type: Number,
-    default: 744,
+        default: 744
-  },
+    }
 })
 
 const columns = reactive<ColumnProps<Dict.ResDictData>[]>([
-  {type: 'selection', fixed: 'left', width: 70},
+    { type: 'selection', fixed: 'left', width: 70 },
-  {type: 'index', fixed: 'left', width: 70, label: '序号'},
+    { type: 'index', fixed: 'left', width: 70, label: '序号' },
     {
         prop: 'name',
         label: '名称',
@@ -82,25 +113,25 @@ const columns = reactive<ColumnProps<Dict.ResDictData>[]>([
         prop: 'value',
         label: '值',
         minWidth: 180,
-    render: (scope) => {
+        render: scope => {
             if (scope.row.openValue === 0 || scope.row.value === null || scope.row.value === '') {
-      return <span>/</span>; // 使用 JSX 返回 VNode
+                return <span>/</span> // 使用 JSX 返回 VNode
             }
-    return <span>{scope.row.value}</span>; // 使用 JSX 返回 VNode
+            return <span>{scope.row.value}</span> // 使用 JSX 返回 VNode
         }
     },
     {
         prop: 'level',
         label: '事件等级',
         minWidth: 180,
-    isShow:false,
+        isShow: false,
         render: scope => {
             return (
                 <>
                     {
-              (<el-tag type={scope.row.level === 0 ? 'info' : scope.row.level === 1 ? 'warning' : 'danger'}>
+                        <el-tag type={scope.row.level === 0 ? 'info' : scope.row.level === 1 ? 'warning' : 'danger'}>
                             {scope.row.level === 0 ? '普通' : scope.row.level === 1 ? '中等' : '严重'}
-              </el-tag>)
+                        </el-tag>
                     }
                 </>
             )
@@ -116,7 +147,7 @@ const columns = reactive<ColumnProps<Dict.ResDictData>[]>([
         label: '操作',
         fixed: 'right',
         width: 200
-  },
+    }
 ])
 
 const open = (row: Dict.ResDictType) => {
@@ -126,7 +157,7 @@ const open = (row: Dict.ResDictType) => {
     initParam.typeId = row.id
 }
 
-defineExpose({open})
+defineExpose({ open })
 
 // 打开 dialog(新增、查看、编辑)
 const openDialog = (titleType: string, row: Partial<Dict.ResDictData> = {}) => {
@@ -147,8 +178,17 @@ const handleDelete = async (params: Dict.ResDictData) => {
 }
 
 const downloadFile = async () => {
-  ElMessageBox.confirm('确认导出字典数据?', '温馨提示', {type: 'warning'}).then(() =>
+    ElMessageBox.confirm('确认导出字典数据?', '温馨提示', {
-      useDownload(exportDictData, '字典数据导出数据', {typeId: dictTypeId.value, ...(proTable.value?.searchParam)}, false),
+        type: 'warning',
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+    }).then(() =>
+        useDownload(
+            exportDictData,
+            '字典数据导出数据',
+            { typeId: dictTypeId.value, ...proTable.value?.searchParam },
+            false
+        )
     )
 }
 </script>

frontend/src/views/system/dictionary/dictType/index.vue

@@ -1,31 +1,49 @@
 <template>
-  <div class='table-box' ref='popupBaseView'>
+    <div class="table-box" ref="popupBaseView">
-    <ProTable
+        <ProTable ref="proTable" :columns="columns" :request-api="getDictTypeList">
-      ref='proTable'
+            <template #tableHeader="scope">
-      :columns='columns'
+                <el-button v-auth.dict="'add'" type="primary" :icon="CirclePlus" @click="openDialog('add')">
-      :request-api='getDictTypeList'
+                    新增
+                </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)"
                 >
-      <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'>
+            <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="'show'" type="primary" link :icon="View" @click="toDictData(scope.row)">
-        <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>
+                </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' />
+    <DictData :width="viewWidth" :height="viewHeight" ref="openView" />
-  <TypePopup :refresh-table='proTable?.getTableList' ref='typePopup' />
+    <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'
@@ -33,11 +51,12 @@ 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'
-  })
+})
 const { popupBaseView, viewWidth, viewHeight } = useViewSize()
 
 const proTable = ref<ProTableInstance>()
@@ -52,47 +71,45 @@ const columns = reactive<ColumnProps<Dict.ResDictType>[]>([
         label: '类型名称',
         minWidth: 180,
         search: {
-      el: 'input',
+            el: 'input'
-    },
+        }
     },
     {
         prop: 'code',
         label: '类型编码',
         minWidth: 220,
         search: {
-      el: 'input',
+            el: 'input'
-    },
+        }
     },
     {
         prop: 'remark',
         label: '描述',
-    minWidth: 250,
+        minWidth: 250
     },
     {
         prop: 'sort',
         label: '排序',
-    minWidth: 70,
+        minWidth: 70
     },
     {
         prop: 'createTime',
         label: '创建时间',
-    minWidth: 180,
+        minWidth: 180
     },
     {
         prop: 'operation',
         label: '操作',
         fixed: 'right',
-    width: 250,
+        width: 250
-  },
+    }
 ])
 
-
 // 打开 drawer(新增、编辑)
 const openDialog = (titleType: string, row: Partial<Dict.ResDictType> = {}) => {
     typePopup.value?.open(titleType, row)
 }
 
-
 // 批量删除字典类型
 const batchDelete = async (id: string[]) => {
     await useHandleData(deleteDictType, id, '删除所选字典类型')
@@ -113,8 +130,10 @@ const toDictData = (row: Dict.ResDictType) => {
 
 // 导出字典类型列表
 const downloadFile = async () => {
-  ElMessageBox.confirm('确认导出字典类型数据?', '温馨提示', { type: 'warning' }).then(() =>
+    ElMessageBox.confirm('确认导出字典类型数据?', '温馨提示', {
-    useDownload(exportDictType, '字典类型导出数据', proTable.value?.searchParam, false),
+        type: 'warning',
-  )
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+    }).then(() => useDownload(exportDictType, '字典类型导出数据', proTable.value?.searchParam, false))
 }
 </script>