fix:新增皮肤时可以选择模板

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

@@ -41,6 +41,22 @@
             :wrapper-col="{ span: 18 }"
           >
             <a-row>
+              <a-col :span="24" v-if="!isEdit">
+                <a-form-model-item label="皮肤模板">
+                  <a-select
+                    placeholder="请选择皮肤模板"
+                    v-model="curSkinTemplate"
+                  >
+                    <a-select-option
+                      v-for="v in skinTemplate"
+                      :key="v.id"
+                      :value="v.id"
+                    >
+                      {{ v.templateName }}
+                    </a-select-option>
+                  </a-select>
+                </a-form-model-item>
+              </a-col>
               <a-col :span="24">
                 <a-form-model-item label="所属分类" prop="categoryId">
                   <a-select
@@ -207,6 +223,8 @@ export default {
       simpleImage: Empty.PRESENTED_IMAGE_SIMPLE,
       facilityInfo: {}, // 设备信息
       skinTemplate: [], // 皮肤模板列表
+      curSkinTemplate: "", //当前选择皮肤模板
+      isEdit: false, // 是否编辑状态
       formData: {
         categoryId: undefined, // 所属种类
         name: "", // 皮肤名称
@@ -270,11 +288,20 @@ export default {
     },
   },
   created() {},
-
+  watch: {
+    curSkinTemplate(newVal) {
+      if (newVal) {
+        this.formData.skinFieldList = this.skinTemplate.find(
+          (v) => v.id == newVal
+        ).skinFieldList;
+      }
+    },
+  },
   methods: {
     // 返回上一级
     backOne() {
       this.$refs.formData && this.$refs.formData.resetFields();
+      this.isEdit = false;
       this.show = false;
     },
     // 获取设备信息
@@ -290,18 +317,22 @@ export default {
         ...search,
       });
       let { data } = res.data.data;
+      console.log(data);
       if (data.length) {
-        this.skinTemplate = data;
-        this.formData.skinFieldList = data[0].skinFieldList;
-        this.formData.skinFieldList.forEach((v) => {
-          v.fieldOrderNo = Number(v.fieldOrderNo);
-          if (!v.fieldOrderNo) {
-            v.fieldOrderNo = 1000;
+        data.forEach((v) => {
+          for (let item of v.skinFieldList) {
+            item.fieldOrderNo = Number(item.fieldOrderNo);
+            if (!item.fieldOrderNo) {
+              item.fieldOrderNo = 1000;
             }
-        });
-        this.formData.skinFieldList.sort((a, b) => {
+          }
+          v.skinFieldList.sort((a, b) => {
             return a.fieldOrderNo - b.fieldOrderNo;
           });
+        });
+        this.skinTemplate = data;
+        // this.formData.skinFieldList = this.skinTemplate[0].skinFieldList;
+        this.curSkinTemplate = this.skinTemplate[0].id;
       }
     },
     // 上传函数
@@ -400,7 +431,7 @@ export default {
     },
     // 编辑
     onEdit(row) {
-      console.log(row);
+      this.isEdit = true;
       this.formData = { ...row };
     },
   },