微信分享

src/components/livedModel/livedControls.vue

@@ -28,6 +28,8 @@
       v-if="list"
       @changeStatus="changeStatus"
     ></livedGoodsDia>
+    <!-- 分享弹层 -->
+    <livedShareDia :showShareDia="showShareDia" @closeShareDia="closeShareDia" :info="info"></livedShareDia>
     <!-- 底部控制层 -->
     <div class="control flex">
       <template v-if="!isSend">
@@ -36,7 +38,7 @@
           <p class="goodsNum" v-if="list.length>0">{{list.length}}</p>
         </div>
         <div class="iptCopy" @click="isLogin">跟主播说点什么...</div>
-        <div class="shareIcon">
+        <div class="shareIcon" @click="showShare">
           <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADwElEQVR4Xu2aS6hNURjH//+RgYGRKAMDr1tmFJGBSxmIjGTgKq/rUURi5qKQkhKlLt1IHkl05VUG7r3lkW4MPMIVRXkNFMqAqL++2len45y99mPtc/bu7FWnc2qv9X3f/7fX41trHaLFC1tcP0oAZQ9ocQLlEGjxDlBOguUQKIdAixPI1RCQ1EbyZSPfSW4ASHoGYCqABwC2kBxsBIhcAJB0CsDKCsGfAKwleTNrCHkB0A9gbpXY3wDWkDyTJYQ8AxjWvY3k4awgFAGAad9PcmcWEIoCwLQfJ7nBN4QiATDtl22yJPnDF4iiATDdAwGEdz4gFBGA6bacwXrCo7QQmg5A0iQAJ2osgy5tliusInnLVTHsecMBSBoHYAaAmcG3/R6ZUITlCgbhXML2jTsPkDQdwLrgkzTeeu22kjySxGjmPSBj4ZWa95HsigshMwCSxgDYHnzixpW0fjfJjXEaZwJAkiUsJn5CnGA81b0EoIPkryj2vAKQNA3AAQALojjPsI5trlaQ/ODy4Q2ApIUAzgMY5XLaoOdPAwiPM18GJa0H0N0gYXHcWK5gPeF2vUape4CkGwDs7ee1WK6wjGRvrQBTAZB0BcCSvCqviOsNyYleAUg6CmBzAcRbiAMk270BkGTCDUBRSjtJ20X+V2IPAUnzANSdVHJIZArJV14mQUkjAPQBmJ1DodUhfQcwluRPb8ugpIMAdhRA/BDJtihxRh4CkhYDuBrFaJPr9JGcHzWGOADs4KHZKa5L12mSlRcsrvrRzgMkLQdw1mmtuRX2ktwVN4RIPUDSfQCz4hpvYP1Okj1J/DkBSOoA4Pt66huA5wCeADC4qxOcCZrePwAWpTkXjALgguXSSegGbT4HS6cJfQFgsPpcX1Ktu0GXy/c2J5E0m4lLKIDgAHMowaGlTZj3APSTvOuKLgGAhwAsu0t9QeICEGeba/tu2xz1kgzdg1cDiQngOklbkr0UF4BrNsYcnu4AOEQycY4QA0APyU4vygMjdQFIGg/gbYizj4Hw1FfXEQEkOvV1wQoDEDb7HwvEhwFy+f73PAKATSTNp/cSBuAigKU1PNq/Nk76jCQEwFe7SCFpJ72ZlDAANvtPrvI6h6TN7l5LHQC2vJl45yqSJpgwAMP/2hq2P5rklzTO6rWVtAfA7ornlheY+NdZ+Ku0GQbAgrIZ18a5HSpa4pFZkWSriN0f2tDr8rHGRwnWmQlGMVLkOiWAIr89H7GXPcAHxSLbKHtAkd+ej9jLHuCDYpFtlD2gyG/PR+wt3wP+AsW7I1AzjlUOAAAAAElFTkSuQmCC" alt="">
         </div>
         <div class="heardIcon">
@@ -79,6 +81,7 @@ import livedAnnouncement from "@/components/livedModel/livedAnnouncement";
 import livedIsMsg from "@/components/livedModel/livedIsMsg";
 import livedExplainingCommodities from "@/components/livedModel/livedExplainingCommodities";
 import livedGoodsDia from "@/components/livedModel/livedGoodsDia";
