perf: 优化数据引擎搜索

admin_2/src/pages/engine/Engine.vue

@@ -64,6 +64,11 @@ export default {
       });
     },
   },
+  created() {
+    this.$nextTick(() => {
+      this.handleDate();
+    });
+  },
   methods: {
     handleDate() {
       this.$refs.Page.getDate(this.time);

admin_2/src/pages/engine/EvaluateSystem.vue

@@ -3,6 +3,7 @@
     <div class="table-item">
       <div>
         <DoubleTable
+          :dict="dict"
           title="大厅评价量统计"
           border
           :column="hallColumn"
@@ -25,6 +26,7 @@
     <div class="table-item">
       <div>
         <DoubleTable
+          :dict="dict"
           title="评价选项统计"
           border
           :column="pjOptionColumn"
@@ -48,6 +50,7 @@
     <div class="table-item">
       <div>
         <DoubleTable
+          :dict="dict"
           title="部门评价量统计"
           border
           :column="deptColumn"
@@ -71,6 +74,7 @@
     <div class="table-item">
       <div>
         <DoubleTable
+          :dict="dict"
           title="窗口评价量统计"
           border
           :column="windowColumn"
@@ -106,6 +110,7 @@ export default {
   },
   data() {
     return {
+      dict: {},
       dateForm: {
         timeStart: this.$moment().format("YYYY-MM-DD"),
         timeEnd: this.$moment().format("YYYY-MM-DD"),
@@ -251,24 +256,27 @@ export default {
       });
 
       if (res.data.code == 1) {
-        let { data, total } = res.data.data;
+        let { data, total, dict } = res.data.data;
         return {
           data: data,
           total: total,
+          dict,
         };
       } else {
         return {
           data: [],
           total: 0,
+          dict: {},
         };
       }
     },
     // 获取大厅评价数据
     async getHallEva() {
       this.hallLoading = true;
-      let { data, total } = await this.hallEvaFn();
+      let { data, total, dict } = await this.hallEvaFn();
       this.hallTableData = data;
       this.hallSearch.total = total;
+      this.dict = dict;
       this.hallLoading = false;
     },
 
@@ -281,15 +289,17 @@ export default {
       });
 
       if (res.data.code == 1) {
-        let { data, total } = res.data.data;
+        let { data, total, dict } = res.data.data;
         return {
           data,
           total,
+          dict,
         };
       } else {
         return {
           data: [],
           total: 0,
+          dict: {},
         };
       }
     },
@@ -310,15 +320,17 @@ export default {
         ...form,
       });
       if (res.data.code == 1) {
-        let { data, total } = res.data.data;
+        let { data, total, dict } = res.data.data;
         return {
           data,
           total,
+          dict,
         };
       } else {
         return {
           data: [],
           total: 0,
+          dict: {},
         };
       }
     },
@@ -340,15 +352,17 @@ export default {
         ...form,
       });
       if (res.data.code == 1) {
-        let { data, total } = res.data.data;
+        let { data, total, dict } = res.data.data;
         return {
           data,
           total,
+          dict,
         };
       } else {
         return {
           data: [],
           total: 0,
+          dict: {},
         };
       }
     },

admin_2/src/pages/engine/QueueUpSystem.vue

@@ -3,6 +3,7 @@
     <div class="table-item">
       <div>
         <DoubleTable
+          :dict="dict"
           title="大厅取号量统计"
           border
           :column="hallColumn"
@@ -25,6 +26,7 @@
     <div class="table-item">
       <div>
         <DoubleTable
+          :dict="dict"
           title="业务取号量统计"
           border
           :column="businessColumn"
@@ -48,6 +50,7 @@
     <div class="table-item">
       <div>
         <DoubleTable
+          :dict="dict"
           title="部门取号量统计"
           border
           :column="deptColumn"
@@ -71,6 +74,7 @@
     <div class="table-item">
       <div>
         <DoubleTable
+          :dict="dict"
           title="窗口取号量统计"
           border
           :column="windowColumn"
