liwei

src/components/buy/activity.vue

@@ -238,6 +238,7 @@
       },
       // 分享
       enableShare: function() {
+        debugger;
         let that = this;
         getwechatParam({
           api_list:   'onMenuShareAppMessage,onMenuShareTimeline',

src/components/buy/index.vue

@@ -8,7 +8,7 @@
             v-for="(data,index) in groupDetail.goods_desc.img"
             :key="index"
           >
-            <img :src="data.url">
+            <img :src="data.url" />
           </swiper-slide>
           <div class="swiper-pagination" slot="pagination"></div>
         </swiper>
@@ -16,12 +16,13 @@
           :src="refIcon"
           class="ref-icon shake"
           @click="goToActivity();buttonClick('功能','生成海报')"
-          v-if="groupDetail.is_auth_user === 1&&!closeStatus"> -->
-          <img
+        v-if="groupDetail.is_auth_user === 1&&!closeStatus">-->
+        <img
           :src="couponTipImg"
           class="ref-icon shake"
           @click="couponPopup=true"
-          v-if="closeStatus">
+          v-if="closeStatus"
+        />
         <div class="head">
           <div class="title">{{groupDetail.name}}</div>
           <span class="detail">{{groupDetail.goods_desc.desc}}</span>
@@ -40,8 +41,8 @@
             v-if="index<5"
             :src="data"
             :key="data"
-          >
-          <img class="more" :src="moreUrl">
+          />
+          <img class="more" :src="moreUrl" />
           <span class="has">已售{{groupDetail.has_group_num}}件</span>
         </div>
         <div
@@ -69,13 +70,13 @@
         <div v-if="groupDetail.desc.customer_service[0]">
           <mt-popup v-model="popupVisible">
             <div class="pop-block">
-              <img v-if="popType" :src="qrCode">
-              <img v-if="!popType" :src="groupDetail.desc.customer_service[0].url">
+              <img v-if="popType" :src="qrCode" />
+              <img v-if="!popType" :src="groupDetail.desc.customer_service[0].url" />
               <div>
                 <span v-if="popType" v-html="popcontentW"></span>
                 <span v-if="!popType" v-html="popcontentT"></span>
               </div>
-              <img class="close" :src="closeUrl" @click="popupVisible = false">
+              <img class="close" :src="closeUrl" @click="popupVisible = false" />
             </div>
           </mt-popup>
         </div>
@@ -87,19 +88,25 @@
             </div>
           </div>
         </mt-popup>
-        <mt-popup class="couponPop" popup-transition="popup-fade" v-model="couponPopup" :closeOnClickModal="false">
+        <mt-popup
+          class="couponPop"
+          popup-transition="popup-fade"
+          v-model="couponPopup"
+          :closeOnClickModal="false"
+        >
           <div class="box">
-            <img class="bg" :src="couponBg" alt="">
-            <img class="closeImg" @click="closeCouponPop" :src="closeImg" alt="">
+            <img class="bg" :src="couponBg" alt />
+            <img class="closeImg" @click="closeCouponPop" :src="closeImg" alt />
             <div class="content">
               <p>您的好友{{shareName}}赠您</p>
-              <img class="btn" @click="getCoupon" :src="couponBtn" alt="">
+              <img class="btn" @click="getCoupon" :src="couponBtn" alt />
             </div>
           </div>
         </mt-popup>
         <mt-popup
           v-model="refVisible"
-          style="background-color: transparent;margin-top: -80vw;margin-left: -40vw;transform: none">
+          style="background-color: transparent;margin-top: -80vw;margin-left: -40vw;transform: none"
+        >
           <div
             :style="{backgroundImage:`url(${refBg})`}"
             class="ref-content"
@@ -113,10 +120,10 @@
             ref="imageWrapper"
             v-if="groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0"
           >
-            <img :src="groupDetail.share_desc.refImg[0].url">
+            <img :src="groupDetail.share_desc.refImg[0].url" />
             <div id="qrcode" class="qrcode"></div>
           </div>
-          <img :src="dataURL" class="cvs-img">
+          <img :src="dataURL" class="cvs-img" />
         </mt-popup>
         <div v-if="groupDetail.status === 1 && invite_code_f">
           <div v-if="couponShadow" class="couponBox">您有{{couponInfo.money/100}}元优惠券可使用</div>
@@ -126,7 +133,7 @@
               @click="showTeacher();buttonClick('老师','客服')"
               v-if="groupDetail.desc.customer_service[0]"
             >
-              <img :src="weChatIcon">
+              <img :src="weChatIcon" />
             </div>
             <div class="btn big price full" v-if="groupData && groupData.status !== 0">
               <div v-if="groupId">该团已满</div>
@@ -158,7 +165,7 @@
               @click="showTeacher();buttonClick('功能','客服')"
               v-if="groupDetail.desc.customer_service[0]"
             >
-              <img :src="weChatIcon">
+              <img :src="weChatIcon" />
             </div>
             <div
               class="btn big price"
@@ -171,7 +178,8 @@
             <div
               class="btn big price"
               v-if="groupDetail.current_price==0"
-              @click="groupPay(1);buttonClick('购买按钮','直购购买')">
+              @click="groupPay(1);buttonClick('购买按钮','直购购买')"
+            >
               <!-- <span>￥{{groupDetail.current_price/100}}</span> -->
               <div class="free">免费领</div>
             </div>
@@ -188,17 +196,17 @@
       :bind-mobile="bindMobile"
       v-if="groupDetail"
       :groupDetail="groupDetail"
-      @goToBuyPage="goToBuyPage">
-      </login-page>
+      @goToBuyPage="goToBuyPage"
+    ></login-page>
   </div>
 </template>
 
 <script>
 import "swiper/dist/css/swiper.css";
 import { swiper, swiperSlide } from "vue-awesome-swiper";
-import {Popup} from 'mint-ui'
+import { Popup } from "mint-ui";
 import comment from "../../util/common";
-import { Toast } from 'vant';
+import { Toast } from "vant";
 import {
   getwechatParam,
   getGoodsDetailApi,
@@ -230,7 +238,7 @@ export default {
     swiper,
     swiperSlide,
     loginPage,
-    [Popup.name]:Popup
+    [Popup.name]: Popup
   },
   data() {
     return {
@@ -274,14 +282,14 @@ export default {
       groupData: null,
       couponInfo: {},
       couponShadow: false,
-      groupSuc:'',
-      couponBg:couponBg,
-      couponBtn:couponBtn,
-      couponPopup:false,
-      shareName:this.$route.query.nickname,
-      closeImg:closeImg,
-      couponTipImg:couponTip,
-      closeStatus:false
+      groupSuc: "",
+      couponBg: couponBg,
+      couponBtn: couponBtn,
+      couponPopup: false,
+      shareName: this.$route.query.nickname,
+      closeImg: closeImg,
+      couponTipImg: couponTip,
+      closeStatus: false
     };
   },
   mounted() {
@@ -289,22 +297,22 @@ export default {
     // document.body.addEventListener('focusout', () => { //软键盘关闭事件
     // document.documentElement.scrollTop = 0
     // document.body.scrollTop = 0
-    //   console.log("键盘收起")  
+    //   console.log("键盘收起")
     // })
   },
   methods: {
-    getCoupon(){
-      getReceiveCouponApi(this.$route.query.shopId).then(res=>{
+    getCoupon() {
+      getReceiveCouponApi(this.$route.query.shopId).then(res => {
         this.couponShadow = true;
-        this.couponPopup=false;
-        this.closeStatus = false
-        Toast('领取成功')
-      })
+        this.couponPopup = false;
+        this.closeStatus = false;
+        Toast("领取成功");
+      });
     },
-    closeCouponPop(){
-      this.couponPopup = false
-      this.closeStatus = true
-      // this.refIcon = 
+    closeCouponPop() {
+      this.couponPopup = false;
+      this.closeStatus = true;
+      // this.refIcon =
       // this.
     },
     goToBuyPage() {
@@ -326,22 +334,20 @@ export default {
       if (this.buyType === 0 && !this.groupId) {
         query.type = "single";
         this.buyType = "single";
-      }
-       else if (this.buyType === 0 && this.groupId) {
+      } else if (this.buyType === 0 && this.groupId) {
         // 已购买生成团
         this.$router.push({
           name: "buy",
           query: {
             shopId: this.shopId,
             invite_code: this.invite_code,
-            type:""
+            type: ""
           }
         });
         // debugger
         // window.location.reload();
         return false;
-      }
-       else {
+      } else {
         query.type = "";
       }
       if (localStorage.getItem("gdt_vid")) {
@@ -352,7 +358,7 @@ export default {
       if (window.location.href.indexOf("cct_user_id") > -1) {
         query.cct_user_id = comment.getUrlParam().cct_user_id;
       }
-      console.log(query)
+      console.log(query);
       // debugger
       this.$router.push({
         name: "buy",
@@ -436,9 +442,7 @@ export default {
     },
     onShare: function(type) {
       this.handleInviteCode();
-      let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${
-        this.this_code
-      }`;
+      let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${this.this_code}`;
       this.enableShare({
         product_title: this.groupDetail.share_desc.title,
         desc: this.groupDetail.share_desc.content,
@@ -573,32 +577,31 @@ export default {
       }
       let userCourse = JSON.parse(localStorage.getItem("userCourse"));
 
-      if (userCourse&&!userCourse.periods_list) {
+      if (userCourse && !userCourse.periods_list) {
         // 优惠券
         getCouponListApi(this.$route.query.shopId).then(res => {
-          if(res.length){
-            this.couponInfo = res[0]
+          if (res.length) {
+            this.couponInfo = res[0];
             this.couponShadow = true;
           }
           console.log(this.couponInfo);
         });
       }
-      getInvitedCouponApi(this.$route.query.shopId).then(res =>{
-        console.log(res)
-        if(res.code&&res.code==100){
-          if(res.data.flag==0){
+      getInvitedCouponApi(this.$route.query.shopId).then(res => {
+        console.log(res);
+        if (res.code && res.code == 100) {
+          if (res.data.flag == 0) {
             this.couponShadow = true;
-            this.couponInfo.money = res.data.original_price
-            console.log( this.couponInfo)
+            this.couponInfo.money = res.data.original_price;
+            console.log(this.couponInfo);
           }
-
-        }else if(this.$route.query.invite_code){
-          this.couponInfo = res
-          this.couponInfo.money = res.original_price
-          this.couponPopup = true
+        } else if (this.$route.query.invite_code) {
+          this.couponInfo = res;
+          this.couponInfo.money = res.original_price;
+          this.couponPopup = true;
           // res.original_price
         }
-      })
+      });
     },
     showTeacher() {
       this.popType = false;
@@ -612,10 +615,10 @@ export default {
         buttonName: buttonName
       });
     },
-    groupPay(type,status) {
+    groupPay(type, status) {
       this.buyType = type;
-      if(status){
-        this.groupSuc = status
+      if (status) {
+        this.groupSuc = status;
         // console.log(status)
       }
       if (
@@ -667,28 +670,36 @@ video {
 </style>
 <style scoped lang="less">
 @import "../../util/public";
-.child-view{
+.child-view {
   // position: relative;
 }
-.couponPop{
+.couponPop {
   background: transparent;
-  .box{
+  .box {
     width: 319 * @toVw;
-    .bg{width: 100%;}
-    .content{
+    .bg {
+      width: 100%;
+    }
+    .content {
       position: absolute;
       top: 170 * @toVw;
       padding: 0 40 * @toVw;
-      p{
-        color: #FFEFA8;
+      p {
+        color: #ffefa8;
         font-size: 22 * @toVw;
       }
-      .btn{margin-top: 150 * @toVw;}
+      .btn {
+        margin-top: 150 * @toVw;
+      }
+    }
+    .closeImg {
+      position: absolute;
+      top: -26 * @toVw;
+      right: 10 * @toVw;
+      width: 27 * @toVw;
     }
-    .closeImg{position: absolute;top: -26 * @toVw;right: 10 * @toVw;width: 27 * @toVw;}
-  }
-  
   }
+}
 .img-cvs {
   position: absolute;
   width: 233 * @toVw;
@@ -852,10 +863,10 @@ video {
     position: fixed;
     width: 100%;
     height: 25 * @toVw;
-    background: #FFE83C;
+    background: #ffe83c;
     bottom: 70 * @toVw;
     text-align: center;
-    color: #FF4D4F;
+    color: #ff4d4f;
     line-height: 25 * @toVw;
     font-size: 12px;
   }

src/components/buy/inviteFriends.vue

@@ -81,7 +81,36 @@ export default {
     return {
       earnings: 0,
       userNum: 0,
-      records: [],
+      records: [
+        {
+          nickname: "test1111111111",
+          pay_at: "2019.07.08 14:28:50"
+        },
+        {
+          nickname: "test1111111111",
+          pay_at: "2019.07.08 14:28:50"
+        },
+        {
+          nickname: "test1111111111",
+          pay_at: "2019.07.08 14:28:50"
+        },
+        {
+          nickname: "test1111111111",
+          pay_at: "2019.07.08 14:28:50"
+        },
+        {
+          nickname: "test1111111111",
+          pay_at: "2019.07.08 14:28:50"
+        },
+        {
+          nickname: "test1111111111",
+          pay_at: "2019.07.08 14:28:50"
+        },
+        {
+          nickname: "test1111111111",
+          pay_at: "2019.07.08 14:28:50"
+        }
+      ],
       shareTitle: "钜惠来袭！唱唱21天英语训练营，全勤学习返66元现金",
       shareDesc: "21天让宝宝爱上说英语，报课即送教具礼盒，包邮送到家！",
       invite_code: "",
@@ -104,7 +133,10 @@ export default {
     lookMyInviteRecords() {
       this.$refs.inviteRecord.scrollIntoView();
     },
-    lookMoreRecord() {},
+    lookMoreRecord() {
+      let query = { shopId: this.shopId };
+      this.$router.push({ name: "inviteRecordList", query: query });
+    },
     getInviteResult() {
       getInviteResultApi({}, this.shopId).then(res => {
         this.earnings = res.earnings;
@@ -200,43 +232,24 @@ export default {
       let ownDetail = JSON.parse(localStorage.getItem("userDesc"));
       let URL = `${process.env.BUY_URL}shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}&nickname=${ownDetail.nickname}`;
       if (!this.invite_code) {
-        // debugger
         this.user_id = JSON.parse(localStorage.getItem("userDesc")).user_id;
         this.invite_code = "CC-USER-" + this.user_id;
         URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${this.invite_code}&nickname=${ownDetail.nickname}`;
+        this.enableShare({
+          shareUrl: URL
+        });
+        console.log(194);
       } else {
+        console.log(196);
         URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${this.invite_code}&nickname=${ownDetail.nickname}`;
+        this.enableShare({
+          shareUrl: URL
+        });
       }
       // if(type === 1 ){
 
       // }
-      this.enableShare({
-        shareUrl: URL
-      });
     }
-  },
-  onShare: function(type) {
-    let ownDetail = JSON.parse(localStorage.getItem("userDesc"));
-    let URL = `${process.env.BUY_URL}shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}&nickname=${ownDetail.nickname}`;
-    if (!this.invite_code) {
-      // debugger
-      this.user_id = JSON.parse(localStorage.getItem("userDesc")).user_id;
-      this.invite_code = "CC-USER-" + this.user_id;
-      URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${this.invite_code}&nickname=${ownDetail.nickname}`;
-      this.enableShare({
-        shareUrl: URL
-      });
-      console.log(194);
-    } else {
-      console.log(196);
-      URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${this.invite_code}&nickname=${ownDetail.nickname}`;
-      this.enableShare({
-        shareUrl: URL
-      });
-    }
-    // if(type === 1 ){
-
-    // }
   }
 };
 </script>