From ccf6a0bc014d86290efffc55cbea9cf3dc860d56 Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Wed, 23 Dec 2020 16:19:23 +0800
Subject: [PATCH] 会员编辑，新增联调
---
hive-app/pages/workbench/customerInfo.vue | 85 ++++++++++++++++++++++++++----------------
1 files changed, 52 insertions(+), 33 deletions(-)
diff --git a/hive-app/pages/workbench/customerInfo.vue b/hive-app/pages/workbench/customerInfo.vue
index 825386c..5a69135 100644
--- a/hive-app/pages/workbench/customerInfo.vue
+++ b/hive-app/pages/workbench/customerInfo.vue
@@ -1,53 +1,68 @@
<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}}</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}}</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}}</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{
+ memberInfo: {},
+ url: './selectProduct/index'
+ }
+ },
+ onLoad(options) {
+ if(options.type==1){
+ this.url = './selectProduct/index';
+ } else {
+ this.url = './selectService';
+ }
+ 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;
+ }
})
}
}
@@ -58,20 +73,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