<template>
	<page-meta :page-style="themeColor"></page-meta>

	<u-navbar title="订单" :autoBack="true" bgColor="#fff" leftIconSize="0" placeholder :fixed="true">
		<u-icon name="list" slot="right" color="rgb(36, 36, 36)" size="24" @click="$refs.selectPopup.start()">
		</u-icon>
	</u-navbar>

	<!-- <div class="input df aic">
				<u-input class="inpuone" shape="circle" v-model="input" placeholder="订单编号" @change="changeone">
					<div class="prefix" slot="prefix">
						<image :src="$util.img(`/upload/weapp/pageSalesman/search.png`)" mode=""></image>
					</div>
				</u-input>
		</div> -->
	<view class="">
		<u-tabs :activeStyle="{
				fontSize: '28rpx',
				fontWeight: '600',
				color: '#21BBF3',
				lineHeight: '40rpx',
				zIndex:'1',
				
			}" :inactiveStyle="{
				fontSize: '28rpx',
				fontWeight: '400',
				color: '#333333',
				lineHeight: '40rpx',
				zIndex:'1',
				
			}" :current="indexa" lineColor='#21BBF3' :list="list1" @click="click"></u-tabs>
	</view>


	<view>
		<selectPopup ref="selectPopup" :fatherMethod="fatherMethod"></selectPopup>
		<!-- 全部 -->
		<view v-if="indexa==0">
			<undgbm ref=one></undgbm>
		</view>
		<!-- 待支付 -->
<!--		<view v-if="indexa==1">-->
<!--			<dettisl ref=two></dettisl>-->
<!--		</view>-->
		<!-- 待审核 -->
		<view v-if="indexa==1">
			<reviewed ref=sui></reviewed>
		</view>
		<!-- 待出库 -->
		<!-- <view v-if="indexa==2">
		<deliveredsa></deliveredsa>
	</view> -->
		<!-- 待发货 -->
		<view v-if="indexa==2">
			<Tobeshipped ref=four></Tobeshipped>
		</view>
		<!-- 待收货 -->
		<view v-if="indexa==3">
			<Goodsto ref=five></Goodsto>
		</view>
		<!-- 已收货 -->
		<view v-if="indexa==4">
			<received ref=six></received>
		</view>

		<!-- 待确认收款 -->
		<view v-if="indexa==5">
			<Collectionto ref=seven></Collectionto>
		</view>
		<!-- 已关闭 -->
		<view v-if="indexa==6">
			<close ref=eight></close>
		</view>
	</view>

	<tabbar :tabIndex="2"></tabbar>
</template>

