<template>
	<view>
		<view>
			<navVar :mysNavConfig="navConfig" @onLeftClick="onLeftClick"></navVar>
		</view>
		<view>
			<!-- <uni-card v-for="(item, index) in InvoiceList" :key="index" :title="'单号: '+item.RECEIVEREQUESTNAME" :extra="item.ORDERDATE">
				<view class="demo-uni-row" :title="item.RECEIVEREQUESTNAME" type="line">
					<view class="col-span">
						<text class="demo-uni-col light">单号:</text>
						<text class="demo-uni-col dark">{{item.RECEIVEREQUESTNAME}}</text>
					</view>
					<view class="col-span">
						<text class="demo-uni-col light">料号:</text>
						<text class="demo-uni-col dark">{{item.MATERIALSPECNAME}}</text>
					</view>
				</view>
				<view class="demo-uni-row">
					<view class="col-span">
						<text class="demo-uni-col light">阶段:</text>
						<text class="demo-uni-col dark">{{item.PHASE}}</text>
					</view>
					<view>
						<text class="demo-uni-col light">品名:</text>
						<text class="demo-uni-col dark">{{item.SPECNAME}}</text>
					</view>
				</view>
				<view class="demo-uni-row">
					<view class="col-span">
						<text class="demo-uni-col light">数量:</text>
						<text class="demo-uni-col dark">{{item.REQUESTQUANTITY}}</text>
					</view>
					<view class="col-span">
						<text class="demo-uni-col light">时间:</text>
						<text class="demo-uni-col dark">{{item.ORDERDATE}}</text>
					</view>
				</view>
			</uni-card> -->
			<uni-collapse v-for="(item, index) in InvoiceList" :key="index">
				<uni-collapse-item :title="'时间：'+ item.ORDERDATE+'　　　　　　'+'单号: '+item.RECEIVEREQUESTNAME">
					<view class="content-info">
						<view>
							<text class="content-text">料号:{{item.MATERIALSPECNAME}}</text>
							<text class="content-text">阶段:{{item.MATERIALSPECNAME}}</text>
							<text class="content-text">品名:{{item.DESC_CN}}</text>
							<text class="content-text">规格:{{item.SPECNAME}}</text>
							<text class="content-text">数量:{{item.REQUESTQUANTITY}}</text>
						</view>
					</view>
				</uni-collapse-item>
			</uni-collapse>
		</view>
	</view>
</template>

<script>
	import navVar from "@/components/navBar/navBar.vue"
	export default {
		components: {
			navVar
		},
		data() {
			return {
				InvoiceList: [],
				navConfig: {
					navBarHeight: "500rpx",
					navPadding: false,
					isHome: false,
					navPadding: true,
					navFixed: true,
					bgImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))',
					isCustomFn: true,
					navTitle: {
						text: "领料单3日内列表",
						color: "rgb(96, 98, 102)",
						fontSize: "14px", // px upx rpx
						fontWeight: "normal", // blod
					},
					leftText: {
						text: "返回",
						color: "rgb(96, 98, 102)",
						fontSize: "14px", // px upx rpx
						fontWeight: "", // blod
					},
					leftIconPath: '../../static/img/back.png'
				},
			};
		},
		mounted() {
			this.getMessage()
		},
		methods: {
			onLeftClick() {
				uni.switchTab({
					url: "/pages/account/index"
				})
			},
			getMessage() {
				let userid = uni.getStorageSync('userid')
				this.$MyRequest('/websocketMessage/getReceiveMessage', {
					userId: userid
				}).then(res => {
					console.log(res)
					this.InvoiceList = res.data.resultObj
				}).catch(err => {
					this.$showMessage(res)
				})
			},
		}
	};
</script>

<style lang="scss" scoped>
	.demo-uni-row {
		display: flex;
	}
	.col-span {
		width: 310rpx;
	}
	.dark {
		padding-left: 15rpx;
	}
	.content-text {
		padding-right: 10rpx;
	}
</style>