aiot-app/pages/salesServiceManagement/workOrder/components/planInfo.vue

<template>
	<u-cell-group>
		<u-cell title="需求编码" arrow-direction="down">
			<view slot="value" style="display: flex;align-items: center;width: 100%;">
				<u--input readonly style="flex:1" border="surround" v-model="planForm.code">
				</u--input>
			</view>
		</u-cell>
		<u-cell title="名称" arrow-direction="down">
			<view slot="value" style="display: flex;align-items: center;width: 100%;">
				<u--input placeholder="请输入" readonly style="flex:1" border="surround" v-model="planForm.name">
				</u--input>
			</view>
		</u-cell>
		<u-cell title="自动派单" arrow-direction="down">
			<!-- 		<uni-data-picker  v-model="planForm.isSyncBill" slot="value" placeholder="请选择"
				:localdata="isSyncBillist" @change="dispatchOnchange">
			</uni-data-picker> -->
			<view slot="value" style="display: flex;align-items: center;width: 100%;">
				<u--input placeholder="请输入" readonly style="flex:1" border="surround" v-model="planForm.isSyncBill">
				</u--input>
			</view>
		</u-cell>
		<u-cell title="预计售后时长" arrow-direction="down">
			<view slot="value" style="display: flex;align-items: center;width: 100%;">
				<u--input style="flex:1" readonly border="surround" v-model="planForm.duration">
					<template #suffix>
						<uni-data-picker class="time_select" readonly v-model="planForm.durationUnit" slot="value"
							placeholder="请选择" :localdata="durationList">
						</uni-data-picker>
					</template>
				</u--input>
			</view>
		</u-cell>
		<u-cell title="部门" arrow-direction="down">
			<view slot="value" style="display: flex;align-items: center;width: 100%;">
				<u--input style="flex:1" readonly placeholder="请选择" border="surround" v-model="planForm.executeGroupName">
				</u--input>
			</view>
		</u-cell>
		<u-cell title="执行人" arrow-direction="down">
			<view slot="value" style="display: flex;align-items: center;width: 100%;">
				<u--input style="flex:1" readonly placeholder="请选择" border="surround" v-model="planForm.executeUserName">
				</u--input>
			</view>
		</u-cell>
		<u-cell title="紧急程度" arrow-direction="down"> 
		<view slot="value" style="display: flex;align-items: center;width: 100%;">
			<u--input style="flex:1" readonly placeholder="请选择" border="surround" v-model="planForm.urgent">
			</u--input>
		</view>
			<!-- 			<uni-data-picker  v-model="planForm.urgent" slot="value" placeholder="请选择"
					:localdata="urgentList" @change="urgentOnchange">
				</uni-data-picker> -->
		</u-cell>
		<u-cell title="备注" arrow-direction="down">
			<view slot="value" style="display: flex;align-items: center;width: 100%;">
				<u--textarea disabled style="flex:1" border="surround" v-model="planForm.remark">
				</u--textarea>
			</view>
		</u-cell>
	</u-cell-group>
</template>

<script>
	export default {
		props: {
			planForm: {
				type: Object,
				default: () => {}
			}
		},
		watch:{
			planForm:{
				handler(val){
					this.planForm = val;
				},
				immediate:true,
				deep:true,
			}
		},
		data() {
			return {
				durationList: [{
						value: '1',
						text: '分钟'
					},
					{
						value: '2',
						text: '小时'
					},
					{
						value: '3',
						text: '天'
					},
				],
			}
		}
	}
</script>

<style>
</style>