ytj

public/index.html

@@ -6,7 +6,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
     charset="utf-8" />
-  <link rel="stylesheet" href="//at.alicdn.com/t/font_775069_q841vrk4ihm.css">
+  <link rel="stylesheet" href="//at.alicdn.com/t/font_775069_s109s6ry4gl.css">
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
   <title>
     <%= htmlWebpackPlugin.options.title %>

src/common/css/reset.css

@@ -79,6 +79,10 @@ select option {
 	display: none;
 }
 
+.van-dialog__message {
+  text-align: center;
+}
+
 .van-dialog__message .van-dialog__message--has-title{
 	text-align: center;
 }

src/components/customerCard/customerCard.vue

@@ -13,8 +13,13 @@
       </div>
       <div>
         <div @click="record">领取记录</div>
+        <div @click="history">历史备注</div>
       </div>
     </div>
+    <div class="card-bottom">
+      <span>备注：{{data.remark}}</span>
+      <span @click="remark">+ 添加备注</span>
+    </div>
   </div>
 </template>
 
@@ -37,6 +42,12 @@ export default {
     record () {
       this.$emit('record', this.data)
     },
+    remark () {
+      this.$emit('remark', this.data)
+    },
+    history () {
+      this.$emit('history', this.data)
+    }
   }
 }
 </script>

src/components/topCaseInfo/index.vue

@@ -4,6 +4,8 @@
       <span>{{data.caseName}}</span>
       <a v-if="data.ShowSelect" @click="selectCase">请选择</a>
       <div class="flex-item">
+        <span v-if="data.recommendCode">我的推荐码{{data.recommendCode}}</span>
+        <span v-else></span>
         <span>{{userName}}您好！</span>
       </div>
   </div>

src/components/topCaseInfo/page.scss

