perf:优化皮肤组件

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

@@ -2,7 +2,7 @@
   <div class="skin-box">
     <!-- 评价器 横板皮肤 -->
     <div
-      :id="conponentsId"
+      :id="componentsId"
       class="call-out-skin-across"
       v-if="imageResolution === '1'"
       :style="{
@@ -125,7 +125,7 @@ export default {
       required: true,
       default: "1",
     },
-    conponentsId: {
+    componentsId: {
       required: true,
       type: String,
     },

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

@@ -2,7 +2,7 @@
   <div class="skin-box">
     <!-- 呼叫器 横板皮肤 -->
     <div
-      :id="conponentsId"
+      :id="componentsId"
       class="call-out-skin-across"
       v-if="imageResolution === '1'"
       :style="{
@@ -151,7 +151,7 @@ export default {
       required: true,
       default: "1",
     },
-    conponentsId: {
+    componentsId: {
       required: true,
       type: String,
     },

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

@@ -3,7 +3,7 @@
     <!-- 集中显示屏 横板 -->
     <div
       class="centralize-across"
-      :id="conponentsId"
+      :id="componentsId"
       v-if="imageResolution === '1'"
       :style="{
         background: filterItem('1', 0),
@@ -160,7 +160,7 @@
     <!-- 集中显示屏 竖版 -->
     <div
       class="vertical-skin"
-      :id="conponentsId"
+      :id="componentsId"
       v-else-if="imageResolution === '2'"
       :style="{
         background: filterItem('1', 0),
@@ -301,7 +301,7 @@ export default {
       required: true,
       default: "1",
     },
-    conponentsId: {
+    componentsId: {
       required: true,
       type: String,
     },

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

@@ -14,7 +14,7 @@
       </div>
       <div class="show-skin flex aic jcc">
         <component
-          conponentsId="skinInfo"
+          componentsId="skinInfo"
           :is="component"
           :imageResolution="curSkin.imageResolution"
           :skinFieldList="curSkin.skinFieldList"

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

@@ -2,7 +2,7 @@
   <div class="skin-box">
     <!-- 桌面自助服务终端 横板 -->
     <div
-      :id="conponentsId"
+      :id="componentsId"
       v-if="imageResolution === '1'"
       class="across-skin flex flexc aic"
       :style="{
@@ -108,7 +108,7 @@ export default {
       required: true,
       default: "1",
     },
-    conponentsId: {
+    componentsId: {
       required: true,
       type: String,
     },

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

@@ -2,7 +2,7 @@
   <div class="skin-box">
     <!-- 信息发布 横板皮肤 -->
     <div
-      :id="conponentsId"
+      :id="componentsId"
       class="across-skin flex flexc"
       v-if="imageResolution === '1'"
     >
@@ -45,7 +45,7 @@
     </div>
     <!-- 信息发布 竖版皮肤 -->
     <div
-      :id="conponentsId"
+      :id="componentsId"
       class="vertical-skin flex flexc"
       v-else-if="imageResolution === '2'"
     >
@@ -114,7 +114,7 @@ export default {
       required: true,
       default: "1",
     },
-    conponentsId: {
+    componentsId: {
       required: true,
       type: String,
     },

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

@@ -6,7 +6,7 @@
       <div class="add-surface-preview">
         <div ref="content" class="add-surface-preview-content">
           <component
-            conponentsId="conponentsId"
+            componentsId="componentsId"
             :is="component"
             :skinFieldList="formData.skinFieldList"
             :imageResolution="formData.imageResolution"
@@ -401,11 +401,11 @@ export default {
       this.$refs.formData.validate((valid) => {
         if (valid) {
           this.loading = true;
-          let conponentsId = document.getElementById("conponentsId");
-          let info = conponentsId.getBoundingClientRect();
+          let componentsId = document.getElementById("componentsId");
+          let info = componentsId.getBoundingClientRect();
           let width = info.width;
           let height = info.height;
-          html2canvas(conponentsId, {
+          html2canvas(componentsId, {
             backgroundColor: null,
             useCORS: true,
             width: width,

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

@@ -2,7 +2,7 @@
   <div class="skin-box">
     <!-- 排号机 1920*1080 -->
     <div
-      :id="conponentsId"
+      :id="componentsId"
       class="across-skin"
       v-if="imageResolution === '1'"
       :style="{
@@ -75,7 +75,7 @@
     <!-- 排号机竖版 1080*1920 -->
     <div
       class="vertical-skin"
-      :id="conponentsId"
+      :id="componentsId"
       v-else-if="imageResolution === '2'"
       :style="{
         background: filterItem('1', 0),
@@ -173,7 +173,7 @@ export default {
       required: true,
       default: "1",
     },
-    conponentsId: {
+    componentsId: {
       required: true,
       type: String,
     },

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

@@ -2,7 +2,7 @@
   <div class="skin-box">
     <!-- 样表机 横板 -->
     <div
-      :id="conponentsId"
+      :id="componentsId"
       v-if="imageResolution === '1'"
       class="sample_form_skin flex flexc aic"
       :style="{
@@ -140,7 +140,7 @@ export default {
       required: true,
       default: "1",
     },
-    conponentsId: {
+    componentsId: {
       required: true,
       type: String,
     },

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

@@ -2,7 +2,7 @@
   <div class="skin-box">
     <!-- 自助服务终端 横板 -->
     <div
-      :id="conponentsId"
+      :id="componentsId"
       v-if="imageResolution === '1'"
       class="across-skin flex flexc aic"
       :style="{
@@ -108,7 +108,7 @@ export default {
       required: true,
       default: "1",
     },
-    conponentsId: {
+    componentsId: {
       required: true,
       type: String,
     },

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

@@ -2,7 +2,7 @@
   <div class="skin-box">
     <!-- 导视机 横板 -->
     <div
-      :id="conponentsId"
+      :id="componentsId"
       v-if="imageResolution === '1'"
       class="across-skin flex flexc aic"
     >
@@ -87,7 +87,7 @@ export default {
       required: true,
       default: "1",
     },
-    conponentsId: {
+    componentsId: {
       required: true,
       type: String,
     },

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

@@ -2,7 +2,7 @@
   <div class="skin-box">
     <!-- 窗口屏 横板 -->
     <div
-      :id="conponentsId"
+      :id="componentsId"
       class="window-skin-across flex jcb aic"
       v-if="imageResolution === '1'"
       :style="{
@@ -84,7 +84,7 @@ export default {
       required: true,
       default: "1",
     },
-    conponentsId: {
+    componentsId: {
       required: true,
       type: String,
     },

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

@@ -2,7 +2,7 @@
   <div class="skin-box">
     <!-- 样表机 横板 -->
     <div
-      :id="conponentsId"
+      :id="componentsId"
       v-if="imageResolution === '1'"
       class="sample_form_skin flex flexc aic"
       :style="{
@@ -179,7 +179,7 @@ export default {
       required: true,
       default: "1",
     },
-    conponentsId: {
+    componentsId: {
       required: true,
       type: String,
     },