From 230332010660208b856da3bbc8eab2113f6b4a65 Mon Sep 17 00:00:00 2001
From: "1378012178@qq.com" <1378012178@qq.com>
Date: Fri, 14 Feb 2025 16:56:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=9A=E5=8A=A1=E5=91=98-=E6=88=91=E7=9A=84?=
 =?UTF-8?q?=E6=B8=A0=E9=81=93=E5=95=86=EF=BC=9A=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../my/applySalesperson/channelMerchants.vue  | 1777 ++++++++---------
 1 file changed, 872 insertions(+), 905 deletions(-)

diff --git a/pages/my/applySalesperson/channelMerchants.vue b/pages/my/applySalesperson/channelMerchants.vue
index 18a6c7f..8e8528a 100644
--- a/pages/my/applySalesperson/channelMerchants.vue
+++ b/pages/my/applySalesperson/channelMerchants.vue
@@ -1,905 +1,872 @@
-<template>
-	<view class="content">
-		<view class="liebiao">
-			<view v-if="orderList.length" class="flex text-center flex-wrap list-view">
-				<view class="margin-bottom-sm radius touxiang-left">
-					<view class="flex align-center touxiang-left-view" v-for="(item, index) in orderList" :key='index'
-						>
-						<view class="touxiang-left-content">
-							<image class="touxiang-left-content-img" :src="item.avatar ? item.avatar : '../../static/logo.png'"
-								@click.stop="saveImgs(item.avatar)" mode="aspectFill"></image>
-						</view>
-						<view class="list-right">
-							<view class="flex align-center" style="justify-content: start;">
-								<view class="flex align-center list-right-top">
-									<view class="list-right-top-view">
-										<view class="list-right-top-name">
-											{{ item.name?item.name:item.userName }}
-										</view>
-										<view class="keyuyue">
-											{{ item.phone}}
-										</view>
-									</view>
-								</view>
-							</view>
-							<view class="therapist-mian">
-								<view class="therapist-mian-top">
-									<!-- <view class="therap-pin">
-										<span>联系电话</span>
-										<span class="therapist-mian-view-text">
-											{{ item.phone}}
-										</span>
-									</view> -->
-									<view class="therap-pin" >
-										<span>邀请码:</span>
-										<span class="therapist-mian-view-text">
-											{{ item.invitationCode}}
-										</span>
-									</view>
-								</view>
-							</view>
-							<view class="therap-pin2">
-								<view class="" v-for="(qdsCodeItem, qdsCodeIndex) in item.qdsCodeList">
									<view class="" >
										<span>{{ qdsCodeItem.name}}:</span>
										<span class="therapist-mian-view-text">
											{{ qdsCodeItem.rate}}%
										</span>
-									</view>
-									<view class="" >
-										<span>{{ qdsCodeItem.name}}:</span>
-										<span class="therapist-mian-view-text">
-											{{ qdsCodeItem.rate}}%
-										</span>
-									</view>
-									
							</view>
