From d33eacc1f85ac3a736b33ba4713a19aae466d711 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 05 八月 2022 16:42:53 +0800
Subject: [PATCH] 1.做适应平板显示的内容大小

---
 src/views/jcsz/yhqd.vue |   42 +++++++++++++++++++++++++++++-------------
 1 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/src/views/jcsz/yhqd.vue b/src/views/jcsz/yhqd.vue
index ee8c740..573a413 100644
--- a/src/views/jcsz/yhqd.vue
+++ b/src/views/jcsz/yhqd.vue
@@ -189,12 +189,13 @@
           >
             <template slot-scope="{row}">
               <i v-if="row.is_role==='Y'" class="el-icon-share" @click="roleClick({row})" />
-              <i v-if="row.is_role==='N'" class="el-icon-share" style="color: #E4E7ED" @click="roleClick({row})" />
+              <i v-if="row.is_role==='N'" class="el-icon-share" style="color: rgb(180 ,181, 185)" @click="roleClick({row})" />
             </template>
           </el-table-column>
           <el-table-column
             label="鎿嶄綔"
             fixed="right"
+            width="120"
           >
             <template slot-scope="{row}">
               <div class="operationClass">
@@ -318,8 +319,8 @@
       title="鍏宠仈瑙掕壊"
       :visible.sync="dialogVisibleRoles"
       width="800px"
-      top="15vh"
-      :fullscreen="isFullscreen"
+      :top="isIpad?'3vh':'15vh'"
+      :fullscreen="isIpad"
       :close-on-click-modal="false"
       class="dialogVisibleRoles"
       @closed="handleCloseRoles"
@@ -550,7 +551,7 @@
     }
 
     return {
-      isFullscreen: false,
+      isIpad: false,
       mainHeight: 0,
       tableHeight: 0,
       form: {
@@ -653,25 +654,42 @@
         prop: 'group_code',
         order: 'desc'
       },
+
       title_value: '鏁版嵁瀵煎叆 / 鐢ㄦ埛娓呭崟',
-      code: '1',
+      code: '2',
       shows: false
     }
   },
-  created() {
-    this.getUserSearch()
-    this.getUserOrganization()
+  watch: {
+    shows() {
+      if (!this.shows) {
+        this.getUserSearch()
+      }
+    }
   },
+  created() {
+    this.handleRequest()
+  },
+
   mounted() {
     window.addEventListener('resize', this.getHeight)
     this.getHeight()
   },
   methods: {
+    handleRequest() {
+      this.getUserSearch().then(res => {
+        if (res.code === '200') {
+          this.getUserOrganization()
+        }
+      })
+    },
+
     // 鑾峰彇鐢ㄦ埛娓呭崟
     async getUserSearch() {
       const res = await UserSearch(this.form)
       this.tableData = res.data
       this.total = res.count
+      return { code: res.code }
     },
     // 鑾峰彇鎵�灞炵粍缁�
     async getUserOrganization() {
@@ -828,15 +846,13 @@
     },
     // 鑾峰彇椤甸潰楂樺害
     getHeight() {
-      console.log(window.innerHeight)
-      console.log(window.innerWidth)
       this.$nextTick(() => {
         this.mainHeight = window.innerHeight - 250
-        this.tableHeight = this.mainHeight - 100
-        // this.isFullscreen = window.innerHeight < 800
-        if (window.innerHeight < 800) {
+        this.tableHeight = this.mainHeight - 50
+        if (window.innerHeight < 769) {
           this.tableHeight = this.tableHeight - 50
         }
+        this.isIpad = window.innerHeight < 769 && window.innerWidth < 1367
       })
     },
     // 鍏宠仈瑙掕壊鐐瑰嚮浜嬩欢

--
Gitblit v1.9.3