pet_server/pages/order/order.vue

<template>
	<view class="content" :style="'padding-top:'+ headerHeight+'px'">
		<uHeader ref="toRefresh" :userinfo="userinfo" />
		<view class="menu-top">
			<u-tabs :list="list" name="cate_name" count="cate_count" :is-scroll="false" :current="current" @change="change" bg-color="#F7E8CB" active-color="#E68500"></u-tabs>
			<swiper :interval="3000" :duration="1000" :current="current" class="order-list-box" @change="touchChange">
				<!-- 待接单 -->
				<swiper-item style="height: 100%;">
					<scroll-view :scroll-top="50" scroll-y="true" style=" height:100%;" @scrolltoupper="upper" @scrolltolower="lower">
						<view class="noOrder" v-if="dataA.length < 1">
							暂无订单～～
						</view>
						<view class="card" @click=" isAdmin? info(item) : ''" v-for="(item,index) in dataA" :key="index">
							<view class="row">
								<view style="width:20%;">
									<view :class="item.freight==='fast'?'type_name green':item.freight === 'air'?'type_name blue':'type_name yellow' ">
										{{item.freight === 'fast'?'快 车':item.freight === 'air'?'空 运':'专 车'}}
									</view>
								</view>
								<view class="row" style="width: 60%; justify-content: flex-start; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;">
									<view class="name" style="width:20%;">
										订单号
									</view>
									<view class="text" style="text-indent: 1em;">
										{{item.no}}
									</view>
								</view>
								<view class="type_status">
									抢单中
									<u-icon name="arrow-right"></u-icon>
								</view>
							</view>
							<view class="row center" style="width: 60%;">
								<view class="big-text">
									{{item.from_city}}
								</view>
								<view class="image">
									<image src="https://ldc365.cn/assets/static/1/95.png" style="width: 50rpx;height: 20rpx;"></image>
								</view>
								<view class="big-text">
									{{item.to_city}}
								</view>
							</view>
							<view class="row">
								<view class="row" style="width:100%;">
									<view class="name">
										宠物类别
									</view>
									<view class="text">
										{{item.pet_category}}
									</view>
								</view>
								<!-- <view class="row half" style="width:100%;">
								<view class="name">
									宠具规格
								</view>
								<view class="text">
									{{item.spec}}
								</view>
							</view> -->
							</view>
							<view class="row">
								<view class="row " style="width: 100%;">
									<view class="name">
										宠具规格
									</view>
									<view class="text">
										{{item.spec}}*
										{{item.num}}件
									</view>
								</view>
							</view>
							<view class="row">
								<view class="row " style="width: 100%;">
									<view class="name">
										取宠时间
									</view>
									<view class="text">
										{{item.agree_date}}
										{{item.agree_time}}
									</view>
									<view class="length">{{item.distance}}KM</view>
								</view>
							</view>

							<!--  如果是配送员 接 收 都是接单操作 -->
							<view class="row border" v-if="!isAdmin">
								<view class="btn" @click.stop="getOrder(item.id)">
									立即接单
								</view>
							</view>
							<view class="row border" v-if="isAdmin">
								<view class="row half">
									<view class="name">
										订单金额
									</view>
									<view class="text red">
										¥{{item.real_amount}}
									</view>
								</view>
								<view class="row half make-order">
									<view class="btn" v-if="orderStatus === '手动派单'" @click.stop="doMakeOrder(item)">
										手动派单
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</swiper-item>
				<!-- 进行中 -->
				<swiper-item style="height: 100%;">
					<scroll-view :scroll-top="50" scroll-y="true" style=" height:100%;" @scrolltoupper="upper" @scrolltolower="lower">
						<view class="noOrder" v-if="dataB.length < 1">
							暂无订单～～
						</view>
						<view class="card" @click="info(item)" v-for="(item,index) in dataB" :key="index">
							<view class="row">
								<view style="width:20%;">
									<view :class="item.freight==='fast'?'type_name green':item.freight === 'air'?'type_name blue':'type_name yellow' ">
										{{item.freight === 'fast'?'快 车':item.freight === 'air'?'空 运':'专 车'}}
									</view>
								</view>
								<view class="row" style="width: 60%; justify-content: flex-start; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;">
									<view class="name" style="width:20%;">
										订单号
									</view>
									<view class="text" style="text-indent: 1em;">
										{{item.no}}
									</view>
								</view>
								<view class="type_status">
									{{item.status === 10?'取宠中':item.status === 20?'运输中':item.status === 30?'送宠中':item.status === 40?'待确认':item.status === 70?'退款中':''}}
									<u-icon name="arrow-right"></u-icon>
								</view>
							</view>
							<view class="row center">
								<view class="big-text">
									{{item.from_city}}
								</view>
								<view class="image">
									<image src="https://ldc365.cn/assets/static/1/95.png" style="width: 40rpx;height: 20rpx;"></image>
								</view>
								<view class="big-text">
									{{item.to_city}}
								</view>
							</view>
							<view class="row">
								<view class="row " style="width:100%;">
									<view class="name">
										宠物类别
									</view>
									<view class="text">
										{{item.pet_category}}
									</view>
								</view>
								<!-- <view class="row half" style="width:100%;">
								<view class="name">
									宠具规格
								</view>
								<view class="text">
									{{item.spec}}
								</view>
							</view> -->
							</view>
							<view class="row">
								<view class="row " style="width: 100%;">
									<view class="name">
										宠具规格
									</view>
									<view class="text">
										{{item.spec}}*
										{{item.num}}件
									</view>
								</view>
							</view>
							<view class="row">
								<view class="row " style="width: 100%;">
									<view class="name">
										取宠时间
									</view>
									<view class="text">
										{{item.agree_date}}
										{{item.agree_time}}
									</view>
									<view class="length">{{item.distance}}KM</view>
								</view>
							</view>
							<!-- <view class="row">
							<view class="row half" style="width: 100%;">
								<view class="name">
									订单号
								</view>
								<view class="text">
									{{item.no}}
								</view>
							</view>
						</view> -->
							<!-- 判断位配送员 -->
							<view class="row border" v-if="!isAdmin">
								<!-- 判断已经接单 并且 配送员位取宠人 -->
								<view class="btn" v-if="item.status === 10 && item.current_send_order.type === 1">
									上传取宠视频
								</view>
								<view class="btn" v-if="item.status === 20 && item.current_send_order.type === 1">
									上传运宠视频
								</view>
								<!-- 判断已经接单 并且 配送员位取宠人 -->
								<view class="btn" v-if="item.status === 30 && item.current_send_order.type === 2">
									上传送达视频
								</view>
							</view>
							<!-- <view class="row border" v-if="isAdmin">
								<view class="btn" v-if="item.status === 70">
									同意退款
								</view>
								<view class="btn" v-if="item.status === 70">
									拒绝退款
								</view>
							</view> -->
							<view class="row border" v-if="isAdmin">
								<view class="row half">
									<view class="name">
										订单金额
									</view>
									<view class="text red">
										¥{{item.real_amount}}
									</view>
								</view>
								<view class="row half" style="justify-content: flex-end;">
									<view class="btn" @click.stop="transport(item.id)">运送详情</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</swiper-item>
				<!-- 已完成 -->
				<swiper-item style="height: 100%;">
					<scroll-view :scroll-top="50" scroll-y="true" style=" height:100%;" @scrolltoupper="upper" @scrolltolower="lower">
						<view class="noOrder" v-if="dataC.length < 1">
							暂无订单～～
						</view>
						<view class="card" @click="info(item)" v-for="(item,index) in dataC" :key="index">
							<view class="row">
								<view class="row">
									<view style="width:20%">
										<view :class="item.freight==='fast'?'type_name green':item.freight === 'air'?'type_name blue':'type_name yellow' ">
											{{item.freight === 'fast'?'快 车':item.freight === 'air'?'空 运':'专 车'}}
										</view>
									</view>
									<view class="row" style="width: 60%; justify-content: flex-start; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;">
										<view class="name">
											订单号
										</view>
										<view class="text" style="text-indent: 1em;">
											{{item.no}}
										</view>
									</view>
									<view class="type_status">
										{{item.status === 50?'待结算':item.status === 60?'已结算':item.status === 65?'拒绝结算':''}}
										<u-icon name="arrow-right"></u-icon>
									</view>
								</view>
							</view>
							<view class="row center">
								<view class="big-text">
									{{item.from_city}}
								</view>
								<view class="image">
									<image src="https://ldc365.cn/assets/static/1/95.png" style="width: 50rpx;height: 20rpx;"></image>
								</view>
								<view class="big-text">
									{{item.to_city}}
								</view>
							</view>
							<view class="row">
								<view class="row " style="width:100%;">
									<view class="name">
										宠物类别
									</view>
									<view class="text">
										{{item.pet_category}}
									</view>
								</view>
								<!-- <view class="row half" style="width:100%;">
								<view class="name">
									宠具规格
								</view>
								<view class="text">
									{{item.spec}}
								</view>
							</view> -->
							</view>
							<view class="row">
								<view class="row " style="width: 100%;">
									<view class="name">
										宠具规格
									</view>
									<view class="text">
										{{item.spec}}*
										{{item.num}}件
									</view>
								</view>
							</view>
							<view class="row">
								<view class="row " style="width: 100%;">
									<view class="name">
										取宠时间
									</view>
									<view class="text">
										{{item.agree_date}}
										{{item.agree_time}}
									</view>
									<view class="length">{{item.distance}}KM</view>
								</view>
							</view>
							<!-- <view class="row">
							<view class="row half" style="width: 100%;">
								<view class="name">
									订单号
								</view>
								<view class="text">
									{{item.no}}
								</view>
							</view>
						</view> -->
							<view class="row border" v-if="!isAdmin">
								<view class="btn" @click.stop="settle(item.id)">
									申请结算
								</view>
							</view>
							<view class="row border" v-if="isAdmin && item.status === 55">
								<view class="row half">
									<view class="name">
										订单金额
									</view>
									<view class="text red">
										¥{{item.real_amount}}
									</view>
								</view>
								<view class="row half">
									<view class="btn" @click.stop="refuse(item.id)">
										拒绝
									</view>
									<view class="btn" @click.stop="push(item.id)">
										结算
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</swiper-item>
				<!--  已结算 -->
				<swiper-item style="height: 100%;">
					<scroll-view :scroll-top="50" scroll-y="true" style=" height:100%;" @scrolltoupper="upper" @scrolltolower="lower">
						<view class="noOrder" v-if="dataD.length < 1">
							暂无订单～～
						</view>
						<view class="card" @click="info(item)" v-for="(item,index) in dataD" :key="index">
							<view class="row">
								<view style="width:20%;">
									<view :class="item.freight==='fast'?'type_name green':item.freight === 'air'?'type_name blue':'type_name yellow' ">
										{{item.freight === 'fast'?'快 车':item.freight === 'air'?'空 运':'专 车'}}
									</view>
								</view>
								<view class="row" style="width: 60%; justify-content: flex-start; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;">
									<view class="name" style="width:20%;">
										订单号
									</view>
									<view class="text" style="text-indent: 1em;">
										{{item.no}}
									</view>
								</view>
								<view class="type_status">
									已结算
									<u-icon name="arrow-right"></u-icon>
								</view>
							</view>
							<view class="row center">
								<view class="big-text">
									{{item.from_city}}
								</view>
								<view class="image">
									<image src="https://ldc365.cn/assets/static/1/95.png" style="width: 50rpx;height: 20rpx;"></image>
								</view>
								<view class="big-text">
									{{item.to_city}}
								</view>
							</view>
							<view class="row">
								<view class="row " style="width:100%;">
									<view class="name">
										宠物类别
									</view>
									<view class="text">
										{{item.pet_category}}
									</view>
								</view>
								<!-- <view class="row half" style="width:100%;">
								<view class="name">
									宠具规格
								</view>
								<view class="text">
									{{item.spec}}
								</view>
							</view> -->
							</view>
							<view class="row">
								<view class="row " style="width: 100%;">
									<view class="name">
										宠具规格
									</view>
									<view class="text">
										{{item.spec}}*
										{{item.num}}件
									</view>
								</view>
							</view>
							<view class="row">
								<view class="row " style="width: 100%;">
									<view class="name">
										取宠时间
									</view>
									<view class="text">
										{{item.agree_date}}
										{{item.agree_time}}
									</view>
									<view class="length">{{item.distance}}KM</view>
								</view>
							</view>
							<!-- <view class="row">
							<view class="row half" style="width: 100%;">
								<view class="name">
									订单号
								</view>
								<view class="text">
									{{item.no}}
								</view>
							</view>
						</view> -->
							<view class="row border" v-if="isAdmin">
								<view class="row half">
									<view class="name">
										订单金额
									</view>
									<view class="text red">
										¥{{item.real_amount}}
									</view>
								</view>
								<view class="row half" style="justify-content: flex-end;">
									<view class="btn" @click.stop="del(item.id)">
										删除
									</view>
								</view>
							</view>
							<view class="row border" v-if="!isAdmin">
								<view class="btn" @click.stop="del(item.id)">
									删除
								</view>
							</view>
						</view>
					</scroll-view>
				</swiper-item>
				<!-- 已取消 -->
				<swiper-item style="height: 100%;">
					<scroll-view :scroll-top="50" scroll-y="true" style=" height:100%;" @scrolltoupper="upper" @scrolltolower="lower">
						<view class="noOrder" v-if="dataE.length < 1">
							暂无订单～～
						</view>
						<view class="card" @click="info(item)" v-for="(item,index) in dataE" :key="index">
							<view class="row">
								<view style="width:20%;">
									<view :class="item.freight==='fast'?'type_name green':item.freight === 'air'?'type_name blue':'type_name yellow' ">
										{{item.freight === 'fast'?'快 车':item.freight === 'air'?'空 运':'专 车'}}
									</view>
								</view>
								<view class="row" style="width: 60%; justify-content: flex-start; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;">
									<view class="name" style="width:20%;">
										订单号
									</view>
									<view class="text" style="text-indent: 1em;">
										{{item.no}}
									</view>
								</view>
								<view class="type_status">
									已取消
									<u-icon name="arrow-right"></u-icon>
								</view>
							</view>
							<view class="row center">
								<view class="big-text">
									{{item.from_city}}
								</view>
								<view class="image">
									<image src="https://ldc365.cn/assets/static/1/95.png" style="width: 50rpx;height: 20rpx;"></image>
								</view>
								<view class="big-text">
									{{item.to_city}}
								</view>
							</view>
							<view class="row">
								<view class="row " style="width:100%;">
									<view class="name">
										宠物类别
									</view>
									<view class="text">
										{{item.pet_category}}
									</view>
								</view>
								<!-- <view class="row half" style="width:100%;">
								<view class="name">
									宠具规格
								</view>
								<view class="text">
									{{item.spec}}
								</view>
							</view> -->
							</view>
							<view class="row">
								<view class="row " style="width: 100%;">
									<view class="name">
										宠具规格
									</view>
									<view class="text">
										{{item.spec}}*
										{{item.num}}件
									</view>
								</view>
							</view>
							<view class="row">
								<view class="row " style="width: 100%;">
									<view class="name">
										取宠时间
									</view>
									<view class="text">
										{{item.agree_date}}
										{{item.agree_time}}
									</view>
									<view class="length">{{item.distance}}KM</view>
								</view>
							</view>
							<!-- <view class="row">
							<view class="row half" style="width: 100%;">
								<view class="name">
									订单号
								</view>
								<view class="text">
									{{item.no}}
								</view>
							</view>
						</view> -->
							<view class="row border" v-if="isAdmin">
								<view class="row half">
									<view class="name">
										订单金额
									</view>
									<view class="text red">
										¥{{item.real_amount}}
									</view>
								</view>
								<view class="row half" style="justify-content: flex-end;">
									<view class="btn" @click.stop="del(item.id)">
										删除
									</view>
								</view>
							</view>
							<view class="row border" v-if="!isAdmin">
								<view class="btn" @click.stop="del(item.id)">
									删除
								</view>
							</view>
						</view>
					</scroll-view>
				</swiper-item>
			</swiper>
		</view>


		<!-- 弹窗 -->
		<u-popup v-model="show" :show-cancel-button="true" mode="center" :border-radius="50" closeable>
			<view class="u-update-content">
				<view class="u-update-top">
					<image src="https://ldc365.cn/assets/static/1/111.png" class="top-image"></image>
				</view>
				<view class="u-update-bottom">
					<view class="text">
						<view>资料填写不完整，请完善</view>
						<view>资料信息</view>
					</view>
					<view class="btn" @click="goToPrefect">
						马上完善
					</view>
				</view>
			</view>
		</u-popup>

		<!-- 手动派单选择人员 -->
		<u-select safe-area-inset-bottom="true" title="取宠人-----送宠人" v-model="checkUser" :list="all_data" :label-name="'name'" :value-name="'id'" mode="mutil-column" @confirm="checkUsered">
		</u-select>
	</view>
