From b83ba3cc4687f21d744e9866e10e30e91229e8a4 Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Thu, 28 Jan 2021 16:23:30 +0800
Subject: [PATCH] gx
---
hive-app/pages/workbench/customerInfo.vue | 87 ++++++++++++++++++++++++++++---------------
1 files changed, 56 insertions(+), 31 deletions(-)
diff --git a/hive-app/pages/workbench/customerInfo.vue b/hive-app/pages/workbench/customerInfo.vue
index 7077475..f4e6eed 100644
--- a/hive-app/pages/workbench/customerInfo.vue
+++ b/hive-app/pages/workbench/customerInfo.vue
@@ -1,42 +1,42 @@
<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>
- <navigator url="./selectProduct/index">
- <button class="blue-btn btn">下一步</button>
+ <navigator :url="url">
+ <button class="blue-btn sticky-footer">下一步</button>
</navigator>
</view>
</template>
@@ -44,9 +44,30 @@
<script>
export default{
data(){
- return{}
+ return{
+ type: 1,
+ memberInfo: {},
+ url: './selectProduct/index'
+ }
+ },
+ onLoad(options) {
+ this.type = options.type;
+ this.loadMemberInfo(options.id);
},
methods:{
+ 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;
+ }
+ }
+ })
+ }
}
}
</script>
@@ -55,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>
--
Gitblit v1.9.1