uniapp-dp/dp-workshop-manage/pages/workshop/edit.vue

<template>
	<view style="padding: 20rpx;">
		<view style="padding: 30rpx;background-color: white;border-radius:50rpx">
			<u--form labelPosition="left" :model="formData" ref="uForm" labelWidth='120'>
				<u-form-item label="制衣生产车间:" prop="workshopInfo.zyProductWorkshop" borderBottom ref="uItem" 
					:required="true">
					<u--input v-model="formData.workshopInfo.zyProductWorkshop" border="none"></u--input>
				</u-form-item>
				<u-calendar :show="deliveryDateShowFlag" mode="single" @confirm="confirm"></u-calendar>
				<u-form-item label="启用:" prop="workshopInfo.status" borderBottom ref="uItem">
					<u-switch v-model="formData.workshopInfo.status"></u-switch>
				</u-form-item>
				<u-button type="primary" text="提交" customStyle="margin-top: 50px" @click="submit"></u-button>
				<u-button type="error" text="重置" customStyle="margin-top: 10px" @click="reset"></u-button>
			</u--form>
		</view>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	import {
		edit
	} from '@/api/biz/workshop.js'
	export default {
		data() {
			return {
				formData: {
					workshopInfo: {
						zyProductWorkshop: '',
						// zyTeam: '',
						// orderNo: '',
						// deliveryDate: "",
						status: false
					}
				},
				// deliveryDateShowFlag: false,
				rules: {
					'workshopInfo.zyProductWorkshop': {
						type: 'string',
						required: true,
						message: '请填写制衣生产车间',
						trigger: ['blur', 'change']
					}
					// 'workshopInfo.zyTeam': {
					// 	type: 'string',
					// 	required: true,
					// 	message: '请填写制衣班组',
					// 	trigger: ['blur', 'change']
					// },
					// 'workshopInfo.orderNo': {
					// 	type: 'string',
					// 	required: true,
					// 	message: '请填写订单号',
					// 	trigger: ['blur', 'change']
					// },
					// 'workshopInfo.deliveryDate': {
					// 	type: 'string',
					// 	required: true,
					// 	message: '请填写交期',
					// 	trigger: ['blur', 'change']
					// }
				}
			}
		},
		onLoad(option) {
			const workshopInfo = JSON.parse(decodeURIComponent(option.workshopInfo))
			this.formData.workshopInfo = workshopInfo
			console.log(this.formData.workshopInfo)
		},
		onReady() {
			this.$refs.uForm.setRules(this.rules)
		},
		methods: {
			confirm(e) {
				console.log(e);
				this.deliveryDateShowFlag = false
				this.formData.workshopInfo.deliveryDate = e[0]
			},
			submit() {
				this.$refs.uForm.validate().then(val => {
					edit(this.formData.workshopInfo).then(res => {
						console.log(res)
						if (res.success) {
							this.$refs.uToast.show({
								type: 'success',
								message: "新增成功",
								iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'
							})
							uni.$emit('loadData');
							uni.navigateBack(1);
						} else {
							this.$refs.uToast.show({
								type: 'error',
								message: res.message,
								iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'
							})
						}
					})
				})
			},
			reset() {
				this.formData = {
					workshopInfo: {
						zyProductWorkshop: '',
						// zyTeam: '',
						// orderNo: '',
						// deliveryDate: "",
						status: true
					}
				}
			}
		}
	}
</script>

<style>
</style>