fix: 页面问题修复

Former-commit-id: e451b67867da1f426f94a1e9abf04e9728046b62

src/views/system/dept/index.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
 export default {
-  name: 'dept',
+  name: 'dept'
 };
 </script>
 
@@ -13,7 +13,7 @@ import {
   updateDept,
   addDept,
   listDeptOptions,
-  listDepartments,
+  listDepartments
 } from '@/api/dept';
 
 import { Search, Plus, Refresh, Delete } from '@element-plus/icons-vue';
@@ -34,15 +34,15 @@ const state = reactive({
   queryParams: {} as DeptQuery,
   formData: {
     sort: 1,
-    status: 1,
+    status: 1
   } as DeptForm,
   rules: {
     parentId: [
-      { required: true, message: '上级部门不能为空', trigger: 'blur' },
+      { required: true, message: '上级部门不能为空', trigger: 'blur' }
     ],
     name: [{ required: true, message: '部门名称不能为空', trigger: 'blur' }],
-    sort: [{ required: true, message: '显示排序不能为空', trigger: 'blur' }],
-  },
+    sort: [{ required: true, message: '显示排序不能为空', trigger: 'blur' }]
+  }
 });
 
 const {
@@ -53,7 +53,7 @@ const {
   queryParams,
   formData,
   rules,
-  dialog,
+  dialog
 } = toRefs(state);
 
 /**
@@ -84,11 +84,11 @@ function handleSelectionChange(selection: any) {
  */
 async function getDeptOptions() {
   const deptOptions: any[] = [];
-  listDeptOptions().then((response) => {
+  listDeptOptions().then(response => {
     const rootDeptOption = {
       value: '0',
       label: '顶级部门',
-      children: response.data,
+      children: response.data
     };
     deptOptions.push(rootDeptOption);
     state.deptOptions = deptOptions;
@@ -104,7 +104,7 @@ function handleAdd(row: any) {
   formData.value.parentId = row.id;
   dialog.value = {
     title: '添加部门',
-    visible: true,
+    visible: true
   };
 }
 
@@ -116,7 +116,7 @@ async function handleUpdate(row: any) {
   const deptId = row.id || state.ids;
   state.dialog = {
     title: '修改部门',
-    visible: true,
+    visible: true
   };
   getDeptForm(deptId).then((response: any) => {
     state.formData = response.data;
@@ -159,7 +159,7 @@ function handleDelete(row: any) {
   ElMessageBox.confirm(`确认删除已选中的数据项?`, '警告', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
-    type: 'warning',
+    type: 'warning'
   })
     .then(() => {
       deleteDept(ids)
@@ -263,26 +263,14 @@ onMounted(() => {
 
         <el-table-column label="操作" align="center" width="150">
           <template #default="scope">
-            <el-button
-              type="primary"
-               link
-              @click.stop="handleUpdate(scope.row)"
-            >新增
+            <el-button type="primary" link @click.stop="handleAdd(scope.row)"
+              >新增
             </el-button>
-            <el-button
-              type="success"
-              link
-              @click.stop="handleAdd(scope.row)"
-            >
-            修改
+            <el-button type="success" link @click.stop="handleUpdate(scope.row)"
+              >编辑
             </el-button>
-
-            <el-button
-              type="danger"
-              link
-              @click.stop="handleDelete(scope.row)"
-            >
-            删除
+            <el-button type="danger" link @click.stop="handleDelete(scope.row)">
+              删除
             </el-button>
           </template>
         </el-table-column>