rhwy-sj/pages/order/index.vue

<template>
	<view class="content">
		<u-navbar title=" " height="88rpx" bgColor="#EE8529" :autoBack="true" :placeholder="true">
			<view class="u-nav-slot" slot="left">
				<view class="left_text">{{communityName}}</view>
			</view>
		</u-navbar>
		<u-tabs :list="tabs" :current="tab_active" :scrollable="scrollable" @click="changeTab" lineWidth="0" :activeStyle="{color: '#EE8529',marginRight: '22rpx'}" :inactiveStyle="{color: '#666666',marginRight: '22rpx'}"></u-tabs>
		<view class="tabs hflex acenter jaround"  v-if="identity == 2" >
			<block v-for="(item,index) in tabs2" :key="index">
				<view class="tabs_item" :class="tab2_active == index ? 'tab_active' : ''" @click="changeTab2(index)">{{item.name}}</view>
			</block>
		</view>
		<view class="list">
			<block v-for="(item,index) in pageList" :key="index">
				<view class="box" @click="toDetail(index)">
					<view v-if="identity == 2">
						<view class="top hflex acenter jbetween" v-if="tabs[tab_active].type == 'life_supermarket'">
							<view class="hflex acenter">
								<u-icon name="order" color="#999999" size="20"></u-icon>
								<view class="top_text">{{item.order_sn}}</view>
							</view>
							<view class="status" v-if="item.status == 1">待发货</view>
							<view class="status" v-if="item.status == 2">配送中</view>
							<view class="status" v-if="item.status == 3">已完成</view>
							<view class="status" v-if="item.status == 4">已送达</view>
						</view>
						<view class="top hflex acenter jbetween" v-if="tabs[tab_active].type == 'home_service'">
							<view class="hflex acenter">
								<u-icon name="order" color="#999999" size="20"></u-icon>
								<view class="top_text">{{item.order_sn}}</view>
							</view>
							<view class="status" v-if="item.status == 0">已预约</view>
							<view class="status" v-if="item.status == 1">待服务</view>
							<view class="status" v-if="item.status == 2">已完成</view>
						</view>
						<view class="top hflex acenter jbetween" v-if="tabs[tab_active].type == 'daily_appliance'">
							<view class="hflex acenter">
								<u-icon name="order" color="#999999" size="20"></u-icon>
								<view class="top_text">{{item.order_sn}}</view>
							</view>
							<view class="status" v-if="item.status == 1">待发货</view>
							<view class="status" v-if="item.status == 2">配送中</view>
							<view class="status" v-if="item.status == 3">已完成</view>
							<view class="status" v-if="item.status == 4">已送达</view>
						</view>
						<view class="top hflex acenter jbetween" v-if="tabs[tab_active].type == 'sports'">
							<view class="hflex acenter">
								<u-icon name="order" color="#999999" size="20"></u-icon>
								<view class="top_text">{{item.order_sn}}</view>
							</view>
							<view class="status" v-if="item.status == 1">进行中</view>
							<view class="status status1" v-if="item.status == 3">已完成</view>
						</view>
					</view>
					<view class="top hflex acenter jbetween" v-if="identity == 4">
						<view class="hflex acenter">
							<u-icon name="order" color="#999999" size="20"></u-icon>
							<view class="top_text">{{item.order_sn}}</view>
						</view>
						<view class="status" v-if="item.status == 0">已预约</view>
						<view class="status" v-if="item.status == 1">待服务</view>
						<view class="status" v-if="item.status == 2">已完成</view>
					</view>
					<view class="top hflex acenter jbetween" v-if="identity == 3">
						<view class="hflex acenter">
							<u-icon name="order" color="#999999" size="20"></u-icon>
							<view class="top_text">{{item.order_sn}}</view>
						</view>
						<view class="status" v-if="item.status == 0">待支付</view>
						<view class="status" v-if="item.status == 1">待发货</view>
						<view class="status" v-if="item.status == 2">配送中</view>
						<view class="status" v-if="item.status == 3">已完成</view>
						<view class="status" v-if="item.status == 4">已送达</view>
					</view>
					<view class="top hflex acenter jbetween" v-if="identity == 5">
						<view class="hflex acenter">
							<u-icon name="order" color="#999999" size="20"></u-icon>
							<view class="top_text">{{item.order_sn}}</view>
						</view>
						<view class="status" v-if="item.status == 1">进行中</view>
						<view class="status status1" v-if="item.status == 3">已完成</view>
					</view>
					<view class="good hflex" v-if="identity == 4">
						<image :src="imgUrl + item.goods_image" mode="aspectFill" class="item_img"></image>
						<view class="vflex img_right">
							<view class="hflex acenter jbetween">
								<view class="item_name text_hide">{{item.goods_name}}</view>
								<!-- <view class="item_price" v-if="identity !== 4">￥{{item.current_goods_amount}}</view> -->
							</view>
							<view class="hflex acenter jbetween">
								<view class="item_spec text_hide">{{item.goods_sku_text}}</view>
								<!-- <view class="item_price" v-if="identity != 4">X{{item.good[0].num}}</view> -->
							</view>
							<view class="info">
								<view class="info_text" v-if="item.goods_pay_type == 1">先付款后服务</view>
								<view class="info_text" v-else>先预约后付款</view>
							</view>
						</view>
					</view>
					<block v-if="identity == 2">
						<block v-if="tabs[tab_active].type == 'life_supermarket'">
							<block v-for="(item2,index2) in item.ordergoods" :key="index">
								<view class="good hflex">
									<image :src="item2.goods_image" mode="aspectFill" class="item_img"></image>
									<view class="vflex img_right">
										<view class="hflex acenter jbetween">
											<view class="item_name text_hide">{{item2.goods_name}}</view>
											<view class="item_price">￥{{item2.goods_sku_price}}</view>
										</view>
										<view class="hflex acenter jbetween">
											<view class="item_spec text_hide">{{item2.goods_sku_text}}</view>
											<view class="item_price">X{{item2.goods_num}}</view>
										</view>
									</view>
								</view>
							</block>
						</block>
						<view class="good hflex" v-if="tabs[tab_active].type == 'home_service'">
							<image :src="imgUrl + item.goods_image" mode="aspectFill" class="item_img"></image>
							<view class="vflex img_right">
								<view class="hflex acenter jbetween">
									<view class="item_name text_hide">{{item.goods_name}}</view>
									<!-- <view class="item_price" v-if="identity !== 4">￥{{item.current_goods_amount}}</view> -->
								</view>
								<view class="hflex acenter jbetween">
									<view class="item_spec text_hide">{{item.goods_sku_text}}</view>
									<!-- <view class="item_price" v-if="identity != 4">X{{item.good[0].num}}</view> -->
								</view>
								<view class="info">
									<view class="info_text" v-if="item.goods_pay_type == 1">先付款后服务</view>
									<view class="info_text" v-else>先预约后付款</view>
								</view>
							</view>
						</view>
						<block v-if="tabs[tab_active].type == 'daily_appliance'">
							<block v-for="(item2,index2) in item.ordergoods" :key="index">
								<view class="good hflex">
									<image :src="item2.goods_image" mode="aspectFill" class="item_img"></image>
									<view class="vflex img_right">
										<view class="hflex acenter jbetween">
											<view class="item_name text_hide">{{item2.goods_name}}</view>
											<view class="item_price">￥{{item2.goods_sku_price}}</view>
										</view>
										<view class="hflex acenter jbetween">
											<view class="item_spec text_hide">{{item2.goods_sku_text}}</view>
											<view class="item_price">X{{item2.goods_num}}</view>
										</view>
									</view>
								</view>
							</block>
						</block>
						<block v-if="tabs[tab_active].type == 'sports'">
							<view class="good hflex">
								<image :src="item.goods.goods_image" mode="aspectFill" class="item_img"></image>
								<view class="vflex img_right">
									<view class="item_name text_hide">{{item.goods.goods_name}}</view>
									<view class="item_spec text_hide">{{item.community.name}}</view>
									<view class="item_spec text_hide">订单时间：{{item.createtime}}</view>
								</view>
							</view>
						</block>
					</block>
					<block v-if="identity == 3">
						<block v-for="(item2,index2) in item.ordergoods" :key="index">
							<view class="good hflex">
								<image :src="item2.goods_image" mode="aspectFill" class="item_img"></image>
								<view class="vflex img_right">
									<view class="hflex acenter jbetween">
										<view class="item_name text_hide">{{item2.goods_name}}</view>
										<view class="item_price">￥{{item2.goods_sku_price}}</view>
									</view>
									<view class="hflex acenter jbetween">
										<view class="item_spec text_hide">{{item2.goods_sku_text}}</view>
										<view class="item_price">X{{item2.goods_num}}</view>
									</view>
								</view>
							</view>
						</block>
						
					</block>
					<block v-if="identity == 5">
						<view class="good hflex">
							<image :src="item.goods.goods_image" mode="aspectFill" class="item_img"></image>
							<view class="vflex img_right">
								<view class="item_name text_hide">{{item.goods.goods_name}}</view>
								<view class="item_spec text_hide">{{item.community.name}}</view>
								<view class="item_spec text_hide">订单时间：{{item.createtime}}</view>
							</view>
						</view>
					</block>
					<block v-if="identity == 2">
						<block v-if="tabs[tab_active].type == 'home_service'">
							<view class="cell hflex acenter jbetween">
								<view class="label">服务类型：</view>
								<view class="label">{{item.category_name}}</view>
							</view>
							<view class="cell hflex acenter jbetween" v-if="item.goods_pay_type == 1">
								<view class="label">付款金额：</view>
								<view class="label">￥{{item.current_goods_pay_amount}}</view>
							</view>
							<view class="cell hflex acenter jbetween" v-if="item.goods_pay_type == 2 && Number(item.current_goods_amount) !== 0">
								<view class="label">待支付金额：</view>
								<view class="label">￥{{item.current_goods_amount}}</view>
							</view>
							<view class="cell hflex acenter jbetween">
								<view class="label">付款备注：</view>
								<view class="label">{{item.remark?item.remark:'-'}}</view>
							</view>
							<!-- 到家服务 未付款显示 -->
							<view class="bottom hflex jend" v-if="item.goods_pay_type == 2 && Number(item.current_goods_amount) !== 0 && item.status == 0">
								<view class="btn" @click="pay(index)">待用户付款</view>
							</view>
							<!-- 到家服务 没有价格显示 -->
							<view class="bottom hflex jend" v-if="item.goods_pay_type == 2 && Number(item.current_goods_amount) == 0">
								<view class="btn" @click.stop="estimateOpen(index)">待评估价格</view>
							</view>
						</block>
						<block v-if="tabs[tab_active].type == 'life_supermarket'">
							<view class="cell hflex acenter jbetween">
								<view class="label">商品总价：</view>
								<view class="label">￥{{item.type_goods_amount}}</view>
							</view>
							<view class="cell hflex acenter jbetween">
								<view class="label">订单时间：</view>
								<view class="label">{{item.createtime}}</view>
							</view>
							<view class="bottom hflex jend" v-if="item.status == 1 && item.delivery_id == 0">
								<view class="btn" @click.stop="open(index)">指派配送人员</view>
							</view>
						</block>
						<block v-if="tabs[tab_active].type == 'daily_appliance'">
							<view class="cell hflex acenter jbetween">
								<view class="label">商品总价：</view>
								<view class="label">￥{{item.type_goods_amount}}</view>
							</view>
							<view class="cell hflex acenter jbetween">
								<view class="label">订单时间：</view>
								<view class="label">{{item.createtime}}</view>
							</view>
							<view class="bottom hflex jend" v-if="item.status == 1 && item.delivery_id == 0">
								<view class="btn" @click.stop="send(index)">发货</view>
							</view>
							<!-- <view class="bottom hflex jend" v-if="item.status == 1 && item.delivery_id == 0">
								<view class="btn" @click.stop="send(index)">发货</view>
							</view> -->
						</block>
						<block v-if="tabs[tab_active].type == 'sports'">
							<view class="cell hflex acenter jbetween">
								<view class="label">课程规格：</view>
								<view class="label">{{item.goods.goods_sku_text}}</view>
							</view>
							<view class="cell hflex acenter jbetween" v-if="item.goods.sport_type == 'whole'">
								<view class="text">包场时长：</view>
								<view class="text">{{item.goods.sport_sum_count}}</view>
							</view>
							<view class="cell hflex acenter jbetween" v-if="item.goods.sport_type == 'whole'">
								<view class="text">开始时间：</view>
								<view class="text">{{item.goods.sport_whole_start_time}}</view>
							</view>
							<view class="cell hflex acenter jbetween" v-if="item.goods.sport_type == 'whole'">
								<view class="text">结束时间：</view>
								<view class="text">{{item.goods.sport_whole_end_time}}</view>
							</view>
							<view class="cell hflex acenter jbetween" v-if="item.goods.sport_type !== 'whole'">
								<view class="label">剩余次数：</view>
								<view class="label">{{item.goods.sport_remain_verify_count == -1 ? '无限制' : item.goods.sport_remain_verify_count}}</view>
							</view>
							<!-- <view class="cell hflex acenter jbetween">
								<view class="label">到期时间：</view>
								<view class="label">{{item.createtime}}</view>
							</view> -->
							<view class="cell hflex acenter jbetween">
								<view class="label">付款金额：</view>
								<view class="label">￥{{item.goods.current_goods_pay_amount}}</view>
							</view>
						</block>
						<!-- <block v-if="tabs[tab_active].type == 'home_service'"></block> -->
					</block>
					<block v-if="identity == 3">
						<view class="cell hflex acenter jbetween">
							<view class="label">商品总价：</view>
							<view class="label">￥{{item.type_goods_amount}}</view>
						</view>
						<view class="cell hflex acenter jbetween">
							<view class="label">订单时间：</view>
							<view class="label">{{item.createtime}}</view>
						</view>
						<view class="bottom hflex jend" v-if="item.status == 1 || item.status == 2">
							<view class="btn" v-if="item.status == 1" @click.stop="send(index)">发货</view>
							<view class="btn" v-if="item.status == 2" @click.stop="sendAppliance(4)">已送达</view>
						</view>
					</block>
					<block v-if="identity == 5">
						<view class="cell hflex acenter jbetween">
							<view class="label">课程规格：</view>
							<view class="label">{{item.goods.goods_sku_text}}</view>
						</view>
						<view class="cell hflex acenter jbetween" v-if="item.goods.sport_type == 'whole'">
							<view class="text">包场时长：</view>
							<view class="text">{{item.goods.sport_sum_count}}</view>
						</view>
						<view class="cell hflex acenter jbetween" v-if="item.goods.sport_type == 'whole'">
							<view class="text">开始时间：</view>
							<view class="text">{{item.goods.sport_whole_start_time}}</view>
						</view>
						<view class="cell hflex acenter jbetween" v-if="item.goods.sport_type == 'whole'">
							<view class="text">结束时间：</view>
							<view class="text">{{item.goods.sport_whole_end_time}}</view>
						</view>
						<view class="cell hflex acenter jbetween" v-if="item.goods.sport_type !== 'whole'">
							<view class="label">剩余次数：</view>
							<view class="label">{{item.goods.sport_remain_verify_count == -1 ? '无限制' : item.goods.sport_remain_verify_count}}</view>
						</view>
						<!-- <view class="cell hflex acenter jbetween">
							<view class="label">到期时间：</view>
							<view class="label">{{item.createtime}}</view>
						</view> -->
						<view class="cell hflex acenter jbetween">
							<view class="label">付款金额：</view>
							<view class="label">￥{{item.goods.current_goods_pay_amount}}</view>
						</view>
					</block>
					<block v-if="identity == 4">
						<view class="cell hflex acenter jbetween">
							<view class="label">服务类型：</view>
							<view class="label">{{item.category_name}}</view>
						</view>
						<view class="cell hflex acenter jbetween" v-if="item.goods_pay_type == 1">
							<view class="label">付款金额：</view>
							<view class="label">￥{{item.current_goods_pay_amount}}</view>
						</view>
						<view class="cell hflex acenter jbetween" v-if="item.goods_pay_type == 2 && Number(item.current_goods_amount) !== 0">
							<view class="label">待支付金额：</view>
							<view class="label">￥{{item.current_goods_amount}}</view>
						</view>
						<view class="cell hflex acenter jbetween">
							<view class="label">付款备注：</view>
							<view class="label">{{item.remark?item.remark:'-'}}</view>
						</view>
						<!-- 到家服务 未付款显示 -->
						<view class="bottom hflex jend" v-if="item.goods_pay_type == 2 && Number(item.current_goods_amount) !== 0 && item.status == 0">
							<view class="btn" @click="pay(index)">待用户付款</view>
						</view>
						<!-- 到家服务 没有价格显示 -->
						<view class="bottom hflex jend" v-if="item.goods_pay_type == 2 && Number(item.current_goods_amount) == 0">
							<view class="btn" @click.stop="estimateOpen(index)">待评估价格</view>
						</view>
					</block>
				</view>
			</block>
		</view>
		<u-popup :show="assign_show" @close="close">
			<view class="popup">
				<view class="popu_top hflex acenter jbetween">
					<view></view>
					<view class="title">指派配送人员</view>
					<u-icon name="close" color="#000000" size="26" @click="close"></u-icon>
				</view>
				<view class="popu_list hflex">
					<view class="left">{{communityName}}</view>
					<scroll-view class="right vflex acenter jcenter" :scroll-y="true">
						<block v-for="(item,index) in deliveryList" :key="index">
							<view class="name" :class="active === index ? 'active' : ''" @click="selectDelivery(index)">{{item.delivery_name}}</view>
						</block>
					</scroll-view>
				</view>
				<view class="popu_bottom hflex jend">
					<view class="btn" @click="sure">确认</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="estimate_show" @close="close">
			<view class="popup">
				<view class="popu_top border_bottom hflex acenter jbetween">
					<view></view>
					<view class="title">待评估价格</view>
					<u-icon name="close" color="#000000" size="26" @click="close"></u-icon>
				</view>
				<view class="popu_form">
					<view class="hflex acenter">
						<view class="form_label">商品价格：</view>
						 <u-input placeholder="请输入评估后的价格" border="surround" v-model="estimate_price">
							 <u--text text="￥" slot="prefix" margin="0 3px 0 0" type="tips"></u--text>
						 </u-input>
					</view>
					<view class="hflex acenter" style="margin-top: 60rpx;">
						<view class="form_label">付款备注：</view>
						 <u-input placeholder="请输入备注信息" border="surround" v-model="remarks">
						 </u-input>
					</view>
				</view>
				<view class="popu_bottom hflex jend">
					<view class="btn btn1" @click="estimateSure">确认</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="send_show" @close="close">
			<view class="popup">
				<view class="popu_top border_bottom hflex acenter jbetween">
					<view></view>
					<view class="title">配送人员</view>
					<u-icon name="close" color="#000000" size="26" @click="close"></u-icon>
				</view>
				<view class="popu_form">
					<view class="hflex acenter">
						<!-- <view class="form_label">商品价格：</view> -->
						 <u-input placeholder="请输入配送员的姓名" border="surround" v-model="appliance_name">
						 </u-input>
					</view>
					<view class="hflex acenter" style="margin-top: 60rpx;">
						<!-- <view class="form_label">付款备注：</view> -->
						 <u-input placeholder="请输入配送员的联系方式" border="surround" v-model="appliance_phone">
						 </u-input>
					</view>
				</view>
				<view class="popu_bottom hflex jend">
					<view class="btn btn1" @click="sendAppliance(2)">立即发货</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>
