fix:修改新增皮肤保存截图

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

@@ -2,6 +2,7 @@
   <div>
     <!-- 评价器 横板皮肤 -->
     <div
+      :id="conponentsId"
       class="call-out-skin-across"
       :style="{
         backgroundImage: filterImg('背景大图')
@@ -124,6 +125,10 @@ export default {
       required: true,
       default: "1",
     },
+    conponentsId: {
+      required: true,
+      type: String,
+    },
   },
   data() {
     return {

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

@@ -2,6 +2,7 @@
   <div>
     <!-- 呼叫器 横板皮肤 -->
     <div
+      :id="conponentsId"
       class="call-out-skin-across"
       :style="{
         backgroundImage: filterImg('背景大图')
@@ -169,6 +170,10 @@ export default {
       required: true,
       default: "1",
     },
+    conponentsId: {
+      required: true,
+      type: String,
+    },
   },
   data() {
     return {

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

@@ -3,6 +3,7 @@
     <!-- 集中显示屏 横板 -->
     <div
       class="centralize-across"
+      :id="conponentsId"
       :style="{
         backgroundImage: filterImg('背景大图')
           ? `url(${api + filterImg('背景大图')})`
@@ -192,6 +193,10 @@ export default {
       required: true,
       default: "1",
     },
+    conponentsId: {
+      required: true,
+      type: String,
+    },
   },
   data() {
     return {

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

@@ -6,6 +6,7 @@
       <div class="add-surface-preview">
         <div ref="content" class="add-surface-preview-content">
           <component
+            conponentsId="conponentsId"
             :is="component"
             :skinFieldList="formData.skinFieldList"
             :imageResolution="formData.imageResolution"
@@ -336,11 +337,12 @@ export default {
       this.$refs.formData.validate((valid) => {
         if (valid) {
           this.loading = true;
-          html2canvas(this.$refs.content, {
+          let conponentsId = document.getElementById("conponentsId");
+          html2canvas(conponentsId, {
             backgroundColor: null,
             useCORS: true,
             dpi: window.devicePixelRatio * 4, //设备像素比
-            scale: 0.5,
+            scale: 0.9,
           })
             .then(async (canvas) => {
               let url = canvas.toDataURL("image/png");

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

@@ -2,6 +2,7 @@
   <div>
     <!-- 排号机 1920*1080 -->
     <div
+      :id="conponentsId"
       class="surface-preview"
       v-if="imageResolution === '1'"
       :style="{
@@ -197,6 +198,10 @@ export default {
       required: true,
       default: "1",
     },
+    conponentsId: {
+      required: true,
+      type: String,
+    },
   },
   data() {
     return {

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

@@ -2,6 +2,7 @@
   <div>
     <!-- 窗口屏 横板 -->
     <div
+      :id="conponentsId"
       class="window-skin-across flex jcb aic"
       :style="{
         backgroundImage: filterImg('背景大图')
@@ -91,6 +92,10 @@ export default {
       required: true,
       default: "1",
     },
+    conponentsId: {
+      required: true,
+      type: String,
+    },
   },
   data() {
     return {