ytj

src/components/topCaseInfo/index.vue

 
 export default {
   name: '',
-  props: ['data','userName'],
+  props: ['data', 'userName'],
   data () {
     return {
 
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import "page.scss";
+@import 'page.scss';
 </style>

src/pages/user/mainPage/coffeeIndex/index.vue

     <nav class="flex-h" v-if="userInfo.customer.MapUser !== ''">
       <a class="flex-item" v-for="(item,index) in cutNavList" :key="index" v-if="userInfo.customer.UserTypeId !== 'manager' || item.id !== '4'" :class="{'active': navActive === index}" @click="cutNav(index)">{{item.value}}</a>
     </nav>
-    <scroll ref='scroll' :isloading='isloading' class='wrapper' :data='data[navActive].list' :pullUpLoad='pullUpLoadObj' :startY='parseInt(startY)' @pullingUp='getList'>
       <div class="content">
-        <!-- <div>
-          <ul> -->
+        <div>
+          <ul>
             <li :hidden="navActive !== 0 && userInfo.customer.MapUser !== ''" class="placeOrder">
               <div class="topInfo flex-h" v-if="userInfo.customer.MapUser !== ''">
                 <div class="flex-item">
                   </div>
                   <a @click="toSalesHistory">销售记录</a>
                 </div>
-                <myCard v-for="(item,index) in data[1].list" :key="index" :data='item' @share='share'></myCard>
+                <myCard v-for="(item,index) in data[1].list" :key="index" :data='item' @share='shareCard'></myCard>
               </div>
             </li>
             <li :hidden="navActive !== 2" class="my-card">
                   </div>
                   <a @click="toSalesHistory">销售记录</a>
                 </div>
-                <myCard v-for="(item,index) in data[2].list" :key="index" :data='item' @share='share'></myCard>
+                <myCard v-for="(item,index) in data[2].list" :key="index" :data='item' @share='shareCoupon'></myCard>
               </div>
             </li>
             <li :hidden="navActive !== 3" class="customer-card">
                 <customerCard v-for="(item,index) in postCustomerData.isrecommend ? myRecommendUserList : data[3].list" :key="index" :data='item' @record='record'></customerCard>
               </div>
             </li>
-          <!-- </ul>
-        </div> -->
+          </ul>
+        </div>
       </div>
-    </scroll>
     <div class="selectCase" :hidden="!showSelect"></div>
     <van-picker :hidden="!showSelect"
       show-toolbar
 </template>
 
 <script>
-import scroll from '../../../../components/scroll/scroll'
 import caseTableItem from '../../../../components/caseTableItem/index'
 import topCaseInfo from '../../../../components/topCaseInfo/index'
 import myCard from '../../../../components/myCard/myCard'
       topCaseInfoData: {
         CaseName: '',
         CaseId: '',
-        ShowSelect: true,
+        ShowSelect: false,
       },
       caseInfo: {
         value: '',
     topCaseInfo,
     caseTableItem,
     myCard,
-    customerCard,
-    scroll
+    customerCard
   },
   created () {
+    if (!this.userInfo.customer.MapUser) {
+      this.topCaseInfoData.ShowSelect = true
+    }
     if (this.userInfo.customer.MapUser !== '') {
       this.getForbidInfo().then((res) => {
         this.forbidList = res || []
               totalCount: res.list[n].TotalCount,
               SentCount: res.list[n].SentCount,
               usedCount: res.list[n].UsedCount,
+              CardId: res.list[n].CouponId,
             })
           }
           var count = 0
               totalCount: res.list[n].TotalCount,
               SentCount: res.list[n].SentCount,
               usedCount: res.list[n].UsedCount,
+              CardId: res.list[n].CardId,
             })
           }
           var count = 0
         }
       }
     },