<!-- 订单列表 -->
<script>
	import $api from '@/static/js/api.js'
	var that = ''
	export default {
		data() {
			return {
				communityName: '',
				tabs: [],
				scrollable: false,
				tab_active: 0,
				tabs2: [],
				tab2_active: 0,
				pageList: [],
				page: 1,
				pageSize: 10,
				total: 10,
				order_index: 0,
				select_index: 0,
				assign_show: false,
				deliveryList: [],
				active: 0,
				identity: '',
				imgUrl: $api.config.imgUrl,
				estimate_show: false,
				estimate_price: '',
				remarks: '',
				select_active: 0,
				send_show: false,
				appliance_name: '',
				appliance_phone: '',
			}
		},
		onLoad() {
			that = this
			that.identity = uni.getStorageSync('identity')
			// that.getTabs()
		},
		onShow() {
			that.tab_active = 0
			that.getTabs()
			that.communityName = uni.getStorageSync('community')
		},
		methods: {
			// 获取tabs
			getTabs() {
				if(that.identity == 4) {
					that.tabs = [
						{
							name: '全部',
							id: -1
						},
						{
							name: '已预约',
							id: 0
						},
						{
							name: '待服务',
							id: 1
						},
						{
							name: '已完成',
							id: 2
						}
					]
					that.page = 1
					that.getList()
				} else if(that.identity == 2) {
					$api.req({
						url: '/api/index/get_cate',
					}, function(res) {
						if(res.code == 1) {
							that.tabs = res.data
							if(that.tabs[0].type == 'life_supermarket') {
								that.tabs2 = [
									{
										name: '全部',
										id: ''
									},
									{
										name: '待发货',
										id: 1
									},
									{
										name: '配送中',
										id: 2
									},
									{
										name: '已送达',
										id: 4
									},
									{
										name: '已完成',
										id: 3
									}
								]
							} else if(that.tabs[0].type == 'home_service') {
								that.tabs2 = [
									{
										name: '全部',
										id: -1
									},
									{
										name: '已预约',
										id: 0
									},
									{
										name: '待服务',
										id: 1
									},
									{
										name: '已完成',
										id: 2
									}
								]
							} else if(that.tabs[0].type == 'daily_appliance') {
								that.tabs2 = [
									{
										name: '全部',
										id: ''
									},
									{
										name: '待发货',
										id: 1
									},
									{
										name: '配送中',
										id: 2
									},
									/* {
										name: '已送达',
										id: 4
									}, */
									{
										name: '已完成',
										id: 3
									}
								]
							} else if(that.tabs[0].type == 'sports') {
								that.tabs2 = [
									{
										name: '全部',
										id: ''
									},
									{
										name: '进行中',
										id: 1
									},
									{
										name: '已完成',
										id: 3
									}
								]
							}
							that.tab_active = 0
							that.scrollable = true
							that.page = 1
							that.getList()
							
						}
					})
				} else if(that.identity == 3) {
					that.tabs = [
						{
							name: '全部',
							id: ''
						},
						{
							name: '待发货',
							id: 1
						},
						{
							name: '配送中',
							id: 2
						},
						/* {
							name: '已送达',
							id: 4
						}, */
						{
							name: '已完成',
							id: 3
						}
					]
					that.page = 1
					that.getList()
				} else if(that.identity == 5) {
					that.tabs = [
						{
							name: '全部',
							id: ''
						},
						{
							name: '进行中',
							id: 1
						},
						{
							name: '已完成',
							id: 3
						},
					]
					that.page = 1
					that.getList()
				}
				
				
			},
			// 获取列表
			getList() {
				let url = ''
				let data = {}
				if(that.identity == 4) {
					url = '/api/merchant_service_order/order_list'
					data = {
						page: that.page,
						status: that.tabs[that.tab_active].id
					}
				} else if(that.identity == 3) {
					url = '/api/merchant.appliance.order/get_list'
					data = {
						page: that.page,
						status: that.tabs[that.tab_active].id
					}
				} else if(that.identity == 2) {
					if(that.tabs[that.tab_active].type == 'life_supermarket') {
						url = '/api/merchant.community.order/get_list'
						data = {
							page: that.page,
							status: that.tabs2[that.tab2_active].id,
							type: 'life_supermarket'
						}
					} else if(that.tabs[that.tab_active].type == 'home_service') {
						url = '/api/merchant_service_order/order_list'
						data = {
							page: that.page,
							status: that.tabs2[that.tab2_active].id,
							// type: 'home_service'
						}
					}  else if(that.tabs[that.tab_active].type == 'daily_appliance') {
						url = '/api/merchant.appliance.order/get_list'
						data = {
							page: that.page,
							status: that.tabs2[that.tab2_active].id,
							type: 'daily_appliance'
						}
					} else if(that.tabs[that.tab_active].type == 'sports') {
						url = '/api/merchant.sport.order/get_list'
						data = {
							page: that.page,
							status: that.tabs2[that.tab2_active].id,
							// type: 'sports'
						}
					} else {
						return
					}
				} else if(that.identity == 5) {
					url = '/api/merchant.sport.order/get_list'
					data = {
						page: that.page,
						status: that.tabs[that.tab_active].id
					}
				} else {
					return
				}
				$api.req({
					url: url,
					data: data
				}, function(res) {
					if(res.code == 1) {
						uni.stopPullDownRefresh();
						if(res.data.length == 0) {
							that.is_bottom = true
						} else {
							that.is_bottom = false
						}
						if(that.page == 1) {
							that.pageList = res.data
						} else {
							that.pageList = that.pageList.concat(res.data)
						}
					}
				})
			},
			// 切换tab
			changeTab(e) {
				if(that.identity == 4) {
					console.log(e);
					that.tab_active = e.index
				} else if(that.identity == 2) {
					that.tab_active = e.index
					if(that.tabs[that.tab_active].type == 'home_service') {
						that.tabs2 = [
							{
								name: '全部',
								id: -1
							},
							{
								name: '已预约',
								id: 0
							},
							{
								name: '待服务',
								id: 1
							},
							{
								name: '已完成',
								id: 2
							}
						]
					} else if (that.tabs[that.tab_active].type == 'life_supermarket') {
						that.tabs2 = [
							{
								name: '全部',
								id: ''
							},
							{
								name: '待发货',
								id: 1
							},
							{
								name: '配送中',
								id: 2
							},
							{
								name: '已送达',
								id: 4
							},
							{
								name: '已完成',
								id: 3
							}
						]
					} else if (that.tabs[that.tab_active].type == 'daily_appliance') {
						that.tabs2 = [
							{
								name: '全部',
								id: ''
							},
							{
								name: '待发货',
								id: 1
							},
							{
								name: '配送中',
								id: 2
							},
							/* {
								name: '已送达',
								id: 4
							}, */
							{
								name: '已完成',
								id: 3
							}
						]
					} else if (that.tabs[that.tab_active].type == 'sports') {
						that.tabs2 = [
							{
								name: '全部',
								id: ''
							},
							{
								name: '进行中',
								id: 1
							},
							{
								name: '已完成',
								id: 3
							}
						]
					} 
				} else if(that.identity == 3) {
					that.tab_active = e.index
				} else if(that.identity == 5) {
					that.tab_active = e.index
				}
				that.page = 1
				that.tab2_active = 0
				that.pageList = []
				that.getList()
			},
			changeTab2(index) {
				that.tab2_active = index
				that.page = 1
				that.pageList = []
				that.getList()
			},
			// 查看详情
			toDetail(index) {
				if(that.identity == 2) {
					$api.jump('/pages/order/detail?id=' + that.pageList[index].id + '&type=' + that.tabs[that.tab_active].type)
				} else if(that.identity !== 2) {
					$api.jump('/pages/order/detail?id=' + that.pageList[index].id)
				}
			}, 
			// 打开配送人员列表
			open(index) {
				that.order_index = index
				that.assign_show = true
				that.getDelivery()
				// uni.hideTabBar()
			},
			// 获取配送人员
			getDelivery() {
				$api.req({
					url: '/api/merchant.community.delivery/index',
				}, function(res) {
					if(res.code == 1) {
						that.deliveryList = res.data
					}
				})
			},
			// 选择配送人员
			sure() {
				$api.req({
					url: '/api/merchant.community.order/add_delivery',
					data: {
						id: that.pageList[that.order_index].id,
						delivery_id: that.deliveryList[that.active].user_id
					}
				}, function(res) {
					if(res.code == 1) {
						$api.info(res.msg)
						that.close()
						that.page = 1
						that.getList()
					}
				})
			},
			// 家电配送人员
			send(index) {
				that.order_index = index
				that.send_show = true
			},
			// 立即发货
			sendAppliance(index) {
				let data = {}
				if(index == 2) {
					data = {
						id: that.pageList[that.order_index].id,
						status: index,
						delivery_name: that.appliance_name,
						delivery_mobile: that.appliance_phone
					}
				} else if(index == 4) {
					data = {
						id: that.pageList[that.order_index].id,
						status: index
					}
				}
				$api.req({
					url: '/api/merchant.appliance.order/make_order',
					data: data,
				}, function(res) {
					if(res.code == 1) {
						$api.info(res.msg)
						that.close()
						that.page = 1
						that.getList()
					}
				})
			},
			// 关闭
			close() {
				that.assign_show = false
				that.estimate_show = false
				that.send_show = false
				// uni.showTabBar()
			},
			// 点击配送人员
			selectDelivery(index) {
				that.active = index
			},
			// 评估价格弹窗
			estimateOpen(index) {
				that.estimate_show = true
				that.select_active = index
			},
			estimateSure() {
				if(that.estimate_price == '') {
					$api.info("请输入评估后的价格")
					return
				}
				$api.req({
					url: '/api/merchant_service_order/assess_price',
					data: {
						id: that.pageList[that.select_active].id,
						price: that.estimate_price,
						remark: that.remarks
					}
				}, function(res) {
					if(res.code == 1) {
						$api.info(res.msg)
						that.close()
						that.page = 1
						that.getList()
					}
				})
			}
		},
		onPullDownRefresh() {
			that.page = 1
			that.pageList = []
			that.getList()
		},
		onReachBottom() {
			if(that.is_bottom) {
				$api.info("没有更多了")
			} else {
				that.page ++
				that.getList()
			}
		}
	}
