<template>
	<view class="container">
		<tui-list-view>
			<!--居中消息-->
			<tui-tips position="center" ref="toast"></tui-tips>
			<!--居中消息-->
			<tui-list-cell :lineLeft="false">
				<view class="tui-item-box" style="height: 60rpx;">
					<view class="tui-msg-box">
						<view class="tui-list-cell_name_1">总计重量：<p style="color: #939DE1;font-size:28rpx;">302kg</p></view>
					</view>
					<view class="tui-msg-box" style="margin-left: 40rpx;">
						<view class="tui-list-cell_name_1">总计箱数：<p style="color: #939DE1;font-size:28rpx;">34</p></view>
					</view>
				</view>
			</tui-list-cell>
			<tui-list-cell :lineLeft="false">
				<view class="tui-item-box">
					<view class="tui-msg-box">
						<view class="tui-list-cell_name">机构名称</view>
					</view>
					<view class="tui-right">钦州市第一人民医院</view>
				</view>
			</tui-list-cell>
			<tui-list-cell :lineLeft="false">
				<view class="tui-item-box">
					<view class="tui-msg-box">
						<view class="tui-list-cell_name">机构地址</view>
					</view>
					<view class="tui-right">广西壮族自治区钦州市</view>
				</view>
			</tui-list-cell>
			<tui-list-cell :lineLeft="false">
				<view class="tui-item-box">
					<view class="tui-msg-box">
						<view class="tui-list-cell_name">计划批次</view>
					</view>
					<view class="tui-right">202209020001</view>
				</view>
			</tui-list-cell>
			<tui-list-cell :lineLeft="false">
				<view class="tui-item-box">
					<view class="tui-msg-box">
						<view class="tui-list-cell_name">转运时间</view>
					</view>
					<view class="tui-right">2022-10-14 17:23:00</view>
				</view>
			</tui-list-cell>
			<view class="bar"></view>
			<!--内容部分-->
			<tui-list-cell :lineLeft="false">
				<view class="tui-item-box">
					<view class="tui-msg-box">
						<view class="tui-list-cell_name">感染性废物</view>
					</view>
					<view class="tui-right">68kg&nbsp;&nbsp;&nbsp;1箱</view>
				</view>
			</tui-list-cell>
			<tui-list-cell :lineLeft="false">
				<view class="tui-item-box">
					<view class="tui-msg-box">
						<view class="tui-list-cell_name">损伤性废物</view>
					</view>
					<view class="tui-right">68kg&nbsp;&nbsp;&nbsp;1箱</view>
				</view>
			</tui-list-cell>
			<tui-list-cell>
				<view class="tui-item-box">
					<text class="tui-list-cell_name">病理性废物</text>
					<view class="tui-right">68kg&nbsp;&nbsp;&nbsp;1箱</view>
				</view>
			</tui-list-cell>
		</tui-list-view>
		<view class="tui-btn-box" style="margin-top: 400rpx;"><tui-button shape="circle" plain type="blue" @click="checkList">查看转运联单</tui-button></view>
	</view>
</template>

<script>
	import myapp from '@/common/js/myapp.js'
	export default {
		data() {
			return {
				apiHost: myapp.apiHost
			}
		},
		onShow: function() {
			let user = myapp.checkLogin()
			uni.setStorageSync('lastPagePath', '/packagePage/pages/basic_info/basic_info')
			this.showTips();
		},
		methods: {
			checkList: function() {
				uni.navigateTo({
					url:'/packagePage/pages/doc_content/doc_content'
				})
			},
			showTips: function() {
				let options = {
					msg: '转运成功！',
					duration: 2000,
					type: 'translucent'
				};
				this.$refs.toast.showTips(options);
			}
		}
	}
</script>

<style>
	.container {
		padding-bottom: env(safe-area-inset-bottom);
	}
	.bar{
		height:10px;
		background-color:whitesmoke;
	}
	.tui-item-box {
		width: 100%;
		display: flex;
		align-items: center;
		/* border:1px solid red; */
	}

	.tui-list-cell_name {
		font-size: 24rpx;
		padding-left: 20rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color:#868686;
		font-weight: 600;
		/* border:1px solid red; */
	}

	.tui-ml-auto {
		margin-left: auto;
	}

	.tui-right {
		margin-right: auto;
		margin-left: 20rpx;
		font-size: 24rpx;
	}
	
	.tui-list-cell_name_1 {
		font-size: 26rpx;
		padding-left: 20rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color:#5C5C5C;
		font-weight: 600;
	}
	
	.tui-btn-box{
		padding:10rpx 50rpx !important;
	}
</style>
