<!-- 菜单悬浮的原理: 通过给菜单添加position:sticky实现, 用法超简单, 仅APP端的低端机不兼容 https://caniuse.com/#feat=css-sticky -->
<template>
	<view class="content">
		<!-- 对于mescroll-body: 需设置:sticky="true", 此应避免在mescroll-body标签前面加其他非定位的元素, 否则下拉区域会被挤出, 无法会隐藏.-->
		<!-- 对于mescroll-uni: 则无需设置:sticky="true", 无其他限制和要求 -->

		<!-- sticky吸顶悬浮的菜单, 父元素必须是 mescroll -->
		<view class="jishi-index">
			<view class="ding-view" style="padding-top: 35px;" >
				<view class="u-m-r-10">
					<image :src="avatar" class="head-port"
						@click="goNav('/pages/my/userinfo')"></image>
				</view>
				<view class="u-flex-1" v-if="isLogin && userName">
					<view class="u-font-18">
						<view class="flex align-center" style="margin-top: 8rpx;">
							<view class="margin-left-sm u-font-18" style="color: #ffffff;">{{ userName }}</view>
							<view class="labe zhuangtai" @tap="stateSave">
								<view v-if="isTrue">已上线</view>
								<view v-if="!isTrue">已离线</view>
							</view>
						</view>
						<view class="flex margin-left-sm margin-top-xs"
							style="font-size: 22rpx;font-weight: 500;color: #ffffff;">
							<view v-if="renzheng == 0" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
								暂未实名认证
							</view>
							<view v-if="renzheng == 1" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
								实名审核中
							</view>
							<view v-if="renzheng == 2">
								已实名认证
							</view>
							<view v-if="renzheng == 3" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
								实名已拒绝
							</view>
						</view>

					</view>
				</view>
				<view v-else class="text-xl u-p-l-20 text-bold" @click="goLogin('/pages/public/login')"
					style="color: #ffffff;">
					登录
				</view>
			</view>
			<!-- <view class="flex align-center padding-left bg">
				<image src="../../static/images/data.png" style="width: 26upx;height: 26upx;"></image>
				<view class="margin-left-xs flex align-center" style="color: #999999;">
					<view @click="bindData(1)">{{startTime?startTime:'开始时间'}}</view>
					至
					<view @click="bindData(2)">{{endTime?endTime:'结束时间'}}</view>
				</view>
			</view> -->
			<!-- <me-tabs v-model="tabIndex" nameKey='title' :tabs="tabs" @change="tabChange"></me-tabs> -->
			
		</view>
			<u-tabs :list="tabs" :is-scroll="true" :current="tabIndex" @change="tabChange" active-color="#000000"
				inactive-color="#999999" :customStyle="{ 'background-color': '#050505' }" isShowImg textClass="">
			</u-tabs>
		<mescroll-body :sticky="true" ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
			style="padding: 0 16px;width: 100%;min-height: 100vh; background: #f5f5f5; margin-top: 34px;">
			<!-- 数据列表 -->
			<!-- <view v-if="goods.length > 0" class="margin-sm padding-sm bg radius" v-for="(item,index) in goods"
				:key='index' @click="clickItem(item)"> -->
			<view class="bgwhite radius margin-bottom-sm padding-order " v-for="(item, index) in goods" :key='index' style="position: relative;"
				@click="goNav('/my/order/revenueDetails?ordersId=' + item.ordersId)">
				<view class="flex justify-between padding-sm">
					<view v-if="item.overTimeOrders == 1" style="color: red;font-size: 26rpx">(订单已超时)</view>
					<!-- <view class="text-green" v-if="item.status == 1">待支付</view> -->
					<view class="progress-status" v-if="item.status == 2">待服务</view>
					<view class="progress-status" v-if="item.status == 3">已完成待评价</view>
					<view class="text-green" v-if="item.status == 4" style="color: #999999;">已取消</view>
					<view class="progress-status" v-if="item.status == 5">已完成</view>
					<view class="progress-status" v-if="item.status == 6">服务中</view>
					<view class="progress-status" v-if="item.status == 7">技师出发</view>
					<view class="progress-status" v-if="item.status == 8">技师到达</view>
					<view class="progress-status" v-if="item.status ==9">待确认</view>
					<view class="progress-status" v-if="item.status ==10">待补单</view>
					<!-- <view class="text-green" v-if="item.state ==1 ||item.state ==2">待完成</view>
			
					<view class="text-green" v-if="item.state ==3||item.state ==4">已完成</view> -->

					<view style="color: #333;">预约时间：{{ item.serveTime }}</view>
					<view v-if="item.status == 9&& item.refusalContent" class="judan">
						拒单审核中...
					</view>
				</view>
				<view class="xian"></view>
				 <!-- mescroll-downwarp -->
				<view class=" u-flex padding-sm">
					<view class="u-m-r-10">
						<u-avatar :src="item.massageImg ? item.massageImg : '../../static/logo.png'" mode="square"
							size="100">
						</u-avatar>
					</view>
					<view class="u-flex-1  margin-left-xs">
						<view class="u-font-18  u-line-1 top-title">
							<view class="margin-right-xs order-details ">
								{{ item.title }}
							</view>
						</view>
						<view class="flex-sub">
							<!--<text class="text-df">实收:￥</text>--><text class="text-xl text-bold">￥{{ item.artificerMoneyTotal
								}}</text>
						</view>
						<view class="text-cut" style="color: #999;">{{ item.address }}</view>
					</view>
					
				</view>
				
				<view class="flex u-p-t-20 justify-between align-center padding-sm">
					
					<view class="flex text-right" style="width: 100%;flex-direction: column;">
						<!-- <u-button v-if="item.status == 1" :custom-style="customStyle" shape="circle" :plain="true"
							@click="cancelOrder(item)">取消订单</u-button> -->
						<!-- <u-button v-if="item.status == 1" :custom-style="customStyle1" shape="circle" :plain="true"
							@click="goNav('/my/order/pay?id=' + item.ordersId + '&isTrue=1')">查看详情</u-button> -->		
						<view class="showBtn">
							<!-- <view class="gengduo" @click.stop="gengBtn(index)">更多</view> -->
							<view class="order-status showBtn-view">
								
								<!-- <u-button :custom-style="customStyle" v-if="item.status == 1||item.status == 7||item.status == 8||item.status == 9" shape="circle" :plain="true"
									@click="bindphone(item.phone)">联系客户</u-button> -->
								<u-button :custom-style="customStyle1" shape="circle" :plain="true"
									@click="cxOrder(item)" v-show="item.status == 2">现在出发</u-button>
								<u-button v-if="item.status == 9 && !item.refusalContent&&judanBtnShow=='是'" :custom-style="customStyle1" shape="circle" :plain="true"
									 @click="toggle('bottom',item.ordersId)">拒单申请</u-button>
								<u-button :custom-style="customStyle1" shape="circle" :plain="true"
									@click="cxOrder(item)" v-if="item.status == 7">我已到达</u-button>
								<u-button :custom-style="customStyle1" shape="circle" :plain="true"
									@click="fuwuOrder(item)" v-if="item.status == 8">开始服务</u-button>
								<u-button :custom-style="customStyle1" shape="circle" :plain="true"
									@click="goZhuan(item)" v-if="item.status == 8&&item.isCanSupplement=='1'">转待补单</u-button>
								
								<u-button v-if="item.status == 6" :custom-style="customStyle1" shape="circle" :plain="true"
									@click="cancel(item)">服务完成</u-button>
								<u-button v-if="item.status == 9&& !item.refusalContent" :custom-style="customStyle1" shape="circle" :plain="true"
									@click="nineState(item.ordersId)">确认接单</u-button>
								<u-button :custom-style="customStyle" shape="circle" :plain="true"
									@click="goChat">联系客服</u-button>
							</view>
						</view>
						<view class="hideBtn"  v-if="gengBtnShow==true" :style="gengNum==index?{display:'inline-block'}:{display:'none'}">
							
								
							
								 <!-- refusalContent不等于空并且status == 9 就是拒单审核中 -->
							
						</view>	
						
					</view>
				</view>
				<view class="xian" v-if="item.status == 6"></view>
				<view class="pintuan_syrs flex justify-between" v-if="item.status == 6">
					<view style="font-size: 28rpx;font-family: PingFang SC;font-weight: bold;color: #fe9130;">服务倒计时
					</view>
					<u-count-down :timestamp="item.endOfServiceTimer" separator-color="#20C675" color="#20C675"
						font-size="30" separator-size="30"></u-count-down>
					<!-- 				<uni-countdown ref="countDownEl" :title="'剩余'" :showDay="false" :fontSize="'14'"
						:hour="item.endTime.hour" :minute="item.endTime.minute" :second="item.endTime.second"
						color="#20C675" /> -->
					<!-- <uni-countdown :day="item.endTime.day" :hour="item.endTime.hour" :minute="item.endTime.minute"
						:second="item.endTime.second">
					</uni-countdown> -->
				</view>
			</view>
			<empty v-if="goods.length == 0"></empty>
			<!-- 开始时间 -->
			<u-picker v-model="startshow" mode="time" :params="paramsStart" @confirm="startData"></u-picker>
			<!-- 结束时间 -->
			<u-picker v-model="endshow" mode="time" :params="paramsEnd" @confirm="endData"></u-picker>
		</mescroll-body>
		<view>
			<!-- 普通弹窗 -->
			<uni-popup ref="popup" type="bottom" background-color="#fff">
				<view class="popup-content">
					<!--<view class="popup-head">
						<span></span>
						<span @click="closePopup(type)">x</span>
					</view>-->
					<view class="popup-head">
						<image src="../../static/closeimg.png" class="popup-img" @click="closePopup(type)"></image>
					</view>
					<view class="popup-mian">
						<view class="popup-view">
							<view class="beizhu">
								<view class="popup-title">拒绝申请原因</view>
								<textarea class="beizhu-textarea" @input="refusa" placeholder="拒绝申请原因，请在此输入" name="" id="" cols="30" rows="10"></textarea>
							</view>
						</view>
						<view class="popup-mian-btn">
							<span @click="closePopup(type)">
								取消
							</span>
							<span @click="juJueState()">
								确定
							</span>
						</view>
					</view>
				</view>
			</uni-popup>
		</view>
	</view>
