hengmei-two/pagesB/customDetail/customDetail.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>