135 lines
2.9 KiB
Vue
135 lines
2.9 KiB
Vue
<template>
|
|
<view class="shet-cont">
|
|
|
|
<view v-for="(item, index) in modelInfo.feeItems" class="jsfm-item">
|
|
<!-- 手动添加的才能删除 -->
|
|
<view>
|
|
<text class="font-weight font-30">{{item.feeName}}</text>
|
|
</view>
|
|
<view>
|
|
<u-row justify="between">
|
|
<view>
|
|
<text class="clr-sub">实收</text> {{item.realFee || 0}}<text class="clr-sub pl-10">{{item.currency}}</text>
|
|
</view>
|
|
<view >
|
|
<text class="clr-sub">应收</text> {{item.fee || 0}}<text class="clr-sub pl-10">{{item.currency}}</text>
|
|
</view>
|
|
</u-row>
|
|
</view>
|
|
<view class="pt-10">
|
|
<u-row justify="between">
|
|
<view >
|
|
<text class="clr-sub">首重费</text> {{item.initialWeightFee || 0}}<text class="clr-sub pl-10">{{item.currency}}</text>
|
|
</view>
|
|
<view>
|
|
<text class="clr-sub">续重单价</text> {{item.addWeightPrice || 0}}<text class="clr-sub pl-10">{{item.currency}}</text>
|
|
</view>
|
|
</u-row>
|
|
</view>
|
|
<view v-if="item.calcExp" class="pt-10">
|
|
<text class="clr-sub">描述</text> {{item.remark || '-'}}
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="">
|
|
<u-row justify="between">
|
|
<view>
|
|
<text class="clr-sub pr-10">特殊报价</text>
|
|
<text>{{modelInfo.blSpecialQuote==1 ? '是' : '否'}}</text>
|
|
</view>
|
|
<view>
|
|
<text class="clr-sub pr-10">敏感物</text>
|
|
<text>{{modelInfo.blSpecialGoods==1 ? '是' : '否'}}</text>
|
|
</view>
|
|
<u-row>
|
|
<text class="clr-sub pr-10">计费方式</text>
|
|
<view>
|
|
<tpx-text-dic :value="modelInfo.calcFeeType" :list="dicData.emis_calc_fee_type"></tpx-text-dic>
|
|
</view>
|
|
</u-row>
|
|
</u-row>
|
|
</view>
|
|
|
|
<view class="pt-20">
|
|
<u-row>
|
|
<text class="clr-sub pr-10">总运费</text>
|
|
<text >
|
|
<text class="font-weight clr-prm">{{modelInfo.freight || 0}}</text>
|
|
<text class="clr-sub pl-10">CNY</text>
|
|
</text>
|
|
</u-row>
|
|
</view>
|
|
<view class="pt-20">
|
|
<u-row justify="between">
|
|
<u-row>
|
|
<text class="clr-sub pr-10">费用备注</text>
|
|
<text>{{modelInfo.feeRemark || '-'}}</text>
|
|
</u-row>
|
|
</u-row>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import * as apiService from "@/common/api"
|
|
export default {
|
|
computed: {
|
|
modelInfo: {
|
|
get() {
|
|
return this.value
|
|
}
|
|
},
|
|
dicData() {
|
|
return this.$store.getters.dicData
|
|
},
|
|
},
|
|
props: {
|
|
value: {
|
|
default () {
|
|
return {}
|
|
}
|
|
},
|
|
},
|
|
data() {
|
|
return {}
|
|
},
|
|
created() {
|
|
},
|
|
onHide() {
|
|
|
|
},
|
|
unmounted() {
|
|
|
|
},
|
|
|
|
methods: {
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.shet-cont {}
|
|
|
|
.jsfm-item {
|
|
position: relative;
|
|
background-color: #F6F6F6;
|
|
padding: 20rpx;
|
|
margin-bottom: 20rpx;
|
|
border-bottom: 2rpx solid #F6F6F6;
|
|
&:last-child {
|
|
margin-bottom: 0rpx;
|
|
}
|
|
.lft1 {
|
|
font-weight: 700;
|
|
width: 150rpx;
|
|
margin-right: 10rpx;
|
|
}
|
|
.delicon {
|
|
padding: 16rpx 0 16rpx 20rpx;
|
|
}
|
|
}
|
|
.nobg {
|
|
background-color: transparent;
|
|
}
|
|
</style> |