aiot-app/pages/home/wt/components/salesInvoiceConfirm/taskForm.vue

<template>
	<view class="">
		<u-sticky offset-top="50">
			<u-subsection fontSize='25' mode='subsection' :list="list" :current="curNow" @change="sectionChange"
				activeColor='#157A2C'></u-subsection>
		</u-sticky>
		<view v-show='curNow===0'>
			<u--form style="margin: 0 20px;" labelPosition="left" :model="form" ref="uForm" labelWidth='200rpx'>
				<u-form-item label="客户名称" prop="contactName" borderBottom>
					{{ form.contactName || '-' }}
				</u-form-item>
				<u-form-item label="车牌号" prop="plateNo" borderBottom>
					{{ form.plateNo || '-' }}
				</u-form-item>
				<u-form-item label="客户联系人" prop="linkName" borderBottom>
					{{ form.linkName || '-' }}
				</u-form-item>
				<u-form-item label="发货确认单编码" prop="docNo" borderBottom>
					{{ form.docNo || '-' }}
				</u-form-item>
				<u-form-item label="客户电话" prop="linkPhone" borderBottom>
					{{ form.linkPhone || '-' }}
				</u-form-item>
				<u-form-item label="制单人" prop="makerName" borderBottom>
					{{ form.makerName || '-' }}
				</u-form-item>
				<u-form-item label="客户地址" prop="receiveAddress" borderBottom>
					{{ form.receiveAddress || '-' }}
				</u-form-item>
				<u-form-item label="订单编码" prop="orderNo" borderBottom>
					{{ form.orderNo || '-' }}
				</u-form-item>
				<u-form-item label="发货附件" prop="sendFiles" borderBottom>
					<fileMain v-model="form.sendFiles" type="view"></fileMain>
				</u-form-item>
				<u-form-item label="发货单编码" prop="sendNo" borderBottom>
					{{ form.sendNo || '-' }}
				</u-form-item>
				<u-form-item label="回执附件" prop="repliedFiles" borderBottom>
					<fileMain v-model="form.repliedFiles" type="view"></fileMain>
				</u-form-item>
				<u-form-item label="是否回执" prop="replied" borderBottom>
					{{ form.replied == 1 ? '是' : '否' }}
				</u-form-item>
				<u-form-item label="审核状态" prop="reviewStatus" borderBottom>
					{{ form.reviewStatus || '-' }}
				</u-form-item>
			</u--form>
		</view>
		<view v-show='curNow===1'>
			<common-product-list :list="form.productList" :tableField="tableField"></common-product-list>
		</view>
		<view v-show='curNow===2'>
			<common-product-list :list="form.trayList" :tableField="trayField"></common-product-list>
		</view>
	</view>
</template>

<script>
	import {
		saleordersendconfirmInfo
	} from '@/api/saleManage/saleorder/index.js'
	import fileMain from "@/pages/doc/index.vue"
	import commonProductList from "../common/commonProductList.vue"
	import {transactionMethodsOp,shippingModeOp,shippingModePurchaseOp, pricingWayList, levelList, quoteTypeOp} from '@/enum/dict.js'
	export default {
		components: {
			fileMain,
			commonProductList
		},
		props: {
			businessId: {
				default: ''
			},
			taskDefinitionKey: {
				default: ''
			},
		},
		computed: {
	
		},
		data() {
			return {
				form: {},
				list: ['基本信息', '物品清单', '托盘清单'],
				curNow: 0,
				tableField: [
					{ label: '类型', field: 'productCategoryName' },
					{ label: '批次号', field: 'batchNo' },
					{ label: '发货条码', field: 'barcodes' },
					{ label: '物料代号', field: 'materielDesignation' },
					{ label: '客户代号', field: 'clientCode' },
					{ label: '计价方式', field: 'pricingWay', type: 'pricingWay' },
					{ label: '包装编码', field: 'packageNo' },
					{ label: '包装数量', field: 'packingQuantity' },
					{ label: '规格', field: 'specification' },
					{ label: '牌号', field: 'brandNo' },
					{ label: '客户代号', field: 'customerMark' },
					{ label: '刻码', field: 'engrave' },
					{ label: '包装规格', field: 'packingSpecification' },
					{ label: '机型', field: 'modelKey' },
					{ label: '颜色', field: 'colorKey' },
					{ label: '价格类型', field: 'goodsPriceType', type: 'dict', dictName: '商品价格类型' },
					{ label: '单价', field: 'singlePrice' },
					{ label: '折让单价', field: 'discountSinglePrice' },
					{ label: '单重', field: 'singleWeight' },
					{ label: '总重', field: 'totalWeight' },
					{ label: '增重重量', field: 'increaseTotalWeight' },
					{ label: '发货数量', field: 'saleCount' },
					{ label: '确认数量', field: 'totalCount' },
					{ label: '税率', field: 'taxRate', unit: '%'},
					{ label: '合计', field: 'totalPrice' },
					{ label: '收货状态', field: 'isException' },
				],
				trayField: [
					{ label: '批次号', field: 'batchNo' },
					{ label: '发货条码', field: 'barcodes' },
					{ label: '物料代号', field: 'materielDesignation' },
					{ label: '客户代号', field: 'clientCode' },
					{ label: '刻码', field: 'engrave' },
					{ label: '包装编码', field: 'packageNo' },
					{ label: '包装数量', field: 'packingQuantity' },
					{ label: '计量数量', field: 'totalCount' },
					{ label: '回收状态', field: 'type' },
				],
			}
		},
		async mounted() {
			await this.getDetailData(this.businessId);
		},
		methods: {
			sectionChange(index) {
				this.curNow = index;
			},
			async getDetailData(id) {
				const data = await saleordersendconfirmInfo(id);
				this.form = data;
			}
		}
	}
</script>

<style scoped>
.btnConcel {
		margin-top: 20rpx;
	}
</style>