新增客户详情、新增病种列表页筛选功能

master
吃肉的饺子 2022-07-24 16:53:11 +08:00
parent 008cfca588
commit 706647cff9
44 changed files with 252 additions and 49 deletions

View File

@ -9,7 +9,9 @@
</view>
<!-- 标题 -->
<!-- <view v-if="statusTitle" :class="statusBack ? 'tcenter' : 'tleft'" class="tab-title" :style="{color:tabcolor}">{{titleVal}}</view> -->
<view v-if="statusTitle" class="tab-title tcenter" :style="{color:tabcolor}">{{titleVal}}</view>
<view v-if="statusTitle" class="tab-title disjcac" :style="{color:tabcolor}">
<view class="clips1" style="max-width: 320rpx;">{{titleVal}}</view>
</view>
<view v-else class="tab-title tcenter" :style="{color:tabcolor}"> </view>
</view>
</view>

View File

@ -289,6 +289,15 @@
"enablePullDownRefresh": false
}
}
,{
"path" : "customDetail/customDetail",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
]
}

View File

@ -0,0 +1,138 @@
<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>

View File

@ -23,7 +23,7 @@
</view>
<!-- 列表 -->
<view v-if="dataList.length!=0" class="dis bacf radius10 pad20 mar-x20 posir" v-for="(item,index) in dataList" :key="index">
<image lazy-load class="mar-y20 flexs" :src="item.imgSrc" style="width: 98rpx;height: 98rpx;" mode="aspectFill"></image>
<image @tap="goDetail(item.id)" lazy-load class="mar-y20 flexs" :src="item.imgSrc" style="width: 98rpx;height: 98rpx;" mode="aspectFill"></image>
<view class="fon24 col3 width100 mar-x40" style="margin-bottom: 120rpx;">
<view class="bold disjbac">
<view class="fon28 clips1">{{item.name}}</view>
@ -170,6 +170,12 @@
}
},
methods: {
//
goDetail(id){
uni.navigateTo({
url:`/pagesB/customDetail/customDetail?id=${id}`
})
},
//
updateName(id,name,index){
if(this.dataList[index].updateText=='修改'){

View File

@ -59,6 +59,9 @@
isZanw:true,
category_id:'',//ID
diseaseText:'',//
sreenList:[],//
sreenIdList:[],//id
parentId:'',//id
}
},
computed: {
@ -96,6 +99,7 @@
onLoad(options) {
this.category_id = options.category_id;//id
this.titleStr = options.title;//
this.cateListEv();
if(uni.getStorageSync('phone_active')!=0 && uni.getStorageSync('is_active')!=0){
this.searchEv()
}
@ -103,16 +107,36 @@
methods: {
//
clickEv(){
this.$requst.get('archives/disease').then(res=>{
if(res.code==0){
if(this.sreenList.length){
uni.showActionSheet({
itemList:this.sreenList,
success: (res) => {
this.dataList = [];
this.category_id = this.sreenIdList[res.tapIndex];
this.diseaseText = this.sreenList[res.tapIndex];
this.searchEv();
}
})
uni.showActionSheet({
itemList:['病种','并在2'],
success: (res) => {
this.category_id = this.categoryIdList[res.tapIndex].id;
this.searchEv();
} else {
this.$toolAll.tools.showToast('暂无筛选项')
}
},
//
cateListEv(){
this.$requst.get('archives/disease').then(res=>{
if(res.code==0){
let newList = res.data.filter(item=>item.id==this.category_id);
if(newList.length){
this.parentId = newList[0].id;
if(newList[0].children.length){
newList[0].children.forEach(item=>{
this.sreenList.push(item.name);
this.sreenIdList.push(item.id);
})
this.sreenList.unshift('全部');
this.sreenIdList.unshift('');
}
}
}
})
},
@ -207,5 +231,29 @@
</script>
<style>
.title {
font-size: 14px;
font-weight: bold;
margin: 20px 0 5px 0;
}
.data-pickerview {
height: 400px;
border: 1px #e5e5e5 solid;
}
.popper__arrow {
top: -6px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEEF5;
}
.popper__arrow {
top: -6px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEEF5;
}
</style>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long