</template>

<script>
	import uHeader from '../../components/u-header.vue'
	export default {
		components: {
			uHeader
		},
		data() {
			return {
				// 用户信息
				userInfo: {},
				// 选项切换
				current: 0,
				list: [{
						cate_name: '待接单',
						cate_count: 0
					},
					{
						cate_name: '进行中',
						cate_count: 0
					},
					{
						cate_name: '已完成',
						cate_count: 0
					},
					{
						cate_name: '已结算',
						cate_count: 0
					},
					{
						cate_name: '已取消',
						cate_count: 0
					}
				],
				// 弹窗
				show: false,
				last_page: 1,
				page: 1,
				limit: 10,
				type: 1,
				dataA: [],
				dataB: [],
				dataC: [],
				dataD: [],
				dataE: [],
				// 是否是管理员
				isAdmin: false,
				// 顶部高度
				headerHeight: '',
				// 当前派单状态
				orderStatus: "",
				checkUser: false,
				from_data: [],
				to_data: [],
				all_data: [],
				checkId: ''
			}
		},
		watch: {
			type(e) {
				this.getData()
				this.getDataNum()
			},
			current(e) {
				this.page = 1;
			}
		},
		created() {
			uni.getSystemInfo({
				success: (res) => {
					const menuButton = uni.getMenuButtonBoundingClientRect() // 胶囊
					const navBarPadding = (menuButton.top - res.statusBarHeight) * 2
					let statusBarHeight = res.statusBarHeight
					let navHeight = menuButton.height + navBarPadding
					this.headerHeight = navHeight + statusBarHeight
				}
			})
		},
		onLoad() {
			// this.getData()
			// 获取订单数量
			// this.getDataNum()
			// 
		},
		onShow() {
			let data = getApp().globalData
			this.isAdmin = data.isAdmin
			if (!this.isAdmin) {
				this.getInfo()
			}
			this.getData()
			this.getDataNum()
			// 获取派单状态
			this.getOrderStatus()
		},
		onPullDownRefresh() {
			this.getDataNum()
			this.getData()
		},
		methods: {
			// 选择配送员
			checkUsered(e) {
				let _this = this
				if (e[0].value !== null && e[1].value !== null) {
					this.request('/admin_order/give', {
						id: _this.checkId,
						get_user_id: e[0].value,
						send_user_id: e[1].value
					}, 'get').then(res => {
						if (res.code === 1) {
							uni.showToast({
								title: '派单成功',
								icon: "none"
							})
							_this.getDataNum()
							_this.getData()
						} else {
							uni.showToast({
								title: '派单失败',
								icon: "none"
							})
							_this.getDataNum()
							_this.getData()
						}
					});
				} else {
					uni.showToast({
						title: '请选择取宠人和送宠人',
						icon: "none"
					})
				}
			},
			// 选择手动派单
			doMakeOrder(data) {
				console.log(data.from_city, data.to_city)
				let _this = this;
				_this.checkId = data.id;
				// 获取可以选择的取宠人
				this.request('/admin_user/senders', {
					// areas: data.from_city
				}, 'get').then(res => {
					if (res.code === 1) {
						_this.from_data = res.data.data
						_this.all_data[0] = res.data.data
						_this.$forceUpdate()
					}
				});
				// 获取可以选择的送宠人
				this.request('/admin_user/senders', {
					// areas: data.to_city
				}, 'get').then(res => {
					if (res.code === 1) {
						_this.to_data = res.data.data
						_this.all_data[1] = res.data.data
						_this.$forceUpdate()
					}
				});
				uni.showModal({
					title: "提示",
					content: "请选择接送人员进行手动派单",
					success(e) {
						if (e.confirm) {
							_this.checkUser = true
							_this.$forceUpdate()
						}
					}
				})
			},
			// 获取派单状态
			getOrderStatus() {
				this.request('/admin_config/get_config', '', 'get').then(res => {
					if (res.data.order_way === 'manual') {
						this.orderStatus = "手动派单"
					} else {
						this.orderStatus = "自动派单"
					}
				});
			},
			// 运行详情
			transport(id) {
				uni.navigateTo({
					url: "./transport?id=" + id + "&admin=" + 1
				})
			},
			// 滑动
			upper() {
				// console.log(1111)
				this.page = 1
				this.getData()
			},
			// 滑动
			lower() {
				console.log(this.page, this.last_page)
				if (this.page < this.last_page) {
					this.page += 1;
					this.getData()
				} else {
					this.$u.toast('没有更多数据了')
				}
			},
			// 删除订单
			del(id) {
				let url = ""
				if (this.isAdmin) {
					url = "/admin_order/order_delete"
				} else {
					url = "/sender_order_controller/delete"
				}
				this.request(url, {
					id: id
				}, "GET").then(res => {
					if (res.code === 1) {
						this.getData()
						this.getDataNum()
					}
				})
			},
			// 拒绝结算
			refuse(id) {
				this.request("/admin_order/deal_settle", {
					id: id,
					status: 2
				}, "GET").then(res => {
					if (res.code === 1) {
						this.getData()
						this.getDataNum()
					}
				})
			},
			// 结算
			push(id) {
				this.request("/admin_order/deal_settle", {
					id: id,
					status: 1
				}, "GET").then(res => {
					if (res.code === 1) {
						this.getData()
						this.getDataNum()
					}
				})
			},
			// 申请结算
			settle(id) {
				// this.requset("/sender_order_controller/settle",{

				// },"POST").then(res=>{
				// 	console.log(res)
				// })
				uni.navigateTo({
					url: './settle?id=' + id
				})
			},
			// 获取会员信息
			getInfo() {
				this.request('/user/index', {}, "GET").then(res => {
					if (res.code === 1) {
						if (res.data.need_verification) {
							this.show = true
						}
						if (!res.data.wx_authed) {
							uni.login({
								provider: 'weixin',
								success: (code) => {
									console.log(code.code);
									this.request('/user/wx_auth', {
										code: code.code
									}, "GET")
								}
							})
						}
					}
				})
			},
			// 点击立即接单
			getOrder(id) {
				this.request("/sender_order_controller/get", {
					id: id
				}, "POST").then(res => {
					if (res.code === 1) {
						this.getData()
						this.getDataNum()
					}
				})
			},
			// 获取订单数量
			getDataNum() {
				this.request("/sender_order_controller/nums", {}, "GET").then(res => {
					console.log(res)
					if (res.code === 1) {
						this.list[0].cate_count = res.data[1]
						this.list[1].cate_count = res.data[2]
						this.list[2].cate_count = res.data[3]
						this.list[3].cate_count = res.data[4]
						this.list[4].cate_count = res.data[5]
					}
				})
			},
			// 获取订单列表
			getData() {
				this.dataA = [];
				this.dataB = [];
				this.dataC = [];
				this.dataD = [];
				this.dataE = [];
				let url = "";
				if (this.isAdmin) {
					url = "/admin_order/orders";
				} else {
					url = "/sender_order_controller/list";
				}
				this.request(url, {
					page: this.page,
					limit: this.limit,
					type: this.type
				}, "GET").then(res => {
					uni.stopPullDownRefresh();
					if (res.code === 1) {
						if (this.current === 0) {
							this.dataA = [...this.dataA, ...res.data.data]
						}
						if (this.current === 1) {
							this.dataB = [...this.dataB, ...res.data.data]
						}
						if (this.current === 2) {
							this.dataC = [...this.dataC, ...res.data.data]
						}
						if (this.current === 3) {
							this.dataD = [...this.dataD, ...res.data.data]
						}
						if (this.current === 4) {
							this.dataE = [...this.dataE, ...res.data.data]
						}
						this.last_page = res.data.last_page
						this.list[this.current].cate_count = res.data.total
					}
				})
			},
			// 点击完善信息
			goToPrefect() {
				uni.navigateTo({
					url: "./perfect"
				})
			},
			// 点击订单
			info(info) {
				uni.navigateTo({
					url: "./info?id=" + info.id
				})
			},
			// 滑动切换
			touchChange(e) {
				this.current = e.detail.current
				this.type = e.detail.current + 1
			},
			// 点击菜单
			change(e) {
				console.log(e)
				this.current = e
				if (e === 0) {
					this.type = 1
				}
				if (e === 1) {
					this.type = 2
				}
				if (e === 2) {
					this.type = 3
				}
				if (e === 3) {
					this.type = 4
				}
				if (e === 4) {
					this.type = 5
				}

			}
		}
	}
