gx

queenwuli

2021-01-28 b83ba3cc4687f21d744e9866e10e30e91229e8a4

 hive-app/pages/workbench/customerInfo.vue

@@ -1,53 +1,71 @@
<template>
   <!-- 客户信息 -->
   <view class="container">
      <view class="flex flex-v align-center">
         <image class="header-img" src="../../static/images/head-img.jpg"></image>
         <text class="font-16 mt-10">李某</text>
      <view class="header">
         <image class="avatar" :src="memberInfo.photo?memberInfo.photo:'../../static/images/default-avatar.png'"></image>
         <text>{{memberInfo.vipName}}</text>
      </view>
      <view class="mt-20">
         <view class="list-row flex justify-between">
      <view>
         <view class="list-row">
            <text class="font-14">手机号码</text>
            <text class="font-14 gray">15569218888</text>
            <text class="font-14 gray">{{memberInfo.phone}}</text>
         </view>
         <view class="list-row flex justify-between">
         <view class="list-row">
            <text class="font-14">会员级别</text>
            <text class="font-14 gray">普通会员</text>
            <text class="font-14 gray">{{memberInfo.vipLevel || '-'}}</text>
         </view>
         <view class="list-row flex justify-between">
            <text class="font-14">卡号</text>
            <text class="font-14 gray">Q232</text>
         <view class="list-row">
            <text class="font-14">会员编号</text>
            <text class="font-14 gray">{{memberInfo.vipNo}}</text>
         </view>
         <view class="list-row flex justify-between">
         <view class="list-row">
            <text class="font-14">总余额</text>
            <text class="font-14 gray">￥2,323</text>
            <text class="font-14 gray">￥{{memberInfo.totalBalance | formatNum}}</text>
         </view>
         <view class="list-row flex justify-between">
         <view class="list-row">
            <text class="font-14">赠送余额</text>
            <text class="font-14 gray">￥1,323</text>
            <text class="font-14 gray">￥{{memberInfo.giftBalance | formatNum}}</text>
         </view>
         <view class="list-row flex justify-between">
         <view class="list-row">
            <text class="font-14">剩余积分</text>
            <text class="font-14 gray">123</text>
            <text class="font-14 gray">{{memberInfo.integral | formatNum}}</text>
         </view>
         <view class="list-row flex justify-between">
         <view class="list-row">
            <text class="font-14">所属门店</text>
            <text class="font-14 gray">东莞店</text>
            <text class="font-14 gray">{{memberInfo.shopName}}</text>
         </view>
      </view>
      <button class="blue-btn btn" @click="linkTo('./selectProduct')">下一步</button>
      <navigator :url="url">
         <button class="blue-btn sticky-footer">下一步</button>
      </navigator>
   </view>
</template>

<script>
   export default{
      data(){
         return{}
         return{
            type: 1,
            memberInfo: {},
            url: './selectProduct/index'
         }
      },
      onLoad(options) {
         this.type = options.type;
         this.loadMemberInfo(options.id);
      },
      methods:{
         linkTo(val){
            uni.navigateTo({
               url:val
         loadMemberInfo(id){
            this.$httpUtils.request('/api/vip/findVipInfoById/'+id).then((res) => {
               if(res.status == 200){
                  this.memberInfo = res.mapInfo.vipInfo;
                  const {vipName} = this.memberInfo;
                  if(this.type==1){
                     this.url = './selectProduct/index?id='+id+'&vipName='+vipName;
                  } else {
                     this.url = './selectService/index?id='+id+'&vipName='+vipName;
                  }
               }
            })
         }
      }
@@ -58,20 +76,24 @@
   .container{
      padding: 0 10px;
   }
   .header-img{
   .header{
      text-align: center;
      padding: 20px 0;
      font-size: 16px;
      color: #333333;
   }
   .avatar{
      width: 60px;
      height: 60px;
      display: block;
      margin: 0 auto 10px;
      border-radius: 50%;
   }
   .list-row{
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #EDEAF4;
      padding: 5px 0;
      margin-top: 10px;
   }
   .btn{
      position: absolute;
      bottom: 10px;
      left: 10px;
      right: 10px;
      padding: 14px 0;
   }
</style>