页面修改

src/components/StoreDesign/HomePageLayout.vue

@@ -27,9 +27,8 @@
                           class="module-icon">
                       </el-tooltip>
                       <el-tooltip class="item" effect="dark" content="编辑" placement="top-start">
-                        <img v-if="item.is_edit==1&&item.key=='video'" @click="comCkVideo=index,isShowVideo=true"
-                          style="left:20px;" :src="domainManager().ImageUrl+'/Static/icon-edit.png'"
-                          class="module-icon">
+                        <img v-if="item.is_edit==1" @click="ShowDialog(item)" style="left:20px;"
+                          :src="domainManager().ImageUrl+'/Static/icon-edit.png'" class="module-icon">
                       </el-tooltip>
                     </div>
                   </template>
@@ -50,10 +49,6 @@
                           <div class="home_Add" @click="addPlugn(childItem)">
                             <img :src="domainManager().ImageUrl+'/Static/plus.png'" alt="">
                           </div>
-                          <div class="home_Add" style="margin-left:10px;" @click="isShowDialog(childItem)"
-                            v-if="childItem.is_edit==1&&childItem.key!='video'">
-                            <img src="../../assets/img/userman/edit.png" alt="" />
-                          </div>
                         </div>
                       </div>
                     </template>
@@ -174,7 +169,7 @@
             <el-option label="2个" value="2"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item :label="topicMsg.topic_num==1?'图标(1个专题)':'图标(2个专题)'" prop="topic_url">
+        <el-form-item label="专题1图标" prop="topic_url">
           <el-tooltip class="item" effect="dark" content="建议尺寸104*32" placement="top">
             <el-button size="mini" @click="choicImg=true,chooseImg='topicOne'">选择文件</el-button>
           </el-tooltip>
@@ -185,8 +180,8 @@
             </div>
           </div>
         </el-form-item>
-        <el-form-item label="专题标签" prop="topic_url_2">
-          <el-tooltip class="item" effect="dark" content="建议尺寸54*28" placement="top">
+        <el-form-item v-if="topicMsg.topic_num==2" label="专题2图标" prop="topic_url_2">
+          <el-tooltip class="item" effect="dark" content="建议尺寸104*32" placement="top">
             <el-button size="mini" @click="choicImg=true,chooseImg='topicTwo'">选择文件</el-button>
           </el-tooltip>
           <div class="customize-share-title">
@@ -196,6 +191,17 @@
             </div>
           </div>
         </el-form-item>
+        <el-form-item label="专题标签" prop="label_url">
+          <el-tooltip class="item" effect="dark" content="建议尺寸54*28" placement="top">
+            <el-button size="mini" @click="choicImg=true,chooseImg='topicLabel'">选择文件</el-button>
+          </el-tooltip>
+          <div class="customize-share-title">
+            <div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center"
+              :style="{backgroundImage:'url(' + getIconLink(topicMsg.label_url) + ')'}">
+              <i v-if="topicMsg.label_url==''" class="el-icon-picture-outline"></i>
+            </div>
+          </div>
+        </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="isShowTotic=false">取 消</el-button>
@@ -276,7 +282,6 @@
   export default {
     data() {
       return {
-        comCkVideo: -1,
         //选择图片
         chooseImg: '',
         //导航图标
@@ -295,11 +300,6 @@
         radio: '4',
         activeName: 'first',
         dataList: [],
-        addMsg: {
-          RoleName: '', //角色名称
-          RoleIntro: '', //备注/描述
-          RoleAuth: '', //角色权限
-        },
         //导航图标msg
         navMsg: {
           row_num: 4
@@ -407,7 +407,7 @@
         this.dataList.splice(index, 1);
       },
       //编辑
-      isShowDialog(item) {
+      ShowDialog(item) {
         switch (item.key) {
           case 'home_nav':
             this.isShowNav = true;
@@ -423,7 +423,11 @@
             break;
           case 'coupon':
             this.isShowCoupon = true;
-            this.
+            this.couopnMsg = item;
+            break;
+          case "video":
+            this.isShowVideo = true;
+            this.videoMsg = item;
             break;
         }
       },
@@ -465,7 +469,7 @@
             x.coupon_url = this.couopnMsg.coupon_url;
           }
         })
-        this.isShowCoupon=false;
+        this.isShowCoupon = false;
       },
       //保存公告
       saveNotice(addMsg) {
@@ -488,7 +492,7 @@
             x.notice_url = this.noticeMsg.notice_url;
           }
         })
-        this.isShowNotice=false;
+        this.isShowNotice = false;
       },
       //确定保存专题
       setTopic() {
@@ -499,14 +503,14 @@
             x.topic_url_2 = this.topicMsg.topic_url_2;
           }
         })
-        this.isShowTotic=false;
+        this.isShowTotic = false;
       },
       GetMiniProgramMallIndex() {
         this.apipost("/api/Tenant/GetMiniProgramMallIndex", {}, res => {
           if (res.data.resultCode == 1) {
             this.PlusInData = res.data.data.PlusInData;
             if (res.data.data.HomeDataList && res.data.data.HomeDataList.length > 0) {
-              this.dataList= res.data.data.HomeDataList;;
+              this.dataList = res.data.data.HomeDataList;;
             }
           } else {
             this.Info(res.data.message);
@@ -525,35 +529,38 @@
         });
       },
       baocunVideo() {
-        this.dataList[this.comCkVideo].video_url = this.videoMsg.video_url;
-        this.dataList[this.comCkVideo].video_pic_url = this.videoMsg.video_pic_url;
         this.isShowVideo = false;
-        this.videoMsg.video_pic_url = '';
-        this.videoMsg.video_url = '';
       },
       //选择图片
       SelectId(msg) {
+        //专题一
         if (this.chooseImg == 'topicOne') {
           this.topicMsg.topic_url = msg.url;
         }
+        //专题二
         if (this.chooseImg == 'topicTwo') {
           this.topicMsg.topic_url_2 = msg.url;
         }
+        //专题标签
+        if (this.chooseImg == 'topicLabel') {
+          this.topicMsg.label_url = msg.url;
+        }
         if (this.chooseImg == 'video') {
           this.videoMsg.video_pic_url = msg.url;
         }
         if (this.chooseImg == 'notice') {
           this.noticeMsg.notice_url = msg.url;
         }
-        if(this.chooseImg=='couponOne'){
-          this.couopnMsg.coupon_not_url=msg.url;
+        if (this.chooseImg == 'couponOne') {
+          this.couopnMsg.coupon_not_url = msg.url;
         }
-        if(this.chooseImg=='couponTwo'){
-          this.couopnMsg.coupon_url=msg.url;
+        if (this.chooseImg == 'couponTwo') {
+          this.couopnMsg.coupon_url = msg.url;
         }
-
         this.choicImg = false;
       },
+
+      //选择视频文件
       Selectvideo(val) {
         this.videoMsg.video_url = val.Path;
         this.isChoiceVideo = false;
@@ -564,7 +571,6 @@
           MallBaseId: this.getLocalStorage().MallBaseId,
           HomeDataList: this.dataList
         };
-        console.log("msg",msg);
         this.apipost("/api/Tenant/SetMiniProgramMallHome", msg, res => {
           if (res.data.resultCode == 1) {
             this.Success(res.data.message);