fix:修改皮肤设置导航渲染

base-manager-ui/admin/src/pages/basicset/surface/AddSurfaceTemplate.vue

@@ -389,7 +389,6 @@ export default {
       }
       this.fieldList = data;
       this.rightTotal = pageInfo.totalResult;
-      console.log(data);
       this.rightLoading = false;
     },
     //   新增模板

base-manager-ui/admin/src/pages/basicset/surface/appraiseskin/AppraiseSkin.vue

@@ -52,12 +52,14 @@
       <div class="footer flex jcb aic">
         <div
           class="footer-btn flex flexc jcc"
-          :class="{ border: !filterItem('4', 0) }"
+          v-for="(v, i) in filterNav('4')"
+          :key="v.id"
+          :class="{ border: !filterItem('4', i) }"
           :style="{
-            background: filterItem('4', 0),
+            background: filterItem('4', i),
           }"
         ></div>
-        <div
+        <!-- <div
           class="footer-btn flex flexc jcc"
           :class="{ border: !filterItem('4', 1) }"
           :style="{
@@ -78,6 +80,20 @@
             background: filterItem('4', 3),
           }"
         ></div>
+        <div
+          class="footer-btn flex flexc jcc"
+          :class="{ border: !filterItem('4', 4) }"
+          :style="{
+            background: filterItem('4', 4),
+          }"
+        ></div>
+        <div
+          class="footer-btn flex flexc jcc"
+          :class="{ border: !filterItem('4', 5) }"
+          :style="{
+            background: filterItem('4', 5),
+          }"
+        ></div> -->
       </div>
     </div>
   </div>
@@ -164,6 +180,14 @@ export default {
       }
       return value;
     },
+    // 过滤导航
+    filterNav(type) {
+      let arr = [];
+      arr = this.skinFieldList.filter((v) => {
+        return v.remark == type;
+      });
+      return arr;
+    },
   },
 };
 </script>
@@ -240,12 +264,16 @@ export default {
     margin-top: 20px;
     width: 100%;
     .footer-btn {
-      width: 22%;
+      flex: 1;
+      margin-right: 10px;
       height: 120px;
       padding: 10px;
       border-radius: 4px;
       background-size: 100% 100% !important;
     }
+    & .footer-btn:last-child {
+      margin-right: 0px;
+    }
     .border {
       border: 1px dashed #ececec;
     }

base-manager-ui/admin/src/pages/basicset/surface/calloutskin/CallOutSkin.vue

@@ -59,44 +59,11 @@
         <div class="right flex1 flex flexwrap jcb acb">
           <div
             class="right-item"
-            :class="{ border: !filterItem('4', 0) }"
+            v-for="(v, i) in filterNav('4')"
+            :key="v.id"
+            :class="{ border: !filterItem('4', i) }"
             :style="{
-              background: filterItem('4', 0),
-            }"
-          ></div>
-          <div
-            class="right-item"
-            :class="{ border: !filterItem('4', 1) }"
-            :style="{
-              background: filterItem('4', 1),
-            }"
-          ></div>
-          <div
-            class="right-item"
-            :class="{ border: !filterItem('4', 2) }"
-            :style="{
-              background: filterItem('4', 2),
-            }"
-          ></div>
-          <div
-            class="right-item"
-            :class="{ border: !filterItem('4', 3) }"
-            :style="{
-              background: filterItem('4', 3),
-            }"
-          ></div>
-          <div
-            class="right-item"
-            :class="{ border: !filterItem('4', 4) }"
-            :style="{
-              background: filterItem('4', 4),
-            }"
-          ></div>
-          <div
-            class="right-item"
-            :class="{ border: !filterItem('4', 5) }"
-            :style="{
-              background: filterItem('4', 5),
+              background: filterItem('4', i),
             }"
           ></div>
         </div>
@@ -239,6 +206,14 @@ export default {
       }
       return value;
     },
