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

<template>
	<view class="">
		<view v-for="(item,index) in datasource" :key="index">
			<u--form style="margin: 0 20px;" labelPosition="left" :model="form" ref="uForm" labelWidth='140rpx'>
				<u-row v-for="(key,index1) in tableField" :key="index1">
					<u-col :span="12">
						<u-form-item :label="key.label" prop="categoryName" borderBottom>
							<u--input style="width: 100%;" :title='item[key.field]' disabled
								v-model="item[key.field]"></u--input>
						</u-form-item>
					</u-col>

				</u-row>
			</u--form>
			<u-gap height="40" bgColor="#f0f0f0"></u-gap>
		</view>
	</view>
</template>

<script>
	import {
		contactApplyList
	} from '@/api/wt/index.js'
	export default {
		props: {
			businessId: {
				default: ''
			},
			taskDefinitionKey: {
				default: ''
			},
		},
		data() {
			return {
				datasource: [],
				form:{},
				tableField: [{
						label: '客户编码',
						field: 'code',
					},
					{
						label: '客户名称',
						field: 'name',
					},
					{
						label: '客户代号',
						field: 'serialNo',
					},
				
				],
			}
		},
		async mounted() {
			await this.getDetailData(this.businessId);
		},
		methods: {
			async getDetailData(id) {
				const data = await contactApplyList(id);
				this.datasource = data.contactList
			}
		}
	}
</script>

<style>
</style>