176 lines
3.9 KiB
Vue
176 lines
3.9 KiB
Vue
<template>
|
|
<view class="pb-20">
|
|
<u-row>
|
|
<view class="clr-sub pr-10">货物名称</view>
|
|
<view class="text-1-line" style="flex: 1;">
|
|
{{modelInfo.goodsInfo}}
|
|
</view>
|
|
</u-row>
|
|
<!-- <view class="pt-10">
|
|
<text class="clr-sub pr-10">货物大类</text> {{modelInfo.goodsType}}
|
|
</view> -->
|
|
|
|
</view>
|
|
|
|
<view v-for="(item) in modelInfo.cargoList" class="yditem">
|
|
<view class="font-weight text-1-line">
|
|
{{item.goodsName}}
|
|
</view>
|
|
|
|
<u-row justify="between" custom-style="flex-wrap: wrap;">
|
|
<u-col span="12">
|
|
<view class="pt-5">
|
|
<text class="clr-sub pr-10">尺寸</text>
|
|
{{item.length || '0'}}cm<text class="clr-sub pl-10 pr-10">*</text>
|
|
{{item.width || '0'}}cm<text class="clr-sub pl-10 pr-10 ">*</text>
|
|
{{item.height || '0'}}cm
|
|
</view>
|
|
</u-col>
|
|
|
|
<u-col v-if="item.price" span="6">
|
|
<view class="pt-5">
|
|
<text class="clr-sub pr-10">件数</text>{{item.cargoQty}}
|
|
</view>
|
|
</u-col>
|
|
|
|
<u-col v-if="item.price" span="6">
|
|
<view class="pt-5">
|
|
<text class="clr-sub pr-10">体积</text>{{item.volume || '0'}}m³
|
|
</view>
|
|
</u-col>
|
|
|
|
<u-col v-if="item.price" span="6">
|
|
<view class="pt-5">
|
|
<text class="clr-sub pr-10">单价</text>{{item.price}} CNY
|
|
</view>
|
|
</u-col>
|
|
<u-col v-if="item.nationArea" span="6">
|
|
<view class="pt-5">
|
|
<text class="clr-sub pr-10">产地</text>{{item.nationArea}}
|
|
</view>
|
|
</u-col>
|
|
|
|
<u-col v-if="item.brand" span="6">
|
|
<view class="pt-5">
|
|
<text class="clr-sub pr-10">品牌</text>{{item.brand}}
|
|
</view>
|
|
</u-col>
|
|
<u-col v-if="item.material" span="6">
|
|
<view class="pt-5">
|
|
<text class="clr-sub pr-10">材质</text>{{item.material}}
|
|
</view>
|
|
</u-col>
|
|
<u-col v-if="item.purpose" span="6">
|
|
<view class="pt-5">
|
|
<text class="clr-sub pr-10">用途</text>{{item.purpose}}
|
|
</view>
|
|
</u-col>
|
|
<u-col v-if="item.ingredients" span="6">
|
|
<view class="pt-5">
|
|
<text class="clr-sub pr-10">成分</text>{{item.ingredients}}
|
|
</view>
|
|
</u-col>
|
|
<u-col v-if="item.supplier" span="6">
|
|
<view class="pt-5">
|
|
<text class="clr-sub pr-10">供应商</text>{{item.supplier}}
|
|
</view>
|
|
</u-col>
|
|
</u-row>
|
|
</view>
|
|
|
|
<view class="">
|
|
<view class="font-28">
|
|
<u-row justify="space-between">
|
|
<view class="sta-t-item">
|
|
<view class="">
|
|
<text class="font-weight">{{modelInfo.parcelQty || '-'}}</text>
|
|
<text class="clr-sub">件</text>
|
|
</view>
|
|
<view class="sta-lbl clr-sub">总件数</view>
|
|
</view>
|
|
<view class="sta-t-item">
|
|
<view class="">
|
|
<text class="font-weight">{{modelInfo.totalVolume || '-'}}</text>
|
|
<text class="clr-sub">m³</text>
|
|
</view>
|
|
<view class="sta-lbl clr-sub">总体积</view>
|
|
</view>
|
|
<view class="sta-t-item">
|
|
<view class="">
|
|
<text class="font-weight">{{modelInfo.billWeight || '-'}}</text>
|
|
<text class="clr-sub">kg</text>
|
|
</view>
|
|
<view class="sta-lbl clr-sub">实际重量</view>
|
|
</view>
|
|
</u-row>
|
|
</view>
|
|
<!-- <view class="pt-30">
|
|
<u-row justify="">
|
|
<text class="clr-sub pr-10">包装类型</text>
|
|
<tpx-text-dic :value="modelInfo.packType" :list="dicData.emis_tab_packing_type"></tpx-text-dic>
|
|
</u-row>
|
|
</view> -->
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
computed: {
|
|
dicData() {
|
|
return this.$store.getters.dicData
|
|
},
|
|
modelInfo: {
|
|
get(){
|
|
return this.value
|
|
}
|
|
}
|
|
},
|
|
props: {
|
|
value: {
|
|
default () {
|
|
return { }
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
created() {
|
|
|
|
},
|
|
onHide() {
|
|
|
|
},
|
|
unmounted() {
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.sta-t-item{
|
|
text-align: center;
|
|
}
|
|
.sta-lbl{
|
|
margin-top: 6rpx;
|
|
}
|
|
.yditem{
|
|
padding: 20rpx 20rpx;
|
|
background-color: #F6F6F6;
|
|
border-radius: 10rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.ydi-lab{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
</style> |