</template>

<script>
	import MescrollMixin from "@/components/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	import mescrollBody from "@/components/mescroll-uni/components/mescroll-body/mescroll-body.vue";
	import meTabs from "@/components/mescroll-uni/me-tabs/me-tabs.vue";
	import empty from '@/components/empty.vue'
	import * as websocketUtils from 'utils/websocketUtils.js';

	export default {
		mixins: [MescrollMixin], // 使用mixin
		components: {
			mescrollBody,
			meTabs,
			empty
		},
		data() {
			return {
				judanBtnShow:'否',
				btnShow:'',
				refusalContent:'',
				type:'center',
				jordersId:'',
				endOfServiceTimer: null,
				goods: [], // 数据列表
				num: 1,
				game: [],
				tabs: [{
					//这四个都支持支持class,style,src,onClick,等html内容
					//选中图片
					activityImageProps: {
						src: '../../static/images/order_01.png',
						style: 'width: 26px;height: 26px;',
					},
					//未选中时的样式
					noactivityImageProps: {
						src: '../../static/images/order_011.png',
						style: 'width: 26px;height: 26px;',
					},
					//选中时的文字
					activityTitleTextProps: {
						class: 'activityTitleTextProps',
					},
					//未选中时的文字
					noactivityTitleTextProps: {
						class: 'noactivityTitleTextProps',
					},
					name: '今日订单',
					status: '1'
				}, {
					activityImageProps: {
						src: '../../static/images/order_02.png',
						style: 'width: 30px;height: 30px;',
					},
					noactivityImageProps: {
						src: '../../static/images/order_022.png',
						style: 'width: 30px;height: 30px;',
					},
					activityTitleTextProps: {
						class: 'activityTitleTextProps',
					},
					noactivityTitleTextProps: {
						class: 'noactivityTitleTextProps',
					},
					name: '待服务',
					status: '2'
				}, {
					activityImageProps: {
						src: '../../static/images/order_03.png',
						style: 'width: 30px;height: 30px;',
					},
					noactivityImageProps: {
						src: '../../static/images/order_033.png',
						style: 'width: 30px;height: 30px;',
					},
					activityTitleTextProps: {
						class: 'activityTitleTextProps',
					},
					noactivityTitleTextProps: {
						class: 'noactivityTitleTextProps',
					},
					name: '已完成',
					status: '3'
				}, {
					activityImageProps: {
						src: '../../static/images/order_04.png',
						style: 'width: 30px;height: 30px;',
					},
					noactivityImageProps: {
						src: '../../static/images/order_044.png',
						style: 'width: 28px;height: 30px;',
					},
					activityTitleTextProps: {
						class: 'activityTitleTextProps',
					},
					noactivityTitleTextProps: {
						class: 'noactivityTitleTextProps',
					},
					name: '历史订单',
					status: '4'
				}],
				tabIndex: 0, // tab下标
				isTrue: true,
				page: 1,
				limit: 10,
				userId: 0,
				status: 1,
				nickName: '',
				customStyle: {
					color: '#999999',
					border: '2rpx solid #999999',
					// backgroundColor: '#1E1F31',
					border: "8rpx",
					width: '180rpx',
					height: '54rpx',
					margin: "0 0 0 20rpx"
				},
				customStyle1: {
					color: '#096f4b',
					border: '2rpx solid #096f4b',
					border: "8rpx",
					width: '180rpx',
					height: '54rpx',
					margin: "0 0 0 20rpx"
				},
				latitude: '',
				longitude: '',
				avatar: '../../static/logo.png',
				isLogin: true,
				userName: '',
				renzheng: 0,
				startshow: false,
				endshow: false,
				paramsStart: {
					year: true,
					month: true,
					day: true,
					hour: false,
					minute: false,
					second: false
				},
				paramsEnd: {
					year: true,
					month: true,
					day: true,
					hour: false,
					minute: false,
					second: false
				},
				startTime: '',
				endTime: '',
				gengBtnShow:false,
				gengBtnHeid:false,
				gengNum:0,
			}
		},
		onLoad() {
			this.$queue.showLoading("加载中...");
			this.userId = uni.getStorageSync('userId')
			this.nickName = uni.getStorageSync('nickName')
			this.judan()
			let that = this;
			uni.getLocation({
				type: 'wgs84',
				success: function(res) {
					console.log('当前位置的经度：' + res.longitude);
					console.log('当前位置的纬度：' + res.latitude);
					that.$queue.setData('longitude', res.longitude);
					that.$queue.setData('latitude', res.latitude);
					that.latitude = res.latitude
					that.longitude = res.longitude
				}
			});
			
		},
		onShow() {
			let that = this;
			this.userId = uni.getStorageSync('userId')
			if (this.userId) {
				this.getArtificer()
				this.isLogin = true
				this.getUserInfo()

			} else {
				this.isLogin = false
				this.userName = ''
				this.browse = 0
				this.fans = 0
				this.follow = 0
				this.visitor = 0
				this.avatar = '../../static/logo.png'
			}
			setTimeout(d => {
				this.mescroll.resetUpScroll()
			}, 1000)
			this.upCallback({
				num: this.num
			});
		},
		watch: {
			isTrue(newValue) {
				if (newValue) {
					this.$queue.showToast('您已上线');
				} else {
					this.$queue.showToast('您已离线');
				}
			},
			isLogin(newValue) {
				if (!newValue) {
					this.goods = [];
				}
			}
		},
		methods: {
			judan(){//是否显示拒单按钮
				var that=this;
				console.log(11111)
				that.$Request.get('/app/common/type/451').then(res => {
					uni.hideLoading();
					if (res.code == 0) {
						that.judanBtnShow=res.data.value
					} else {
						that.$queue.showToast(res.msg);
					}
				})
			},
			goZhuan(item){//转待补单
				var that=this;
				var data={
					ordersId:item.ordersId,
					isAuto:1,
					type:1
				}
				that.$Request.post('/app/artificer/cancelSupplementOrders', data).then(res => {
					uni.hideLoading();
					if (res.code == 0) {
						that.mescroll.resetUpScroll()
						that.$queue.showToast(res.msg);
					} else {
						that.$queue.showToast(res.msg);
					}
				})
			},
			goLogin(e) {//登录
				uni.navigateTo({
					url: e
				})
			},
			fuwuOrder(e) {
				uni.navigateTo({
					url:'/my/order/revenueDetails?ordersId='+e.ordersId
				})
			},
			cxOrder(e) {//开始出发
				let contentName = '确认已经出发了吗？';
				if (e.status == 7) {
					contentName = '确认到达服务地点准备开始服务了吗？';
				}
				let that = this
				uni.showModal({
					title: '提示',
					content: contentName,
					success: function(res) {
						if (res.confirm) {
							let data = {
								ordersId: e.ordersId
							}
							that.$queue.showLoading('提交中...')
							that.$Request.post('/app/artificer/artificerStartOrEndTime', data).then(res => {
								uni.hideLoading();
								if (res.code == 0) {
									that.mescroll.resetUpScroll()
									uni.showToast({
										title:'出发成功！'
									})
								} else {
									that.$queue.showToast(res.msg);
								}
							})
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			gengBtn(index){
				console.log(11)
				this.gengNum=index;
				this.gengBtnShow=!this.gengBtnShow
			},
			goChat() {//联系客服
				let kefu = this.$queue.getData('kefu'); // 用户端联系方式 1 手机号 2企业微信 
				let kefuPhone = this.$queue.getData('kefuPhone');
				if (uni.getStorageSync('token')) {
					if (kefu == 1) {
						uni.makePhoneCall({
							phoneNumber: kefuPhone //仅为示例
						});
					} 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
					}
				} 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('用户点击取消');
							}
						}
					})
				}
			},
			refusa(e){//拒绝接单 原因
				this.refusalContent=e.detail.value
			},
			closePopup(type){//    关闭弹出框
				this.type = type
				this.$refs.popup.close(type);
			},
			toggle(type,ordersId) {// 弹出框
				this.jordersId = ordersId;
				this.type=type;
				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
				this.$refs.popup.open(type)
			},
			juJueState(){
				var that=this
				if(that.refusalContent){
					that.$Request.getT("/app/artificer/jishiJdsq",{
						ordersId:that.jordersId,
						refusalContent:that.refusalContent
					}).then(res => {
						if (res.code == 0) {
							that.$queue.showToast(res.msg);
							this.$refs.popup.close(this.type);
							
						} else {
							that.$queue.showToast(res.msg);
						}
					});
				}else{
					uni.showToast({
						icon:"error",
						title:'请填写拒单原因'
					})
				}
				
			},
			nineState(ordersId){//确认接单
				var that=this;
				that.$Request.getT("/app/artificer/jishiQueren",{
					ordersId:ordersId
				}).then(res => {
					if (res.code == 200) {
						console.log("asdsad")
						uni.showToast({
							title:'已确认接单'
						})
						that.mescroll.resetUpScroll()
					} else {
						that.$queue.showToast(res.msg);
					}
				});
			},
			//获取理疗师的信息
			getArtificer() {
				this.$Request.getT("/app/artificer/selectArtificer").then(res => {
					if (res.code == 0) {
						if (res.data) {
							if (res.data.status == 1) {
								this.isTrue = true
							} else if (res.data.status == 2) {
								this.isTrue = false
							}
						} else {
							this.isTrue = false
						}
						websocketUtils.changeGoLiveFn(this.isTrue);
						uni.setStorageSync('artificerId', res.data?.artificerId)
					}
				});
			},
			stateSave() {
				this.$Request.postT('/app/artificer/updateArtificer').then(res => {
					if (res.code == 0) {
						this.getArtificer();
					} else {
						this.$queue.showToast(res.msg);
					}
				});
			},
			// 拨打电话
			bindphone(phone) {
				let that = this
				uni.showModal({
					title: '提示',
					content: '是否拨打电话',
					success: function(res) {
						if (res.confirm) {
							console.log('用户点击确定', phone);
							uni.makePhoneCall({
								phoneNumber: phone //仅为示例
							});
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			/*下拉刷新的回调 */
			downCallback() {
				// 这里加载你想下拉刷新的数据, 比如刷新轮播数据
				// loadSwiper();
				// 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
				this.mescroll.resetUpScroll()
			},
			timeFormat(param) {
				return param < 10 ? '0' + param : param;
			},
			/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
			upCallback(page) {
				console.log('upCallback-->',page);
				// debugger;
				if (!this.isLogin) {
					uni.hideLoading();
					if (this.mescroll) this.mescroll.endSuccess(); // 隐藏加载状态栏
					return;
				}
				// debugger;

				let curTab = this.tabs[this.tabIndex].status
				this.num = page.num;
				let data = {
					type: curTab,
					page: page.num,
					limit: page.size,
					startTime: this.startTime,
					endTime: this.endTime
				}
				this.$Request.get('/app/artificer/selectTodayOrder', data).then(res => {
					uni.hideLoading();
					this.mescroll.endBySize(res.data.list.length, res.data.totalCount)
					if (page.num == 1) this.goods = []; //如果是第一页需手动制空列表
					this.goods = [...this.goods, ...res.data.list]; //追加新数据

					this.goods.forEach(ret => {
						switch (ret.state) {
							case '1':
								ret.statusName = '今日订单'
								break;
							case '2':
								ret.statusName = '待完成'
								break;
							case '3':
								ret.statusName = '已完成'
								break;
							case '4':
								ret.statusName = '历史订单'
								break;
						}
						if (ret.status == 6 && ret.endTime) {
							let afterTimeStamp = new Date(ret.endTime).getTime() / 1000;
							let currentTimeStamp = new Date().getTime() / 1000;
							let formatTimeStamp = Math.floor(afterTimeStamp - currentTimeStamp);
							ret.endOfServiceTimer = formatTimeStamp;
						}
						if (this.$refs.countDownEl) this.$refs.countDownEl.update();
					})
					this.mescroll.endSuccess(res.data.list.length); // 隐藏加载状态栏

				}).catch(() => {
					//联网失败, 结束加载
					this.mescroll.endErr();
				});
			},
			// 切换菜单
			tabChange(index) {
				this.tabIndex = index
				this.goods = []; // 置空列表,显示加载进度条
				this.mescroll.resetUpScroll()
			},
			// 取消订单
			cancelOrder(e) {
				let that = this
				uni.showModal({
					title: '提示',
					content: '确认取消订单吗？取消订单将会被扣除信用分！',
					success: function(res) {
						if (res.confirm) {
							let data = {
								ordersId: e.ordersId,
							}
							that.$queue.showLoading('提交中...')
							that.$Request.post('/app/artificer/deleteOrders', data).then(res => {
								uni.hideLoading();
								if (res.code == 0) {
									that.mescroll.resetUpScroll()
								} else {
									that.$queue.showToast(res.msg);
								}
							})
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			// 完成订单
			cancel(e) {
				console.log(11)
				let that = this
				uni.navigateTo({
					url:'/my/order/revenueDetails?ordersId='+e.ordersId
				})
				// uni.showModal({
				// 	title: '提示',
				// 	content: '如果服务未完成点击完成订单会遭到平台违规处理，请确认服务是否完毕?',
				// 	success: function(res) {
				// 		if (res.confirm) {
				// 			let data = {
				// 				ordersId: e.ordersId,
				// 				accomplishLongitude: that.longitude,
				// 				accomplishLatitude: that.latitude
				// 			}
				// 			that.$queue.showLoading('提交中...')
				// 			that.$Request.post('/app/artificer/accomplishOrders', data).then(res => {
				// 				uni.hideLoading();
				// 				if (res.code == 0) {
				// 					that.mescroll.resetUpScroll()
				// 					websocketUtils.uploadAudioEnd(); //关闭音频上传
				// 				} else {
				// 					that.$queue.showToast(res.msg);
				// 				}
				// 			})
				// 		} else if (res.cancel) {
				// 			console.log('用户点击取消');
				// 		}
				// 	}
				// });
			},
			//时间弹框开关
			bindData(index) {
				console.log(index, 1111)
				if (index == 1) {
					this.startshow = true
				} else if (index == 2) {
					this.endshow = true

				}
			},
			//开始时间
			startData(e) {
				// console.log(e)
				this.startTime = e.year + ' ' + e.month + '-' + e.day
			},
			// 结束时间
			endData(e) {
				this.endTime = e.year + ' ' + e.month + '-' + e.day
				// console.log(this.endTime)
				this.mescroll.resetUpScroll()
			},
			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('用户点击取消');
							}
						}
					})
				}
			},
			getUserInfo() {
				this.$Request.get("/app/user/selectUserById").then(res => {
					if (res.code == 0) {
						this.userName = res.data.userName
						this.invitationCode = res.data.invitationCode
						this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png'
						this.isAuthentication = res.data.isAuthentication

						// uni.setStorageSync('isAuthentication', res.data.isAuthentication)

						uni.setStorageSync('avatar', res.data.avatar)
						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)
						}

					}
				});
			},
		
		}
	}
</script>

<style lang="scss">
	/deep/.u-size-default{
		margin-top: 5px !important;
	}
	.gengduo{
		font-weight: 400;
		font-size: 25rpx;
		color: #7D7D7D;
	}
	.showBtn-view{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.order-status{
		display: flex;
		flex-direction: row;
	}
	.showBtn{
		justify-content: space-between;
	}
	.hideBtn{
		padding: 5px;
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		position: absolute;
		bottom: 0;
		background-color: #fff;
		margin-bottom: 54px;
		margin-left: 20px;
	}
	.showBtn{
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		
	}
	/deep/.text-xl{
		font-size: 34rpx;
		color: #fe9130;
	}
	.flex-sub{
		width: 95%;
		text-align: left;
		font-size: 28rpx;
		margin-top: 8rpx;
	}
	.top-title{
		width: 95%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.judan{
		color:#096f4b;
	}
	.beizhu-textarea{
		width: 100%;
		height: 199rpx;
		background-color: rgba(226, 226, 226, 0.3);
		border-radius: 14rpx;
		padding: 10px;
	}
	.popup-title{
		font-weight: bold;
		font-size: 29rpx;
		color: #333333;
		margin-bottom: 10px;
	}
	.beizhu{
		width: 100%;
		display: flex;
		margin-top: 20px;
		flex-direction: column;
	}
	.popup-view{
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.popup-mian-btn span:nth-child(1){
		background: linear-gradient(90deg, #FE912E, #FF9970);
	}
	.popup-mian-btn span:nth-child(2){
		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
	}
	.popup-mian-btn span{
		width: 247rpx;
		height: 77rpx;
		line-height: 77rpx;
		text-align: center;
		font-weight: 400;
		font-size: 32rpx;
		color: #FFFEFE;
		border-radius: 39rpx;
	}
	.popup-mian-btn{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-top: 10px;
	}
	
	.popup-mian{
		width: 88%;
		display: flex;
		flex-direction: column;
		margin: 5px auto 0px auto;
	}
	.popup-head span:nth-child(2){
		width: 50rpx;
		height: 50rpx;
	}
	.popup-img{
		width: 55rpx;
		height: 55rpx;
		position: absolute;
		right:22rpx;
	}
	.popup-head{
		width: 100%;
		height: 99.38rpx;
		background-color: rgba(21, 171, 141, 0.09);
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 0 15px;
		position: relative;
	}
	.popup-content{
		width: 100%;
		height: 255px;
		background: #FFFFFF;
		border-top-left-radius: 46rpx;
		border-top-right-radius: 46rpx;
		display: flex;
		flex-direction: column;
	}
	/*
	sticky生效条件：
	1、父元素不能overflow:hidden或者overflow:auto属性。(mescroll-body设置:sticky="true"即可, mescroll-uni本身没有设置overflow)
	2、必须指定top、bottom、left、right4个值之一，否则只会处于相对定位
	3、父元素的高度不能低于sticky元素的高度
	4、sticky元素仅在其父元素内生效,所以父元素必须是 mescroll
	*/

   .ding-view{
	   width: 95%;
	   height: 290rpx;
	   display: flex;
	   flex-direction: row;
	   justify-content: space-between;
	   padding:30rpx;
   }
	.u-tabs {
		padding: 16px;
		width: 90%;
		height: 199rpx;
		// background: #F7F7F7 !important;
		border-radius: 21rpx;
		margin: -126px auto 8px auto;
		position: relative;
	}

	/deep/.u-scroll-view {
		padding: 10px 0px !important;
	}

	/deep/.u-tab-item {
		height: auto !important;
		line-height: normal !important;
		width: 25% !important;
		padding: 0 !important;
	}

	/deep/.u-tab-bar {
		display: none !important;
	}
	.sticky-tabs {
		width: 100%;
		z-index: 990;
		position: f;
		top: var(--window-top);
		// background-color: #fff;
	}

	/deep/.activityTitleTextProps {
		color: #019c88;
		font-size: 14px;
	}

	/deep/.noactivityTitleTextProps {
		color: #666666;
		font-size: 14px;
	}

	// 使用mescroll-uni,则top为0
	.mescroll-uni,
	/deep/.mescroll-uni {
		.sticky-tabs {
			top: 300upx;
		}
	}

	.demo-tip {
		padding: 18upx;
		font-size: 24upx;
		text-align: center;
	}

	/deep/.page-box {
		background: top !important;
	}

	.bg {
		background-image: linear-gradient(to right, #223845, #00a85b);
		padding: 16px 16px 36px 16px;
	}

	.bgwhite {
		background-color: #FFFFFF;
	}

	.xian {
		width: 100%;
		height: 1rpx;
		border: 1rpx solid #f8f8f8;
		margin-bottom: 20rpx;
	}

	.pintuan_syrs {
		color: #999999;
		font-size: 20upx;
		margin: 20rpx 20rpx 0rpx;
		display: flex;
		padding-right: 18upx;
	}

	.labe {
		width: 42px;
		background: #FFE45A;
		border-radius: 15rpx 0rpx 15rpx 0rpx;
		display: inline-flex;
		align-items: center;
		color: #7A3A00;
		font-size: 22rpx;
		font-weight: 400;
		height: 36rpx;
		margin-left: 20rpx;
		justify-content: center;
		text {
			width: 12rpx;
			height: 12rpx;
			background: #20C675;
			border-radius: 50%;
			margin-right: 8rpx;
		}
	}
	.head-port{
		width: 110rpx;
		height: 110rpx;
		border-radius: 50%;
		border: 1px #d6f2ee solid;
	}
	/deep/.radius {
		border-radius: 20rpx;
	}
	.progress-status{
		color: #019c88;
		font-weight: bold;
		font-size: 30rpx;
	}
	.order-details{
		font-size: 32rpx;
		font-weight: bold;
		
	}
	.jishi-index-title{
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-size: 33rpx;
		color: #FFFFFF;
		padding-top: 20px;
	}
	.jishi-index{
		width: 100%;
		height: 230px;
		padding: 0 20px;
		background:url('../../static/index/technician15.png');
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.padding-order{
		padding: 10rpx 20rpx;
		position: relative;
	}
	.text-cut{
		width: 75%;
	}
</style>