From dc252ad2bd275f697c266e3c8b10cb7d540fdcaa Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Wed, 16 Feb 2022 17:08:11 +0800
Subject: [PATCH] 44个表格在1366*768下的适配，保安员管理-》保安员查询中操作栏更改，在用户表左侧控制栏同步高

---
 src/views/securityUnitOperation/operationTable.vue |   72 +++++++++++++++++++++---------------
 1 files changed, 42 insertions(+), 30 deletions(-)

diff --git a/src/views/securityUnitOperation/operationTable.vue b/src/views/securityUnitOperation/operationTable.vue
index 94e4468..1a08ede 100644
--- a/src/views/securityUnitOperation/operationTable.vue
+++ b/src/views/securityUnitOperation/operationTable.vue
@@ -1,6 +1,12 @@
 <template>
-  <basic-container>
+  <basic-container
+    :class="[
+      $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+      $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : '',
+    ]"
+  >
     <avue-crud
+      class="tablesss smileTableFromSize"
       :option="tableOption"
       :table-loading="loading"
       :data="tableData"
@@ -12,14 +18,13 @@
       @current-change="currentChange"
       @size-change="sizeChange"
       @refresh-change="refreshChange"
-      
     >
     </avue-crud>
   </basic-container>
 </template>
 <script>
 import { selectTb } from "../../api/securityUnitOperation/securityUnitOperation";
-import { lazyTreeJu,lazyTrees } from "../../api/index/index";
+import { lazyTreeJu, lazyTrees } from "../../api/index/index";
 export default {
   name: "公司运营情况智能分析详情表",
   data() {
@@ -27,9 +32,10 @@
       page: {
         pageSize: 10,
         currentPage: 1,
-        total: 0
+        total: 0,
+        ...this.$store.state.control.changePageSize,
       },
-      query:{},
+      query: {},
       value1: "",
       value2: "",
       tableData: [
@@ -89,9 +95,10 @@
         searchShow: true,
         searchMenuSpan: 6,
         index: true,
-        indexLabel:'序号',
+        indexLabel: "#",
         viewBtn: true,
         dialogClickModal: false,
+        ...this.$store.state.control.clearOtherBut,
         column: [
           // {
           //   label: "类别",
@@ -154,8 +161,8 @@
             prop: "enterpriseName",
             search: true,
             searchSpan: 4,
-            width:300,
-            display: false
+            width: 300,
+            display: false,
           },
           {
             label: "所属辖区",
@@ -166,7 +173,7 @@
             // dicMethod:'post',
             props: {
               label: "title",
-              value: "id"
+              value: "id",
             },
             dicData: [],
             search: true,
@@ -176,9 +183,9 @@
               {
                 required: true,
                 message: "请选择所属辖区",
-                trigger: "blur"
-              }
-            ]
+                trigger: "blur",
+              },
+            ],
           },
           // {
           //   label: "时间",
@@ -195,22 +202,22 @@
           {
             label: "总保安人数",
             prop: "znum",
-            display: false
+            display: false,
           },
           {
             label: "正常保安数",
             prop: "zcnum",
-            display: false
+            display: false,
           },
           {
             label: "持证保安数",
             prop: "cznum",
-            display: false
+            display: false,
           },
           {
             label: "保安派遣数",
             prop: "pcnum",
-            display: false
+            display: false,
           },
           // {
           //   label: "过考保安数",
@@ -220,25 +227,25 @@
           {
             label: "服务单位数",
             prop: "ghnum",
-            display: false
+            display: false,
           },
           {
             label: "缴纳社保保安数",
             prop: "sbnum",
-            display: false
+            display: false,
           },
           {
             label: "备注",
             prop: "bz",
-            display: false
-          }
-        ]
+            display: false,
+          },
+        ],
       },
       typeValue: "0",
       companyName: "",
       subOfficeData: [],
       subOfficeValue: "",
-      loading: true
+      loading: true,
     };
   },
   methods: {
@@ -255,11 +262,11 @@
     },
     currentChange(currentPage) {
       this.page.currentPage = currentPage;
-      this.onLoad(this.page, this.query)
+      this.onLoad(this.page, this.query);
     },
     sizeChange(pageSize) {
       this.page.pageSize = pageSize;
-      this.onLoad(this.page, this.query)
+      this.onLoad(this.page, this.query);
     },
     refreshChange() {
       this.onLoad(this.page, this.query);
@@ -271,17 +278,18 @@
       param["enterpriseName"] = params["enterpriseName"] || "";
       param["current"] = page.currentPage;
       param["size"] = page.pageSize;
-      selectTb(param).then(res => {
+      selectTb(param).then((res) => {
         const data = res.data.data;
         this.page.total = data.total;
         this.tableData = data.records;
+        this.$store.commit("setWindowSizeHeightAdd");
         this.loading = false;
       });
     },
     getSubOfficeData() {
-      lazyTrees().then(res => {
+      lazyTrees().then((res) => {
         if (res.data.code === 200) {
-          this.tableOption.column.forEach(item => {
+          this.tableOption.column.forEach((item) => {
             if (item.label == "所属辖区") {
               item.dicData = res.data.data;
             }
@@ -301,14 +309,18 @@
       }
       let jurisdiction = object["jurisdiction1"] || "";
       let enterpriseName = object["enterpriseName"] || "";
-      this.query = { jurisdiction: jurisdiction, enterpriseName: enterpriseName };
+      this.query = {
+        jurisdiction: jurisdiction,
+        enterpriseName: enterpriseName,
+      };
       this.onLoad(this.page, this.query);
-    }
+    },
   },
   mounted() {
     this.getLocationParams();
     this.getSubOfficeData();
-  }
+    this.$store.commit("setWindowSizeHeightAdd");
+  },
 };
 </script>
 <style lang="scss" scoped>

--
Gitblit v1.9.3