emis-app/components/buns-post-edit-templates/bpe-coststatic-tmp.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>
					<text class="clr-sub pr-10">代收备注</text>
					<text>{{modelInfo.codFeeDesc || '-'}}</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>