manage_mobile/pages/warehouse/detail.vue

<style lang="scss" scoped>
	.container{
		padding:30rpx;
		background:#F6F6F6;
		min-height:100%;
		.card{
			margin:0;
			.item{
				border-top:2rpx solid rgba(216,216,216,0.4);
				height:80rpx;
				display:flex;
				align-items: center;
				justify-content: space-between;
				color:#777;
				font-size:28rpx;
				text{
					&:first-child{
						flex-shrink: 0;
					}
				}
			}
			&.detailType{
				margin-top:30rpx;
				.info{
					display:flex;
					align-items: center;
					margin-bottom:20rpx;
					text{
						&:first-child{
							background:#10C176;
							width:80rpx;
							height:40rpx;
							line-height: 40rpx;
							text-align: center;
							color:#fff;
							border-radius:0 20rpx 0 20rpx;
							font-size:20rpx;
							margin-right:10rpx;
							flex-shrink: 0;
						}
						&:nth-child(2){
							font-weight: bold;
						}
						&:nth-child(3){
							flex-shrink: 0;
							font-size:20rpx;
							color:#999;
						}
						&:nth-child(4){
							flex-shrink: 0;
							color:#FBA83C;
							font-size:24rpx;
							margin-left:auto;
						}
					}
				}
				.type{
					text{
						color:#999;
						font-size:24rpx;
					}
				}
			}
		}
	}
</style>
<template>
	<view class="container">
		<view class="card">
			<view class="title">基本信息</view>
			
			<view class="item">
				<text>仓库名称</text> <text>{{detail.warehouseName}}</text>
			</view>
			<view class="item">
				<text>仓库位置</text> <text>{{detail.warehouseAddress}}</text>
			</view>
			<view class="item">
				<text>仓库容量</text> <text>{{detail.warehouseVolume}}(m²)</text>
			</view>
			<view class="item">
				<text>仓库类型</text> <text>{{detail.warehouseType_dictText}}</text>
			</view>
			<view class="item">
				<text>仓库管理员</text> <text>{{detail.contactPeople}}</text>
			</view>
			<view class="item">
				<text>库管员电话</text> <text>{{detail.contactNumber}}</text>
			</view>
		</view>

		<view class="card detailType" v-for="(v,k) in list" :key="k">
			<view class="info">
				<text>{{v.agriculturalGoods}}</text> <text class="over">{{v.substanceName}}</text> <text>({{v.specDescribe}})</text> <text>{{v.total}}kg</text>
			</view>
			<view class="type"> <text>{{v.detailType}}</text> </view>
		</view>
	</view>
</template>
<script>
import request from '@/common/request.js'
	export default{
		data(){
			return{
				detail:{},
				list:[],
			}
		},
		onLoad(options){
			var eventChannel=this.getOpenerEventChannel()
			eventChannel.on("detail", e=>this.detail=e)
		},
		methods:{
			
		}
	}
</script>