<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>