From 83f5eefe0a7a01d6f7c3750aced688d48ecf6521 Mon Sep 17 00:00:00 2001
From: hyt <958868763@qq.com>
Date: Tue, 18 Jun 2024 09:59:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=98=BE=E7=A4=BA=E4=BF=A1=E6=81=AF=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9=20=E9=80=BB=E8=BE=91=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../masterDataOptions/displayInfo/index.vue   | 183 +++++++++---------
 1 file changed, 95 insertions(+), 88 deletions(-)

diff --git a/src/views/masterDataOptions/displayInfo/index.vue b/src/views/masterDataOptions/displayInfo/index.vue
index 9b1db0a..57f4204 100644
--- a/src/views/masterDataOptions/displayInfo/index.vue
+++ b/src/views/masterDataOptions/displayInfo/index.vue
@@ -43,104 +43,107 @@
         >
         </baseNewForm>
       </div>
-      <div class="content">
-        <div class="showItem">
-          <div class="itemTitle">查询</div>
-          <div class="setting">
-            <div class="settingBox" @click="settingHandle('查询')">
-              <div class="img">
-                <img src="./images/设置.png" alt="">
+      <div class="main">
+        <div class="content">
+          <div class="showItem">
+            <div class="itemTitle">查询</div>
+            <div class="setting">
+              <div class="settingBox" @click="settingHandle('查询')">
+                <div class="img">
+                  <img src="./images/设置.png" alt="">
+                </div>
+                <div class="value">设置</div>
               </div>
-              <div class="value">设置</div>
             </div>
-          </div>
-          <div class="showCheckBoxList">
-            <div class="showCheckBoxItem" v-for="(item,index) in dbQueryFiled" :key="item.viewFiled">
-              <div class="name">{{ item.viewName }}</div>
-            </div>
-          </div>
-        </div>
-        <div class="showItem">
-          <div class="itemTitle">列表</div>
-          <div class="setting">
-            <div class="settingBox" @click="settingHandle('列表')">
-              <div class="img">
-                <img src="./images/设置.png" alt="">
+            <div class="showCheckBoxList">
+              <div class="showCheckBoxItem" v-for="(item,index) in dbQueryFiled" :key="index">
+                <div class="name">{{ item.viewName }}</div>
               </div>
-              <div class="value">设置</div>
             </div>
           </div>
-          <div class="showCheckBoxList">
-            <div class="showCheckBoxItem" v-for="(item,index) in dbListFiled" :key="item.viewFiled">
-              <div class="name">{{ item.viewName }}</div>
-            </div>
-          </div>
-        </div>
-        <div class="showItem">
-          <div class="itemTitle">新增</div>
-          <div class="setting">
-            <div class="settingBox" @click="settingHandle('新增')">
-              <div class="img">
-                <img src="./images/设置.png" alt="">
+          <div class="showItem">
+            <div class="itemTitle">列表</div>
+            <div class="setting">
+              <div class="settingBox" @click="settingHandle('列表')">
+                <div class="img">
+                  <img src="./images/设置.png" alt="">
+                </div>
+                <div class="value">设置</div>
               </div>
-              <div class="value">设置</div>
             </div>
-          </div>
-          <div class="showCheckBoxList">
-            <div class="showCheckBoxItem" v-for="(item,index) in dbAddFiled" :key="item.viewFiled">
-              <div class="name">{{ item.viewName }}</div>
-            </div>
-          </div>
-        </div>
-        <div class="showItem">
-          <div class="itemTitle">修改</div>
-          <div class="setting">
-            <div class="settingBox" @click="settingHandle('修改')">
-              <div class="img">
-                <img src="./images/设置.png" alt="">
+            <div class="showCheckBoxList">
+              <div class="showCheckBoxItem" v-for="(item,index) in dbListFiled" :key="index">
+                <div class="name">{{ item.viewName }}</div>
               </div>
-              <div class="value">设置</div>
             </div>
           </div>
-          <div class="showCheckBoxList">
-            <div class="showCheckBoxItem" v-for="(item,index) in dbEditFiled" :key="item.viewFiled">
-              <div class="name">{{ item.viewName }}</div>
-            </div>
-          </div>
-        </div>
-        <div class="showItem">
-          <div class="itemTitle">查看</div>
-          <div class="setting">
-            <div class="settingBox" @click="settingHandle('查看')">
-              <div class="img">
-                <img src="./images/设置.png" alt="">
+          <div class="showItem">
+            <div class="itemTitle">新增</div>
+            <div class="setting">
+              <div class="settingBox" @click="settingHandle('新增')">
+                <div class="img">
+                  <img src="./images/设置.png" alt="">
+                </div>
+                <div class="value">设置</div>
               </div>
