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

components/status-nav.vue

@@ -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>

pages.json

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

pagesB/customDetail/customDetail.vue

@@ -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>

pagesB/customerList/customerList.vue

@@ -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=='修改'){

pagesB/problemList/problemList.vue

@@ -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(){
+				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();
+						}
+					})
+				} else {
+					this.$toolAll.tools.showToast('暂无筛选项')
+				}
+			},
+			// 病种列表事件
+			cateListEv(){
 				this.$requst.get('archives/disease').then(res=>{
 					if(res.code==0){
-						
-					}
-				})
-				uni.showActionSheet({
-					itemList:['病种','并在2'],
-					success: (res) => {
-						this.category_id = this.categoryIdList[res.tapIndex].id;
-						this.searchEv();
+						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>