修改

src/components/StoreDesign/userCenter.vue

@@ -488,7 +488,7 @@
               <el-form-item label="背景图片" size="small">
                 <div>
                   <el-tooltip class="item" effect="dark" content="建议尺寸:750*300" placement="top-start">
-                    <el-button size="mini">选择文件</el-button>
+                    <el-button size="mini" @click="choicImg=true,imgType=1">选择文件</el-button>
                   </el-tooltip>
                 </div>
                 <div class="userCommonimg">
@@ -499,7 +499,7 @@
               <el-form-item label="普通用户图标" size="small">
                 <div>
                   <el-tooltip class="item" effect="dark" content="建议尺寸:44*44" placement="top-start">
-                    <el-button size="mini">选择文件</el-button>
+                    <el-button size="mini" @click="choicImg=true,imgType=2">选择文件</el-button>
                   </el-tooltip>
                 </div>
                 <div class="userCommonimg">
@@ -510,7 +510,7 @@
               <el-form-item label="会员中心背景图" size="small">
                 <div>
                   <el-tooltip class="item" effect="dark" content="建议尺寸:660*320" placement="top-start">
-                    <el-button size="mini">选择文件</el-button>
+                    <el-button size="mini" @click="choicImg=true,imgType=3">选择文件</el-button>
                   </el-tooltip>
                 </div>
                 <div class="userCommonimg">
@@ -537,7 +537,7 @@
             <el-form-item label="收藏足迹栏" size="small">
               <div class="CollectDiv">
                 <div class="ColeectList" v-for="(item,index) in postMsg.FavoriteFootMenuList" :key="index"
-                  @click="upDateMsg(item,1)">
+                  @click="upDateMsg(item,1),comCheckIndex=index">
                   <div class="ColeectImgList" :style="{backgroundImage:'url('+ item.MenuIcon +  ')'}"></div>
                   <div>{{item.MenuName}}</div>
                 </div>
@@ -554,7 +554,7 @@
             <el-form-item label="订单栏" size="small">
               <div class="CollectDiv">
                 <div class="ColeectList" v-for="(item,index) in postMsg.OrderMenuList" :key="index"
-                  @click="upDateMsg(item,2)">
+                  @click="upDateMsg(item,2),comCheckIndex=index">
                   <div class="ColeectImgList" :style="{backgroundImage:'url('+ item.MenuIcon +  ')'}"></div>
                   <div>{{item.MenuName}}</div>
                 </div>
@@ -571,7 +571,7 @@
             <el-form-item label="订单栏" size="small">
               <div class="CollectDiv">
                 <div class="ColeectList" v-for="(item,index) in postMsg.AccountMenuList" :key="index"
-                  @click="upDateMsg(item,3)">
+                  @click="upDateMsg(item,3),comCheckIndex=index">
                   <div class="AccountImgList" :style="{backgroundImage:'url('+ item.MenuIcon +  ')'}"></div>
                   <div>{{item.MenuName}}</div>
                 </div>
@@ -673,6 +673,7 @@
     data() {
       return {
         comCheckIndex:-1,
+        imgType:-1,
         //图片选择弹窗
         choicImg:false,
         //是否显示链接弹窗
@@ -782,7 +783,15 @@
     methods: {
       //选择图片
       SelectId(msg) {
-        this.modifyMsg.image=this.getIconLink(msg.url);
+        if(this.imgType==1){
+          this.postMsg.DefaultBgImg=this.getIconLink(msg.url);
+        }else if(this.imgType==2){
+          this.postMsg.MemberBgImg=this.getIconLink(msg.url);
+        }else if(this.imgType==3){
+          this.postMsg.VipBgImg=this.getIconLink(msg.url);
+        }else if(this.imgType==4){
+          this.modifyMsg.image=this.getIconLink(msg.url);
+        }
         this.choicImg = false;
       },
       getMenu() {
@@ -800,14 +809,31 @@
       },
       //修改确定
       updateInfo() {
-        this.postMsg.SelfMenuList[this.comCheckIndex].MenuName=this.modifyMsg.name;
-        this.postMsg.SelfMenuList[this.comCheckIndex].MenuIcon=this.modifyMsg.image;
+        switch(this.EditIndex){
+          case 1:
+            this.postMsg.FavoriteFootMenuList[this.comCheckIndex].MenuName=this.modifyMsg.name;
+            this.postMsg.FavoriteFootMenuList[this.comCheckIndex].MenuIcon=this.modifyMsg.image;
+           break;
+          case 2:
+            this.postMsg.OrderMenuList[this.comCheckIndex].MenuName=this.modifyMsg.name;
+            this.postMsg.OrderMenuList[this.comCheckIndex].MenuIcon=this.modifyMsg.image;
+            break;
+          case 3:
+            this.postMsg.AccountMenuList[this.comCheckIndex].MenuName=this.modifyMsg.name;
+            this.postMsg.AccountMenuList[this.comCheckIndex].MenuIcon=this.modifyMsg.image;
+            break;
+          case 4:
+            this.postMsg.SelfMenuList[this.comCheckIndex].MenuName=this.modifyMsg.name;
+            this.postMsg.SelfMenuList[this.comCheckIndex].MenuIcon=this.modifyMsg.image;
+            break; 
+        }
         this.isShowDialog = false;
       },
       //修改方法
       upDateMsg(item, index) {
         this.isShowDialog = true;
         this.EditIndex = index;
+        this.imgType=4;
         switch (index) {
           case 1:
             this.commonEditTitle = '收藏栏编辑';