From a38281e697cde9f45926a6af0c88bec14501fec0 Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Tue, 15 Feb 2022 11:06:34 +0800
Subject: [PATCH] 68个表格在1366*768下的适配，保安单位情况智能分析中的图表的适配以及其按钮会被遮住不能点击

---
 src/views/securityAnalysis/child/dispatch.vue |   78 +++++++++++++++++++++------------------
 1 files changed, 42 insertions(+), 36 deletions(-)

diff --git a/src/views/securityAnalysis/child/dispatch.vue b/src/views/securityAnalysis/child/dispatch.vue
index 2ad7f87..34673e1 100644
--- a/src/views/securityAnalysis/child/dispatch.vue
+++ b/src/views/securityAnalysis/child/dispatch.vue
@@ -2,15 +2,17 @@
   <div
     :class="[
       'certificateTJ',
-      $store.state.control.windowWidth >= 1024 ? 'oneRowSearch' : '',
+      $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+      $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
     ]"
   >
     <avue-crud
+      class="tablesss"
       :option="option1"
       :data="data1"
       :page.sync="page1"
       :table-loading="loading1"
-      @on-load="getPractitionersPageInfo(page1)"
+      @on-load="getPractitionersPageInfo"
       @search-change="searchChange"
       @search-reset="searchReset"
       @refresh-change="refreshChange"
@@ -45,7 +47,7 @@
         pageSize: 10,
         currentPage: 1,
         total: 0,
-        ...this.$store.state.control.changePageSize,
+        ...this.$store.state.control.changePageSize
       },
       query1: {},
       data1: [],
@@ -78,7 +80,7 @@
             searchSpan: 5,
             width: 210,
             // span: 12,
-            labelWidth: 118,
+            labelWidth: 118
           },
           // {
           //   label: "派遣单位地址",
@@ -99,7 +101,7 @@
             dicUrl: dicUrl,
             props: {
               label: "title",
-              value: "id",
+              value: "id"
             },
             // hide: true,
             // hide: !website.tenantMode,
@@ -110,14 +112,14 @@
               {
                 required: true,
                 message: "请选择保安公司",
-                trigger: "click",
-              },
+                trigger: "click"
+              }
             ],
             labelWidth: 118,
             width: 230,
             searchLabelWidth: 80,
             search: search,
-            searchSpan: 5,
+            searchSpan: 5
             // editDisplay: false,
             // addDisplay: false,
             // hide: true,
@@ -166,7 +168,7 @@
             searchSpan: 4,
             overHidden: true,
             // span: 12,
-            labelWidth: 118,
+            labelWidth: 118
           },
           {
             label: "合同生效时间",
@@ -187,18 +189,18 @@
               {
                 required: true,
                 message: "请输入时间",
-                trigger: "blur",
-              },
-            ],
+                trigger: "blur"
+              }
+            ]
           },
-          
+
           {
             label: "合同开始时间",
             prop: "startTime",
             labelWidth: 118,
             type: "date",
             format: "yyyy-MM-dd",
-            valueFormat: "yyyy-MM-dd",
+            valueFormat: "yyyy-MM-dd"
             // search: true,
             // searchSpan: 4,
             // overHidden: true
@@ -209,7 +211,7 @@
             labelWidth: 118,
             type: "date",
             format: "yyyy-MM-dd",
-            valueFormat: "yyyy-MM-dd",
+            valueFormat: "yyyy-MM-dd"
             // search: true,
             // searchSpan: 4,
             // overHidden: true
@@ -218,18 +220,18 @@
             label: " 派遣人数",
             prop: "snum",
             labelWidth: 118,
-            width:90
+            width: 90
           },
           {
             label: " 负责人",
             prop: "linkman",
-            labelWidth: 118,
+            labelWidth: 118
           },
           {
             label: "负责人联系方式",
             prop: "phone",
             labelWidth: 118,
-            width: 110,
+            width: 110
           },
           {
             label: "所属辖区",
@@ -244,7 +246,7 @@
             dicUrl: "/api/jurisdiction/lazy-tree",
             props: {
               label: "title",
-              value: "id",
+              value: "id"
             },
             checkStrictly: true,
             slot: true,
@@ -252,9 +254,9 @@
               {
                 required: true,
                 message: "请选择所属辖区",
-                trigger: "click",
-              },
-            ],
+                trigger: "click"
+              }
+            ]
           },
           {
             label: "所属辖区",
@@ -270,7 +272,7 @@
             dicUrl: "/api/jurisdiction/lazy-tree",
             props: {
               label: "title",
-              value: "id",
+              value: "id"
             },
             checkStrictly: true,
             slot: true,
@@ -278,13 +280,16 @@
               {
                 required: true,
                 message: "请选择所属辖区",
-                trigger: "click",
-              },
-            ],
-          },
-        ],
-      },
+                trigger: "click"
+              }
+            ]
+          }
+        ]
+      }
     };
+  },
+  mounted() {
+    this.$store.commit("setWindowSizeHeightAdd");
   },
   methods: {
     getStartTime() {
@@ -308,6 +313,7 @@
       return "";
     },
     getPractitionersPageInfo(page, params = {}) {
+      this.loading1 = true;
       if (this.card.jurisdiction == 1372091709474910209) {
         this.card.jurisdiction = "";
       }
@@ -320,7 +326,7 @@
           beginTime: releaseTimeRange[0],
           overTime: releaseTimeRange[1],
           status: 1,
-          ...this.query1,
+          ...this.query1
         };
         // values.releaseTimeRange = null;
       } else {
@@ -328,15 +334,16 @@
           ...params,
           ...this.card,
           ...this.query1,
-          status: 1,
+          status: 1
         };
       }
       // console.log(params);
-      getdata(page.currentPage, page.pageSize, params).then((res) => {
+      getdata(page.currentPage, page.pageSize, params).then(res => {
         // console.log(res.data.data.records);
         const data = res.data.data;
         this.data1 = data.records;
         this.page1.total = data.total;
+        this.$store.commit("setWindowSizeHeightAdd");
         this.loading1 = false;
       });
     },
@@ -358,10 +365,9 @@
       this.page1.currentPage = 1;
       this.refreshChange();
       // console.log(212);
-    },
-  },
+    }
+  }
 };
 </script>
 
-<style scoped>
-</style>
\ No newline at end of file
+<style scoped></style>

--
Gitblit v1.9.3