<template>
	<view class="page">
			<u-collapse-item :title="`订单${item.orderId}`" v-for="(item, index) in list" :key="index">
					<view style="display: flex;justify-content: space-between;">
						<view>下单账号</view>
						<view>{{item.customerName}}</view>
					</view>
					<view style="display: flex;justify-content: space-between;">
						<view>支付单号</view>
						<view>{{item.transactionId}}</view>
					</view>
					<view style="display: flex;justify-content: space-between;">
						<view>支付时间</view>
						<view>{{item.paymentTime}}</view>
					</view>
					<view style="display: flex;justify-content: space-between;">
						<view>商品名称</view>
						<view>{{item.products[0].productName}}</view>
					</view>
					<view style="display: flex;justify-content: space-between;">
						<view>商品总价</view>
						<view>{{item.products[0].productPrice}}</view>
					</view>
				</u-collapse-item>
			

	</view>
</template>

<script>
	export default {
		data() {
			return {
				action: 'http://8.130.38.56:8027/admin-server/file/upload',
				fileList: [],
				lableXian: '',
				rulform: {
					schemeTitle: '',
					classificationCode: '',
					createDate: '',
					createUser: '',
					promotionContent: '',
					coverImage: ''
				},
				params: {
					year: true,
					month: true,
					day: true,
					hour: true,
					minute: true,
					second: true,
					province: true,
				},
				show: false,
				popup1: false,
				list: [{
						value: '1',
						label: '江'
					},
					{
						value: '2',
						label: '湖'
					}
				],
				pageindex: {
					afterState: "",
					dates: [],
					page: 1,
					pageSize: 10,
					search: "",
					searchType: "1",
					state: ""
				},
				Fenshow: true,
			};
		},
		mounted() {
			this.getALL()
		},
		onLoad(optiong) {

		},
		methods: {
			padZero(num) {
				return num < 10 ? '0' + num : num;
			},
			getCurrentTimeFormatted() {
				const now = new Date();
				return `${now.getFullYear()}-${this.padZero(now.getMonth() + 1)}-${this.padZero(now.getDate())} ${this.padZero(now.getHours())}:${this.padZero(now.getMinutes())}:${this.padZero(now.getSeconds())}`;
			},

			getALL() {
				this.$http.sendRequest('/order/getAll', 'POST', this.pageindex, 2).then(res => {
					//成功回调	
					this.list = res.data.data.list
				})
			}

		}
	}
</script>

<style scoped lang="scss">
	// @import 'application.scss';	
.page{
	background-color: #fff;
	padding: 20px;
}
	.juli {
		padding: 10rpx;
		display: flex;
		flex-wrap: wrap;

		.u-transition {
			// width: 31%;
			margin: 1%;
			// width: 212rpx;
			// height: 80rpx;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			background-color: rgba(21, 98, 214, 0.1);
			// line-height: 80rpx;
			text-align: center;
			font-style: normal;
			color: #1562D6;
			font-size: 28rpx;
			border-radius: 2px;

		}

		::v-deep .u-tag--primary--plain {
			border: 0px;
			border-radius: 2px;
			background-color: #ebebeb;

			.u-tag__text--primary--plain {
				color: #000;

			}
		}

		::v-deep .u-tag--primary {
			background-color: rgba(245, 178, 160, 0.3);
			border: 0px;
			border-radius: 2px;

			.u-tag__text--primary {
				color: #ff3442;
			}
		}

		.jinbutiao {
			display: flex;
			width: 100%;
			align-items: center;

			.u-slider {
				width: 80%;
				margin-right: 20rpx;
			}
		}
	}

	.choose1 {
		width: 100%;
		display: flex;

		.choose1left {
			width: 26%;
			border-right: 2rpx solid #f6f6f6;

			.leftItem1 {
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 20rpx 0;
			}
		}

		.choose1right {
			flex: 1;

			// width: 70%;
			.rightBox {
				width: 90%;
				margin: 0 auto;

				.weizhiName {
					display: flex;
					justify-content: space-between;
					align-items: center;

					// height: 80rpx;
					.weizhiLeft {
						display: flex;
						align-items: center;

						.weizhiInput {
							color: #959595;
						}
					}

					.weizhiSpan {
						color: #D32D25;
					}
				}

				.juli {
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-wrap: wrap;

					.u-transition {
						// width: 31%;
						margin: 1%;
						// width: 212rpx;
						// height: 80rpx;
						border-radius: 16rpx 16rpx 16rpx 16rpx;
						background-color: rgba(21, 98, 214, 0.1);
						// line-height: 80rpx;
						text-align: center;
						font-style: normal;
						color: #1562D6;
						font-size: 28rpx;

					}

					.u-tag-wrapper {
						width: 100%;
						height: 100%;
						border: none !important;
					}

					.u-tag {
						padding: 0;
						width: 212rpx !important;
						height: 60rpx !important;
					}

					.u-tag__text {
						width: 100%;
						font-size: 25rpx;
						text-align: center;
						margin: 0 auto;
					}

				}
			}

			.quyu {
				display: flex;
				padding-left: 20rpx;
				height: 300px;
				width: 100%;

				.sl_city {
					width: 48%;
					margin-right: 0px;
					overflow: auto;

				}
			}
		}
	}

	::v-deep .u-input__input {
		text-align: right;
	}
</style>