<template>
	<z-paging ref="paging" v-model="dataList" @query="queryList">
		<!-- #ifdef APP -->
		<template slot="top">
			<view style="width: 70rpx;height: 50rpx;margin-top: 80rpx;"></view>
		</template>
		<!-- #endif -->
	<view class="box" style="margin-top: 60rpx;">
		<view  class="list list-mt" v-for="(item,index) in dataList" :key="index" @click="btn(item.order_id,item.member_id)">
			<view v-if="item.box==1" class="list-Openonbehalf">
				特批价|代开
			</view>
			<view class="list-data df jcsb">
				<div>订单编号:&emsp;{{item.order_no}}</div>
				<div style="color: rgb(255, 125, 2);">{{item.order_status_name}}</div>
			</view>
			<div class="list-Splitline"></div>
			<div class="list-hospital">客户名称<span>{{item.name}}</span> </div>
			<view class="list-time">
				下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span>
			</view>
			<view class="list-money">
				合计1种商品，<span>订单金额{{item.goods_money}}</span>
				<span v-if="item.wait_status==1">(待确认)</span>
				<span v-if="item.wait_status==2">(已收款)</span>
			</view>
			<view class="list-btn df">
				<div style="border: 0rpx;"></div>
				<!-- <div class="df aic jcsa" @click="increased">新增收款</div> -->
				<div class="df aic jcsa" @click="affirm">取消订单</div>
				<!-- <div class="df aic jcsa" @click="more(item.order_id,item.member_id)">确认出库</div> -->
			</view>
		</view>
	</view>
	</z-paging>
</template>

<script>
	const timesfm = require('@/common/js/map/message.js')
	export default{
		data(){
			return {

				dataList: [{
						sex: '202209012-0001',
						status: 1,
						household: '好大夫诊所',
						type: 0,
						date: '2021-09-12',
						time: '18:20:21',
						statusdata: '￥1000',
						Received: 2,
						box: 0
					},
					{
						sex: '202209012-0001',
						status: 1,
						household: '好大夫诊所',
						type: 0,
						date: '2021-09-12',
						time: '18:20:21',
						statusdata: '￥1000',
						Received: 0,
						box: 1
					},

					]

			}
		},
		created() {
			this.$api.sendRequest({
				url:'/api/salasmanorder/lists',
				data:{
					order_status:'waitsend'
				},
				success:res=>{
					console.log(res,'待出库');
					this.dataList=res.data.list
				}
			})
		},
		methods:{
			queryList(pageNo, pageSize) {
				console.log(pageNo, pageSize);
				this.$refs.paging.complete(this.dataList)
				// this.$refs.paging.complete(false);
			},
			btn(order_id,member_id){
				uni.navigateTo({
					// url:this.list[this.current.URL]
					url:`/page_salesman_index/deliveredsa/deliveredsa?id=${order_id}&di=${member_id}`,
					fail:function(res){
						console.log(res);
					}
				})
			},
			increased(){
				event.stopPropagation();
				uni.navigateTo({
					url:'/page_salesman_order/Customer_payment/Customer_payment'
				})
			},
			affirm(){
				event.stopPropagation();
			},
			more(order_id,member_id){
				event.stopPropagation();
				this.$api.sendRequest({
					url:'/api/salasmanorder/getOrderGoodsList',
					data:{
						order_id,
						member_id,
					},
					success:res=>{
						console.log(res,'客户可出库商品list');


							// this.$api.sendRequest({
							// 	url:'/api/salasmanorder/orderGoodsOutAdd',
							// 	header: {
							// 	    'Content-Type': 'application/json' //自定义请求头信息
							// 	},
							// 	data:{
							// 		order_id,
							// 		member_id,
							// 		goods_params:a
							// 	},
							// 	success:rea=>{
							// 		console.log(rea,'出库成功');
							// 	}
							// })

					}
				})
			}
		},
		filters:{
			time(num){
				return timesfm(num*1000)

			}
		}
	}
</script>

<style lang="scss">
	.box .list:nth-child(1){
		margin: 34rpx 24rpx 0 24rpx !important;
		// margin: 0 !important;
	}
	.box{
		margin-top: -28rpx !important;
	}
	.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;
	}
</style>