@@ -20,8 +20,10 @@
     margin-left: .2rem;
   }
   &>div{
-    text-align: right;
-    margin-right: .2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 0 .2rem 0 .1rem;
     font-size: 0;
     span{
       font-size: .12rem;

src/pages/sales/customerSearch/index.vue

@@ -8,7 +8,7 @@
         <ul>
           <li class="customer-card">
             <div class="list-box">
-              <customerCard v-for="(item,index) in cardList" :key="index" :data='item' @record='record'></customerCard>
+              <customerCard v-for="(item,index) in cardList" :key="index" :data='item' @record='record' @history='history' @remark='remark'></customerCard>
               <!-- <span class="noData" v-if="ajaxOff && !cardList.length">暂无数据</span> -->
               <noMore v-if="ajaxOff && hasPic"></noMore>
             </div>
@@ -24,6 +24,18 @@
       </div>
       <div class="mask-bottom"></div>
     </div>
+    <van-dialog
+      v-model="showDialog"
+      show-cancel-button
+      title='添加备注'
+      :before-close="beforeClose">
+      <van-field
+        v-model="message"
+        type="textarea"
+        placeholder="请输入备注"
+        rows="3"
+        autosize/>
+    </van-dialog>
   </div>
 </template>
 
@@ -58,6 +70,7 @@ export default {
       mask: true,
       checked: true,
       cardList: [],
+      showDialog: false
     }
   },
   computed: {
@@ -102,6 +115,14 @@ export default {
       // console.log(item)
       this.$router.push({ name: 'getRecord', query: { name: item.Name, phone: item.Phone, id: item.CustomerId } })
     },
+    remark (item) {
+      // console.log(item)
+      this.showDialog = true
+    },
+    history (item) {
+      // console.log(item)
+      window.location.href = this.getUrl('history')
+    },
     searchMask () {
       this.getCustomerList({
         page: 1,

src/pages/sales/history/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="mainPage">
     <div class="top">
-      <topCaseInfo :data="topCaseInfoData" @selectCase="showSelect = true"></topCaseInfo>
+      <topCaseInfo :data="topCaseInfoData" :userName="userInfo.customer.RealName ? userInfo.customer.RealName : userInfo.customer.CustomerName"></topCaseInfo>
     </div>
     <div class="info">
       <span><em>姓名</em>：顶顶顶</span>
@@ -21,7 +21,8 @@
 
 <script>
 import topCaseInfo from '../../../components/topCaseInfo/index'
-
+import { mapState, createNamespacedHelpers } from 'vuex'
+const { mapActions: actions } = createNamespacedHelpers('app')
 export default {
   name: '',
   data () {
@@ -30,19 +31,33 @@ export default {
       topCaseInfoData: {
         caseName: '',
         caseId: '',
-        showSelect: false,
-        userName: 'xxx'
+        ShowSelect: false,
       },
     }
   },
   components: {
     topCaseInfo,
   },
+  computed: {
+    ...mapState({
+      userInfo: x => x.userCenter.userInfo,
+      CaseList: x => x.app.CaseList,
+    }),
+  },
   created () {
-
+    this.getCaseList().then((res) => {
+      this.topCaseInfoData.caseId = this.userInfo.customer.BelongCaseId
+      for (let i = 0; i < this.CaseList.length; i++) {
+        if (this.CaseList[i].CaseId === this.topCaseInfoData.caseId) {
+          this.topCaseInfoData.caseName = this.CaseList[i].CaseName
+        }
+      }
+    })
   },
   methods: {
-    
+    ...actions([
+      'getCaseList',
+    ])
   }
 }
 </script>

src/pages/user/bindMobile/bindMobile.vue

@@ -22,6 +22,11 @@
           </div>
         </div> -->
 
+        <div class="mobile">
+          <i class="iconfont icon-zhanghu"></i>
+          <input type="tel" placeholder="推荐码" v-model="postData.recommendCode">
+        </div>
+
         <div class="sms">
           <i class="iconfont icon-mima"></i>
           <input type="tel" maxlength="6" placeholder="验证码" v-model="postData.captcha">
@@ -29,11 +34,6 @@
           <div class="sand" v-else>{{seconds}}后可重发</div>
         </div>
 
-        <div class="mobile">
-          <i class="iconfont icon-mima"></i>
-          <input type="tel" maxlength="11" placeholder="推荐码" v-model="postData.recommend">
-        </div>
-
         <div class="submit" @click="submit">
           <div>提交</div>
         </div>
@@ -84,10 +84,10 @@ export default {
       seconds: 61,
       postData: {
         phone: '',
-        case: '',
-        sales: '',
-        captcha: '',
-        recommend: ''
+        // case: '',
+        // sales: '',
+        recommendCode: '',
+        captcha: ''
       }
     }
   },
@@ -106,6 +106,7 @@ export default {
     ...actions(['getCaseInfo']),
     ...actions(['getCaptcha']),
     ...actions(['submitData']),
+    ...actions(['recommendCode']),
     // onConfirmC (value, index) {
     //   this.caseName = value.CaseName
     //   this.postData.case = value.CaseId
@@ -156,9 +157,24 @@ export default {
         this.$toast('请先填写手机号')
         return
       }
-      this.getCaptcha(this.postData.phone)
-      this.seconds = 60
-      this.runTime()
+      if (this.postData.recommendCode) {
+        this.recommendCode({ recommendCode: this.postData.recommendCode }).then((res) => {
+          if (res) {
+            this.getCaptcha(this.postData.phone)
+            this.seconds = 60
+            this.runTime()
+          } else {
+            this.$toast('推荐码不正确,请与案场人员核对')
+            return
+          }
+        }).catch((err) => {
+          return
+        })
+      } else {
+        this.getCaptcha(this.postData.phone)
+        this.seconds = 60
+        this.runTime()
+      }
     },
     runTime () {
       setTimeout(() => {
@@ -171,7 +187,7 @@ export default {
       }, 1000)
     },
     submit () {
-      if (!canSubmit){
+      if (!canSubmit) {
         return
       }
       canSubmit = false

src/pages/user/bindMobile/page.scss

@@ -27,7 +27,7 @@
     }
     .box{
       width: 3.25rem;
-      height: 3.34rem;
+      height: 3.5rem;
       background:rgba(255,255,255,1);
       border-radius:8px;
       padding: .2rem;
@@ -36,7 +36,6 @@
         font-size: .16rem;
         font-weight: bold;
         text-align: center;
-        padding-bottom: .24rem;
       }
       .mobile,.sms{
         width: 2.85rem;
@@ -47,6 +46,7 @@
         display: flex;
         align-items: center;
         position: relative;
+        margin-top: .2rem;
         i{
           color: rgba(168,182,200,1);
           padding: .14rem;
@@ -107,7 +107,7 @@
         }
       }
       .submit{
-        margin-top: .24rem;
+        margin-top: .2rem;
         width: 2.85rem;
         height: .48rem;
         border-radius:25px;

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

@@ -4,7 +4,7 @@
       <topCaseInfo :data="topCaseInfoData" :userName="userInfo.customer.RealName ? userInfo.customer.RealName : userInfo.customer.Name" @selectCase="showVanPicker"></topCaseInfo>
     </div>
     <nav class="flex-h" v-if="userInfo.customer.MapUser !== '' && fromPage === 'sales'">
-      <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>
+      <a class="flex-item" v-for="(item,index) in cutNavList" :key="index" :class="{'active': navActive === index}" @click="cutNav(index)">{{item.value}}</a>
     </nav>
       <div class="content">
         <div>
@@ -93,7 +93,7 @@
                   </van-checkbox>
                   <i class="iconfont icon-sousuo search-icon" @click="searchMask"></i>
                 </div>
-                <customerCard v-for="(item,index) in postCustomerData.isrecommend ? myRecommendUserList : data[3].list" :key="index" :data='item' @record='record'></customerCard>
+                <customerCard v-for="(item,index) in postCustomerData.isrecommend ? myRecommendUserList : data[3].list" :key="index" :data='item' @record='record' @history='history' @remark='remark'></customerCard>
                 <noMore v-if="data[3].hasPic"></noMore>
               </div>
             </li>
@@ -195,6 +195,7 @@ export default {
         caseName: '',
         caseId: '',
         ShowSelect: false,
+        recommendCode: 3066
       },
       caseInfo: {
         value: '',

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

@@ -30,7 +30,8 @@
           <span>卡券</span>
           <span>0张未使用</span>
         </div>
-        <div class="flex-item privilege-item" @click="toVip">
+        <div class="flex-item privilege-item" @click="toVipDetail">
+          <i class="iconfont icon-01" @click.stop="toVip"></i>
           <div class="img-box">
             <img src="../../../../common/icon/userCenter-icon-3.png" width="100%" height="100%" alt="">
           </div>
@@ -101,6 +102,9 @@ export default {
     toVip () {
       this.$router.push({ name: 'vip' })
     },
+    toVipDetail() {
+      this.$router.push({ name: 'vipDetail' })
+    },
     toCard () {
       this.$router.push({ name: 'card' })
     },

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

@@ -84,12 +84,18 @@
   box-shadow:0px 2px 12px 0px rgba(219,219,219,0.5);
   border-radius:8px;
   box-sizing: border-box;
-
   .privilege-item {
     display: flex;
     flex-flow: column nowrap;
     justify-content: center;
     align-items: center;
+    position: relative;
+    .icon-01{
+      position: absolute;
+      top: .05rem;
+      right: .05rem;
+      font-size: .18rem;
+    }
     .img-box {
       width: 0.24rem;
       height: 0.18rem;

src/pages/user/placeOrder/index.vue

@@ -394,10 +394,4 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
 @import 'page.scss';
-</style>
-
-<style>
-.van-dialog__message {
-  text-align: center;
-}
-</style>
+</style>

src/pages/user/placeOrderForCourse/index.vue

@@ -295,10 +295,4 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
 @import 'page.scss';
-</style>
-
-<style lang="scss">
-.van-dialog{
-  width: 60% !important;
-}
-</style>
+</style>

src/pages/user/receive/index.vue

@@ -114,6 +114,11 @@ export default {
           this.sdk(this.data.Share.CouponShareInfo)
         })
       }
+      if (this.$route.query.isAuto === 'auto') {
+        setTimeout(() => {
+          this.receive()
+        }, 1000)
+      }
     },
     receive () {
       if (this.$route.query.type === 'card') {

src/pages/user/router.js

@@ -15,6 +15,7 @@ import userCenter from './mainPage/userCenter/index' // 个人中心
 import bindMobile from './bindMobile/bindMobile' // 绑定手机号
 import lessonOrder from './lessonOrder/index' // 我的订单
 import vip from './vip/index' // vip卡说明
+import vipDetail from './vipDetail/index' // vip卡说明
 import card from './card/index' // 卡
 import coupons from './coupons/index' // 优惠券
 import lessonDetail from './lessonDetail/index' // 课程详情
@@ -24,6 +25,7 @@ import couponsDetail from './couponsDetail/index' // 体验券详情
 import receive from './receive/index' // 领取页面
 import receiveResults from './receiveResults/index' // 领取结果页面
 import receiveChannel from './receiveChannel/index' // 渠道领取页面
+import rush from './rush/index' // 抢购
 
 Vue.use(Router)
 
@@ -98,6 +100,11 @@ const router = new Router({
     name: 'vip',
     component: vip,
     children: []
+  }, { // vip卡详情
+    path: '/vipDetail',
+    name: 'vipDetail',
+    component: vipDetail,
+    children: []
   }, { // 卡
     path: '/card',
     name: 'card',
@@ -151,6 +158,10 @@ const router = new Router({
     path: '/receiveChannelShared/:id/:type/:sharetype',
     name: 'receiveChannel',
     component: receiveChannel
+  }, { // 抢购
+    path: '/rush',
+    name: 'rush',
+    component: rush
   }],
   linkActiveClass: 'active',
 })

src/pages/user/rush/index.vue

@@ -0,0 +1,97 @@
+<template>
+  <div class="mainPage">
+    <div class="top-time" v-if="timeStatus<2">
+      <span v-if="timeStatus === 0">距抢购开始</span>
+      <span v-if="timeStatus === 1">距抢购结束</span>
+      <span class="time">{{day}}</span>
+      <span>天</span>
+      <span class="time">{{hour}}</span>
+      <span>时</span>
+      <span class="time">{{minute}}</span>
+      <span>分</span>
+      <span class="time">{{second}}</span>
+      <span>秒</span>
+    </div>
+    <div class="content">
+      <div class="title">悦见山咖啡抽奖活动</div>
+      <div class="video-or-cover">
+        <video v-if="video" width="100%" height="100%" preload="auto" x5-playsinline="true" controls="controls" :poster="type === 'card' ? data.Images[0].CardImageUrl : data.Images[0].CouponImageUrl">
+          <source :src="data.VideoUrl" type="video/mp4">
+          <source :src="data.VideoUrl" type="video/avi">
+          <source :src="data.VideoUrl" type="video/wma">
+          <source :src="data.VideoUrl" type="video/rmvb">
+          <source :src="data.VideoUrl" type="video/rm">
+        </video>
+        <img v-else src="" width="100%" height="100%">
+      </div>
+      <pre class="rule"></pre>
+      <div class="scope-of-time">
+        <div>活动时间</div>
+        <div></div>
+      </div>
+    </div>
+    <div class="submit">
+      <div :class="{light:timeStatus === 1}">{{btnText[timeStatus]}}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      day: '00',
+      hour: '00',
+      minute: '00',
+      second: '00',
+      hasTime: false,
+      timeStatus: 0, // 0、未开始 1、进行中 2、已结束 3、已抢购
+      btnText: ['立即抢购', '立即抢购', '已结束', '已抢购'],
+      Interval: null
+    }
+  },
+  created () {
+    let start = 1540275765202
+    let end = 1540481765202
+    console.log(this)
+    this.timing(start, end)
+  },
+  computed: {
+
+  },
+  methods: {
+    timing (startTime, endTime) {
+      this.Interval = setInterval(() => {
+        let nowTime = new Date().getTime()
+        if (nowTime > endTime) {
+          clearInterval(this.Interval)
+          this.timeStatus = 2
+          return
+        } else if (nowTime < startTime) {
+          let time = Math.floor((startTime - nowTime) / 1000)
+          this.getTime(time)
+          this.timeStatus = 0
+        } else if (nowTime > startTime && nowTime < endTime) {
+          let time = Math.floor((endTime - nowTime) / 1000)
+          this.getTime(time)
+          this.timeStatus = 1
+        }
+      }, 1000)
+    },
+    getTime (time) {
+      let second = time % 60
+      let minute = ((time % (60 * 60)) - second) / 60
+      let hour = ((time % (60 * 60 * 24)) - (minute * 60) - second) / (60 * 60)
+      let day = Math.floor(time / (60 * 60 * 24))
+      this.second = second < 10 ? '0' + second : second
+      this.minute = minute < 10 ? '0' + minute : minute
+      this.hour = hour < 10 ? '0' + hour : hour
+      this.day = day < 10 ? '0' + day : day
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import 'page.scss';
+</style>

src/pages/user/rush/page.scss

@@ -0,0 +1,82 @@
+.top-time{
+  height: .4rem;
+  width: 100%;
+  background: #fff;
+  box-shadow:0px 0px 14px 0px rgba(199,199,199,0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  span{
+    margin: .02rem;
+    padding: .02rem .05rem;
+    display: block;
+  }
+  .time{
+    background: #69563F;
+    border-radius: 2px;
+    color: #fff;
+  }
+}
+.content{
+  padding: .24rem .2rem .6rem;
+  box-sizing: border-box;
+  .title{
+    text-align: center;
+    font-size: .16rem;
+    color: #9D876D;
+    padding-bottom: .2rem
+  }
+  .video-or-cover{
+    width: 100%;
+    height: 2.22rem;
+    margin-bottom: .1rem;
+  }
+  .rule{
+    padding-bottom: .2rem;
+    white-space:pre-line;
+    text-align: left;
+    line-height: .18rem;
+    color: #585858;
+  }
+  .scope-of-time{
+    div:nth-of-type(1){
+      width: .66rem;
+      height: .26rem;
+      background:rgba(157,135,109,.3);
+      border-radius:.13rem;
+      text-align: center;
+      line-height: .26rem;
+      font-size: .12rem;
+      color: #69563F;
+      margin-bottom: .05rem;
+    }
+    div:nth-of-type(2){
+      color: #585858;
+      font-size: .14rem;
+    }
+  }
+}
+.submit{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  width: 100%;
+  height: .6rem;
+  div{
+    width: 3.35rem;
+    height: .4rem;
+    color: #fff;
+    font-size: .16rem;
+    background: #aaa;
+    text-align: center;
+    line-height: .4rem;
+    border-radius: .2rem;
+  }
+  .light{
+    background: #9D876D;
+  }
+}

src/pages/user/vipDetail/index.vue

@@ -0,0 +1,84 @@
+<template>
+  <div class="mainPage">
+    <swiper :options="swiperOption" ref="mySwiper" class="inner">
+      <swiper-slide class="swiper-slide" v-for="(item,index) in detail" :key="index">
+        <div class="vip-box">
+          <div class="vip-header">
+            <img :src='vipBg' width="100%" height="100%">
+            <div>
+              <span class="balance">￥ <span>{{item.Balance}}</span></span>
+              <span class="date">vip有效日期：{{toolClass.dateFormat(item.BeginDate, 'yyyy-MM-dd')}} ~ {{toolClass.dateFormat(item.BeginDate, 'yyyy-MM-dd')}}</span>
+            </div>
+          </div>
+          <div class="vip-detail-list">
+            <div class="title">账单明细</div>
+            <div class="list-box">
+              <div class="list" v-for="(items,indexs) in item.Changes" :key="indexs">
+                <span>{{items.ChangeSource === 'recharge' ? '充值' : items.SourceName}}</span>
+                <span>{{items.FloatType}}{{items.Amount}}</span>
+                <span class="date">{{toolClass.dateFormat(items.CreateDate)}}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </swiper-slide>
+    </swiper>
+    <div class="swiper-pagination"></div>
+  </div>
+</template>
+
+<script>
+import vipBg from '../../../common/icon/vipBg.jpg'
+import { swiper, swiperSlide } from 'vue-awesome-swiper'
+import 'swiper/dist/css/swiper.css'
+import { createNamespacedHelpers } from 'vuex'
+const { mapState: mapVipState, mapActions: mapVipActions } = createNamespacedHelpers('vip')
+export default {
+  data () {
+    return {
+      vipBg,
+      swiperOption: {
+        observer: true,
+        pagination: {
+          el: '.swiper-pagination',
+          type: 'bullets',
+          //type: 'fraction',
+          //type : 'progressbar',
+          //type : 'custom',
+          clickable: true, //此参数设置为true时，点击分页器的指示点分页器会控制Swiper切换。
+        },
+      }
+    }
+  },
+  components: {
+    swiper,
+    swiperSlide,
+  },
+  created () {
+    this.getVipDetail().then((res) => {
+      console.log(this.detail)
+    })
+  },
+  computed: {
+    MySwiper () {
+      return this.$refs.mySwiper.swiper
+    },
+    ...mapVipState({
+      detail: item => item.vipDetails
+    })
+  },
+  methods: {
+    ...mapVipActions(['getVipDetail'])
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import 'page.scss';
+</style>
+
+<style>
+.swiper-pagination > span{
+  margin: 0 0.025rem;
+}
+</style>

src/pages/user/vipDetail/page.scss

@@ -0,0 +1,82 @@
+.inner{
+  height: 100%;
+}
+.vip-box{
+  width: 100%;
+  height: 100%;
+  padding: .25rem .2rem;
+  box-sizing: border-box;
+  display: flex;
+  flex-flow: column nowrap;
+  .vip-header{
+    width: 100%;
+    position: relative;
+    margin-bottom: .4rem;
+    box-shadow: 0 0 .05rem .05rem #eee;
+    border-radius: .1rem;
+    height: 1.8rem;
+    overflow: hidden;
+    img{
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+    div{
+      position: absolute;
+      bottom: .2rem;
+      left: .2rem;
+      width: 80%;
+      display: flex;
+      flex-flow: column nowrap;
+      justify-content: center;
+      align-items: flex-start;
+      .balance{
+        color: #FC6243;
+        padding-bottom: .1rem;
+        font-weight: bold;
+        span{
+          font-size: .24rem;
+          font-weight: bold;
+          color: #FC6243;
+        }
+      }
+      .date{
+        color: #6D6D6D;
+      }
+    }
+  }
+  .vip-detail-list{
+    flex: 1;
+    display: flex;
+    flex-flow: column nowrap;
+    .title{
+      font-size: .16rem;
+      font-weight: bold;
+      padding-bottom: .15rem;
+    }
+    .list-box{
+      flex: 1;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      .list{
+        display: flex;
+        align-items: center;
+        padding: .05rem 0 ;
+        border-bottom: 1px solid rgba(242,242,242,1);
+        span{
+          width: 30%;
+        }
+        .date{
+          color: #999;
+          text-align: right;
+          flex: 1;
+        }
+      }
+    }
+  }
+}
+.swiper-pagination{
+  bottom: .2rem;
+  left: 50%;
+  transform: translateX(-50%);
+}

src/store/index.js

@@ -25,6 +25,7 @@ export const modules = {
   forbid: () => require('./forbid/index').default,
   share: () => require('./share/index').default,
   bodyCheck: () => require('./bodyCheck/index').default,
+  vip: () => require('./vip/index').default,
 }
 
 Object.keys(modules).forEach((modKey) => {

src/store/userCenter/userCenter.js

@@ -239,8 +239,21 @@ export default {
         })
       })
     },
+    recommendCode (context, data) {
+      console.log(data)
+      return new Promise((resolve) => {
+        Ajax({
+          ...api.user.recommendCode, 
+          urlData: { ...data }
+        }).then(res => {
+          resolve(res)
+        }).catch((err) => {
+          reject(err)
+        })
+      })
+    },
     submitData (context, data) {
-      return new Promise((resolve,reject) => {
+      return new Promise((resolve, reject) => {
         http.submitData(data).then((res) => {
           resolve(res)
         }).catch(() => {

src/store/vip/index.js

@@ -0,0 +1,30 @@
+import Ajax from '../../util/ajax'
+import api from '../../util/api'
+
+// 请求数据
+export default {
+  namespaced: true,
+  state: {
+    vipDetails: []
+  },
+  mutations: {
+    setVip (state, data) {
+      state.vipDetails = data || []
+    }
+  },
+  actions: {
+    getVipDetail (context) {
+      console.log(context)
+      return new Promise((resolve, reject) => {
+        Ajax({
+          ...api.user.getVip
+        }).then(res => {
+          context.commit('setVip', res)
+          resolve(res)
+        }).catch((err) => {
+          reject(err)
+        })
+      })
+    }
+  }
+}

src/util/api.js

@@ -105,6 +105,10 @@ const $api = {
       method: 'get',
       url: `${baseUrl}${guest}/captcha`
     },
+    recommendCode: { // 验证推荐码
+      method: 'get',
+      url: `${baseUrl}${guest}/customerremark/:recommendCode`
+    },
     getCaseList: { // 获取案场信息
       method: 'get',
       url: `${baseUrl}${guest}/case`
@@ -132,6 +136,10 @@ const $api = {
     getNum: { // 获取卡券数
       method: 'get',
       url: `${baseUrl}${wechat}/customer/info`
+    },
+    getVip: { // vip卡详情
+      method: 'get',
+      url: `${baseUrl}${wechat}/vip`
     }
   },
   director: {