</script>

<style lang="scss">
	.content {
		background-color: #F8F8F8;

		.order-list-box {
			height: 80vh;
			background-color: #F8F8F8;
			padding-top: 20rpx;

		}

		.red {
			color: red;
		}
	}

	.menu-top {
		width: 100%;
		background-color: #FFFFFF;

		.menu-list {
			background-color: #F7E8CB;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
		}
	}

	.card {
		width: 93%;
		padding: 30rpx;
		margin: 0 auto;
		margin-bottom: 40rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		background-color: #FFFFFF;
		border-radius: 30rpx;

		.type_name {
			width: 4em;
			text-align: center;
		}

		.type_status {
			width: 20%;
			text-align: center;
		}

		.green {
			color: #42C308;
			border: 1px #42C308 solid;
		}

		.yellow {
			color: #F7B314;
			border: 1px #F7B314 solid;
		}

		.blue {
			color: #49BEFA;
			border: 1px #49BEFA solid;
		}

		.center {
			width: 60%;
			position: relative;

			.image {
				width: 50rpx;
				height: 40rpx;
			}
		}

		.row {
			position: relative;
			// margin: 8rpx 0;

			.length {
				position: absolute;
				right: 20rpx;
			}

			.name {
				color: #999;
				width: 20%;
				// border: 1px blue solid;
			}

			.text {
				width: 80%;
				// border: 1px green solid;
			}
		}

		.half {
			width: 50%;
			justify-content: flex-start;

			.name {
				color: #999;
				width: 40%;
				// border: 1px red solid;
			}

			.text {
				width: 60%;
				// border: 1px yellow solid;
			}
		}

		.make-order {
			justify-content: flex-end;
		}

		.border {
			border-top: 1px #eee solid;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-end;
		}

		.btn {
			background-color: #F6B301;
			color: #FFFFFF;
			margin: 20rpx 20rpx 0 20rpx;
			padding: 10rpx 30rpx;
			border-radius: 50rpx;
			min-width: 120rpx;
			text-align: center;
		}
	}

	.big-text {
		font-size: 38rpx;
		font-weight: bold;
	}

	// 弹窗
	.u-update-content {
		width: 500rpx;
		height: 650rpx;
		padding: 40rpx;
		background-image: url("https://ldc365.cn/assets/static/1/110.png");
		background-size: 100% 100%;

		.u-update-top {
			height: 50%;
			display: flex;
			position: relative;

			.top-image {
				height: 300rpx;
				width: 300rpx;
				position: absolute;
				left: 100rpx;
			}
		}

		.u-update-bottom {
			height: 50%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-around;

			.btn {
				width: 115px;
				height: 34px;
				background: linear-gradient(90deg, #F6B44D 0%, #FF7A60 100%);
				box-shadow: 0px 3px 6px rgba(248, 144, 64, 0.35);
				opacity: 1;
				border-radius: 34px;
				text-align: center;
				line-height: 34px;
				color: #fff;
			}
		}
	}
</style>