修改页面

src/components/StoreDesign/imgCube.vue

@@ -53,8 +53,8 @@
             </el-col>
           </el-row>
           <el-form-item label="样式选择">
-            <div class="block-box" v-for="(item,index) in styleList" :key="index" :class="isActive==index?'active':''"
-              @click="getStyleType(index,item.Style)">
+            <div class="block-box" v-for="(item,index) in styleList" :key="index" :class="isActive==item.Id?'active':''"
+              @click="getStyleType(item.Id,item.Style)">
               <img src="../../assets/img/storeDesign/select.png" class="Cubeselect" alt="" />
               <div class="opacity"></div>
               <el-button class="choose-button" type="primary">启用该样式</el-button>
@@ -150,27 +150,35 @@
         }],
         //样式选择枚举
         styleList: [{
+          Id:0,
           Style: 1,
           ImgUrl: this.domainManager().ImageUrl + '/Static/cube1-1.png'
         }, {
+          Id:1,
           Style: 2,
           ImgUrl: this.domainManager().ImageUrl + '/Static/cube1-2.png'
         }, {
+          Id:2,
           Style: 3,
           ImgUrl: this.domainManager().ImageUrl + '/Static/cube1-3.png'
         }, {
+          Id:3,
           Style: 4,
           ImgUrl: this.domainManager().ImageUrl + '/Static/cube1-4.png'
         }, {
+          Id:4,
           Style: 2,
           ImgUrl: this.domainManager().ImageUrl + '/Static/cube2-1.png'
         }, {
+          Id:5,
           Style: 3,
           ImgUrl: this.domainManager().ImageUrl + '/Static/cube2-2.png'
         }, {
+          Id:6,
           Style: 4,
           ImgUrl: this.domainManager().ImageUrl + '/Static/cube2-3.png'
         }, {
+          Id:7,
           Style: 4,
           ImgUrl: this.domainManager().ImageUrl + '/Static/cube3-1.png'
         }],
@@ -246,6 +254,7 @@
         }, res => {
           if (res.data.resultCode == 1) {
             this.addMsg = res.data.data;
+            this.isActive=this.addMsg.Style;
             if (this.addMsg.MagicDataList && this.addMsg.MagicDataList.length > 0) {
               this.addMsg.MagicDataList.forEach((item, index) => {
                 this.defaultMsg[index] = item;
@@ -273,8 +282,9 @@
         })
       },
       //点击选择样式
-      getStyleType(index, Style) {
-        this.isActive = index;
+      getStyleType(Id, Style) {
+        this.isActive = Id;
+        this.addMsg.Style=Id;
         this.addMsg.MagicDataList = [];
         for (var i = 0; i < Style; i++) {
           this.addMsg.MagicDataList.push(this.defaultMsg[i]);