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/zzmx/gxdy.vue |   55 +++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 39 insertions(+), 16 deletions(-)

diff --git a/src/views/zzmx/gxdy.vue b/src/views/zzmx/gxdy.vue
index ed86682..33fb664 100644
--- a/src/views/zzmx/gxdy.vue
+++ b/src/views/zzmx/gxdy.vue
@@ -17,7 +17,13 @@
               <el-input v-model="form.stepname" placeholder="璇疯緭鍏�" style="width: 200px" />
             </el-form-item>
             <el-form-item label="鍚敤鐘舵��" style=" display: flex;">
-              <el-select v-model="form.enable" filterable :popper-append-to-body="false" style="width: 200px" placeholder="璇烽�夋嫨">
+              <el-select
+                v-model="form.enable"
+                filterable
+                :popper-append-to-body="false"
+                style="width: 200px"
+                placeholder="璇烽�夋嫨"
+              >
                 <el-option
                   v-for="item in enableArr"
                   :key="item.code"
@@ -78,19 +84,23 @@
             prop="RowNum"
             width="50"
             label="搴忓彿"
+            fixed
           />
           <el-table-column
             prop="stepcode"
             label="宸ュ簭缂栫爜"
+            min-width="150"
             sortable="custom"
           />
           <el-table-column
             prop="stepname"
+            min-width="150"
             label="宸ュ簭鍚嶇О"
             sortable="custom"
           />
           <el-table-column
             prop="flwtype"
+            min-width="150"
             label="宸ュ簭绫诲瀷"
             sortable="custom"
           >
@@ -103,12 +113,14 @@
           <el-table-column
             prop="descr"
             label="宸ュ簭鎻忚堪"
+            min-width="180"
             sortable="custom"
           />
           <el-table-column
             prop="enable"
             label="鍚敤鐘舵��"
             sortable="custom"
+            width="110"
           >
             <template slot-scope="{row}">
               <div v-if="row.enable==='Y'">鏄�</div>
@@ -118,6 +130,7 @@
           <el-table-column
             prop="lm_user"
             label="鍒涘缓浜哄憳"
+            width="110"
             sortable="custom"
           />
           <el-table-column
@@ -129,27 +142,41 @@
           <el-table-column
             label="鍏宠仈宸ヤ綔绔�"
             prop="is_eqp"
+            width="110"
           >
             <template slot-scope="{row}">
               <div class="operationClass">
                 <i v-if="row.is_eqp==='Y'" class="el-icon-share" @click="workClick(row)" />
-                <i v-if="row.is_eqp==='N'" class="el-icon-share" style="color: #E4E7ED" @click="workClick(row)" />
+                <i
+                  v-if="row.is_eqp==='N'"
+                  class="el-icon-share"
+                  style="color: rgb(180 ,181, 185)"
+                  @click="workClick(row)"
+                />
               </div>
             </template>
           </el-table-column>
           <el-table-column
             label="鍏宠仈缂洪櫡"
             prop="is_defect"
+            width="110"
           >
             <template slot-scope="{row}">
               <div class="operationClass">
                 <i v-if="row.is_defect==='Y'" class="el-icon-share" @click="defectClick(row)" />
-                <i v-if="row.is_defect==='N'" class="el-icon-share" style="color: #E4E7ED;" @click="defectClick(row)" />
+                <i
+                  v-if="row.is_defect==='N'"
+                  class="el-icon-share"
+                  style="color:rgb(180 ,181, 185);"
+                  @click="defectClick(row)"
+                />
               </div>
             </template>
           </el-table-column>
           <el-table-column
             label="鎿嶄綔"
+            fixed="right"
+            width="120"
           >
             <template slot-scope="{row}">
               <div class="operationClass">
@@ -251,8 +278,7 @@
       title="鍏宠仈宸ヤ綔绔�"
       :visible.sync="workDialogVisible"
       width="50%"
-      top="15vh"
-      :fullscreen="isFullscreen"
+      :top="isIpad?'5vh': '15vh'"
       :close-on-click-modal="false"
       class="workDialogVisible"
       @closed="workHandleClose"
@@ -299,7 +325,7 @@
           :data="workDialogForm.workTreeArr"
           show-checkbox
           node-key="code"
-          style="height: 300px;"
+          style="height: 280px;"
           default-expand-all
           :props="workTreeDefaultProps"
           @check="checkBoxClick"
@@ -320,8 +346,7 @@
       title="宸ュ簭鍏宠仈缂洪櫡"
       :visible.sync="defectDialogVisible"
       width="50%"
-      top="15vh"
-      :fullscreen="isFullscreen"
+      :top="isIpad?'5vh':'15vh'"
       :close-on-click-modal="false"
       class="defectDialogVisible"
       @closed="defectHandleClose"
@@ -342,7 +367,7 @@
           :data="defectTree"
           show-checkbox
           node-key="code"
-          style="height: 500px;"
+          style="height: 400px;"
           default-expand-all
           :props="workTreeDefaultProps"
         />
@@ -363,8 +388,6 @@
 
 <script>
 import Pagination from '@/components/Pagination'
-import { AddUpdateOrganization, DeleteOrganization, OrganizationSearch, PrentOrganization } from '@/api/jcsz'
-import { getCookie } from '@/utils/auth'
 import {
   AddUpdateStep,
   DeleteStep, SaveStepAssociationDefect,
@@ -394,7 +417,7 @@
       }
     }
     return {
-      isFullscreen: false,
+      isIpad: false,
       mainHeight: 0,
       tableHeight: 0,
       form: {
@@ -587,11 +610,11 @@
     getHeight() {
       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
       })
     },
     /* 鍏宠仈宸ヤ綔绔欐ā鍧�*/
@@ -914,7 +937,7 @@
       this.defectDialogVisible = false
     },
     // 纭
-    async  defectDialogVisibleConfirm() {
+    async defectDialogVisibleConfirm() {
       const nodeKey = this.$refs.defectTree.getCheckedKeys()
       const data = []
       this.defectTree[0].children.forEach(item => {

--
Gitblit v1.9.3