<script>
	import tabbar from "@/components/pageSalesman/tabbar/tabbar.vue"
	import received from "@/page_salesman_index/index/received.vue"
	import close from "@/page_salesman_index/index/close.vue"
	import deliveredsa from "@/page_salesman_index/index/delivered.vue"
	import undgbm from "@/page_salesman_order/undgbm/undgbm.vue"
	import dettisl from "@/page_salesman_order/Order_dettisl/Order_dettisl.vue"
	import Tobeshipped from "@/page_salesman_index/index/shipped.vue"
	import reviewed from "@/page_salesman_index/index/reviewed.vue"
	import Collectionto from "@/page_salesman_index/index/beconfirmed.vue"
	import Goodsto from "@/page_salesman_index/index/bereceived.vue"
	import selectPopup from "@/page_salesman_reportForm/index/selectPopup.vue"
	export default {
		components: {
			tabbar,
			received,
			deliveredsa,
			Tobeshipped,
			reviewed,
			Collectionto,
			Goodsto,
			selectPopup,
			undgbm,
			dettisl,
			close
		},
		data() {
			return {
				show1: false,
				indexa: 0,
				columns: [],
				value: '',
				input: '',
				show: false,
        list1: [
          {
            name: '全部',
          },
          // {
          //   name: '待支付',
          // },
          {
            name: '待审核',
          },
          //{
          // 	name: '待出库'
          // },

          {
            name: '待发货'
          },
          {
            name: '已发货'
          },
          {
            name: '已收货'
          },
          {
            name: '待确认收款'
          },
          {
            name: '已关闭'
          }
        ],
				dataList: []
			};
		},
		onLoad(index) {
			this.indexa = index.index || 0;

		},
		onShow() {

		},
		mounted() {
			if (this.indexa == 0) {
				this.$refs.one.getwrongtllisttwo()
			}
			// if (this.indexa == 1) {
			// 	this.$refs.two.getwrongtllisttwo()
			// }
			if (this.indexa == 1) {
				this.$refs.sui.getwrongtllisttwo()
			}
			if (this.indexa == 2) {
				this.$refs.four.getwrongtllisttwo()
			}
			if (this.indexa == 3) {
				this.$refs.five.getwrongtllisttwo()
			}
			if (this.indexa == 4) {
				this.$refs.six.getwrongtllisttwo()
			}
			if (this.indexa == 5) {
				this.$refs.seven.getwrongtllisttwo()
			}
			if (this.indexa == 6) {
				this.$refs.eight.getwrongtllisttwo()
			}
		},
		async onPullDownRefresh() {
			if (this.indexa == 0) {
				await this.$refs.one.getwrongtllisttwo()
			}
			// if (this.indexa == 1) {
			// 	await this.$refs.two.getwrongtllisttwo()
			// }
			if (this.indexa == 1) {
				await this.$refs.sui.getwrongtllisttwo()
			}
			if (this.indexa == 2) {
				await this.$refs.four.getwrongtllisttwo()
			}
			if (this.indexa == 3) {
				await this.$refs.five.getwrongtllisttwo()
			}
			if (this.indexa == 4) {
				await this.$refs.six.getwrongtllisttwo()
			}
			if (this.indexa == 5) {
				await this.$refs.seven.getwrongtllisttwo()
			}
			if (this.indexa == 6) {
				await this.$refs.eight.getwrongtllisttwo()
			}
		},
		async onReachBottom() {
			if (this.indexa == 0) {
				await this.$refs.one.getwrongtllistsui()
			}
			// if (this.indexa == 1) {
			// 	await this.$refs.two.getwrongtllistsui()
			// }
			if (this.indexa == 1) {
				await this.$refs.sui.getwrongtllistsui()
			}
			if (this.indexa == 2) {
				await this.$refs.four.getwrongtllistsui()
			}
			if (this.indexa == 3) {
				await this.$refs.five.getwrongtllistsui()
			}
			if (this.indexa == 4) {
				await this.$refs.six.getwrongtllistsui()
			}
			if (this.indexa == 5) {
				await this.$refs.seven.getwrongtllistsui()
			}
			if (this.indexa == 6) {
				await this.$refs.eight.getwrongtllisttwo()
			}
		},
		methods: {
			changeone(order_status, member_id, is_today, sales_status, searchText, one, start_time,
				end_time) {
				// console.log(value);
				if (this.indexa == 0) {
					this.$refs.one.getwrong(order_status, member_id, is_today, sales_status, searchText, one, start_time,
						end_time)
				}
				// if (this.indexa == 1) {
				// 	this.$refs.two.getwrong(order_status, member_id, is_today, sales_status, searchText, one, start_time,
				// 		end_time)
				// }
				if (this.indexa == 1) {
					this.$refs.sui.getwrong(order_status, member_id, is_today, sales_status, searchText, start_time,
						end_time)
				}
				if (this.indexa == 2) {
					this.$refs.four.getwrong(order_status, member_id, is_today, sales_status, searchText, start_time,
						end_time)
				}
				if (this.indexa == 3) {
					this.$refs.five.getwrong(order_status, member_id, is_today, sales_status, searchText, start_time,
						end_time)
				}
				if (this.indexa == 4) {
					this.$refs.six.getwrong(order_status, member_id, is_today, sales_status, searchText, start_time,
						end_time)
				}
				if (this.indexa == 5) {
					this.$refs.seven.getwrong(order_status, member_id, is_today, sales_status, searchText, start_time,
						end_time)
				}
				if (this.indexa == 6) {
					this.$refs.eight.getwrong(order_status, member_id, is_today, sales_status, searchText, start_time,
						end_time)
				}
			},
			fatherMethod(order_status, member_id, is_today, sales_status, searchText, one, start_time,
				end_time) {

				this.changeone(order_status, member_id, is_today, sales_status, searchText, one, start_time,
					end_time)
				console.log('获取的值', order_status, member_id, is_today, sales_status, searchText, start_time,
					end_time);
			},
			statusbtn(item) {
				// this.show=true
				console.log('item', item);
			},
			change(e) {
				console.log('change', e);
			},
			btn() {
				uni.navigateTo({
					url: '../Order_details/Order_details'
				})
			},
			click(index) {
				console.log(index.index, 'index');
				this.input = ''
				this.indexa = index.index
			},
			increased() {
				event.stopPropagation();
				uni.navigateTo({
					url: '/page_salesman_order/Customer_payment/Customer_payment'
				})
			},
			affirm() {
				event.stopPropagation();
				this.$util.showToast({
					title: '收款成功'
				});
			},
			more() {
				event.stopPropagation();
				this.$util.showToast({
					title: '订购成功'
				});
			}
		}
	}
