pref:代码优化

src/views/window/perform/list.vue

@@ -32,44 +32,6 @@ export default {
     drawerShow
   },
   mixins: [table],
-  created() {
-    this.pageInfo.list = '/check/window/perform/list';
-  },
-  methods: {
-    /** 重写新增方法 */
-    toAdd(row) {
-      this.$refs.drawerform.add(row);
-    },
-    /** 重写编辑方法 */
-    toEdit(row) {
-      this.$refs.drawerform.edit(row);
-    },
-    /** 重写查看方法 */
-    toView(row) {
-      this.$refs.drawerform.view(row);
-    },
-    /** 导出Excel */
-    doExport() {
-      this.isExport = true;
-      this.$download(
-        '/check/window/perform/exportExcel',
-        {
-          page: 1,
-          size: -1
-        },
-        { type: 'excel', name: '窗口考核' }
-      )
-        .then(() => (this.isExport = false))
-        .catch((error) => {
-          this.isExport = false;
-          this.$message.error(error.message);
-        });
-    },
-    // 切换表格
-    changeRadio() {
-      this.radio1 == 2 ? this.$router.push('/window/workman/perform/list?page=1') : '';
-    }
-  },
   data() {
     return {
       // 切换表格绑定值
@@ -184,6 +146,44 @@ export default {
         ]
       }
     };
+  },
+  created() {
+    this.pageInfo.list = '/check/window/perform/list';
+  },
+  methods: {
+    /** 重写新增方法 */
+    toAdd(row) {
+      this.$refs.drawerform.add(row);
+    },
+    /** 重写编辑方法 */
+    toEdit(row) {
+      this.$refs.drawerform.edit(row);
+    },
+    /** 重写查看方法 */
+    toView(row) {
+      this.$refs.drawerform.view(row);
+    },
+    /** 导出Excel */
+    doExport() {
+      this.isExport = true;
+      this.$download(
+        '/check/window/perform/exportExcel',
+        {
+          page: 1,
+          size: -1
+        },
+        { type: 'excel', name: '窗口考核' }
+      )
+        .then(() => (this.isExport = false))
+        .catch((error) => {
+          this.isExport = false;
+          this.$message.error(error.message);
+        });
+    },
+    // 切换表格
+    changeRadio() {
+      this.radio1 == 2 ? this.$router.push('/window/workman/perform/list?page=1') : '';
+    }
   }
 };
 </script>

src/views/window/workman/perform/list.vue

 <template>
   <div class="page">
-    <div class="btn_box" style="position: absolute;top: 54px;left: 10px;">
+    <div class="btn_box" style="position: absolute; top: 54px; left: 10px">
       <el-radio-group v-model="radio1" @input="changeRadio">
         <el-radio-button label="1">窗口考核</el-radio-button>
         <el-radio-button label="2">工作人员考核</el-radio-button>
@@ -15,8 +15,7 @@
         >导出</el-button
       >
     </div>
-    <LayoutTable :data="tableData" notAdd notDel :config="tableConfig">
-    </LayoutTable>
+    <LayoutTable :data="tableData" notAdd notDel :config="tableConfig"> </LayoutTable>
 
     <drawer-show ref="drawerform" @ok="getData" />
   </div>
@@ -24,155 +23,119 @@
 
 <script>
 /** 表单弹出框模式需引入 */
