sadjv3_user/pages/my/index.vue

<template>
	<view class="content">
		<view class="my-head">
			<view class="my-head-top back-width">
				<view class="u-m-r-10" style="position: relative;">
					<image :src="avatar"
						style="width: 120rpx;height:120rpx;border-radius: 50%; margin-left: 10rpx; border:#fff 1px solid;"
						@click="goNav('/pages/my/userinfo')"></image>
				</view>
				<view class="my-head-top-view" v-if="!isLogin">
					<view class="my-head-top-text">
						<span>{{userName}}</span>
						<view class="my-head-top-id" v-if="isVip=='1'">
							<image v-if="vipNameType=='0'" class="my-head-vip" style="width:120rpx; height: 36rpx;"
								src="../../static/vip/membership5.gif"></image>
							<image v-if="vipNameType=='1'" class="my-head-vip" style="width:120rpx; height: 36rpx;"
								src="../../static/vip/membership6.gif"></image>
							<image v-if="vipNameType=='2'" class="my-head-vip" style="width:120rpx; height: 36rpx;"
								src="../../static/vip/membership7.gif"></image>
							<span>{{vipNameType=='0'?'':vipNameType=='1'?'':''}}</span>
						</view>

					</view>
					<view class="my-head-texa">
						<span>{{phone}}</span>
						<span style="font-size: 30rpx;font-weight: bold; padding: 0 10rpx;">·</span>
						<span>ID:{{invitationCode}}</span>
					</view>
				</view>
				<view v-else class="text-xl" @click="goLogin('/pages/public/login')">
					登录
				</view>
			</view>
			<view class="my-head-mian back-width">
				<view class="my-head-mian-top-view-qian">
					<view style="display: flex;align-items: center;">
						<image class="wallet3" src="../../static/wallet3.png" mode=""></image>我的钱包
					</view>
					<view @click="chonghi('明细')">钱包明细<span class="view-more"></span></view>
				</view>
				<view class="my-head-mian-top">
					<view class="flex money-list">
						<!--<image class="money-img" src="../../static/money2.png" mode="" @click="qidai()"></image>-->
						<view>钱包金额(元)</view>
						<view class="my-head-mian-top-yuE">{{money}}</view>
					</view>

				</view>

				<view class="my-head-mian-top-view">
					<view class="my-head-mian-top-view-chong" @click="chonghi('充值')">充值</view>
					<!--<view class="my-head-mian-top-view-ming" @click="chonghi('明细')">明细</view>-->
				</view>
				<view class="my-head-mian-bottom">
					<view class="my-head-mian-bottom-list" @click="youhui('/my/hongbao/youhuijuan')">
						<image src="../../static/my-yuehui.png" mode=""></image>
						<span class="my-head-mian-bottom-list-text">优惠券</span>
					</view>
					<view class="my-head-mian-bottom-list">
						<image src="../../static/my-juanma.png" mode="" @click="qidai()"></image>
						<span class="my-head-mian-bottom-list-text">券码兑换</span>
					</view>
					<view class="my-head-mian-bottom-list">
						<image src="../../static/my-jifen.png" mode="" @click="qidai()"></image>
						<span class="my-head-mian-bottom-list-text">积分兑换</span>
					</view>
				</view>
			</view>
			<view class="my-head-bottom back-width" @click="goNav('/my/vip/index')">
				<image src="../../static/activate2.png" mode="widthFix" v-if="isVip=='1'"></image>
				<image src="../../static/activate3.png" mode="widthFix" v-else></image>
				<!-- <image src="../../static/servicePackage/member_ba.png" mode="widthFix" v-if="!isVip"></image>
				<image src="../../static/activate2.png" mode="widthFix" v-if="isVip"></image> -->
			</view>
			<!-- <view class="padding-lr margin-lr" style="background-color: #35C495;border-radius: 18rpx;margin-top: 30rpx;"
				v-if="XCXIsSelect != '否' && hyCheck != '否'">
				<view class="flex justify-between align-center" style="height: 140rpx;">
					<view class="flex justify-between align-center" style="">
						<view class="">
							<image src="../../static/images/my/lihe.png" style="width: 70upx;height: 70upx;" mode="">
							</image>
						</view>
						<view class="" style="margin-left: 24rpx;">
							<view v-if="!isVip" class="vipttl" style="color: #fff;">开通会员</view>
							<view v-if="isVip" class="vipttl" style="color: #fff;">会员中心</view>
							<view class="flex-sub text-26" style="color: #e6c485;margin-top: 6rpx;">会员可享贵族福利</view>
						</view>
					</view>
					<view v-if="!isVip" class="btn-bg" @click="goNav('/my/vip/index')"
						style="justify-content: space-between;color: #fff;">立即开通
					</view>
					<view v-if="isVip" class="btn-bg" @click="goNav('/my/vip/index')"
						style="justify-content: space-between;color: #fff;">会员特权
					</view>
				</view>
			</view> -->
		</view>
		<view class="my-serve width">
			<view class="my-serve-title">我的服务</view>
			<view class="my-serve-view">
				<view class="my-serve-list" @click="meServe('服务套餐')">
					<image src="../../static/my-fuwu.png" mode=""></image>
					<span class="my-serve-list-text">服务套餐</span>
				</view>
				<view class="my-serve-list" @click="meServe('项目次卡')">
					<image src="../../static/my-cika.png" mode=""></image>
					<span class="my-serve-list-text">项目次卡</span>
				</view>
				<view class="my-serve-list" @click="meServe('服务疗程')">
					<image src="../../static/my-liaocheng.png" mode=""></image>
					<span class="my-serve-list-text">服务疗程</span>
				</view>
			</view>
			<view class="my-serve-view">
				<view class="my-serve-list" @click="tuangou()">
					<image src="../../static/my-liaocheng2.png" mode=""></image>
					<span class="my-serve-list-text">拼团</span>
				</view>
				<view class="my-serve-list" @click="miaoshao()">
					<image src="../../static/my-liaocheng3.png" mode=""></image>
					<span class="my-serve-list-text">限时秒杀</span>
				</view>
				<view class="my-serve-list" @click="qiye()">
					<image src="../../static/my-liaocheng1.png" mode=""></image>
					<span class="my-serve-list-text">企业预约</span>
				</view>
			</view>
		</view>
		<view class="my-use width">
			<view class="my-use-title">常用功能</view>
			<view class="my-use-view">
				<view class="my-use-list" @click="useToUrl('/my/gird/shoucang')">
					<image style="padding: 3rpx;" src="../../static/my-gong-1.png" mode=""></image>
					<span class="my-use-list-text">我的收藏</span>
				</view>
				<view class="my-use-list" @click="useToUrl('/pages/my/historyMy')">
					<image style="padding: 3rpx;" src="../../static/my-gong-8.png" mode=""></image>
					<span class="my-use-list-text">浏览历史</span>
				</view>
				<view class="my-use-list" @click="useToUrl('/my/address/address')">
					<image style="padding: 3rpx;" src="../../static/my-gong-5.png" mode=""></image>
					<span class="my-use-list-text">地址管理</span>
				</view>
				<view class="my-use-list" @click="useToUrl('/my/setting/index')">
					<image style="padding: 3rpx;" src="../../static/my-gong-7.png" mode=""></image>
					<span class="my-use-list-text">设置中心</span>
				</view>
				<view class="my-use-list" @click="useToUrl('/pages/my/hehuo')">
					<image style="padding: 3rpx;" src="../../static/my-gong-2.png" mode=""></image>
					<span class="my-use-list-text">申请合作技师</span>
				</view>
				<view class="my-use-list" @click="useToUrl('/pages/my/cooperation')">
					<image style="padding: 3rpx;" src="../../static/my-gong-4.png" mode=""></image>
					<span class="my-use-list-text">城市合伙人</span>
				</view>
				<view class="my-use-list" v-if="blIsJjr=='0'" @click="useToUrl('/pages/my/applyBroker/index')">
					<image style="padding: 3rpx;" src="../../static/my-gong-11.png" mode=""></image>
					<span class="my-use-list-text">申请经纪人</span>
				</view>
				<view class="my-use-list" v-if="blIsJjr=='1'" @click="useToUrl('/pages/my/applyBroker/myBroker')">
					<image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image>
					<span class="my-use-list-text">我是经纪人</span>
				</view>
				<view class="my-use-list" v-if="blIsJjr=='0'" @click="useToUrl('/pages/my/applySalesperson/index')">
					<image style="padding: 3rpx;" src="../../static/my-gong-14.png" mode=""></image>
					<span class="my-use-list-text">申请业务员</span>
				</view>
				<view class="my-use-list" v-if="blIsJjr=='1'" @click="useToUrl('/pages/my/applySalesperson/mySalesperson')">
					<image style="padding: 3rpx;" src="../../static/my-gong-13.png" mode=""></image>
					<span class="my-use-list-text">我是业务员</span>
				</view>
				<view class="my-use-list" v-if="blIsFxy=='0'" @click="useToUrl('/pages/my/applyDistributor/index')">
					<image style="padding: 3rpx;" src="../../static/my-gong-15.png" mode=""></image>
					<span class="my-use-list-text">申请分销员</span>
				</view>
				<view class="my-use-list" v-if="blIsFxy=='1'" @click="useToUrl('/pages/my/applyDistributor/myDistributor')">
					<image style="padding: 3rpx;" src="../../static/my-gong-16.png" mode=""></image>
					<span class="my-use-list-text">我是分销员</span>
				</view>
				<view class="my-use-list" @click="useToUrl('/pages/my/myteam')">
					<image style="padding: 3rpx;" src="../../static/my-gong-9.png" mode=""></image>
					<span class="my-use-list-text">我的团队</span>
				</view>
				<view class="my-use-list" @click="useToUrl('/pages/my/fuwuGengduo')">
					<image style="padding: 3rpx;" src="../../static/my-gong-10.png" mode=""></image>
					<span class="my-use-list-text">项目推荐</span>
				</view>
				<view class="my-use-list" @click="useToUrl('/pages/my/invitationUser')">
					<image style="padding: 3rpx;" src="../../static/my-gong-3.png" mode=""></image>
					<span class="my-use-list-text">分享好友</span>
				</view>
				<view class="my-use-list" @click="useToUrl('/my/help/feedbackIndex')">
					<image style="padding: 3rpx;" src="../../static/my-gong-6.png" mode=""></image>
					<span class="my-use-list-text">帮助中心</span>
				</view>
				
			</view>
		</view>
		<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
			<image :src="item.packageImg" mode="" class="item-img"></image>
			<view class="item-view">
				<view class="item-view-title">
					{{item.title}}
				</view>

				<view class="item-view-bottom">
					<view class="item-view-bottom-qian">
						<span>￥</span>
						<span>{{item.price}}</span>
						<span v-if="item.type!='104'&&(item.type=='105'||item.type=='106')">
							/{{item.serviceCount?item.serviceCount:''}}次
						</span>
						<span v-if="item.type=='104'">/套
						</span>
						<span v-if="item.type!='104'" style="font-size: 12px;color: #848484;= -webkit-text-decoration-line: line-through;text-decoration-line: line-through;margin-left: 5px;">
							￥{{item.oldPrice}}
						</span>
						<span v-if="item.type!='104'&&(item.type=='105'||item.type=='106')" style="font-size: 12px;color: #848484;-webkit-text-decoration-line: line-through;text-decoration-line: line-through;margin-left: 5px;">
							/{{item.serviceCount?item.serviceCount:''}}次
						</span>
						<span v-if="item.type=='104'">￥{{item.oldPrice}}/套</span>
					</view>

				</view>
				<view class="shop_label" v-if="item.tagsData!=''">
					<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
				</view>
				<view class="shop_label" v-else>
					<span>助眠解压</span>
				</view>
				<view class="item-view-bottom">
					<view class="item-view-xiangmu">
						<span>已售</span><span>{{item.sales}}</span><!-- | 好评{{item.esteemRate}}% -->
					</view>
					<view class="item-view-bottom-btn">
						查看
					</view>
				</view>
			</view>
		</view>
		<view class="prompt-text">-当你累了 想起盛安到家-</view>
		<view class="kefu" @click="goMsg">
			<image src="../../static/kefu.png" mode=""></image>
			<!--<span>联系客服</span>-->
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				isShop: 0,
				hyCheck: '否',
				tgCheck: '否',
				isAgency: 0,
				avatar: '../../static/logo.png',
				isLogin: true,
				userName: '匿名',
				phone: '18684369159',
				browse: 0, //浏览数
				fans: 0, //粉丝数
				follow: 0, //关注数
				visitor: 0, //访客数
				userId: '',
				isVip: 0,
				invitationCode: '', //邀请码
				money: '0',
				couponnum: '0',
				renzheng: 0,
				XCXIsSelect: '否',
				useList: [],
				token: '',
				vipData: [],
				vipNameType: '',
				dataList: [],
				tagsData: [],
				blIsJjr:'',//1是经纪人 0不是经纪人
				blIsFxy:'',//1是分销员 0不是分销员
			}
		},
		onLoad(e) {
			this.token = uni.getStorageSync('token');
			this.XCXIsSelect = this.$queue.getData("XCXIsSelect");
			if (e.money && e.couponnum) {
				this.money = e.money;
				this.couponnum = e.couponnum;
			}
			this.getDataX()
		},
		onShow() {
			this.hyCheck = this.$queue.getData('hyCheck');
			this.tgCheck = this.$queue.getData('tgCheck');
			this.userId = uni.getStorageSync('userId')
			if (this.userId) {
				this.isLogin = false
				this.getUserInfo()
				this.getAmount()
				this.getIsVip()
			} else {
				this.isShop = 0;
				this.isAgency = 0;
				this.isLogin = true
				this.userName = '匿名'
				this.browse = 0
				this.fans = 0
				this.follow = 0
				this.visitor = 0
				this.avatar = '../../static/logo.png'
				this.isVip = 0
			}
		},
		methods: {
			getUserInfo() {
				this.$Request.get("/app/user/selectUserById").then(res => {
					console.log("res.data--->", res.data);
					if (res.code == 0) {
						this.userName = res.data.userName
						this.phone = res.data.phone;
						this.invitationCode = res.data.invitationCode
						this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png'
						this.isAuthentication = res.data.isAuthentication
						this.isAgency = res.data.isAgency ? res.data.isAgency : 0; //是否是推广员 1是 2否
						this.blIsJjr=res.data.blIsJjr;//经纪人
						this.blIsFxy=res.data.blIsFxy;//分销员
						this.money = res.data.money
						this.couponnum = res.data.member
						
						// uni.setStorageSync('isAuthentication', res.data.isAuthentication)
						this.isShop = res.data.isShop ? res.data.isShop : 0;
						uni.setStorageSync('avatar', res.data.avatar)
						uni.setStorageSync('userName', res.data.userName)
						uni.setStorageSync('invitationCode', res.data.invitationCode)
						uni.setStorageSync('zhiFuBao', res.data.zhiFuBao)
						uni.setStorageSync('zhiFuBaoName', res.data.zhiFuBaoName)
			
						if (res.data.isAuthentication == 0 || res.data.isAuthentication == null) {
							this.renzheng = 0
							uni.setStorageSync("renzheng", this.renzheng)
						} else if (res.data.isAuthentication == 1) {
							this.renzheng = 1
							uni.setStorageSync("renzheng", this.renzheng)
						} else if (res.data.isAuthentication == 2) {
							this.renzheng = 2
							uni.setStorageSync("renzheng", this.renzheng)
						} else if (res.data.isAuthentication == 3) {
							this.renzheng = 3
							uni.setStorageSync("renzheng", this.renzheng)
						} else if (res.data.isAuthentication == 4) {
							this.renzheng = 4
							uni.setStorageSync("renzheng", this.renzheng)
						} else if (res.data.isAuthentication == 5) {
							this.renzheng = 5
							uni.setStorageSync("renzheng", this.renzheng)
						} else if (res.data.isAuthentication == 6) {
							this.renzheng = 6
							uni.setStorageSync("renzheng", this.renzheng)
						}
			
					}
				});
			},
			qiye(){
				uni.navigateTo({
					url:'/pages/shop/qiyeListMy'
				})
			},
			goMsg() { //客服聊天
				let data = {
					userId: uni.getStorageSync('userId'),
					focusedUserId: '0',
					// userName:this.order.userName
				}
				// app/chat/insertChatConversation
				this.$Request.postJson('/app/chat/insertChatConversation', data).then(res => {
					if (res.data) {
						let id = this.ordersId == res.data.userId ? res.data.focusedUserId : this.ordersId
						uni.navigateTo({
							url: '/pages/msg/im?chatConversationId=' + res.data.chatConversationId +
								'&byUserId=' + res.data.userId
						})
					}
				})
			},
			getDataX() {
				this.$Request.get("/app/massage/package/findPackageAndMassagePage", {
					city: '',
					page: 1,
					limit: 30,
				}).then(res => {
					if (res.code == 0) {
						if (res.data) {
							this.dataList = res.data.list || {}; //追加新数据
							for (var i = 0; i < this.dataList.length; i++) {
								this.dataList[i].tagsData = this.dataList[i].labels.split(',');
							}
						}
					}
				});
			},
			qidai() {
				uni.showToast({
					title: '敬请期待！'
				})
			},
			goChat() {
				let kefu = this.$queue.getData('kefu'); // 用户端联系方式 1 手机号 2企业微信
				let kefuPhone = this.$queue.getData('kefuPhone');
				if (kefu == 1) {
					uni.makePhoneCall({
						phoneNumber: kefuPhone //仅为示例
					});
				} else if (kefu == 3) {
					uni.navigateTo({
						url: '/my/setting/customer'
					});
				} else {
					// #ifdef MP-WEIXIN
					let that = this
					try {
						wx.openCustomerServiceChat({
							extInfo: {
								url: that.$queue.getData('kefuUrl')
							},
							corpId: that.$queue.getData('kefuAppId'),
							success(res) {},
							fail(res) {
								console.error(res)
							}
						})
					} catch (error) {
						console.error("catchcatch" + error)
						uni.showToast({
							title: '请更新至微信最新版本'
						});
					}
					// #endif
					// #ifndef MP-WEIXIN
					let url = this.$queue.getData('kefuUrl');
					if (url.indexOf('/pages/') !== -1 || url.indexOf('/my/') !== -1) {
						uni.navigateTo({
							url
						});
					} else {
						//#ifndef H5
						uni.navigateTo({
							url: '/pages/index/webView?url=' + url
						});
						//#endif
						//#ifdef H5
						window.location.href = url;
						//#endif
					}
					// #endif
				}
			},
			//退出登录
			TuiLogin() {
				let that = this
				if (that.userId) {
					uni.showModal({
						title: '提示',
						content: '确定退出登录吗？',
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
								uni.removeStorageSync('userName')
								uni.removeStorageSync('avatar')
								uni.removeStorageSync('userId')
								uni.removeStorageSync('token')
								uni.removeStorageSync('phone')
								uni.removeStorageSync('zhiFuBaoName')
								uni.removeStorageSync('zhiFuBao')
								uni.removeStorageSync('invitationCode')
								uni.removeStorageSync('unionId')
								uni.removeStorageSync('openId')
								uni.removeStorageSync('isVIP')
								uni.showToast({
									title: '退出成功！',
									icon: 'none'
								})
								that.isLogin = true
								that.userName = '匿名'
								that.browse = 0
								that.fans = 0
								that.follow = 0
								that.visitor = 0
								that.isVip = 0
								that.avatar = '../../static/logo.png'
								that.userId = uni.getStorageSync('userId')

							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})
				} else {
					uni.showModal({
						title: '提示',
						content: '您还未登录,请先登录',
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
								uni.navigateTo({
									url: '/pages/public/login'
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})
				}


			},
			//成为按摩师  跳转商户端
			bindFb() {
				if (this.userId) {
					uni.navigateTo({
						url: '/pages/my/hehuo'
					});
				} else {
					uni.showModal({
						title: '提示',
						content: '您还未登录,请先登录',
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
								uni.navigateTo({
									url: '/pages/public/login'
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})
				}
			},
			goNavOrder(index) {
				let token = this.$queue.getData('token');
				if (token) {
					this.$queue.setData('SelectIndex', index);
					uni.switchTab({
						url: '/pages/order/index'
					})
				} else {
					uni.showModal({
						title: '提示',
						content: '您还未登录,请先登录',
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
								uni.navigateTo({
									url: '/pages/public/login'
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})
				}
			},
			goNav(e, name) {
				if (this.userId) {
					uni.navigateTo({
						url: e
					})
				} else {
					uni.showModal({
						title: '提示',
						content: '您还未登录,请先登录',
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
								uni.navigateTo({
									url: '/pages/public/login'
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})
				}
			},
			goLogin(e) {
				uni.navigateTo({
					url: e
				})
			},
			getAmount() {
				this.$Request.get("/app/userBrowse/selectAmount").then(res => {
					if (res.code == 0) {
						this.browse = res.data.browse
						this.fans = res.data.fans
						this.follow = res.data.follow
						this.visitor = res.data.visitor
					}
				});
			},
			

			getIsVip() {
				this.$Request.get("/app/UserVip/selectUserVip").then(res => {
					if (res.code == 0) {
						this.vipNameType = res.data.vipNameType;
						this.isVip = res.data.isVip;
						this.$queue.setData('isVIP', this.isVip)
					}
				});
			},
			chonghi(link) { //我的钱包
				if (this.userId) {
					if (link == '充值') {
						uni.navigateTo({
							url: '/my/wallet/index?text=' + 'my'
						})
					} else {
						uni.navigateTo({
							url: '/my/wallet/mymoneydetail'
						})
					}
				} else {
					uni.showModal({
						title: '提示',
						content: '您还未登录,请先登录',
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
								uni.navigateTo({
									url: '/pages/public/login'
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})
				}
			},
			youhui(link) { //优惠劵，券码兑换，积分兑换 跳页
				if (this.userId) {
					uni.navigateTo({
						url: link
					})
				} else {
					uni.showModal({
						title: '提示',
						content: '您还未登录,请先登录',
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
								uni.navigateTo({
									url: '/pages/public/login'
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})
				}
			},
			useToUrl(link) { //常用功能跳转页面
				// var link = item.link
				if (this.userId) {
					uni.navigateTo({
						url: link
					})
				} else {
					uni.showModal({
						title: '提示',
						content: '您还未登录,请先登录',
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
								uni.navigateTo({
									url: '/pages/public/login'
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})
				}
			},
			tuangou() {
				uni.navigateTo({
					url: '/pages/my/newTeaml?text=' + 'my'
				})
			},
			miaoshao() {
				uni.navigateTo({
					url: '/pages/my/newseckill?text=' + 'my'
				})
			},
			meServe(item) {
				if (this.userId) {
					if (item == "服务套餐") {
						uni.navigateTo({
							url: '/pages/my/servicePackage'
						})
					} else if (item == "项目次卡") {
						uni.navigateTo({
							url: '/pages/my/cika'
						})
					} else if (item == "服务疗程") {
						uni.navigateTo({
							url: '/pages/my/fuwuliaocheng'
						})
					}
				} else {
					uni.showModal({
						title: '提示',
						content: '您还未登录,请先登录',
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
								uni.navigateTo({
									url: '/pages/public/login'
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})
				}
			},
			itemClick(item) {
				let limit = 10;
				let page = 1;
				if(item.type=='104'){
					uni.navigateTo({
						url:'/pages/my/serviceOderDrtail?id='+item.id+'&limit='+limit+'&page='+page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon
					})
				}else if(item.type=='105'){
					uni.navigateTo({
						url:'/pages/my/cikarDrtail?id='+item.id+'&limit='+limit+'&page='+page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon
					})
				}else if(item.type=='106'){
					uni.navigateTo({
						url:'/pages/my/fuwuliaochengDetail?id='+item.id+'&limit='+limit+'&page='+page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon
					})
				}else{
					uni.navigateTo({
						url:'/pages/my/fuwuDateil?id='+item.id+'&limit='+limit+'&page='+page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon
					})
				}
			}
		}
	}
</script>

<style scoped>
	.kefu span {
		font-size: 14px;
		color: #1296db;
	}

	.kefu image {
		width: 50px;
		height: 50px;
	}

	.kefu {
		width: 75px;
		height: 75px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: fixed;
		right: 0;
		bottom: 0;
		margin-bottom: 20%;
		margin-right: -5px;
	}

	.shop_label {
		display: flex;
		flex-wrap: wrap;
		margin-top: 4rpx;
	}

	.shop_label span {
		background: linear-gradient(90deg, #ffefde, #fff7ef);
		height: 34rpx;
		line-height: 34rpx;
		border-radius: 8rpx;
		padding: 0 10rpx;
		font-size: 22rpx;
		margin-right: 8rpx;
		margin-bottom: 8rpx;
		color: #f68607;
	}

	.item-view-xiangmu span:nth-child(2) {
		font-weight: normal;
		color: #333333;
		font-size: 30rpx;
	}

	.item-view-xiangmu span:nth-child(1) {
		font-weight: normal;
		color: #666666;
		margin-right: 5rpx;
		font-size: 30rpx;
	}

	.item-view-xiangmu {
		width: 100%;
		display: flex;
		flex-direction: row;
		font-weight: 400;
		font-size: 25rpx;
		align-items: flex-end;
	}

	.item-view-title {
		font-weight: bold;
		font-size: 32rpx;
		color: #333333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.item-view {
		width: 60%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		justify-content: space-between;
		padding: 6rpx 0;
	}

	.item-img {
		width: 240rpx;
		height: 200rpx;
		border-radius: 14rpx;
		position: relative;
	}

	.item-img img {
		border-radius: 14rpx;
	}

	.img-span {
		padding: 2px 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;
	}

	.item {
		width: 96%;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		background: #FFFFFF;
		border-radius: 21rpx;
		margin-top: 10px;
		align-items: center;
		padding: 12px;
	}

	.item-detail {
		padding: 5rpx 15rpx;
		border-radius: 10rpx;
		font-size: 28rpx;
		color: white;
		background-color: #007AFF;
	}

	.item-line {
		position: absolute;
		bottom: 0rpx;
		left: 0rpx;
		height: 1px;
		width: 100%;
		background-color: #eeeeee;
	}

	.item-view-bottom-btn {
		text-align: center;
		width: 131rpx;
		height: 50rpx;
		line-height: 50rpx;
		background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
		border-radius: 10rpx;
		font-weight: bold;
		font-size: 26rpx;
		color: #FFFFFF;
		margin-top: 8rpx;
	}

	.item-view-bottom-qian span:nth-child(4) {
		font-size: 26rpx;
		color: #848484;
		text-decoration-line: line-through;
		margin-left: 5px;
	}

	.item-view-bottom-qian span:nth-child(3) {
		font-size: 28rpx;
		color: #FF6000;
	}

	.item-view-bottom-qian span:nth-child(2) {
		font-weight: bold;
		font-size: 36.81rpx;
		color: #FF6000;
	}

	.item-view-bottom-qian span:nth-child(1) {
		font-weight: 400;
		font-size: 26rpx;
		color: #FF6000;
	}

	.item-view-bottom-qian {
		margin-top: 2px;
	}

	.item-view-bottom {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.item-view-jianjie {
		font-weight: 400;
		font-size: 24rpx;
		color: #848484;
		margin: 5px 0px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		/* 显示的行数，可以根据需要修改 */
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.item-view-biao {
		padding: 1px 2px;
		border-radius: 6rpx;
	}

	.prompt-text {
		font-size: 21rpx;
		color: #999999;
		height: 170rpx;
		text-align: top;
		text-align: center;
		padding: 20rpx 0;
	}

	.my-use-list-text {
		color: #6C6C6C;
		margin-top: 5px;
		font-size: 14px;
	}

	.my-use-list image {
		width: 76rpx;
		height: 76rpx;
	}

	.my-use {
		background: #FFFFFF;
		border-radius: 21rpx;
		padding: 12px 14px;
		display: flex;
		flex-direction: column;
		margin: 0px auto 12px auto;
	}

	.my-use-view {
		width: 100%;
		margin: 5px auto;
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
	}

	.my-serve-view {
		width:86%;
		margin: 10px auto;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.my-use-list {
		width: 33%;
		margin-top:15px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.my-serve-list {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.my-serve-list image {
		width: 76rpx;
		height: 76rpx;
	}

	.my-serve-list-text {
		color: #6C6C6C;
		margin-top: 5px;
		font-size: 26rpx;
	}

	.my-serve-title,
	.my-use-title {
		width: 95%;
		font-weight: bold;
		font-size: 30rpx;
		color: #333333;
		margin-left: 8px;
		margin-top: 5px;
	}
	.width {
		width: 94%;
	}
	.my-serve {
		background: #FFFFFF;
		border-radius: 21rpx;
		padding: 10px;
		display: flex;
		flex-direction: column;
		margin: 0px auto 8px auto;
	}

	.my-serve,
	.my-serve {
		background: #FFFFFF;
		border-radius: 21rpx;
		padding: 12px 14px;
		display: flex;
		flex-direction: column;
	}

	.my-head-bottom {
		width: 86%;
	}

	.my-head-bottom image {
		width: 100%;
		height: 100%;
	}

	.my-head-mian-bottom-list image {
		width: 80rpx;
		height: 80rpx;
	}

	.my-head-mian-bottom-list-text {
		font-size: 26rpx;
		color: #6C6C6C;
	}

	.my-head-mian-bottom-list {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.my-head-mian-bottom {
		width: 80%;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding-bottom: 30rpx;
		margin-top: 30rpx;
		border-top: 1px #F6F6F6 solid;
		padding-top: 20rpx;
	}

	.money-list {
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 20rpx;
		margin-top: 20rpx;
	}

	.my-head-mian-top-yuE {
		font-size: 60rpx;
		color: #111111;
		margin-top: 6rpx;
		font-weight: bold;
	}

	.my-head-mian-top-view-chong,
	.my-head-mian-top-view-ming {
		width: 136rpx;
		height: 58rpx;
		line-height: 58rpx;
		text-align: center;
		border-radius: 60rpx;
		font-size: 28rpx;
	}

	.my-head-mian-top-view-chong {
		background: linear-gradient(90deg, #1bc8ac, #1bc8ac, #1bc8ac);
		color: #fff;
	}

	.my-head-mian-top-view-ming {
		background: #e6f6f3;
		color: #019c88;
	}

	.my-head-mian-top-view-qian {
		width: 100%;
		color: #2f9e8d;
		background: linear-gradient(90deg, #edfbfb, #effafc);
		margin: 0 auto;
		border-radius: 20rpx 20rpx 0 0;
		height: 76rpx;
		line-height: 74rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 0 20rpx;
		font-size: 26rpx;
	}

	.view-more {
		display: inline-block;
		border-top: 1px solid;
		border-right: 1px solid;
		width: 15rpx;
		height: 15rpx;
		border-color: #019c88;
		transform: rotate(45deg);
		margin-top: 10rpx;
	}

	.wallet3 {
		width: 38rpx;
		height: 34rpx;
	}

	.my-head-mian-top-view {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: 20rpx;
		justify-content: center;
	}

	.my-head-mian-top {
		width: 95%;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding-top: 20rpx;
		text-align: center;
		justify-content: center;
	}

	.my-head-mian {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background: #FFFFFF;
		border-radius: 21rpx;
	}

	.my-head-top-id {
		width: 26%;
		padding: 3rpx 5rpx 6rpx 22rpx;
		text-align: center;
		/*ckground-image: url(../../static/vip/membership5.png);*/
		border-radius: 0 30rpx 30rpx 0;
		color: #fff;
		position: relative;
	}

	.my-head-top-id span:nth-child(1) {
		margin-left: 20rpx;
		font-size: 18rpx;
	}

	.my-head-texa {
		font-size: 26rpx;
		color: #555;
	}

	.my-head-vip {
		width: 28rpx;
		height: 28rpx;
		position: absolute;
		left: -20rpx;
		top: -10rpx
	}

	.my-head-top-text {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		color: #3a3f4f;
		margin-bottom: 8rpx;
	}

	.my-head-top-text span:nth-child(1) {
		font-size: 32rpx;
		font-weight: bold;
	}

	.my-head-top-text span:nth-child(2) {
		font-size: 26rpx;
	}

	.my-head-top-view {
		display: flex;
		flex-direction: column;
		width: 82%;
	}

	.my-head-top image {
		width: 106rpx;
		height: 106rpx;
	}

	.my-head-top {
		width: 100%;
		margin: 20px 0px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.my-head {
		width: 100%;
		/* 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; */
	}

	.content {
		width: 100%;
		height: 100vh;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');
		background-position: center right;
		background-repeat: no-repeat;
		background-size: cover;
		/* background: #f7f7f7; */
		overflow: auto;
		position: relative;
	}

	.div-with-background {

		width: 300px;
		/* 你的容器宽度 */
		height: 200px;
		/* 你的容器高度 */
	}

	.back-width {
		width: 94%;
		display: flex;
		margin: 12px auto;
	}

	.money-img {
		width: 45rpx;
		height: 45rpx;
		margin-bottom: 20rpx;
		margin-right: 8rpx;
	}

	.text-xl {
		width: 100rpx;
		height: 56rpx;
		font-size: 26rpx;
		background: linear-gradient(-90deg, #0CA891, #23BBA2);
		border-radius: 30rpx;
		line-height: 56rpx;
		color: #fff;
		text-align: center;
	}
</style>