</script>

<style scoped lang="scss">
	.content::v-deep {
		background: #F1F2F4;
		.left_text {
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 44rpx;
		}
		.u-tabs {
			width: 100%;
			// height: 128rpx;
			background: #FFFFFF;
			box-sizing: border-box;
			padding: 22rpx 22rpx;
			.u-tabs__wrapper__nav__item__text {
				white-space: nowrap;
			}

		}
		.tabs {
			width: 100%;
			box-sizing: border-box;
			padding: 28rpx 24rpx 0;
			.tabs_item {
				height: 72rpx;
				font-size: 32rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #666666;
				line-height: 72rpx;
				padding: 0 24rpx;
			}
			.tab_active {
				background: #EE8529;
				border-radius: 36rpx;
				color: #FFFFFF;
				
			}
		}
		.list {
			box-sizing: border-box;
			padding: 32rpx 24rpx 0;
			.box {
				width: 100%;
				background: #FFFFFF;
				border-radius: 20rpx;
				box-sizing: border-box;
				padding: 32rpx 26rpx;
				margin-bottom: 24rpx;
				.top {
					width: 100%;
					padding-bottom: 24rpx;
					border-bottom: 1px solid #F5F5F5;
					.top_text {
						font-size: 36rpx;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						color: #333333;
						line-height: 50rpx;
						padding: 0 0 0 10rpx;
					}
					.status {
						font-size: 28rpx;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						color: #EE8529;
						line-height: 40rpx;
					}
					.status2 {
						
					}
					.status1 {
						color: #5ACD4E;
					}
				}
				.good {
					width: 100%;
					box-sizing: border-box;
					padding: 52rpx 0 0;
					.item_img {
						width: 142rpx;
						height: 142rpx;
						margin-right: 12rpx;
					}
					.img_right {
						width: calc(100% - 154rpx);
						.item_name {
							width: 400rpx;
							font-size: 28rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;
							line-height: 40rpx;
						}
						.item_price {
							font-size: 28rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;
							line-height: 28rpx;
						}
						.item_spec {
							font-size: 28rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #999999;
							line-height: 40rpx;
							padding: 16rpx 0;
						}
					}
					
				}
				.info {
					padding: 8rpx 0;
					.info_text {
						width: 152rpx;
						font-size: 20rpx;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						color: #999999;
						line-height: 28rpx;
						border-radius: 16rpx;
						border: 2rpx solid #999999;
						padding: 2rpx 0;
						text-align: center;
						box-sizing: border-box;
					}
				}
				.cell {
					padding: 28rpx 0 0;
					.label {
						font-size: 28rpx;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						color: #333333;
						line-height: 40rpx;
					}
				}
				.bottom {
					padding-top: 20rpx;
					.btn {
						// width: 252rpx;
						// height: 72rpx;
						background: #FFFFFF;
						border-radius: 36rpx;
						border: 2rpx solid #EE8529;
						font-size: 28rpx;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						color: #EE8529;
						// line-height: 72rpx;
						text-align: center;
						padding: 16rpx 44rpx;
						box-sizing: border-box;
					}
					
				}
			}
		}
		.popup {
			background: #FFFFFF;
			border-radius: 20rpx 20rpx 0rpx 0rpx;
			.popu_top {
				width: 100%;
				height: 88rpx;
				box-sizing: border-box;
				padding: 0 30rpx;
				.title {
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
					line-height: 40rpx;
				}
			}
			.popu_form {
				width: 100%;
				box-sizing: border-box;
				padding: 80rpx 50rpx 178rpx 32rpx;
				.form_label {
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
					line-height: 40rpx;
				}
				.u-input {
					border-radius: 20rpx;
					border: 2rpx solid #CCCCCC;
					padding: 24rpx;
					height: 0 88rpx;
				}
			}
			.border_bottom {
				border-bottom: 1px solid #FFF5ED;
			}
			.popu_list {
				background: #FFF5ED;
				padding: 36rpx 0 0;
				.left {
					width: 238rpx;
					height: 120rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #EE8529;
					line-height: 120rpx;
					background: #FFFFFF;
					text-align: center;
				}
				.right {
					width: calc(100% - 238rpx);
					background: #FFFFFF;
					height: 672rpx;
					.name {
						padding: 28rpx 0;
						text-align: center;
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #666666;
						line-height: 40rpx;
					}
					.active {
						color: #EE8529;
					}
				}
			}
			.popu_bottom {
				width: 100%;
				margin-bottom: 60rpx;
				.btn {
					width: 316rpx;
					height: 72rpx;
					background: #FFFFFF;
					border-radius: 36rpx;
					border: 2rpx solid #EE8529;
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #EE8529;
					line-height: 72rpx;
					text-align: center;
					margin: 2rpx 24rpx;
				}
				.btn1 {
					width: 630rpx !important;
					height: 88rpx !important;
					background: #EE8529 !important;
					border-radius: 20rpx !important;
					color: #FFFFFF !important;
					line-height: 88rpx ;
					margin: 0 auto;
				}
			}
		}
	}

</style>