<template>
	<view>
		<scroll-view scroll-y class="page bg-white">
			<cu-custom bgColor="bg-cyan" :isBack="true"><block slot="backText">返回</block><block slot="content">追溯详情（按周转箱）</block></cu-custom>
			<view class="cu-timeline margin-top" v-for="(value,index) in traceBoxDetailsInfo" :key="index">
				<view class="cu-time">{{value.date}}</view>
				<view class="cu-item text-cyan" v-for="(val,ind) in value.content" :key="ind">
					<view class="content bg-cyan shadow-blur">
						{{val.data}}
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				id: '',
				traceBoxDetailsInfo: []
			}
		},
		onLoad(options){
			this.id = options.id
			let that = this;
			uni.request({
				url: 'https://lekapi.opmonitor.com/?c=app_api&a=getTraceBoxDetailsInfo',
				data: {id: that.id},
				header: {
					"Content-type": "application/json"
				},
				success: function(res){
					that.traceBoxDetailsInfo = res.data.data
				},
				fail: () => {
					console.info('小程序域名不正确，请检查小程序域名正确性')
				}
			})
		}
	}
</script>

<style>
	.page {
		width: 100vw;
		height: 100Vh;
	}
</style>