+    // 过滤导航
+    filterNav(type) {
+      let arr = [];
+      arr = this.skinFieldList.filter((v) => {
+        return v.remark == type;
+      });
+      return arr;
+    },
   },
 };
 </script>

base-manager-ui/admin/src/pages/basicset/surface/modal/AddField.vue

@@ -65,8 +65,8 @@ const attrType = [
   { key: "2", label: "标题" },
   { key: "3", label: "日期时间" },
   { key: "4", label: "导航" },
-  { key: "5", label: "首页数据标题" },
-  { key: "6", label: "首页数据" },
+  { key: "5", label: "数据标题" },
+  { key: "6", label: "数据" },
   { key: "7", label: "主题色" },
   { key: "8", label: "辅助色" },
   { key: "9", label: "备案" },

base-manager-ui/admin/src/pages/basicset/surface/queuingSkin/LandscapeMode.vue

@@ -24,90 +24,14 @@
             <img src="../../../../assets/img/Banner.png" alt="" />
           </div>
           <div class="skin-content-right">
-            <!-- 现场取号 -->
             <div
-              :class="{ border: !filterItem('4', 0) }"
+              v-for="(v, i) in filterNav('4')"
+              :key="v.id"
+              :class="{ border: !filterItem('4', i) }"
               :style="{
-                background: filterItem('4', 0),
+                background: filterItem('4', i),
               }"
             ></div>
-            <!-- <img
-              :src="
-                filterImg('现场取号')
-                  ? api + filterImg('现场取号')
-                  : require('../../../../assets/img/img_bg_qiandao.png')
-              "
-            /> -->
-            <!-- 预约取号 -->
-            <div
-              :class="{ border: !filterItem('4', 1) }"
-              :style="{
-                background: filterItem('4', 1),
-              }"
-            ></div>
-            <!-- <img
-              :src="
-                filterImg('预约取号')
-                  ? api + filterImg('预约取号')
-                  : require('../../../../assets/img/img_bg_qiandao.png')
-              "
-            /> -->
-            <!-- VIP取号 -->
-            <div
-              :class="{ border: !filterItem('4', 2) }"
-              :style="{
-                background: filterItem('4', 2),
-              }"
-            ></div>
-            <!-- <img
-              :src="
-                filterImg('VIP取号')
-                  ? api + filterImg('VIP取号')
-                  : require('../../../../assets/img/img_bg_qiandao.png')
-              "
-            /> -->
-            <!-- 重打小票 -->
-            <div
-              :class="{ border: !filterItem('4', 3) }"
-              :style="{
-                background: filterItem('4', 3),
-              }"
-            ></div>
-            <!-- <img
-              :src="
-                filterImg('重打小票')
-                  ? api + filterImg('重打小票')
-                  : require('../../../../assets/img/img_bg_qiandao.png')
-              "
-            /> -->
-            <!-- 现场签到 -->
-            <div
-              :class="{ border: !filterItem('4', 4) }"
-              :style="{
-                background: filterItem('4', 4),
-              }"
-            ></div>
-            <!-- <img
-              :src="
-                filterImg('现场签到')
-                  ? api + filterImg('现场签到')
-                  : require('../../../../assets/img/img_bg_qiandao.png')
-              "
-            /> -->
-            <!-- 政务服务网取号 -->
-            <div
-              :class="{ border: !filterItem('4', 5) }"
-              :style="{
-                background: filterItem('4', 5),
-              }"
-            ></div>
-            <!-- <img
-              :src="
-                filterImg('政务网取号')
-                  ? api + filterImg('政务网取号')
-                  : require('../../../../assets/img/img_bg_qiandao.png')
-              "
-            /> -->
           </div>
         </div>
         <div class="skin-footer">
@@ -242,6 +166,14 @@ export default {
       }
       return value;
     },
+    // 过滤导航
+    filterNav(type) {
+      let arr = [];
+      arr = this.skinFieldList.filter((v) => {
+        return v.remark == type;
+      });
+      return arr;
+    },
   },
 };
 </script>