emis-app/components/buns-post-edit-templates/bpe-good-kuaidi-tmp.vue

<template>
	<view class="edm-input-item">
		<tpx-select v-model:value="modelInfo.packType" :list="dicData.emis_tab_packing_type"
			mode="drop" type="multiple"
		>
			<tpx-text-item label="包装类型" :value="modelInfo.packType" :list="dicData.emis_tab_packing_type" ></tpx-text-item>
		</tpx-select>
	</view>
	<view v-if="modelInfo.pickupMethod == 1">
		<view class="edm-input-item">
			<tpx-select v-model:value="modelInfo.prepareInExpress" :list="dicData.emis_express_code"
				mode="drop" 
			>
				<tpx-text-item label="同行快递">
					<template v-slot:right>
						<tpx-input v-model:value="modelInfo.prepareInExpress" inputAlign="right"></tpx-input>
					</template>
				</tpx-text-item>
			</tpx-select>
		</view>
		
		<view class="edm-input-item">
			<tpx-text-item label="快递单号">
				<template v-slot:right>
					<tpx-input v-model:value="modelInfo.prepareInBillCode" inputAlign="right"></tpx-input>
				</template>
			</tpx-text-item>
		</view>
		
		<view class="edm-input-item">
			<tpx-text-item label="是否需要代垫运费">
				<template v-slot:right>
					<u-switch v-model="modelInfo.blPrepareInFreight" @change="handleDDianSwitch"
						activeValue="1" inactiveValue="0" active-color="#B12D29" size="34"
					></u-switch>
				</template>
			</tpx-text-item>
		</view>
		
		<view v-if="modelInfo.blPrepareInFreight == '1'" class="edm-input-item">
			<tpx-text-item label="代垫预估">
				<template v-slot:right>
					<tpx-input v-model:value="modelInfo.prepareInEstFee" _digit="5" inputAlign="right" suffix="CNY"></tpx-input>
				</template>
			</tpx-text-item>
		</view>
		
		<view class="edm-input-item">
			<tpx-text-item label="供应商">
				<template v-slot:right>
					<tpx-input v-model:value="modelInfo.prepareInSupplier" inputAlign="right"></tpx-input>
				</template>
			</tpx-text-item>
		</view>
		
		<view class="edm-input-item">
			<tpx-text-item label="自定义标记">
				<template v-slot:right>
					<tpx-input v-model:value="modelInfo.prepareInRemark" inputAlign="right"></tpx-input>
				</template>
			</tpx-text-item>
		</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: {
			handleDDianSwitch(val){
				if(val!=1) {
					this.modelInfo.prepareInEstFee = undefined
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.edm-input-item{
		padding: 20rpx 0;
		border-bottom: 2rpx solid #F6F6F6;
	}
</style>