-    share (item) {
-      // console.log(item)
+    shareCard (item) {
+      let query = {
+        id: item.CardId,
+        type: 'card',
+        sharetype: 'share',
+        salesid: this.userInfo.customer.MapUser
+      }
+      this.$router.push({ name: 'receive', query: query })
+    },
+    shareCoupon (item) {
+      let query = {
+        id: item.CardId,
+        type: 'coupon',
+        sharetype: 'share',
+        salesid: this.userInfo.customer.MapUser
+      }
+      this.$router.push({ name: 'receive', query: query })
     },
     remark (item) {
       // console.log(item)

src/pages/user/mainPage/coffeeIndex/page.scss

     }
   }
   .content{
-    // &>div{
-    //   width: 100%;
-    //   position: absolute;
-    //   left: 0;
-    //   top: 0;
-    //   bottom: 0;
-    //   overflow: hidden;
-    //   &>ul{
-    //     width: 100%;
-    //     height: 100%;
-    //     position: relative;
-    //     overflow: hidden;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    &>div{
+      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      overflow: hidden;
+      &>ul{
+        width: 100%;
+        height: 100%;
+        position: relative;
+        overflow: hidden;
         &>li{
           width: 100%;
           height: 100%;
           position: relative;
-          // overflow-y: scroll;
+          overflow-y: scroll;
           -webkit-overflow-scrolling: touch;
           transform: translateZ(0);
           -webkit-transform: translateZ(0);
             }
           }
         }
-    //   }
-    // }
+      }
+    }
   }
   .selectCase{
     width: 100%;

src/pages/user/mainPage/index.vue

         <router-view></router-view>
       </div>
     </div>
-    <nav class="flex-h" v-if="!userInfo.CustomerId">
+    <nav class="flex-h" v-if="!userInfo.customer.MapUser">
       <router-link :to="{name:item.pathName,query:{}}" class="flex-item" active-class="active" v-for="(item, index) in tabBar" :key="index">
         <div>
           <img v-if="index==0" class="centerLabel" src="../../../common/icon/tabBar-icon-1.png" alt="">

src/pages/user/placeOrder/index.vue

           spec: (val.spec || ''),
           specname: (val.specname || ''),
         })