@@ -106,6 +110,7 @@ export default {
   },
   data() {
     return {
+      dict: {},
       dateForm: {
         timeStart: this.$moment().format("YYYY-MM-DD"),
         timeEnd: this.$moment().format("YYYY-MM-DD"),
@@ -256,24 +261,27 @@ export default {
       });
 
       if (res.data.code == 1) {
-        let { data, total } = res.data.data;
+        let { data, total, dict } = res.data.data;
         return {
           data: data,
           total: total,
+          dict,
         };
       } else {
         return {
           data: [],
           total: 0,
+          dict: {},
         };
       }
     },
     // 获取大厅取号数据
     async getHallQueue() {
       this.hallLoading = true;
-      let { data, total } = await this.hallQueueFn();
+      let { data, total, dict } = await this.hallQueueFn();
       this.hallTableData = data;
       this.hallSearch.total = total;
+      this.dict = dict;
       this.hallLoading = false;
     },
 
@@ -286,15 +294,17 @@ export default {
       });
 
       if (res.data.code == 1) {
-        let { data, total } = res.data.data;
+        let { data, total, dict } = res.data.data;
         return {
           data,
           total,
+          dict,
         };
       } else {
         return {
           data: [],
           total: 0,
+          dict: {},
         };
       }
     },
@@ -315,15 +325,17 @@ export default {
         ...form,
       });
       if (res.data.code == 1) {
-        let { data, total } = res.data.data;
+        let { data, total, dict } = res.data.data;
         return {
           data,
           total,
+          dict,
         };
       } else {
         return {
           data: [],
           total: 0,
+          dict: {},
         };
       }
     },
@@ -345,15 +357,17 @@ export default {
         ...form,
       });
       if (res.data.code == 1) {
-        let { data, total } = res.data.data;
+        let { data, total, dict } = res.data.data;
         return {
           data,
           total,
+          dict,
         };
       } else {
         return {
           data: [],
           total: 0,
+          dict: {},
         };
       }
     },

admin_2/src/pages/engine/components/DoubleTable.vue

@@ -17,7 +17,12 @@
           placeholder="请选择评价选项"
           clearable
         >
-          <el-option v-for="(v, i) in pjOption" :key="i" :label="v" :value="v">
+          <el-option
+            v-for="(v, i) in dict.pjOption"
+            :key="i"
+            :label="v"
+            :value="v"
+          >
           </el-option>
         </el-select>
         <el-select
@@ -29,10 +34,10 @@
           clearable
         >
           <el-option
-            v-for="v in businessList"
-            :key="v.id"
-            :label="v.businessName"
-            :value="v.businessName"
+            v-for="(v, i) in getTopKeyList(dict.businessList)"
+            :key="i"
+            :label="v"
+            :value="v"
           >
           </el-option>
         </el-select>
@@ -45,10 +50,10 @@
           clearable
         >
           <el-option
-            v-for="v in deptList"
-            :key="v.id"
-            :label="v.name"
-            :value="v.name"
+            v-for="(v, i) in getTopKeyList(dict.sectionNameList)"
+            :key="i"
+            :label="v"
+            :value="v"
           >
           </el-option>
         </el-select>
@@ -61,10 +66,10 @@
           clearable
         >
           <el-option
-            v-for="v in windowList"
-            :key="v.id"
-            :label="v.name + '-' + v.fromnum"
-            :value="v.fromnum"
+            v-for="(v, i) in getTopKeyList(dict.windowFromnumList)"
+            :key="i"
+            :label="v"
+            :value="v"
           >
           </el-option>
         </el-select>
@@ -102,9 +107,7 @@
 </template>
 
 <script>
-import { mapState } from "vuex";
 import storage from "@/utils/storage";
-let pjOption = ["非常满意", "满意", "基本满意", "不满意", "非常不满意"];
 export default {
   props: {
     data: {
@@ -145,10 +148,14 @@ export default {
       type: Boolean,
       default: true,
     },
+    dict: {
+      required: true,
+      type: Object,
+      default: () => {},
+    },
   },
   data() {
     return {
-      pjOption,
       searchVal: "",
       siteId: storage.get(2, "siteId"),
       form: {
@@ -160,7 +167,6 @@ export default {
     };
   },
   computed: {
-    ...mapState("user", ["businessList", "deptList", "windowList"]),
     leftColumn() {
       let index = {
         label: "排序",
@@ -210,6 +216,13 @@ export default {
     handleExport() {
       this.$emit("export", this.type, this.form);
     },
+    getTopKeyList(arr) {
+      if (arr) {
+        return arr.map((item) => Object.keys(item)[0]);
+      } else {
+        return [];
+      }
+    },
   },
 };
 </script>