-							</view>
-						</view>
-						<!-- <view class="therapist-mian" v-for="(qdsCodeItem, qdsCodeIndex) in item.qdsCodeList">
-							<view class="therapist-mian-top">
-								<view class="therap-pin" >
-									<span>{{ qdsCodeItem.name}}:</span>
-									<span class="therapist-mian-view-text">
-										{{ qdsCodeItem.rate}}%
-									</span>
-								</view>
-							</view>
-						</view> 
-						<view style="position: absolute;bottom: 0px;left: 0px;">
-							<view class="" v-for="(qdsCodeItem, qdsCodeIndex) in item.qdsCodeList">
-								<view class="">
-									<view class="therap-pin" >
-										<span>{{ qdsCodeItem.name}}:</span>
-										<span class="therapist-mian-view-text">
-											{{ qdsCodeItem.rate}}%
-										</span>
-									</view>
-								</view>
-							</view>
-						</view>-->
-					</view>
-				</view>
-			</view>
-			<empty v-if="orderList.length == 0"></empty>
-		</view>
-		<!-- 经验筛选 -->
-	</view>
-</template>
-<script>
-	import empty from '@/components/empty.vue'
-	export default {
-		components: {
-			empty,
-		},
-		data() {
-			return {
-				orderList: [],
-				page: 1,
-				limit: 10,
-				current: 0,
-				myId: uni.getStorageSync('userId') ? uni.getStorageSync('userId') : '',
-				navName:'',
-			}
-		},
-		onLoad(e) {
-			this.navName=e.navName
-			let that = this
-			that.getlist()
-		},
-		
-		methods: {
-		
-			saveImgss(imgs, index) {
-				let imgArr = imgs
-				// //预览图片
-				uni.previewImage({
-					urls: imgArr,
-					current: imgArr[index]
-				});
-			},
-			saveImgs(imgs) {
-				let imgArr = [];
-				imgArr.push(imgs);
-				// //预览图片
-				uni.previewImage({
-					urls: imgArr,
-					current: 0
-				});
-			},
-			getlist() {
-				let data = {
-					page: this.page,
-					limit: this.limit,
-					// userId:this.$queue.getData('userId')
-					userId:673
-				}
-				this.$Request.get("/app/commission/ywy/queryQds", data).then(res => {
-					console.log(res)
-					res ={
-    "msg": "success",
-    "code": 0,
-    "data": {
-        "totalCount": 2,
-        "pageSize": 10,
-        "totalPage": 1,
-        "currPage": 1,
-        "list": [
-            {
-                "id": 5,
-                "userId": 628,
-                "name": "渠道商1",
-                "phone": "13844885599",
-                "lm": "地推",
-                "avatar": "https://wx.sjajk.com/file/uploadPath/2024/08/30/20240830171934530782.jpeg",
-                "userName": null,
-                "invitationCode": "772992",
-                "remarks": "备注",
-                "status": 1,
-                "opinion": "",
-                "createTime": "2024-11-08 14:04:44",
-                "approveTime": "2025-01-07 15:40:24",
-                "approveUser": 17,
-                "startTime": null,
-                "endTime": null,
-                "page": null,
-                "limit": null,
-                "userPage": null,
-                "userLimit": null,
-                "rate": null,
-                "qdmc": null,
-                "qdsCodeList": [
-                    {
-                        "id": null,
-                        "userId": null,
-                        "name": "酒店",
-                        "code": null,
-                        "lm": null,
-                        "rate": 1,
-                        "cost": null,
-                        "startDate": null,
-                        "endDate": null,
-                        "address": null,
-                        "remarks": null,
-                        "codeImage": null,
-                        "createTime": null,
-                        "qdsName": null,
-                        "avatar": null,
-                        "userName": null,
-                        "phone": null,
-                        "page": null,
-                        "limit": null,
-                        "userPage": null,
-                        "userLimit": null
-                    },
-                    {
-                        "id": null,
-                        "userId": null,
-                        "name": "电梯渠道",
-                        "code": null,
-                        "lm": null,
-                        "rate": 0.2,
-                        "cost": null,
-                        "startDate": null,
-                        "endDate": null,
-                        "address": null,
-                        "remarks": null,
-                        "codeImage": null,
-                        "createTime": null,
-                        "qdsName": null,
-                        "avatar": null,
-                        "userName": null,
-                        "phone": null,
-                        "page": null,
-                        "limit": null,
-                        "userPage": null,
-                        "userLimit": null
-                    }
-                ]
-            }
-        ]
-    }
-}
-					if (res.code == 0) {
-						if (this.page == 1) {
-							this.orderList = res.data.list
-						} else {
-							this.orderList = [...this.orderList, ...res.data.list]
-						}
-					}
-					uni.stopPullDownRefresh();
-					uni.hideLoading();
-				})
-				
-			},
-		},
-		onReachBottom: function() {
-			this.page = this.page + 1;
-			this.getlist()
-		},
-		onPullDownRefresh: function() {
-			this.page = 1;
-			this.getlist()
-		},
-	}
-</script>
-
-<style lang="scss" scoped>
-	/deep/.u-drawer,/deep/.u-mask-show{
-		z-index:11 !important;
-	}
-	/deep/.u-drawer-content-visible{
-		z-index:99 !important;
-	}
-	.item-view-jianjie{
-		font-weight: 400;
-		font-size: 22rpx;
-		color: #848484;
-		margin:5px 0px;
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
-		overflow: hidden;
-		text-overflow: ellipsis;
-		text-align: left;
-	}
-	.touxiang-frame{
-		position: absolute;
-		width: 100rpx;
-		height: 38rpx;
-		left: 44rpx;
-		top:140rpx;
-	}
-	.dituList{
-		width: 85%;
-		height: 173px;
-		display: flex;
-		flex-direction: column;
-		justify-content: space-around;
-	}
-	.liebiao{
-		height: 100vh;
-		margin-top: 20px;
-		display: flex;
-		flex-direction: column;
-	}
-	.content-head{
-		position: fixed;
-		top: 0rpx;
-		z-index: 999;
-		width: 100%;
-		background: #fff;
-		//background-image: url('../../static/topimg.png');
-		// background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');
-		// background-position: center center;
-		// background-repeat: no-repeat;
-		background-size: cover;
-		// overflow: auto;
-	}
-	.therapist-bottom-dingwei-text{
-		font-size: 29rpx;
-		color: #848485;
-	}
-	.therapist-bottom-dingwei{
-		width: 17.36rpx;
-		height: 20.14rpx;
-		margin-right:3px;
-	}
-	.therapist-bottom-img{
-		width: 22.22rpx;
-		height: 22.22rpx;
-		margin-right:3px;
-	}
-	.therapist-mian-bottom-text{
-		font-weight: bold;
-		font-size: 30rpx;
-		color: #222222;
-		white-space: pre-wrap;
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 1;
-		overflow: hidden;
-		width:60px;
-	}
-	.therapist-mian-bottom{
-		width: 100%;
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-		align-items: center;
-		margin: 5px 0px 3px 0px;
-	}
-	.therapist-mian-view-text span{
-		font-weight: 500;
-		font-size: 26rpx;
-		color: #222222;
-	}
-	.therapist-mian-view span{
-		font-weight: 400;
-		font-size: 26rpx;
-		color: #7C8187;
-		margin-right: 10px;
-	}
-	.therapist-mian-view image{
-		width: 28rpx;
-		height: 28rpx;
-		margin-right: 2px;
-	}
-	.therapist-mian-view{
-		display: flex;
-		flex-direction:row;
-		align-items: center;
-	}
-	.therapist-mian-top{
-		width: 100%;
-		display: flex;
-		flex-direction:row;
-	}
-	.therapist-mian{
-		width: 100%;
-		display: flex;
-			}
-	.list-right-top-bottom{
-		width: 100%;
-		text-align: left;
-		font-weight: 400;
-		font-size: 25rpx;
-		color: #333333;
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-	.list-right-top-name{
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		text-align: left;
-		font-weight: bold;
-		font-size: 32rpx;
-		color: #13141A;
-	}
-	.keyuyue{
-		padding: 0rpx 10rpx;
-		height: 44rpx;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		// background: #eefdf8;
-		border-radius:  30rpx 20rpx 20rpx 30rpx ;
-		color:#8d500f;
-		font-size: 24rpx;
-	}
-	.timea-img{
-		background:#2dbe93 url('../../../static/timea.png') 2rpx 1rpx;
-		background-size: 28rpx 28rpx;
-		background-repeat: no-repeat;
-		width: 30rpx;
-		height: 30rpx;
-		border-radius:8rpx;
-		margin-top: 8rpx;
-	}
-	.timea-fu{
-		font-size: 24rpx;
-		color: #2dbe93;
-		line-height: 44rpx;
-		margin-left: 8rpx;
-		margin-right: 5rpx;
-	}
-	.timea-time{
-		font-size: 25rpx;
-		color: #2dbe93;
-		line-height: 44rpx;
-		padding-right: 10rpx;
-	}
-	.keyuyue .keyuyue-btn{
-		width: 50%;
-		height: 100%;
-		font-weight: 400;
-		font-size: 17rpx;
-		text-align: center;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-	}
-	.keyuyue-jinri{
-		border-top-left-radius: 7rpx;
-		border-bottom-left-radius: 7rpx;
-		border-radius: 7rpx;
-		color: #fff;
-		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
-	}
-	.keyuyue-time{
-		border-top-right-radius: 7rpx;
-		border-bottom-right-radius: 7rpx;
-		color: #039E89;
-		background: #EBEBEB;
-	}
-	.list-right-top-view image{
-		width: 168.75rpx;
-		height: 40.97rpx;
-	}
-	.list-right-top-view{
-		width: 100%;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: space-between;
-	}
-	.list-right-top{
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-	.list-right{
-		width: 72%;
-		height: 100%;
-		display: flex;
-		flex-direction: column;
-		justify-content: space-evenly;
-		padding: 16rpx;
-	}
-	.zpmore_view {
-		position: absolute;
-		bottom: -20rpx;
-		left: 14rpx;
-		color: #f9f3d3;
-		background: linear-gradient(to right, #0a0c16, #4d4d53);
-		width: 130upx;
-		text-align: center;
-		border-radius: 30rpx;
-		height: 42rpx;
-		line-height: 42rpx;
-		font-size: 24rpx;
-		margin-left: 10rpx;
-	}
-	.zpmore_view_left{
-		width: 68.75rpx;
-		height: 29.86rpx;
-	}
-	.img-span{
-		padding: 1px 5px;
-		font-weight: 400;
-		font-size: 8px;
-		color: #FFFFFF;
-		background: linear-gradient(-90deg, #FF6F48, #FF9E69);
-		border-radius: 7px 0px 7px 0px;
-		position: absolute;
-		bottom: 0px;
-		right: 0;
-		margin-bottom: 5px;
-		margin-right: 5px;
-	}
-	// .zpmore_view_left image{
-	// 	position: absolute;
-	// 	bottom: 0px;
-	// 	right: 0px;
-	// 	margin: 0px 5px -16px 0px;
-	// 	width: 68.75rpx;
-	// 	height: 29.86rpx;
-	// }
-	.touxiang{
-		width: 202.08rpx;
-		height: 306.94rpx;
-	}
-	.touxiang-left-content{
-		width: 180rpx;
-		//width: 235.08rpx;
-		height: auto;
-		border-radius: 10rpx;
-		position: relative;
-	}
-	.touxiang-left-content-img{
-		width: 150rpx;
-		height: 150rpx;
-		border-radius:120rpx;
-		margin: 14rpx 22rpx;
-	}
-	.touxiang-left-view{
-		width: 100%;
-		height: 126px;
-		border-radius: 18rpx;
-		align-items: flex-start;
-		background: #fff;
-		margin-bottom: 12px;
-		padding-bottom: 10px;
-		justify-content: space-between;
-		padding: 10rpx;
-		align-items: center;
-		position: relative;
-	}
-
-	.touxiang-left{
-		width: 100%;
-		/* padding: 10px; */
-		display: flex;
-		flex-direction: column;
-		// justify-content: space-between;
-		align-items: baseline;
-	}
-	.list-view{
-		// margin-top: 52px;
-		padding: 0 20rpx;
-		height: 100%;
-		justify-content: space-between;
-	}
-
-	/deep/.justify-between{
-		// width: 100px;
-		// height: 32px;
-		line-height: 32px;
-		border-radius: 4px;
-		margin-left: 10px;
-	}
-	.padding-top-sm{
-		width: 95%;
-		margin: 0 auto;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: space-between;
-		}
-	/deep/.page-box{
-		background: none !important;
-	}
-	/deep/.u-action{
-		display: none;
-	}
-	.content{
-		width: 100%;
-		height: 100vh;
-		background-position: center center;
-		background-repeat: no-repeat;
-		background-size: cover;
-		// overflow: auto;
-	}
-	/deep/.u-content{
-		border-radius: 30px !important;
-	}
-	.flex-sub{
-		width: 353rpx;
-		height: 63rpx !important;
-	}
-	.localName{
-		margin-left: 4rpx;
-		font-weight: bold;
-		font-size: 33rpx;
-		color: #333333;
-	}
-	.dingwei-img{
-		width:33.33rpx;
-		height:37.5rpx;
-	}
-	page {
-		background-color: #F7F7F7;
-	}
-
-	.jishi_name {
-		max-width: 80rpx;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		overflow: hidden;
-	}
-
-	.zz_view {
-		color: #333333;
-		font-size: 24rpx;
-		padding: 6rpx 10rpx;
-		border-radius: 10rpx;
-	}
-
-	.zpmore_view {
-		position: absolute;
-		bottom: -20rpx;
-		left: 14rpx;
-		color: #f9f3d3;
-		background: linear-gradient(to right, #0a0c16, #4d4d53);
-		width: 130upx;
-		text-align: center;
-		border-radius: 30rpx;
-		height: 42rpx;
-		line-height: 42rpx;
-		font-size: 24rpx;
-		margin-left: 10rpx;
-	}
-
-	.byy_view {
-		background: #ebebeb;
-		width: 100upx;
-		text-align: center;
-		border-radius: 50rpx;
-		height: 40rpx;
-		line-height: 40rpx;
-		font-size: 24rpx;
-		color: #000000;
-		// border: 3upx solid #999999;
-		margin-top: 6rpx;
-		margin-left: 40rpx;
-	}
-
-	.kfw_view {
-		background: #ffaa00;
-		width: 100upx;
-		text-align: center;
-		border-radius: 50rpx;
-		height: 40rpx;
-		line-height: 40rpx;
-		font-size: 24rpx;
-		color: #FFFFFF;
-		margin-top: 6rpx;
-		margin-left: 40rpx;
-	}
-
-	.kyy_view {
-		background: #096f4b;
-		width: 100upx;
-		text-align: center;
-		border-radius: 50rpx;
-		height: 40rpx;
-		line-height: 40rpx;
-		font-size: 24rpx;
-		color: #FFFFFF;
-		margin-top: 6rpx;
-		margin-left: 40rpx;
-	}
-
-	.bg {
-		background: #FFFFFF;
-	}
-
-	.ytp_view {
-		background: #e3e3e3;
-		width: 400rpx;
-		border-radius: 10rpx;
-		font-size: 28rpx;
-		text-align: center;
-		height: 80rpx;
-		line-height: 80rpx;
-		color: #848484;
-		margin-top: 40rpx;
-	}
-
-	.tp_view {
-		background: #ee6c54;
-		width: 400rpx;
-		border-radius: 10rpx;
-		font-size: 28rpx;
-		text-align: center;
-		height: 80rpx;
-		line-height: 80rpx;
-		color: #FFFFFF;
-		margin-top: 40rpx;
-	}
-
-	.sticky-tabs {
-		z-index: 990;
-		position: sticky;
-		top: var(--window-top);
-		// background-color: #fff;
-	}
-
-	/* // 使用mescroll-uni,则top为0 */
-	.mescroll-uni,
-	/deep/.mescroll-uni {
-		.sticky-tabs {
-			top: 0;
-		}
-	}
-
-	.demo-tip {
-		padding: 18upx;
-		font-size: 24upx;
-		text-align: center;
-	}
-
-	.line_s {
-		display: inline-flex;
-		width: 10rpx;
-		height: 10rpx;
-		background: #1AD566;
-		border-radius: 50%;
-		margin-right: 10rpx;
-	}
-
-	.line_x {
-		display: inline-flex;
-		width: 10rpx;
-		height: 10rpx;
-		background: #000000;
-		border-radius: 50%;
-		margin-right: 10rpx;
-	}
-
-	.box {
-		// border: 3rpx solid #005dff;
-		background: #E8FAE1;
-		color: #096f4b;
-		padding: 5rpx 15rpx;
-		font-size: 26rpx;
-		letter-spacing: 2rpx;
-		border-radius: 8rpx;
-		// margin-top: 10rpx;
-		margin-right: 8upx;
-	}
-
-	.actve {
-		font-size: 30rpx;
-		font-family: PingFang SC;
-		font-weight: 800;
-		color: #20C675;
-	}
-
-	.tabview1 {
-		// width: 686upx;
-		// height: 100upx;
-		background: #FFFFFF;
-		// z-index: 99;
-		// display: flex;
-		// line-height: 100upx;
-
-		.tabview {
-			// width: 686upx;
-			// // height: 100upx;
-			border-radius: 24rpx 24rpx 0 0;
-			// margin-top: -50upx;
-			// z-index: 99;
-			display: flex;
-			line-height: 100upx;
-
-			.tabItem_sel {
-				font-size: 32upx;
-				font-family: PingFang SC;
-				font-weight: 800;
-				color: #ffffff;
-				background: linear-gradient(to right, #223845, #00a85b);
-				flex: 1;
-				text-align: center;
-			}
-
-			.tabItem {
-				font-size: 32upx;
-				font-family: PingFang SC;
-				color: #333333;
-				flex: 1;
-				text-align: center;
-			}
-		}
-
-		.tabsx {
-			width: 686upx;
-			border-radius: 24rpx;
-			padding-bottom: 10rpx;
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			padding: 20rpx 30rpx;
-			font-size: 26rpx;
-
-			.active {
-				color: #20C675;
-				font-size: 30rpx;
-				font-weight: bold;
-			}
-		}
-	}
-
-	.aa {
-		background: linear-gradient(to right, #223845, #00a85b);
-		width: 46px;
-		text-align: center;
-		height: 24px;
-		line-height: 24px;
-		margin-left: 4px;
-		color: #ffffff;
-		box-shadow: 0 0 3px #dddddd;
-		border-radius: 4px;
-	}
-
-	.bb {
-		width: 46px;
-		text-align: center;
-		height: 24px;
-		line-height: 24px;
-		margin-left: 4px;
-		color: #666666;
-		border-radius: 4px;
-		background-color: #f7f7f7;
-	}
-
-	//地图标点样式
-	/deep/.custom-content-marker {
-		width: 70px;
-		height: 70px;
-
-
-		.marker_border {
-			//border: black solid;
-			width: 20px;
-			height: 20px;
-			padding: 5px;
-			background: white;
-			box-shadow: 0px 5px 10px #888888;
-			border-radius: 50%;
-		}
-
-		.marker_foot {
-			// height: 50px;
-			// width: 50px;
-			// background: black;
-			// transform: rotate(45deg);
-			// position: absolute;
-			// top: 50px;
-			// overflow: hidden;
-		}
-	}
-
-	/deep/.custom-content-marker img {
-		width: 100%;
-		height: 100%;
-		border-radius: 50%;
-	}
-	.make-now{
-		background: linear-gradient(90deg, rgb(1, 156, 136), rgb(15, 167, 139), rgb(53, 196, 149));
-		color: rgb(255, 255, 255);
-		width: 200rpx;
-		border-radius: 15px;
-		height: 30px;
-		line-height: 30px;
-		margin-top: 5px;
-	}
-	.therap-pin{
-		display: flex;
-		align-items: flex-end;
-		margin-right: 10rpx;
-		flex-direction: row;
-		align-items: center;
-	}
-	.therap-pin span:nth-child(2){
-		color: #019c88;
-	}
-	.therap-pin span:nth-child(1){
-		color: #666;
-		margin-right: 10rpx;
-	}
-	.terap-button{
-		background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
-		color: #ffffff;
-		width:130rpx;
-		height: 60rpx;
-		border-radius: 10upx;
-		line-height: 58rpx;
-	}
-	.therap-title{
-		width: 100%;
-		display: flex; 
-	}
-	.therap-pin2{
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
-	}
-	.therap-pin2 span:nth-child(2){
-	color: #049E89;;
-	}
-	.therap-pin2 span:nth-child(1){
-	color: #666;
-	}
-	
-</style>
+<template>
+	<view class="content">
+		<view class="liebiao">
+			<view v-if="orderList.length" class="flex text-center flex-wrap list-view">
+				<view class="margin-bottom-sm radius touxiang-left">
+					<view class="flex align-center touxiang-left-view" v-for="(item, index) in orderList" :key='index'>
+						<view class="touxiang-left-content">
+							<image class="touxiang-left-content-img"
+								:src="item.avatar ? item.avatar : '../../static/logo.png'"
+								@click.stop="saveImgs(item.avatar)" mode="aspectFill"></image>
+						</view>
+						<view class="list-right">
+							<view class="flex align-center" style="justify-content: start;">
+								<view class="flex align-center list-right-top">
+									<view class="list-right-top-view">
+										<view class="list-right-top-name">
+											{{ item.name?item.name:item.userName }}
+										</view>
+										
+									</view>
+								</view>
+							</view>
+							<view class="therapist-mian">
+							    <view class="therapist-mian-top" style="display: flex; justify-content: space-between;">
+							        <view class="therap-pin">
+							            <span>邀请码:</span>
+							            <span class="therapist-mian-view-text">{{ item.invitationCode }}</span>
+							        </view>
+							        <view class="keyuyue">
+							            <span style="color: #8d500f; font-size: 24rpx;">
+							                <span style="color: #333;">电话：</span>{{ item.phone }}
+							            </span>
+							        </view>
+							    </view>
+							</view>
+							<view class="therap-pin2">
+							    <view v-for="(qdsCodeItem, qdsCodeIndex) in item.qdsCodeList" :key="qdsCodeIndex"
+							          :class="[qdsCodeIndex % 2 === 0 ? 'left-align' : 'right-align']">
+							        <span>{{ qdsCodeItem.name }}:</span>
+							        <span class="therapist-mian-view-text" style="color: #333;">{{ qdsCodeItem.rate }}%</span>
+							    </view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<empty v-if="orderList.length == 0"></empty>
+		</view>
+		<!-- 经验筛选 -->
+	</view>
+</template>
+<script>
+	import empty from '@/components/empty.vue'
+	export default {
+		components: {
+			empty,
+		},
+		data() {
+			return {
+				orderList: [],
+				page: 1,
+				limit: 10,
+				current: 0,
+				myId: uni.getStorageSync('userId') ? uni.getStorageSync('userId') : '',
+				navName: '',
+			}
+		},
+		onLoad(e) {
+			this.navName = e.navName
+			let that = this
+			that.getlist()
+		},
+
+		methods: {
+
+			saveImgss(imgs, index) {
+				let imgArr = imgs
+				// //预览图片
+				uni.previewImage({
+					urls: imgArr,
+					current: imgArr[index]
+				});
+			},
+			saveImgs(imgs) {
+				let imgArr = [];
+				imgArr.push(imgs);
+				// //预览图片
+				uni.previewImage({
+					urls: imgArr,
+					current: 0
+				});
+			},
+			getlist() {
+				let data = {
+					page: this.page,
+					limit: this.limit,
+					userId:this.$queue.getData('userId')
+				}
+				this.$Request.get("/app/commission/ywy/queryQds", data).then(res => {
+					console.log(res)
+					if (res.code == 0) {
+						if (this.page == 1) {
+							this.orderList = res.data.list
+						} else {
+							this.orderList = [...this.orderList, ...res.data.list]
+						}
+					}
+					uni.stopPullDownRefresh();
+					uni.hideLoading();
+				})
+
+			},
+		},
+		onReachBottom: function() {
+			this.page = this.page + 1;
+			this.getlist()
+		},
+		onPullDownRefresh: function() {
+			this.page = 1;
+			this.getlist()
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	/deep/.u-drawer,
+	/deep/.u-mask-show {
+		z-index: 11 !important;
+	}
+
+	/deep/.u-drawer-content-visible {
+		z-index: 99 !important;
+	}
+
+	.item-view-jianjie {
+		font-weight: 400;
+		font-size: 22rpx;
+		color: #848484;
+		margin: 5px 0px;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2;
+		/* 显示的行数，可以根据需要修改 */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		text-align: left;
+	}
+
+	.touxiang-frame {
+		position: absolute;
+		width: 100rpx;
+		height: 38rpx;
+		left: 44rpx;
+		top: 140rpx;
+	}
+
+	.dituList {
+		width: 85%;
+		height: 173px;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-around;
+	}
+
+	.liebiao {
+		height: 100vh;
+		margin-top: 20px;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.content-head {
+		position: fixed;
+		top: 0rpx;
+		z-index: 999;
+		width: 100%;
+		background: #fff;
+		//background-image: url('../../static/topimg.png');
+		// background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');
+		// background-position: center center;
+		// background-repeat: no-repeat;
+		background-size: cover;
+		// overflow: auto;
+	}
+
+	.therapist-bottom-dingwei-text {
+		font-size: 29rpx;
+		color: #848485;
+	}
+
+	.therapist-bottom-dingwei {
+		width: 17.36rpx;
+		height: 20.14rpx;
+		margin-right: 3px;
+	}
+
+	.therapist-bottom-img {
+		width: 22.22rpx;
+		height: 22.22rpx;
+		margin-right: 3px;
+	}
+
+	.therapist-mian-bottom-text {
+		font-weight: bold;
+		font-size: 30rpx;
+		color: #222222;
+		white-space: pre-wrap;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 1;
+		overflow: hidden;
+		width: 60px;
+	}
+
+	.therapist-mian-bottom {
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		margin: 5px 0px 3px 0px;
+	}
+
+	.therapist-mian-view-text span {
+		font-weight: 500;
+		font-size: 26rpx;
+		color: #222222;
+	}
+
+	.therapist-mian-view span {
+		font-weight: 400;
+		font-size: 26rpx;
+		color: #7C8187;
+		margin-right: 10px;
+	}
+
+	.therapist-mian-view image {
+		width: 28rpx;
+		height: 28rpx;
+		margin-right: 2px;
+	}
+
+	.therapist-mian-view {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.therapist-mian-top {
+	    display: flex; /* 使用Flexbox布局 */
+	    justify-content: space-between; /* 在两端对齐子元素 */
+	}
+
+	.therapist-mian {
+		width: 100%;
+		display: flex;
+	}
+
+	.list-right-top-bottom {
+		width: 100%;
+		text-align: left;
+		font-weight: 400;
+		font-size: 25rpx;
+		color: #333333;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2;
+		/* 显示的行数，可以根据需要修改 */
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.list-right-top-name {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		text-align: left;
+		font-weight: bold;
+		font-size: 32rpx;
+		color: #13141A;
+	}
+
+	.keyuyue {
+	    display: flex;
+	    align-items: center; /* 如果需要垂直居中对齐 */
+		    justify-content: flex-end;
+		    width: 149px;
+	}
+
+	.timea-img {
+		background: #2dbe93 url('../../../static/timea.png') 2rpx 1rpx;
+		background-size: 28rpx 28rpx;
+		background-repeat: no-repeat;
+		width: 30rpx;
+		height: 30rpx;
+		border-radius: 8rpx;
+		margin-top: 8rpx;
+	}
+
+	.timea-fu {
+		font-size: 24rpx;
+		color: #2dbe93;
+		line-height: 44rpx;
+		margin-left: 8rpx;
+		margin-right: 5rpx;
+	}
+
+	.timea-time {
+		font-size: 25rpx;
+		color: #2dbe93;
+		line-height: 44rpx;
+		padding-right: 10rpx;
+	}
+
+	.keyuyue .keyuyue-btn {
+		width: 50%;
+		height: 100%;
+		font-weight: 400;
+		font-size: 17rpx;
+		text-align: center;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.keyuyue-jinri {
+		border-top-left-radius: 7rpx;
+		border-bottom-left-radius: 7rpx;
+		border-radius: 7rpx;
+		color: #fff;
+		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
+	}
+
+	.keyuyue-time {
+		border-top-right-radius: 7rpx;
+		border-bottom-right-radius: 7rpx;
+		color: #039E89;
+		background: #EBEBEB;
+	}
+
+	.list-right-top-view image {
+		width: 168.75rpx;
+		height: 40.97rpx;
+	}
+
+	.list-right-top-view {
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.list-right-top {
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	.list-right {
+		width: 72%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-evenly;
+		padding: 16rpx;
+	}
+
+	.zpmore_view {
+		position: absolute;
+		bottom: -20rpx;
+		left: 14rpx;
+		color: #f9f3d3;
+		background: linear-gradient(to right, #0a0c16, #4d4d53);
+		width: 130upx;
+		text-align: center;
+		border-radius: 30rpx;
+		height: 42rpx;
+		line-height: 42rpx;
+		font-size: 24rpx;
+		margin-left: 10rpx;
+	}
+
+	.zpmore_view_left {
+		width: 68.75rpx;
+		height: 29.86rpx;
+	}
+
+	.img-span {
+		padding: 1px 5px;
+		font-weight: 400;
+		font-size: 8px;
+		color: #FFFFFF;
+		background: linear-gradient(-90deg, #FF6F48, #FF9E69);
+		border-radius: 7px 0px 7px 0px;
+		position: absolute;
+		bottom: 0px;
+		right: 0;
+		margin-bottom: 5px;
+		margin-right: 5px;
+	}
+
+	// .zpmore_view_left image{
+	// 	position: absolute;
+	// 	bottom: 0px;
+	// 	right: 0px;
+	// 	margin: 0px 5px -16px 0px;
+	// 	width: 68.75rpx;
+	// 	height: 29.86rpx;
+	// }
+	.touxiang {
+		width: 202.08rpx;
+		height: 306.94rpx;
+	}
+
+	.touxiang-left-content {
+		width: 180rpx;
+		//width: 235.08rpx;
+		height: auto;
+		border-radius: 10rpx;
+		position: relative;
+	}
+
+	.touxiang-left-content-img {
+		width: 150rpx;
+		height: 150rpx;
+		border-radius: 120rpx;
+		margin: 14rpx 22rpx;
+	}
+
+	.touxiang-left-view {
+		width: 100%;
+		height: 126px;
+		border-radius: 18rpx;
+		align-items: flex-start;
+		background: #fff;
+		margin-bottom: 12px;
+		padding-bottom: 10px;
+		justify-content: space-between;
+		padding: 10rpx;
+		align-items: center;
+		position: relative;
+	}
+
+	.touxiang-left {
+		width: 100%;
+		/* padding: 10px; */
+		display: flex;
+		flex-direction: column;
+		// justify-content: space-between;
+		align-items: baseline;
+	}
+
+	.list-view {
+		// margin-top: 52px;
+		padding: 0 20rpx;
+		height: 100%;
+		justify-content: space-between;
+	}
+
+	/deep/.justify-between {
+		// width: 100px;
+		// height: 32px;
+		line-height: 32px;
+		border-radius: 4px;
+		margin-left: 10px;
+	}
+
+	.padding-top-sm {
+		width: 95%;
+		margin: 0 auto;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	/deep/.page-box {
+		background: none !important;
+	}
+
+	/deep/.u-action {
+		display: none;
+	}
+
+	.content {
+		width: 100%;
+		height: 100vh;
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		// overflow: auto;
+	}
+
+	/deep/.u-content {
+		border-radius: 30px !important;
+	}
+
+	.flex-sub {
+		width: 353rpx;
+		height: 63rpx !important;
+	}
+
+	.localName {
+		margin-left: 4rpx;
+		font-weight: bold;
+		font-size: 33rpx;
+		color: #333333;
+	}
+
+	.dingwei-img {
+		width: 33.33rpx;
+		height: 37.5rpx;
+	}
+
+	page {
+		background-color: #F7F7F7;
+	}
+
+	.jishi_name {
+		max-width: 80rpx;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		overflow: hidden;
+	}
+
+	.zz_view {
+		color: #333333;
+		font-size: 24rpx;
+		padding: 6rpx 10rpx;
+		border-radius: 10rpx;
+	}
+
+	.zpmore_view {
+		position: absolute;
+		bottom: -20rpx;
+		left: 14rpx;
+		color: #f9f3d3;
+		background: linear-gradient(to right, #0a0c16, #4d4d53);
+		width: 130upx;
+		text-align: center;
+		border-radius: 30rpx;
+		height: 42rpx;
+		line-height: 42rpx;
+		font-size: 24rpx;
+		margin-left: 10rpx;
+	}
+
+	.byy_view {
+		background: #ebebeb;
+		width: 100upx;
+		text-align: center;
+		border-radius: 50rpx;
+		height: 40rpx;
+		line-height: 40rpx;
+		font-size: 24rpx;
+		color: #000000;
+		// border: 3upx solid #999999;
+		margin-top: 6rpx;
+		margin-left: 40rpx;
+	}
+
+	.kfw_view {
+		background: #ffaa00;
+		width: 100upx;
+		text-align: center;
+		border-radius: 50rpx;
+		height: 40rpx;
+		line-height: 40rpx;
+		font-size: 24rpx;
+		color: #FFFFFF;
+		margin-top: 6rpx;
+		margin-left: 40rpx;
+	}
+
+	.kyy_view {
+		background: #096f4b;
+		width: 100upx;
+		text-align: center;
+		border-radius: 50rpx;
+		height: 40rpx;
+		line-height: 40rpx;
+		font-size: 24rpx;
+		color: #FFFFFF;
+		margin-top: 6rpx;
+		margin-left: 40rpx;
+	}
+
+	.bg {
+		background: #FFFFFF;
+	}
+
+	.ytp_view {
+		background: #e3e3e3;
+		width: 400rpx;
+		border-radius: 10rpx;
+		font-size: 28rpx;
+		text-align: center;
+		height: 80rpx;
+		line-height: 80rpx;
+		color: #848484;
+		margin-top: 40rpx;
+	}
+
+	.tp_view {
+		background: #ee6c54;
+		width: 400rpx;
+		border-radius: 10rpx;
+		font-size: 28rpx;
+		text-align: center;
+		height: 80rpx;
+		line-height: 80rpx;
+		color: #FFFFFF;
+		margin-top: 40rpx;
+	}
+
+	.sticky-tabs {
+		z-index: 990;
+		position: sticky;
+		top: var(--window-top);
+		// background-color: #fff;
+	}
+
+	/* // 使用mescroll-uni,则top为0 */
+	.mescroll-uni,
+	/deep/.mescroll-uni {
+		.sticky-tabs {
+			top: 0;
+		}
+	}
+
+	.demo-tip {
+		padding: 18upx;
+		font-size: 24upx;
+		text-align: center;
+	}
+
+	.line_s {
+		display: inline-flex;
+		width: 10rpx;
+		height: 10rpx;
+		background: #1AD566;
+		border-radius: 50%;
+		margin-right: 10rpx;
+	}
+
+	.line_x {
+		display: inline-flex;
+		width: 10rpx;
+		height: 10rpx;
+		background: #000000;
+		border-radius: 50%;
+		margin-right: 10rpx;
+	}
+
+	.box {
+		// border: 3rpx solid #005dff;
+		background: #E8FAE1;
+		color: #096f4b;
+		padding: 5rpx 15rpx;
+		font-size: 26rpx;
+		letter-spacing: 2rpx;
+		border-radius: 8rpx;
+		// margin-top: 10rpx;
+		margin-right: 8upx;
+	}
+
+	.actve {
+		font-size: 30rpx;
+		font-family: PingFang SC;
+		font-weight: 800;
+		color: #20C675;
+	}
+
+	.tabview1 {
+		// width: 686upx;
+		// height: 100upx;
+		background: #FFFFFF;
+		// z-index: 99;
+		// display: flex;
+		// line-height: 100upx;
+
+		.tabview {
+			// width: 686upx;
+			// // height: 100upx;
+			border-radius: 24rpx 24rpx 0 0;
+			// margin-top: -50upx;
+			// z-index: 99;
+			display: flex;
+			line-height: 100upx;
+
+			.tabItem_sel {
+				font-size: 32upx;
+				font-family: PingFang SC;
+				font-weight: 800;
+				color: #ffffff;
+				background: linear-gradient(to right, #223845, #00a85b);
+				flex: 1;
+				text-align: center;
+			}
+
+			.tabItem {
+				font-size: 32upx;
+				font-family: PingFang SC;
+				color: #333333;
+				flex: 1;
+				text-align: center;
+			}
+		}
+
+		.tabsx {
+			width: 686upx;
+			border-radius: 24rpx;
+			padding-bottom: 10rpx;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 20rpx 30rpx;
+			font-size: 26rpx;
+
+			.active {
+				color: #20C675;
+				font-size: 30rpx;
+				font-weight: bold;
+			}
+		}
+	}
+
+	.aa {
+		background: linear-gradient(to right, #223845, #00a85b);
+		width: 46px;
+		text-align: center;
+		height: 24px;
+		line-height: 24px;
+		margin-left: 4px;
+		color: #ffffff;
+		box-shadow: 0 0 3px #dddddd;
+		border-radius: 4px;
+	}
+
+	.bb {
+		width: 46px;
+		text-align: center;
+		height: 24px;
+		line-height: 24px;
+		margin-left: 4px;
+		color: #666666;
+		border-radius: 4px;
+		background-color: #f7f7f7;
+	}
+
+	//地图标点样式
+	/deep/.custom-content-marker {
+		width: 70px;
+		height: 70px;
+
+
+		.marker_border {
+			//border: black solid;
+			width: 20px;
+			height: 20px;
+			padding: 5px;
+			background: white;
+			box-shadow: 0px 5px 10px #888888;
+			border-radius: 50%;
+		}
+
+		.marker_foot {
+			// height: 50px;
+			// width: 50px;
+			// background: black;
+			// transform: rotate(45deg);
+			// position: absolute;
+			// top: 50px;
+			// overflow: hidden;
+		}
+	}
+
+	/deep/.custom-content-marker img {
+		width: 100%;
+		height: 100%;
+		border-radius: 50%;
+	}
+
+	.make-now {
+		background: linear-gradient(90deg, rgb(1, 156, 136), rgb(15, 167, 139), rgb(53, 196, 149));
+		color: rgb(255, 255, 255);
+		width: 200rpx;
+		border-radius: 15px;
+		height: 30px;
+		line-height: 30px;
+		margin-top: 5px;
+	}
+
+	
+	.therap-pin {
+	    display: flex;
+	    align-items: center; /* 垂直居中对齐 */
+	    margin-right: 10rpx; /* 根据需要调整间距 */
+	}
+
+	.therap-pin span:nth-child(2) {
+	    color: #019c88;
+	}
+	
+	.therap-pin span:nth-child(1) {
+	    color: #666;
+	    margin-right: 10rpx;
+	}
+
+	.terap-button {
+		background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
+		color: #ffffff;
+		width: 130rpx;
+		height: 60rpx;
+		border-radius: 10upx;
+		line-height: 58rpx;
+	}
+
+	.therap-title {
+		width: 100%;
+		display: flex;
+	}
+
+	.therap-pin2 {
+	    width: 100%;
+	    display: flex;
+	    flex-wrap: wrap;
+	}
+
+	.therap-pin2 span:nth-child(2) {
+		color: #049E89;
+		;
+	}
+
+	.therap-pin2 span:nth-child(1) {
+		color: #666;
+	}
+	
+	.item-left, .item-right {
+	    width: calc(50% - 10px); /* 减去一定的间距，避免完全紧挨着 */
+	    box-sizing: border-box;
+	    margin-bottom: 10px; /* 根据需要调整上下间距 */
+	}
+	
+	.left-align {
+	    flex: 1 1 48%; /* 占据大约一半宽度，留有空间避免换行 */
+	    display: flex;
+	    align-items: center;
+	    justify-content: flex-start;
+	    font-weight: 400;
+	    font-size: 26rpx;
+	    color: #7C8187;
+	    margin-right: 10px; /* 给右侧留出一定间距 */
+	}
+	
+	.right-align {
+	    flex: 1 1 48%;
+	    display: flex;
+	    align-items: center;
+	    justify-content: flex-end;
+	    font-weight: 400;
+	    font-size: 26rpx;
+	    color: #7C8187;
+	    margin-left: auto; /* 将此项推到最右边 */
+	}
+	.phone-text {
+	    color: inherit; /* 使用普通字体颜色 */
+	}
+</style>
\ No newline at end of file