-import drawerShow from "./drawershow";
-import table from "@/assets/mixins/table";
+import drawerShow from './drawershow';
+import table from '@/assets/mixins/table';
 export default {
-  name: "WindowWorkmanPerformList",
+  name: 'WindowWorkmanPerformList',
   components: {
-    drawerShow,
+    drawerShow
   },
   mixins: [table],
-  created() {
-    // this.getData();
-  },
-  methods: {
-    /** 重写新增方法 */
-    toAdd(row) {
-      this.$refs.drawerform.add(row);
-    },
-    /** 重写编辑方法 */
-    toEdit(row) {
-      console.log(row);
-      this.$refs.drawerform.edit(row);
-    },
-    /** 重写查看方法 */
-    toView(row) {
-      this.$refs.drawerform.view(row);
-    },
-    /** 导出Excel */
-    doExport() {
-      this.isExport = true;
-      this.$download(
-        "/check/window/workman/perform/exportExcel",
-        {
-          page: 1,
-          size: -1,
-        },
-        { type: "excel", name: "工作人员考核" }
-      )
-        .then(() => (this.isExport = false))
-        .catch((error) => {
-          this.isExport = false;
-          this.$message.error(error.message);
-        });
-    },
-    // 切换表格
-    changeRadio() {
-      this.radio1 == 1 ? this.$router.push("/window/perform/list?page=1") : "";
-    },
-  },
   data() {
     return {
+      // 标签绑定值
       radio1: 2,
+      // 导出按钮加载状态
       isExport: false,
+      // 表格配置项
       config: {
         isshowTabPane: true,
         search: [
           {
-            name: "salaId",
-            type: "selectSalaId",
-            label: "大厅",
-            fuzzy: false,
+            name: 'salaId',
+            type: 'selectSalaId',
+            label: '大厅',
+            fuzzy: false
           },
           {
-            name: "deptId",
-            type: "selectDeptId",
-            label: "部门",
-            fuzzy: false,
+            name: 'deptId',
+            type: 'selectDeptId',
+            label: '部门',
+            fuzzy: false
           },
           {
-            name: "checkStatus",
-            type: "select",
-            label: "核查状态",
-            fuzzy: false,
+            name: 'checkStatus',
+            type: 'select',
+            label: '核查状态',
+            fuzzy: false
           },
           {
-            name: "yearmonth",
-            type: "month",
-            label: "请选择登记年月",
-            fuzzy: false,
+            name: 'yearmonth',
+            type: 'month',
+            label: '请选择登记年月',
+            fuzzy: false
           },
           {
-            name: "ownerName",
-            type: "text",
+            name: 'ownerName',
+            type: 'text',
             width: 200,
-            label: "窗口首席代表姓名搜索",
-            fuzzy: true,
-          },
+            label: '窗口首席代表姓名搜索',
+            fuzzy: true
+          }
         ],
         columns: [
-          { type: "selection", width: 60 },
-          { type: "index", label: "序号", width: 50 },
-          { label: "窗口首席代表", prop: "ownerName" },
+          { type: 'selection', width: 60 },
+          { type: 'index', label: '序号', width: 50 },
+          { label: '窗口首席代表', prop: 'ownerName' },
 
           {
-            label: "登记年月",
+            label: '登记年月',
             formatter: (row) => {
-              return `${row.year ? row.year : "--"}-${
+              return `${row.year ? row.year : '--'}-${
                 row.month
                   ? [1, 2, 3, 4, 5, 6, 7, 8, 9].includes(row.month)
-                    ? "0" + row.month
+                    ? '0' + row.month
                     : row.month
-                  : "--"
+                  : '--'
               }`;
-            },
+            }
           },
 
-          { label: "所属大厅", prop: "salaName", formatter: this.formatter },
+          { label: '所属大厅', prop: 'salaName', formatter: this.formatter },
 
           {
-            label: "所属部门",
-            prop: "deptName",
+            label: '所属部门',
+            prop: 'deptName'
           },
 
           {
-            label: "考核窗口",
+            label: '考核窗口',
             formatter: (row) => {
-              return `${row.windowName ? row.windowName : "--"}`;
-            },
+              return `${row.windowName ? row.windowName : '--'}`;
+            }
           },
 
-          { label: "表单名称", prop: "fromName" },
+          { label: '表单名称', prop: 'fromName' },
 
           // { label: "总分分值", prop: "sumScore", formatter: this.formatter },
           {
-            label: "提交时间",
-            prop: "submitDate",
+            label: '提交时间',
+            prop: 'submitDate',
             width: 110,
-            formatter: this.formatterDate,
+            formatter: this.formatterDate
           },
           {
-            label: "核查人",
+            label: '核查人',
             formatter: (row) => {
               return `${
                 row.leaderCheckPerson
                   ? row.leaderCheckPerson
                   : row.manageCheckPerson
                   ? row.manageCheckPerson
-                  : "--"
+                  : '--'
               }`;
-            },
+            }
           },
           {
-            label: "最新核查时间",
-            prop: "manageCheckTime",
+            label: '最新核查时间',
+            prop: 'manageCheckTime',
             width: 150,
-            formatter: this.formatterDate,
+            formatter: this.formatterDate
           },
-          { label: "处理状态", prop: "checkStatus", formatter: this.formatter },
+          { label: '处理状态', prop: 'checkStatus', formatter: this.formatter },
 
           {
-            label: "操作",
+            label: '操作',
             width: 240,
             formatter: (row) => {
               return (
@@ -180,19 +143,58 @@ export default {
                   noAdd
                   noDel
                   noEdit
-                  text={"自评核查"}
+                  text={'自评核查'}
                   row={row}
                   onEdit={this.toEdit}
                   onView={this.toView}
                   onDel={this.toDel}
                 />
               );
-            },
-          },
-        ],
-      },
+            }
+          }
+        ]
+      }
     };
   },
+  created() {
+    // this.getData();
+  },
+  methods: {
+    /** 重写新增方法 */
+    toAdd(row) {
+      this.$refs.drawerform.add(row);
+    },
+    /** 重写编辑方法 */
+    toEdit(row) {
+      console.log(row);
+      this.$refs.drawerform.edit(row);
+    },
+    /** 重写查看方法 */
+    toView(row) {
+      this.$refs.drawerform.view(row);
+    },
+    /** 导出Excel */
+    doExport() {
+      this.isExport = true;
+      this.$download(
+        '/check/window/workman/perform/exportExcel',
+        {
+          page: 1,
+          size: -1
+        },
+        { type: 'excel', name: '工作人员考核' }
+      )
+        .then(() => (this.isExport = false))
+        .catch((error) => {
+          this.isExport = false;
+          this.$message.error(error.message);
+        });
+    },
+    // 切换表格
+    changeRadio() {
+      this.radio1 == 1 ? this.$router.push('/window/perform/list?page=1') : '';
+    }
+  }
 };
 </script>
 <style lang="less" scoped>

src/views/workman/list.vue

@@ -7,62 +7,47 @@
 
 <script>
 /** 表单弹出框模式需引入 */
-import dialogShow from "./dialogshow";
-import table from "@/assets/mixins/table";
+import dialogShow from './dialogshow';
+import table from '@/assets/mixins/table';
 export default {
-  name: "WorkmanList",
+  name: 'WorkmanList',
   components: {
-    dialogShow,
+    dialogShow
   },
   mixins: [table],
-  created() {},
-  methods: {
-    /** 重写新增方法 */
-    toAdd(row) {
-      this.$refs.dialogform.add(row);
-    },
-    /** 重写编辑方法 */
-    toEdit(row) {
-      this.$refs.dialogform.edit(row);
-    },
-    /** 重写查看方法 */
-    toView(row) {
-      this.$refs.dialogform.view(row);
-    },
-  },
   data() {
     return {
       config: {
         isshowTabPane: true,
         search: [
           {
-            name: "name",
-            type: "text",
-            label: "姓名",
-            fuzzy: true,
-          },
+            name: 'name',
+            type: 'text',
+            label: '姓名',
+            fuzzy: true
+          }
         ],
         columns: [
-          { type: "selection", width: 60 },
-          { type: "index", label: "序号", width: 50 },
+          { type: 'selection', width: 60 },
+          { type: 'index', label: '序号', width: 50 },
 
-          { label: "部门名称", prop: "deptName" },
+          { label: '部门名称', prop: 'deptName' },
 
-          { label: "姓名", prop: "name" },
+          { label: '姓名', prop: 'name' },
 
-          { label: "工号", prop: "number" },
+          { label: '工号', prop: 'number' },
 
-          { label: "电话号码", prop: "phone" },
+          { label: '电话号码', prop: 'phone' },
 
-          { label: "照片", prop: "photoPath", formatter: this.formatterPic },
+          { label: '照片', prop: 'photoPath', formatter: this.formatterPic },
 
           {
-            label: "创建时间",
-            prop: "createTime",
-            formatter: this.formatterDate,
+            label: '创建时间',
+            prop: 'createTime',
+            formatter: this.formatterDate
           },
           {
-            label: "操作",
+            label: '操作',
             width: 240,
             formatter: (row) => {
               return (
@@ -75,11 +60,26 @@ export default {
                   onDel={this.toDel}
                 />
               );
-            },
-          },
-        ],
-      },
+            }
+          }
+        ]
+      }
     };
   },
+  created() {},
+  methods: {
+    /** 重写新增方法 */
+    toAdd(row) {
+      this.$refs.dialogform.add(row);
+    },
+    /** 重写编辑方法 */
+    toEdit(row) {
+      this.$refs.dialogform.edit(row);
+    },
+    /** 重写查看方法 */
+    toView(row) {
+      this.$refs.dialogform.view(row);
+    }
+  }
 };
 </script>