<template>
	<view>
		<uni-datetime-picker style="margin-bottom:10px;" v-model="range" type="daterange" @change="searchList" />

		<view class="item-wrapper">
			<view class="ulList" v-if="bList.length > 0">
				<ul>
					<li v-for="(item,index ) in bList" :key="index">
						<uni-card :title="'店铺名称:'+item.shopName" :sub-title="item.getOrderAddress+'（'+item.mobile+'）'">
							<view class="uni-body">
								<text class="cardText">{{item.orderAddress}}</text>
							</view>
							<view class="uni-body">
								<text class="cardText"> 下单时间：</text>
								<text class="priceText"> {{item.createTime}}</text>
							</view>
						</uni-card>
					</li>
				</ul>
			</view>
		</view>
		<u-loadmore :status="status" />
		<u-modal :show="modalShow" title="详细地址" :content='content' @confirm="modalShow = false"></u-modal>
	</view>
</template>

<script>
	import tui from '../../common/httpRequest.js'

	export default {
		data() {
			return {
				range:[],
				modalShow: false,
				content: '地址地址地址',
				orderStatus:0,
				status: 'loadmore',
				endDate: '',
				startDate: '',
				transCompany: '',
				totalPages:0,
				pages:1,
				bList:[],
				id:'',
				type:'',
				companyName:'',
			}
		},
		onReachBottom() {
			if (this.pages >= this.totalPages) return;
			this.status = 'loading';
			this.pages = ++this.pages;
			this.getList();
		},
		onShow() {
			this.getMonth();
			this.id = uni.getStorageSync('transCompany')
			this.companyName = uni.getStorageSync('companyName')
			this.type = uni.getStorageSync('isOnLine')
			this.transCompany = this.id
			this.getList()
		},
		methods: {
			getList() {
				this.status = 'loading';
				uni.request({
					url: this.tui.interfaceUrl() + '/order/getByCondition',
					data: {
						orderStatus:4,
						endDate: this.range[1],
						startDate: this.range[0],
						transCompany: this.transCompany,
						pageNumber:this.pages,
						pageSize:10
					},
					header: {
						'content-type': 'application/x-www-form-urlencoded',
						'appWLToken': this.tui.getToken()
					},
					method: 'GET', //'GET','POST'
					dataType: 'json',
					success: (res) => {
						this.status = 'nomore';
						if(res.data.code == 401){
							uni.clearStorage()
							uni.navigateTo({
								url: '/package2/login/login'
							})
						}
						if (res.data.code == 200){
							this.bList = res.data.result.content
							if (this.pages == 1) {
								this.bList = res.data.result.content
							} else {
								this.bList = [...this.bList, ...res.data.result.content]
							}
							this.totalPages = res.data.result.totalPages
						}
					},
					fail: (res) => {
						this.tui.toast("网络不给力，请稍后再试~")
					}
				})
			},
			goPhone(){
				uni.makePhoneCall({
					phoneNumber: '13521030702'
				});
			},
			searchList(res) {
				this.bList = [];
				this.pages = 1;
				this.getList()
			},
			//获取当月1日到当前时间
			getMonth() {
				//获取新的时间
				let date = new Date()
				//获取当前时间的年份转为字符串
				let year = date.getFullYear().toString()   //'年'
				//获取月份，由于月份从0开始，此处要加1，判断是否小于10，如果是在字符串前面拼接'0'
				let month = date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1).toString():(date.getMonth()+1).toString()  //'月'
				//获取天，判断是否小于10，如果是在字符串前面拼接'0'
				let da = date.getDate() < 10 ? '0'+date.getDate().toString():date.getDate().toString()  //'日'
				//字符串拼接，开始时间，结束时间
				let end = year + '-' + month + '-' + da  //当天
				let beg = year + '-' + month + '-01'    //当月第一天
				this.range = [beg,end]
			}
		}
	}
</script>

<style lang="scss" scoped>
	button {
		color: #ffffff;
		background: #5fd9ee;
		width: 90%;
		margin:20rpx auto;
	}

	.example-body {}

	.shop-choose {
		padding: 25upx 15upx;
		display: flex;
		justify-content: space-between;
		align-items: center;

		.shop-name {
			flex-basis: 150upx;
		}
	}

	.item-wrapper {
		background-color: #fff;
		overflow: hidden;
	}

	.text {
		width: 600upx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
</style>