-              <div class="value">设置</div>
             </div>
-          </div>
-          <div class="showCheckBoxList">
-            <div class="showCheckBoxItem" v-for="(item,index) in dbShowFiled" :key="item.viewFiled">
-              <div class="name">{{ item.viewName }}</div>
-            </div>
-          </div>
-        </div>
-        <div class="showItem">
-          <div class="itemTitle">按钮</div>
-          <div class="setting">
-            <div class="settingBox" @click="settingHandle('按钮')">
-              <div class="img">
-                <img src="./images/设置.png" alt="">
+            <div class="showCheckBoxList">
+              <div class="showCheckBoxItem" v-for="(item,index) in dbAddFiled" :key="index">
+                <div class="name">{{ item.viewName }}</div>
               </div>
-              <div class="value">设置</div>
             </div>
           </div>
-          <div class="showCheckBoxList">
-            <div class="showCheckBoxItem" v-for="(item,index) in btnShowList" :key="item.buttonType">
-              <div class="name">{{ item.name }}</div>
+          <div class="showItem">
+            <div class="itemTitle">修改</div>
+            <div class="setting">
+              <div class="settingBox" @click="settingHandle('修改')">
+                <div class="img">
+                  <img src="./images/设置.png" alt="">
+                </div>
+                <div class="value">设置</div>
+              </div>
+            </div>
+            <div class="showCheckBoxList">
+              <div class="showCheckBoxItem" v-for="(item,index) in dbEditFiled" :key="index">
+                <div class="name">{{ item.viewName }}</div>
+              </div>
+            </div>
+          </div>
+          <div class="showItem">
+            <div class="itemTitle">查看</div>
+            <div class="setting">
+              <div class="settingBox" @click="settingHandle('查看')">
+                <div class="img">
+                  <img src="./images/设置.png" alt="">
+                </div>
+                <div class="value">设置</div>
+              </div>
+            </div>
+            <div class="showCheckBoxList">
+              <div class="showCheckBoxItem" v-for="(item,index) in dbShowFiled" :key="index">
+                <div class="name">{{ item.viewName }}</div>
+              </div>
+            </div>
+          </div>
+          <div class="showItem">
+            <div class="itemTitle">按钮</div>
+            <div class="setting">
+              <div class="settingBox" @click="settingHandle('按钮')">
+                <div class="img">
+                  <img src="./images/设置.png" alt="">
+                </div>
+                <div class="value">设置</div>
+              </div>
+            </div>
+            <div class="showCheckBoxList">
+              <div class="showCheckBoxItem" v-for="(item,index) in btnShowList" :key="index">
+                <div class="name">{{ item.name }}</div>
+              </div>
             </div>
           </div>
         </div>
       </div>
+
     </div>
     <!--     -->
     <base-right-dialog
@@ -309,8 +312,9 @@ export default {
       const res = await authApi('mdmModuleService', '', 'queryMdmView', '', {
         mdmId: this.$route.query.id
       })
-      this.ruleForm = res.attribute
-      this.displayType = this.ruleForm.viewName
+      console.log(res.attribute, 'res.attribute', res)
+      this.ruleForm = res.attribute ? res.attribute : {}
+      this.displayType = this.ruleForm.viewName ? this.ruleForm.viewName : '1'
     },
     //保存
     saveHandle() {
@@ -338,6 +342,7 @@ export default {
       const res = await authApi('mdmModuleService', '', 'queryMdmViewField', '', {
         id: this.$route.query.id
       })
+      console.log(res, 'res')
       this.dbQueryFiled = res.attribute.dbQueryFiled
       this.dbListFiled = res.attribute.dbListFiled
       this.dbAddFiled = res.attribute.dbAddFiled
@@ -430,16 +435,16 @@ export default {
     > .tabIndex {
       margin-top: 10px;
     }
-
+  .main{
+    overflow: auto;
     > .content {
-      margin-top: 3vh;
-      display: flex;
-      align-items: center;
-
+      margin-top: 1vh;
+      width: 2100px;
       .showItem {
-        flex: 1;
+        display: inline-block;
+        width: 340px;
         margin-left: 8px;
-        height: 70vh;
+        height: 68vh;
         background: #FFFFFF;
         border-radius: 8px;
         border: 1px solid #EBEBEB;
@@ -525,5 +530,7 @@ export default {
     }
   }
 
+  }
+
 }
 </style>