+      } else {
+        this.selGoods.splice(this.selGoods.findIndex(item => item.id === val.id && item.spec === (val.spec || '')), 1)
       }
     },
     calcTotalNum () { // 计算总数量、价格

src/pages/user/receive/index.vue

 <template>
-  <div class="mainPage">
+  <div class="mainPage" v-if="show">
     <!-- <div class="residue">
       <i class="iconfont icon-gantanhao"></i>
       <span>仅剩{{data.TotalCount - data.UsedCount}}张券可以领取！</span>
       <img :src="logo" alt="">
     </div> -->
     <div class="banner"  v-if="!video">
-      <img :src="data.CoverUrl" alt="" width="100%" height="100%">
+      <img :src="data.Images[0].CardImageUrl" alt="" width="100%" height="100%" v-if="$route.query.type === 'card'">
+      <img :src="data.Images[0].CouponImageUrl" alt="" width="100%" height="100%" v-else>
     </div>
     <div class="content">
-      <div class="title">{{data.CardName}}</div>
+      <div class="title" v-if="$route.query.type === 'card'">{{data.CardName}}</div>
+      <div class="title" v-else>{{data.CouponName}}</div>
       <div class="video" v-if='video'>
         <video :src="data.VideoUrl" width="100%" height="100%"></video>
       </div>
           <i class="icon-shuoming iconfont"></i>
           <span>卡券使用说明</span>
         </div>
-        <pre>{{data.Share.CardUseInstruction}}</pre>
+        <pre v-if="$route.query.type === 'card'">{{data.Share.CardUseInstruction}}</pre>
+        <pre v-else>{{data.Share.UseInstruction}}</pre>
       </div>
       <div class="text">
         <div>
       logo,
       video: true,
       button: true,
-      data: {
-        Share: {}
-      }
+      show: false,
+      data: {}
     }
   },
   computed: {
     })
   },
   created () {
+    this.data = {}
     if (this.$route.params) {
       let that = this
       Object.keys(this.$route.params).forEach(function (key) {
     }
 
 
-    if (this.$route.query.shareType === 'share') {
+    if (this.$route.query.sharetype === 'share') {
       this.button = false
     }
     this.getCaseList().then(() => {
           if (!this.data.VideoUrl) {
             this.video = false
           }
-          this.sdk()
+          this.show = true
+          this.sdk(this.data.Share.CardShareInfo)
         })
       } else {
         this.getCouponShare({ id: this.$route.query.id }).then(() => {
-          this.data = this.cardShare.Card
+          this.data = this.couponShare.coupon
           this.data.address = this.caseList.filter(x => x.CaseId === this.data.CaseId)[0].CaseAddress
           if (!this.data.VideoUrl) {
             this.video = false
           }
-          this.sdk()
+          this.show = true
+          this.sdk(this.data.Share.CouponShareInfo)
         })
       }
     },
       let timestamp = new Date().valueOf()
       return `${rnd}${timestamp}`
     },
-    sdk () {
+    sdk (info) {
       let logo = this.logo.substring(2, this.logo.length)
       wxsdk({ url: encodeURIComponent(window.location.href.split('#')[0]) }, {
         title: '领取卡券',
-        desc: this.data.Share.CardShareInfo,
+        desc: info,
         link: `${window.location.origin}${window.location.pathname}#/receiveShared/${this.$route.query.id}/${this.$route.query.salesid}/${this.$route.query.type}/receive`,
         thu_image: `${window.location.origin}${window.location.pathname}${logo}`
       })

src/pages/user/receiveChannel/index.vue

 <template>
-  <div class="mainPage">
+  <div class="mainPage" v-if="show">
     <div class="residue">
       <i class="iconfont icon-gantanhao"></i>
       <span>仅剩{{data.TotalCount - data.UsedCount}}张券可以领取！</span>
       <img :src="logo" alt="">
     </div>
     <div class="banner"  v-if="!video">
-      <img :src="data.CoverUrl" alt="" width="100%" height="100%">
+      <img :src="data.Images[0].CardImageUrl" alt="" width="100%" height="100%" v-if="$route.query.type === 'card'">
+      <img :src="data.Images[0].CouponImageUrl" alt="" width="100%" height="100%" v-else>
     </div>
     <div class="content">
-      <div class="title">{{data.CardName}}</div>
+      <div class="title" v-if="$route.query.type === 'card'">{{data.CardName}}</div>
+      <div class="title" v-else>{{data.CouponName}}</div>
       <div class="video" v-if='video'>
         <video :src="data.VideoUrl" width="100%" height="100%"></video>
       </div>
           <i class="icon-shuoming iconfont"></i>
           <span>卡券使用说明</span>
         </div>
-        <pre>{{data.Share.CardUseInstruction}}</pre>
+        <pre v-if="$route.query.type === 'card'">{{data.Share.CardUseInstruction}}</pre>
+        <pre v-else>{{data.Share.UseInstruction}}</pre>
       </div>
       <div class="text">
         <div>
       logo,
       video: true,
       button: true,
-      data: {
-        Share: {}
-      }
+      show: false,
+      data: {}
     }
   },
   computed: {
     }
 
 
-    if (this.$route.query.shareType === 'share') {
+    if (this.$route.query.sharetype === 'share') {
       this.button = false
     }
     this.getCaseList().then(() => {
           if (!this.data.VideoUrl) {
             this.video = false
           }
-          this.sdk()
+          this.show = true
+          this.sdk(this.data.Share.CardShareInfo)
         })
       } else {
         this.getCouponShare({ id: this.$route.query.id }).then(() => {
-          this.data = this.cardShare.Card
+          this.data = this.couponShare.coupon
           this.data.address = this.caseList.filter(x => x.CaseId === this.data.CaseId)[0].CaseAddress
           if (!this.data.VideoUrl) {
             this.video = false
           }
-          this.sdk()
+          this.show = true
+          this.sdk(this.data.Share.CouponShareInfo)
         })
       }
     },
         })
       }
     },
-    random () {
-      let rnd = ''
-      for (let i = 0; i < 5; i++) {
-        rnd += Math.floor(Math.random() * 10)
-      }
-      let timestamp = new Date().valueOf()
-      return `${rnd}${timestamp}`
-    },
-    sdk () {
+    sdk (info) {
       let logo = this.logo.substring(2, this.logo.length)
       wxsdk({ url: encodeURIComponent(window.location.href.split('#')[0]) }, {
         title: '领取卡券',
-        desc: this.data.Share.CardShareInfo,
-        link: `${window.location.origin}${window.location.pathname}#/receiveShared/${this.$route.query.id}/${this.$route.query.salesid}/${this.$route.query.type}/receive`,
+        desc: info,
+        link: `${window.location.origin}${window.location.pathname}#/receiveChannelShared/${this.$route.query.id}/${this.$route.query.type}/receive`,
         thu_image: `${window.location.origin}${window.location.pathname}${logo}`
       })
     }

src/util/share.js

     imgUrl: config.thu_image // 分享图标
   }
   // 初始化
-  return new Promise(function (resolve) {
+  return new Promise(function (resolve, reject) {
     Ajax(api.share.share.url, {
       method: api.share.share.method,
       urlData: {