</script>

<style lang="scss">
	::v-deep {
		.u-tabs__wrapper__nav__item {
			padding: 0 20rpx;
		}

		.zp-paging-container-content {
			margin-top: 170rpx !important;
		}

		.u-tabs__wrapper__nav {
			background-color: rgb(248, 248, 248);
			width: 900rpx;
			// z-index: 999;
		}


	}

	.input {
		padding: 0 32rpx;
		height: 100rpx;
		background-color: #fff;
		box-sizing: border-box;

		// margin-bottom: 32rpx;
		.inpuone {}

		.prefix {
			image {
				width: 36rpx;
				height: 36rpx;
				position: relative;
				top: 6rpx;
			}
		}

		::v-deep {
			.u-input {
				background-color: #F6F6F6;
				border: 0;
			}
		}
	}

	.list {
		margin: 42rpx 24rpx 0 24rpx;
		width: 702rpx;
		height: 424rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		// padding: 32rpx;
		box-sizing: border-box;
		padding: 24rpx;
		position: relative;

		.list-Openonbehalf {
			text-align: center;
			background: #00C594;
			border-radius: 30rpx;
			position: absolute;
			top: -10rpx;
			left: 0;
			width: 142rpx;
			height: 34rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 34rpx;
		}

		.list-data {}

		.list-data div:nth-child(1) {

			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #222222;
			line-height: 40rpx;
		}

		.list-data div:nth-child(2) {
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;

			line-height: 40rpx;
		}

		.list-Splitline {
			width: 638rpx;
			height: 2rpx;
			background: #F2F2F2;
			border-radius: 16rpx;
			margin-top: 28rpx;
		}

		.list-hospital {
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 40rpx;
			margin-top: 30rpx;
		}

		.list-hospital span:nth-child(1) {

			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #222222;
			line-height: 40rpx;
			margin-left: 42rpx;
			margin-right: 16rpx;
		}

		.list-hospital span:nth-child(2) {
			width: 92rpx;
			height: 36rpx;
			font-size: 20rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #FF7D02;
			line-height: 28rpx;
			background-color: rgb(255, 240, 226);
		}

		.list-time {
			margin-top: 24rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 40rpx;
		}

		.list-time span:nth-child(1) {
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #222222;
			line-height: 40rpx;
			margin-right: 10rpx;
			margin-left: 42rpx;
		}

		.list-time span:nth-child(2) {
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #222222;
			line-height: 40rpx;
		}

		.list-money {
			margin-top: 24rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 34rpx;
		}

		.list-money span:nth-child(1) {
			color: rgb(58, 58, 58);
			font-family: PingFangSC-Regular, PingFang SC;
			font-size: 28rpx;
		}

		.list-money span:nth-child(2) {
			color: rgb(58, 58, 58);
			font-family: PingFangSC-Regular, PingFang SC;
			font-size: 28rpx;
		}

		.list-btn {
			margin-top: 32rpx;
		}

		.list-btn div:nth-child(1) {
			width: 176rpx;
			height: 60rpx;
			border-radius: 30rpx;
			border: 2rpx solid #E8E8E8;
			margin-left: 94rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			line-height: 34rpx;
		}

		.list-btn div:nth-child(2) {
			width: 176rpx;
			height: 60rpx;
			border-radius: 30rpx;
			border: 2rpx solid #E8E8E8;
			margin-left: 24rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			line-height: 34rpx;
		}

		.list-btn div:nth-child(3) {
			width: 176rpx;
			height: 60rpx;
			background: #21BBF3;
			border-radius: 30rpx;
			margin-left: 24rpx;

			font-size: 24rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 34rpx;
		}
	}

	.list-mt {
		margin-top: 28rpx;
	}

	.shade-head {
		padding: 16rpx 24rpx;

		.shade {
			width: 750rpx;
			height: 814rpx;
			margin: 0 auto;
			background: #FFFFFF;
		}

		.mask {
			padding: 0 24rpx;

			.mask-tobe div:nth-child(1) {
				padding: 40rpx 0 32rpx 0;
				font-size: 30rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #222222;
				line-height: 44rpx;
			}

			.mask-tobe div:nth-child(2) {
				padding: 40rpx 0 32rpx 0;
				font-size: 30rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				line-height: 44rpx;
			}

			.mask-fode {
				width: 702rpx;
				height: 2rpx;
				background: #F3F3F3;
				border-radius: 14rpx;
			}
		}

	}
</style>