perf: 优化皮肤管理板块

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

@@ -60,6 +60,20 @@ import InfoDisSkin from "../infoDisSkin/InfoDisSkin.vue";
 import DefaultShow from "../defaultshow/DefaultShow.vue";
 import { mapState, mapMutations } from "vuex";
 import { filterItems } from "@/utils";
+const skinCompontens = {
+  pdj: "LandscapeMode",
+  ckp: "WindowSkin",
+  hjq: "CallOutSkin",
+  jzxsp: "CentralizeSkin",
+  dsj: "SignDevicekin",
+  pjq: "AppraiseSkin",
+  zzfwzd: "SelfService",
+  tdj: "WriteFormSkin",
+  ybj: "SampleFormSkin",
+  xxfbp: "InformationSkin",
+  zmszzfwzd: "DesSelfService",
+  xxgk: "InfoDisSkin",
+};
 export default {
   components: {
     LandscapeMode,
@@ -79,6 +93,7 @@ export default {
   props: {},
   data() {
     return {
+      skinCompontens,
       filterItems,
       skinInfo: {},
     };
@@ -88,47 +103,8 @@ export default {
     ...mapState("site", ["imageResolution", "curSkin", "curSkinIndex"]),
     component() {
       let str = "";
-      switch (this.curSkin.productCode) {
-        case "pdj":
-          str = "LandscapeMode";
-          break;
-        case "ckp":
-          str = "WindowSkin";
-          break;
-        case "hjq":
-          str = "CallOutSkin";
-          break;
-        case "jzxsp":
-          str = "CentralizeSkin";
-          break;
-        case "dsj":
-          str = "SignDevicekin";
-          break;
-        case "pjq":
-          str = "AppraiseSkin";
-          break;
-        case "zzfwzd":
-          str = "SelfService";
-          break;
-        case "tdj":
-          str = "WriteFormSkin";
-          break;
-        case "ybj":
-          str = "SampleFormSkin";
-          break;
-        case "xxfbp":
-          str = "InformationSkin";
-          break;
-        case "zmszzfwzd":
-          str = "DesSelfService";
-          break;
-        case "xxgk":
-          str = "InfoDisSkin";
-          break;
-        default:
-          str = "DefaultShow";
-      }
-      return str;
+      str = this.skinCompontens[this.curSkin.productCode];
+      return str || "DefaultShow";
     },
   },
 

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

@@ -201,7 +201,20 @@ import { uploadFile, skinSave, getTemplateList } from "@/services/surface";
 import html2canvas from "html2canvas";
 import { Empty } from "ant-design-vue";
 import { mapState } from "vuex";
-
+const skinCompontens = {
+  pdj: "LandscapeMode",
+  ckp: "WindowSkin",
+  hjq: "CallOutSkin",
+  jzxsp: "CentralizeSkin",
+  dsj: "SignDevicekin",
+  pjq: "AppraiseSkin",
+  zzfwzd: "SelfService",
+  tdj: "WriteFormSkin",
+  ybj: "SampleFormSkin",
+  xxfbp: "InformationSkin",
+  zmszzfwzd: "DesSelfService",
+  xxgk: "InfoDisSkin",
+};
 export default {
   components: {
     LandscapeMode,
@@ -234,6 +247,7 @@ export default {
   },
   data() {
     return {
+      skinCompontens,
       loading: false,
       formLoading: false,
       simpleImage: Empty.PRESENTED_IMAGE_SIMPLE,
@@ -277,47 +291,8 @@ export default {
     },
     component() {
       let str = "";
-      switch (this.curProduct.productCode) {
-        case "pdj":
-          str = "LandscapeMode";
-          break;
-        case "ckp":
-          str = "WindowSkin";
-          break;
-        case "hjq":
-          str = "CallOutSkin";
-          break;
-        case "jzxsp":
-          str = "CentralizeSkin";
-          break;
-        case "dsj":
-          str = "SignDevicekin";
-          break;
-        case "pjq":
-          str = "AppraiseSkin";
-          break;
-        case "zzfwzd":
-          str = "SelfService";
-          break;
-        case "tdj":
-          str = "WriteFormSkin";
-          break;
-        case "ybj":
-          str = "SampleFormSkin";
-          break;
-        case "xxfbp":
-          str = "InformationSkin";
-          break;
-        case "zmszzfwzd":
-          str = "DesSelfService";
-          break;
-        case "xxgk":
-          str = "InfoDisSkin";
-          break;
-        default:
-          str = "DefaultShow";
-      }
-      return str;
+      str = this.skinCompontens[this.curProduct.productCode];
+      return str || "DefaultShow";
     },
     ...mapState("site", ["imageResolution", "curProduct"]),
   },