perf: 修改填单皮肤、优化皮肤设置

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

@@ -143,11 +143,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -169,11 +169,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -294,11 +294,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -78,11 +78,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -133,11 +133,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -96,11 +96,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -148,11 +148,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -195,11 +195,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -171,11 +171,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -133,11 +133,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -112,11 +112,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -102,11 +102,11 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;

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

@@ -72,6 +72,27 @@
           </div>
         </div>
         <div class="right flex flexc">
+          <div class="right-content" v-if="estimateItem('4') > 1">
+            <div
+              class="btn flex aic jcc"
+              :style="{
+                background: filterItem('4', 0),
+              }"
+              :class="{ border: !filterItem('4', 0) }"
+            >
+              btn-1
+            </div>
+            <div
+              class="btn flex aic jcc"
+              :style="{
+                background: filterItem('4', 1),
+              }"
+              :class="{ border: !filterItem('4', 1) }"
+            >
+              btn-2
+            </div>
+          </div>
+          <template v-else>
             <div
               class="btn flex aic jcc"
               :style="{
@@ -84,6 +105,7 @@
             <div class="bottom flex1 flex aic jcc">
               热门事项
             </div>
+          </template>
         </div>
       </div>
       <!-- 底部 -->
@@ -171,17 +193,24 @@ export default {
     // 过滤属性值类型
     filterValueType(info = {}) {
       let value = "";
-      if (info.fieldType !== "" && info.fieldType === "1" && info.fieldValue) {
+      if (info.fieldType !== "" && info.fieldType == "1" && info.fieldValue) {
         value = info.fieldValue;
       } else if (
         info.fieldType !== "" &&
-        info.fieldType === "2" &&
+        info.fieldType == "2" &&
         info.fieldValue
       ) {
         value = `url(${this.api + info.fieldValue})`;
       }
       return value;
     },
+
+    estimateItem(type) {
+      let arr = this.skinFieldList.filter((v) => {
+        return v.remark == type;
+      });
+      return arr.length;
+    },
   },
 };
 </script>
@@ -282,6 +311,16 @@ export default {
       .border {
         border: 1px dashed #ececec;
       }
+      .right-content {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        gap: 20px;
+        .btn {
+          height: 100px;
+        }
+      }
     }
   }
   .footer {