139 lines
4.5 KiB
Vue
139 lines
4.5 KiB
Vue
<template>
|
||
<view>
|
||
<!-- 状态栏 -->
|
||
<status-nav :titleVal="title" :statusTitle="true"></status-nav>
|
||
<view :style="{paddingTop: statusHeight+'px'}" class="pad-zy20">
|
||
<view v-if="customObj" class="bacf mar-s20 pad20 radius10">
|
||
<view class="dis">
|
||
<image class="flexs" :src="customObj.headimgurl" mode="aspectFill" lazy-load style="width: 160rpx;height: 160rpx;"></image>
|
||
<view class="mar-z20 line-h50">
|
||
<view class="col9 clips1">真实姓名：<span class="colb">{{customObj.real_name || '-'}}</span></view>
|
||
<view class="col9 clips1">昵称：<span class="colb">{{customObj.nickname}}</span></view>
|
||
<view class="col9">电话：<span class="colb">{{customObj.mobile || '-'}}</span></view>
|
||
<view class="col9">地址：<span class="colb">{{customObj.country||''}}{{customObj.province ||''}}{{customObj.city||''}}{{customObj.county||''}}</span></view>
|
||
</view>
|
||
</view>
|
||
<view class="mar-sx20 bold colb">基本信息：</view>
|
||
<view class="line-h50">
|
||
<view class="dis">
|
||
<view class="col9 flexs">恒美ID：</view>
|
||
<view class="">{{customObj.coding}}</view>
|
||
</view>
|
||
<view class="dis" v-if="customObj.birthday">
|
||
<view class="col9 flexs">生日：</view>
|
||
<view class="">{{customObj.birthday}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">积分：</view>
|
||
<view class="">{{customObj.score}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">孔雀币：</view>
|
||
<view class="">{{customObj.coin}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">累计孔雀币：</view>
|
||
<view class="">{{customObj.coin_total}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">累计消费金额：</view>
|
||
<view class="">{{customObj.total_price}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">累计消费积分：</view>
|
||
<view class="">{{customObj.total_score}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">累计消费孔雀币：</view>
|
||
<view class="">{{customObj.total_coin}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">订单总数：</view>
|
||
<view class="">{{customObj.order_num}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">积分商品订单总数：</view>
|
||
<view class="">{{customObj.order_score_num}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">所属客服：</view>
|
||
<view class="">{{customObj.customer_service}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">来源渠道：</view>
|
||
<view class="">{{customObj.channel_text}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">来源描述：</view>
|
||
<view class="">{{customObj.source_text}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">是否到店：</view>
|
||
<view class="">{{customObj.is_sign?'是':'否'}}</view>
|
||
</view>
|
||
</view>
|
||
<view class="mar-sx20 bold colb">会员信息：</view>
|
||
<view class="line-h50">
|
||
<view class="dis">
|
||
<view class="col9 flexs">会员等级：</view>
|
||
<view class="">{{customObj.level_info.name}}</view>
|
||
</view>
|
||
<view class="dis">
|
||
<view class="col9 flexs">会员值：</view>
|
||
<view class="">{{customObj.level_info.value}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 底部客服 -->
|
||
<public-customer :nbottom="100"></public-customer>
|
||
<!-- 用户信息授权，手机号授权 -->
|
||
<auth-userInfo-mobileInfo></auth-userInfo-mobileInfo>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
imgSrc:'',
|
||
isBtn:false,
|
||
title:'详情',//标题
|
||
customObj:'',
|
||
customId:'',//客户id
|
||
}
|
||
},
|
||
computed:{
|
||
statusHeight() {
|
||
return this.$store.state.statusHeight
|
||
}
|
||
},
|
||
onLoad(op) {
|
||
if(uni.getStorageSync('phone_active')!=0 && uni.getStorageSync('is_active')!=0){
|
||
this.customId = op.id;
|
||
this.checkCustomDetail(op.id);
|
||
}
|
||
},
|
||
onShareAppMessage(e) {
|
||
let shareObj = {
|
||
title: '',
|
||
path: `/pagesB/customDetail/customDetail?invite_code=${uni.getStorageSync('invite_code')}&id=${this.customId}`, // 默认是当前页面，必须是以‘/’开头的完整路径
|
||
};
|
||
return shareObj;
|
||
},
|
||
methods: {
|
||
// 客户详情
|
||
checkCustomDetail(id){
|
||
this.$requst.get('user/customer-detail',{customer_id:id}).then(res=>{
|
||
if(res.code==0){
|
||
this.customObj = res.data;
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
</style>
|