+import livedShareDia from "@/components/livedModel/livedShareDia";
 import live from "@/api/live";
 export default {
   props: [
@@ -106,6 +109,7 @@ export default {
       num: 0,
       userComing: false,
       showDia: false, //显示商品列表弹窗
+      showShareDia: false, //显示分享弹窗
       isSend: false, //显示评论输入框
       sendVal: "", //输入内容
       getFocus: false, //获取焦点
@@ -117,7 +121,8 @@ export default {
     livedAnnouncement,
     livedIsMsg,
     livedExplainingCommodities,
-    livedGoodsDia
+    livedGoodsDia,
+    livedShareDia
   },
   computed: {
     likeNumCopy() {
@@ -209,6 +214,12 @@ export default {
     changeStatus() {
       this.showDia = false;
     },
+    showShare() {
+      this.showShareDia = true;
+    },
+    closeShareDia() {
+      this.showShareDia = false;
+    },
     // 是否登录
     isLogin() {
       let _this = this;

src/components/livedModel/livedShareDia.vue

+<template>
+  <div class="livedShareDia">
+    <van-popup
+      :show="showShareDia"
+      position="bottom"
+      :close-on-click-overlay="true"
+      @close="closeDia"
+    >
+      <div class="share flex">
+        <div class="wxShare">
+          <button data-name="shareBtn" open-type="share" plain="true">
+            <img
+              src="data:image/png;base64,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"
+              alt
+            />
+            <p class="tit">微信分享</p>
+          </button>
+        </div>
+        <div class="createPoster">
+          <img
+            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAOyElEQVR4Xu2de3BU1R3Hv79dkuxusgGiUhFBTUCKWlGE4igqVqMFRQbMLtnwsDN1Okqt1antDHYsUEf5o3a0rY92xk47INmYG7VCMVWsTdV2dKRaOj6KmthKHxSUKCG7m4TcX+dssiG7bHIfe+7du7v3zixhZs/j9/js7zzvOQT3KWkLUElr7yoPF4ASh8AFwAWgxC1Q4uq7EcAFoMQtUOLquxHABaD4LNC0nSf3eQbqPDhWR6A6BtUCXAdwFeCpHPorPlQ5pD33AnR06KOm/t9J4C4Gd6qY0FmhlnU2r6buYrNWUUSAZTs54I/1XQZGPTMvA3C2RY56n4h2grA7Hqh4ZecyillUj23FFiwAodbETFaxhIDFAOrBHLTNaqIioh4AuxnoIA/albDvQ1vrl1RZQQEw4nTmJQDEx0lPOxO1FxoMBQFAuDkWZqJ1AK5zksfHkWUXMW9tbQq0Ol1exwJww7Mc9MVi6xietQAWOt2QY8j3OkHdlggEtu5YnmwyHPc4EoCG7b2byJN0fK3jLGZOoC5W1W1tqys3mctuXS5HAdAQjS8mYCOGOnbF+HQwsLkt4u9winKOAWD4Vy+cX/QPq+pmp0SDvAMQao4tAtG9RfyrHwvoDjDfozQFXs0n8XkFoKE5dgcRbQHgy6cR8lh3gpk3tDUFHsqXDHkBoDEam64ybWHC6nwp7qR6ibHdQ7yhJRLYb7dctgMQisZWgGkLCLPtVtbR9TH2gXiDEgk8Y6ectgIQakncCuZH7VSw4OoiWq80+h6zS27bAGiIxjcS4LhxsF2GNlKPnaMEWwAopSGeEUePl9YuCCwHwHW+eSTsgMBSAELR/rXA4FbzJnBzAt51SqR8m1WWsAyAhpZYiJgcvxpmlWFllsvE4bbGgCKzzFRZlgDgOl++q6yCQDoAyXE+6Gn5JnBLBHil7HkCqQCIGb5Bpt3uJI9FsDL2eYnrZc4YSgUg3Bx/wp3etcj5w8WKaePWJv8aWbVIA2B4YedBWYK55YxtAWa+U9YCkhQAhpd0d5fwqp7dvCbAXC9jKVkOANH4H0pwPd9up2fW16FE/FfmKkTOALgzfbm6wHx+GTOFOQEwvIdP/PrdJ08WYODKXPYY5gRAyA39eXJ7WrU5NQWmATAT+qcGCTV+01U6wdiWy/BJjPG/o2yoHgY2tUX8mw1lSg0rzWQSL21UxBJ/1btvP3TeBHyl1ouTAq7z9dj7UC+j46NBKG8f05NcpOnqC/guMPPyiSmPhKO932R4HtYjnXC++LiPcQsIAPRCQFBva41UPmK0FlMAhKLx1/S+rvXdReVYcLrHqFxuegB7D6i4r6Nfry1eVyL+i/UmTqUzDMDwi5pP6q3oVyt9qCxPT80MDKrG2jm99RVqOq+HQBneiA8ANz2V0K0SMa8y+kKqYQBC0fhvjbyl29qYvuU/PqCif0CF6/50vwpHlE/wwF+eHi3DLfoBALBLifiv102MOObASGLxfj4G+QMjeTIB6EkMur/+MQzoIUK135v2rUEAAC/NMnJYhSEAGloS3yLmn+YCwGcx3T1bI9UUTdpJgfQOs1EAmOj2tkbfz/QaxBAAoWj8OaMnc2RGgFIDoO8Y4x+HB3BmTRkqJmibO1cAALQrEf9S6QCYCf9CiFIF4OUPY/hzVxydnwyM+KLu5DJcUuvH5TMDY/pHAgCGmgFtJIdFNRP+SxWAn3R04+3/9I3p5PNOq8C3F0/O+r0MAIw0A7oBCEUTzwJ8g97QkkpXahHgrf0JPPrKZ5pmWn/ZJFw4/cSXomUAANAOJeJbrimE3lFAqPVgFQaDBwAMH6yop+ihNKUEQOIY44fPfYJDRwc1DXRKlRc/WHoyfBn9AjkAoBfenlOV8JSjWoLoigChaN8KQDW107eUANh3sB8PvHhYy+Yj3991dQ1mT0mfJZMEAADPSiVSofmmsS4AGqLxxwi4RbdmoxJmAtB1qA81leljXTPlOjHPC3/vhfKm/sPAQvOCuOaL6UFVFgAM/Lwt4r9Vy066AAhF4+IUzDqtwrJ9nwlA6PF/4Xv1NZh1Ssb8sJnCHZZHb/ufEjtbP0AWAAA6lYh/ppaJNAEQBy8PeBL641pGjdkAEEluvmQiFp7p15KvoL4Xbf/dOw7plvn+G06B6AuMfiQCgDLVV6N1wLUmADdG++d7MPiGbq10AiCSrZwbxJJzDfcrzYpiS76H/9iNvf8eewiYEmLutArcdsWJQ0GZAKjwLngqUr5nPMU1AQhFY6sAajFrvbEiQKq8K2YFsGZBtdniHZevt1/FHW0HNeV6qGEKKjMWfkQmmQAA3KhEAuOu3GoCEI7G72bgPk2NxkigBYDI9qXTKnDLZZNQ7tUUx6wY4+Z7/2A/fvTiYTReVI2rZo89S6e38iMJFdE9R7Dn4xNX8ubP8CEyvxrVvux7JGQCQMD3WyP++3OMAInHAf66XuUz0+kBQOSZNnEC1l8+GVOC9o4Qdr19FL/52/HhsmiTBQjnT6swq/JIPgHAR58O4J+fDuCMk8pw1kllEACM98gEAKBfKhHfzTkCkNtLH3oBEEL6ygi3XzEZszLGxjl7YowCHnypG+8eyN5enzO1Ao0XBTG12t7tbHIBgOaOYc2YG4rG3gBovlknGAEgVcc3Lp2EBWdYd3ak+FU+8nI3Po+rmmqJPsqqeUGU2dQ8yQWA9yiRwIIcI0DiXYDnaFoqhz5AtqzC6FdnTJKYlWF0vuff60XbW/ona1J5QxcGcc0c60cscgGg95SI75wcAYh/DGC6WeObiQCpuq6dU4mGC+XdBPOLVz/L2jHTq1tNQPQPglkXcfSWoZVOLgDYr0T8M3IEIHYYoOxrl1raZFkMEjOBRh7RFDTNr0ZVhfmdxfu7j+HXr32Oj7uPr80bkSEz7ewvlCM8L4gZk8tyKSZrXrkAcLcSCdTkCEBc9JJMz9vmEgFSgouNFGu+PBGnTzLeIXtpXwxP7+2B2Jkj+1lU509GqGzjebN1yQUA/UrEP+5wRkcnMP8ACGNODnhx08JqnDtV//As+pcjEABY/ayYG8RSSTOaDgQgv01ApvO+dvFEXFo7/hrCgSPH8OSbPePuypENhZjYCc+rxsIzcxu9yAVAThOQt07gWE5aMbcKS8+tyvq1mHx5Zm8PDvZob8qQDYEoTzRXoXnVyb9mHrkASOkE5mcYqGW8K88OJGfsPKMasefe6U063wnPxWf5ceMFQUzyG+u8ygVAyjDQ/okgvQ4Ue+rEsMxLlHT8n7rierPalu7686qw/Pzs0SqbEHIBkDIRZN9UsBmv1J5clgTgg0O6X6I0U01OecQoQYwWxKhB65ELgJSpYHsWg7QMUwzfi5dDVl4QxJxTxx5VywVAwmKQHcvBxeBcIzpcNMOX7B9k7gYSZcgEQNJysLUbQowYrtjSiqluERFGd2RlAiBlQ4iVW8KKzaFm9BHvC4poIEY1siOAlC1hVm0KNWOsYs4zbdKE5B7Jy2elrzgafTt4tI2kbAoVBYai8X0AzjbjABlrAWbqLdQ8ys2np4meAwDvKxG/5tV8mmsBQppwS+IBZv6OGaO6ABizmiwAiOjHrY2+u7Rq1wfAk4lrWeXfaRWW7XsXAGNWkwaAh77ausr3vFbtugBYtpMDvt6+A2A2vDvDBUDLBenfSwGAqCdRWXHqzmWkuRSqC4BkP6Al8RSYVxpT58S3g41uCDFaX6GnlwTA00qj70Y9ttANgKwDIlwAxneLDACsOSDCxAlhQlW3CdDzOzyeRgYARk4K0x0BhoeDOR8S5UYAyyOANYdECbHNNANuBLA3AhgJ/0IyYxHARDPgAmAvAEbCv2EAhpuBnI6KdZsAS5sAa4+KTc4KNsfCTGT6sOh3/tsHcVi0Kv5xnxELiGNixWHRo3c9O/Kw6OEo4B4XbwO8jjwuPhkF3AsjbHA/kpdFOPLCCPfKGGv97/grY5JDwu29m8jj2WjEFO6lUdrWMnVplKpubltduUm79BNTGBoGZmZ3r40zY3LpeTQPgRivxpwAcC+OlO5MwwXm9eJIs02BYS3dDFktkPerY1NSuU1BXgjNKfSnJM6pCRgBoDm2CETu9fH2ceCs6+OTTUFz7A4ietA+G5RuTcx8Z1tT4CEZFpASAVKChJvjTzBhtQzB3DKyW4AY21ub/Gtk2UcqAI3R2PRBpt0gaG5HlqVASZXD2Oclrm+JBPbL0lsqAEKoUDS2AiBTl0vIUqp4y+GVSiSgeQmEEf2lA5CEoCVxK5gfNSKIm1bDAkTrlUbfY7LtZAkAyU5hNL6RAFPTk7KVLPTyZIz3x7KBZQAkITCxXlDozpItv5XOF7JaCoALQW44WO18WwAY6hj2rwUGt+ZmjlLL7V2nRMq3Wa215REgpUBDSyxETK1WK1QM5TNxuK0xoNihi20AJJsDFwJNn9rpfNuagNFaJ+cJmLa4k0UZLDD2gXiD7HG+FnG2RoCUMGLGUGXa4k4bD1lETO96iDfInOHTcnzq+7wAMNIvGFpA2iJui9ErcJGlSzDzBlkLO2Zsk1cAkiOEoaXkewEsNqNAAefpAPM9SlPg1XzqkHcARqJBCU0a2TG+1wuVYwBIjhKi8cUEiJ3GxRoNOhjY3Bbxd+h1kNXpHAXASDQYWkdYB6DWagPYVH4Xq+o2s1u3rZTRkQAIhcXLJ75YbB3DsxbAQiuNYGHZrxPUbYlAYOuO5eSMc+wzlHUsAKPlHH4hVUSE6yx0lsyidxHz1tamgONnPgsCgJRnQq2JmaxiCTEvASA+TnramaidPGhXwr4PnSTYeLIUFACjFTkOA64G+CoA1t/qmG7JXoB+z4QXC83po9UoWADSYThYhcGJ9Qz1GgLqxdU9Fv0COxnYTfC8AO/nu5XwlOO3TltUodXFFgUAmUYSB1z3eQbqPDhWR6A6BtUCXAdwFeCpHPorPjQcNVj8mo8OfdTU/zsJ3MXgThUTOivUss7m1dRttUPsLr8oAbDbiIVcnwtAIXtPguwuABKMWMhFuAAUsvckyO4CIMGIhVyEC0Ahe0+C7C4AEoxYyEW4ABSy9yTI/n9rQIzMgy9AFQAAAABJRU5ErkJggg=="
+            alt
+          />
+          <p class="tit">生成海报</p>
+        </div>
+      </div>
+      <div class="cancel" @click="closeDia">取消</div>
+    </van-popup>
+  </div>
+</template>
+
+<script type="text/ecmascript-6">
+import { DFSImg } from "@/utils/index";
+export default {
+  props: ["showShareDia"],
+  name: "",
+  data() {
+    return {
+      liveId:"",
+      shopName: "",
+      shopLogo: "",
+      backPath: "",
+    };
+  },
+  components: {},
+  computed: {},
+  created() {},
+  onLoad(options) {
+    let params = JSON.parse(options.params);
+    this.liveId = params.liveId;
+    this.shopName = params.shopName;
+    this.backPath = params.fromPagePath || "/";
+    this.shopLogo = DFSImg(params.shopLogo, 40, 40);
+    this.init();
+  },
+  onUnload() {},
+  mounted() {},
+  methods: {
+    // 初始化信息
+    init() {},
+    initShare() {},
+    //   关闭
+    closeDia() {
+      this.$emit("closeShareDia");
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.flex {
+  display: flex;
+}
+img {
+  display: block;
+}
+.livedShareDia {
+  width: 100vw;
+  .share {
+    box-sizing: border-box;
+    width: 100%;
+    justify-content: space-around;
+    align-items: center;
+    padding: 20px;
+    & > div {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      line-height: 30px;
+      img {
+        width: 60px;
+        height: 60px;
+      }
+      .tit {
+        font-size: 18px;
+      }
+    }
+    .wxShare {
+      button{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        line-height: 30px;
+      }
+      button[plain] {
+        border: 0;
+      }
+    }
+  }
+  .cancel {
+    border-top: 10px solid #e5e4e9;
+    text-align: center;
+    height: 60px;
+    line-height: 60px;
+    font-size: 18px;
+  }
+}
+</style>

src/pages/lived/index.vue

@@ -73,11 +73,13 @@
 </template>
 
 <script type="text/ecmascript-6">
-import { DFSImg } from "@/utils/index";
+import { serialize, getQueryVariable, DFSImg } from "@/utils/index";
 import live from "@/api/live";
 import notStarted from "@/components/livedModel/notStarted";
 import livedControls from "@/components/livedModel/livedControls";
 import livedIsEnded from "@/components/livedModel/livedIsEnded";
+import spokesman from "@/api/spokesman";
+import shop from "@/api/shop";
 export default {
   name: "",
   data() {
@@ -103,7 +105,11 @@ export default {
       infoTiming: null, //全局定时器
       goodTiming: null, //商品定时器
       endInfo: {}, //直播结束详情
-      firstComing: true // 首次进入
+      firstComing: true, // 首次进入
+      params: {},
+      userId: "",
+      hasInvitationStatus: 0, // 邀请资格：0-不能够邀请下级，1-能够邀请下级
+      spokesmanObj: {} //分销员信息
     };
   },
   components: {
@@ -129,17 +135,61 @@ export default {
         }
       }
     });
-    let params = JSON.parse(options.params);
-    this.$store.commit("setOfflineShopCode", params.offlineShopCode);
-    this.liveId = params.liveId;
-    this.shopName = params.shopName;
-    this.backPath = params.fromPagePath || "/";
-    this.shopLogo = DFSImg(params.shopLogo, 40, 40);
+    this.params = JSON.parse(options.params);
+    console.log(this.params, "-----------------133");
+    this.$store.commit("setOfflineShopCode", this.params.offlineShopCode);
+    this.liveId = this.params.liveId;
+    this.shopName = this.params.shopName;
+    this.backPath = this.params.fromPagePath || "/";
+    this.shopLogo = DFSImg(this.params.shopLogo, 40, 40);
+    // 是否有分销员信息
+    if(params.spokesmanGroupId){
+      this.$store.commit("setSpokesman", {
+        spokesmanGroupId: params.spokesmanGroupId,
+        spokesmanShopId: params.spokesmanShopId,
+        spokesmanRelId: params.spokesmanRelId
+      })
+    }
     this.init();
     this.infoTiming = setInterval(() => {
       this.timingGetInfo();
     }, 5000);
     this.userEntry("IN");
+
+    // 通过分享进入直播间重新查询订阅消息配置
+    this.getMsgConfig();
+    this.isLogin();
+  },
+
+  onShareAppMessage(options) {
+    let _this = this;
+    if(this.hasInvitationStatus==1){
+      Object.assign(this.params,this.params,this.spokesmanObj);
+    }
+    console.log(this.params,'--------------161')
+    let shareObj = {
+      title: this.liveNoticeInfo.title,
+      path: `/pages/lived/main?params=${JSON.stringify(this.params)}`,
+      imageUrl: this.liveNoticeInfo.coverUrl,
+      success: function(res) {
+        console.log("-----------success");
+        // 转发成功之后的回调
+        if (res.errMsg == "shareAppMessage:ok") {
+          console.log(res, "分享成功");
+        }
+      },
+      fail: function(res) {
+        console.log("-----------fail");
+        // 转发失败之后的回调
+        if (res.errMsg == "shareAppMessage:fail cancel") {
+          console.log(res, "取消转发");
+        } else if (res.errMsg == "shareAppMessage:fail") {
+          console.log(res, "转发失败");
+        }
+      }
+    };
+    console.log(shareObj, "----------------168");
+    return shareObj;
   },
   onUnload() {
     this.liveNoticeInfo.liveBroadcastState = -1;
@@ -194,6 +244,66 @@ export default {
         url: `../index/main?from=livedBackShop&backpath=${this.backPath}`
       });
     },
+    // 是否登录
+    isLogin() {
+      let _this = this;
+      wx.getStorage({
+        key: "sessionid",
+        success(res) {
+          // 查询分销员信息
+          _this.getSpokesman();
+        },
+        fail(res) {
+          console.log("未登录------150");
+          // 跳转登录页
+          let backUrl = "/lived/main";
+          let query = {
+            liveId: _this.liveId,
+            fromType: "mini"
+          };
+          let url = `/pages/login/main?back=${backUrl}&params=${JSON.stringify(
+            query
+          )}`;
+          wx.navigateTo({
+            url: url
+          });
+        }
+      });
+    },
+    getMsgConfig() {
+      if (!this.$store.state.subscribeMessageObj) {
+        shop.getWxMiniSubscribeMessageConfig().then(res => {
+          if (res.data.code == 200) {
+            const data = res.data.data;
+            console.log("wx mini subscribe message data: ", data);
+            if (data != null) {
+              const subscribeMessageObj = {};
+              for (var key in data) {
+                if (data[key] && data[key].template_id) {
+                  subscribeMessageObj[key] = data[key].template_id;
+                }
+              }
+
+              this.$store.commit("setSubscribeMessageObj", subscribeMessageObj);
+            }
+          }
+        });
+      }
+    },
+    getSpokesman() {
+      spokesman.getSpokesmanidByShare().then(res => {
+        if (res.data.code == 200) {
+          if (res.data.data.hasInvitationStatus == 1) {
+            this.hasInvitationStatus = 1;
+            this.spokesmanObj = {
+              spokesmanGroupId: res.data.data.groupId,
+              spokesmanShopId: res.data.data.shopId,
+              spokesmanRelId: res.data.data.spokesmanId
+            };
+          }
+        }
+      });
+    },
     toShop() {
       // 到商城首页
       this.backPath = "/";

src/pages/lived/main.json

 {
   "navigationStyle":"custom",
   "navigationBarTextStyle": "white",
+  "disableScroll": true,
   "usingComponents": {
     "van-button": "/static/vant/button/index",
     "van-icon": "/static/vant/icon/index",