页面修改

src/components/sallCenter/authorization.vue

@@ -8,8 +8,8 @@
         <div style="display:flex;" flex="box:first">
           <div class="Auth_outside">
             <div flex="dir:left main:center cross:center" class="inside">
-              <img v-if="addMsg.imgUrl!=''" class="authPic" :src="getIconLink(addMsg.imgUrl)" alt="">
-              <img v-else class="authPic" :src="getIconLink(addMsg.imgUrl)" alt="" />
+              <img v-if="addMsg.AuthUrl!=''" class="authPic" :src="getIconLink(addMsg.AuthUrl)" alt="">
+              <img v-else class="authPic" :src="getIconLink(addMsg.AuthUrl)" alt="" />
             </div>
           </div>
           <div class="Auth_right">
@@ -17,23 +17,22 @@
               <div slot="header">设置</div>
               <el-form label-width="100px">
                 <el-form-item label="是否开启">
-                  <el-switch v-model="addMsg.isOpen" :active-value="1" :inactive-value="0"></el-switch>
+                  <el-switch v-model="addMsg.IsOpenAuth" :active-value="1" :inactive-value="0"></el-switch>
                 </el-form-item>
                 <el-form-item label="上传图片">
                   <el-tooltip class="item" effect="dark" content="推荐尺寸650*700" placement="bottom">
                     <el-button size="mini" @click="choicImg=true">选择文件</el-button>
                   </el-tooltip>
-                  <div class="Auth_imgList" flex="main:center cross:center" v-if="addMsg.imgUrl!=''">
-                    <img :src="getIconLink(addMsg.imgUrl)" alt="">
-                    <el-button type="danger" v-if="addMsg.imgUrl!=''" class="image-delete" size="mini"
-                      icon="el-icon-close" @click.stop="addMsg.imgUrl=''" circle></el-button>
+                  <div class="Auth_imgList" flex="main:center cross:center" v-if="addMsg.AuthUrl!=''">
+                    <img :src="getIconLink(addMsg.AuthUrl)" alt="">
+                    <el-button type="danger" v-if="addMsg.AuthUrl!=''" class="image-delete" size="mini"
+                      icon="el-icon-close" @click.stop="addMsg.AuthUrl=''" circle></el-button>
                   </div>
                 </el-form-item>
                 <el-form-item label="热区">
-                  <choiceArea ref="choiceArea" :multiple="true" :max="2"
-                    :pic-url="getIconLink(addMsg.imgUrl)"
-                    mode='auth' :hotspot-array="addMsg.hotspot" width="650px" height="700px" @confirm="selectHotspot"
-                    :is-link="false">
+                  <choiceArea ref="choiceArea" :multiple="true" :max="2" :pic-url="getIconLink(addMsg.AuthUrl)"
+                    mode='auth' :hotspot-array="addMsg.AuthDataList" width="650px" height="700px"
+                    @confirm="selectHotspot" :is-link="false">
                     <el-button size="mini">划分热区</el-button>
                   </choiceArea>
                   <div>注：需要划分两个热区：一个是登录按钮热区，一个是暂不登录按钮热区</div>
@@ -66,9 +65,10 @@
           Name: "",
         },
         addMsg: {
-          isOpen: 0, //是否开启
-          imgUrl: this.domainManager().ImageUrl+'/Static/auth-default.png', //图片
-          hotspot: [] //热区
+          MallBaseId: 0,
+          IsOpenAuth: 0, //是否开启
+          AuthUrl: this.domainManager().ImageUrl + '/Static/auth-default.png', //图片
+          AuthDataList: [] //热区
         },
       };
     },
@@ -80,31 +80,50 @@
       choiceArea
     },
     methods: {
+      GetData() {
+        this.addMsg.MallBaseId = this.getLocalStorage().MallBaseId;
+        this.apipost("/api/Tenant/GetMiniPrograme", {
+          MallBaseId: this.addMsg.MallBaseId,
+        }, res => {
+          if (res.data.resultCode == 1) {
+            this.addMsg.IsOpenAuth = res.data.data.IsOpenAuth;
+            if (res.data.data.AuthUrl) {
+              this.addMsg.AuthUrl = res.data.data.AuthUrl;
+            }
+
+            if (res.data.data.AuthDataList && res.data.data.AuthDataList.length > 0) {
+              this.addMsg.AuthDataList = res.data.data.AuthDataList;
+            }
+          } else {
+            this.Info(res.data.message);
+          }
+        })
+      },
       //保存
       saveMsg() {
-        console.log("this.addMsg", this.addMsg);
-        // this.apipost("/api/Tenant/SetMallMagic", this.addMsg, res => {
-        //   if (res.data.resultCode == 1) {
-        //     this.getList();
-        //     this.clearInfo();
-        //     this.authorizaAdd = true;
-        //   } else {
-        //     this.Info(res.data.message);
-        //   }
-        // })
+        this.apipost("/api/Tenant/SetMiniProgramMallAuth", this.addMsg, res => {
+          if (res.data.resultCode == 1) {
+            this.GetData();
+            this.Success(res.data.message);
+          } else {
+            this.Info(res.data.message);
+          }
+        })
       },
       //选择图片
       SelectId(msg) {
-        this.addMsg.imgUrl = this.getIconLink(msg.url);
+        this.addMsg.AuthUrl = this.getIconLink(msg.url);
         this.choicImg = false;
       },
       // 热区选择(edit)
       selectHotspot(list) {
-        this.addMsg.hotspot = list;
+        this.addMsg.AuthDataList = list;
         this.$refs.choiceArea.clearAll();
       },
     },
-    mounted() {}
+    mounted() {
+      this.GetData();
+    }
   };
 
 </script>