From db5fd5907ee2adfa3420bb99620cfcb45f29c709 Mon Sep 17 00:00:00 2001
From: mhsnet <mhsnet@163.com>
Date: Sun, 2 Apr 2023 10:37:31 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=A6=E8=BE=86=E9=AA=8C=E8=AF=81=E5=BF=85?=
 =?UTF-8?q?=E5=A1=AB=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scm/basicInformation/vehicle/Form.vue     | 317 ++++++++----------
 1 file changed, 149 insertions(+), 168 deletions(-)

diff --git a/SC-web/src/views/scm/basicInformation/vehicle/Form.vue b/SC-web/src/views/scm/basicInformation/vehicle/Form.vue
index a0f54d15..01835fa2 100644
--- a/SC-web/src/views/scm/basicInformation/vehicle/Form.vue
+++ b/SC-web/src/views/scm/basicInformation/vehicle/Form.vue
@@ -1,9 +1,8 @@
 <template>
-	<el-dialog :title="!dataForm.id ? '新建' :  isDetail ? '详情':'编辑'" :close-on-click-modal="false" append-to-body
+	<el-dialog :title="!dataForm.id ? '新建' : isDetail ? '详情' : '编辑'" :close-on-click-modal="false" append-to-body
 		:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll width="1000px">
 		<el-row :gutter="15" class="">
-			<el-form ref="elForm" :model="dataForm" :rules="rules" size="small" label-width="100px"
-				label-position="right">
+			<el-form ref="elForm" :model="dataForm" :rules="rules" size="small" label-width="100px" label-position="right">
 				<template v-if="!loading">
 					<!-- <el-col :span="24">
 						<el-form-item label-width="0">
@@ -15,8 +14,7 @@
 					</el-col> -->
 					<el-col :span="24">
 						<el-form-item label="车牌号" prop="ticketno">
-							<el-input v-model="dataForm.ticketno" placeholder="请输入车牌号" clearable
-								:style='{"width":"100%"}'>
+							<el-input v-model="dataForm.ticketno" placeholder="请输入车牌号" clearable :style='{ "width": "100%" }'>
 
 							</el-input>
 						</el-form-item>
@@ -24,15 +22,14 @@
 					<el-col :span="24">
 						<el-form-item label="司机名称" prop="drivername">
 							<el-input v-model="dataForm.drivername" placeholder="请输入司机名称" clearable
-								:style='{"width":"100%"}'>
+								:style='{ "width": "100%" }'>
 
 							</el-input>
 						</el-form-item>
 					</el-col>
 					<el-col :span="24">
 						<el-form-item label="手机号" prop="contact">
-							<el-input v-model="dataForm.contact" placeholder="请输入手机号" clearable
-								:style='{"width":"100%"}'>
+							<el-input v-model="dataForm.contact" placeholder="请输入手机号" clearable :style='{ "width": "100%" }'>
 
 							</el-input>
 						</el-form-item>
@@ -61,177 +58,161 @@
 	</el-dialog>
 </template>
 <script>
-	import request from '@/utils/request'
-	import {
-		getDataInterfaceRes
-	} from '@/api/systemData/dataInterface'
-	import {
-		getDictionaryDataSelector
-	} from '@/api/systemData/dictionary'
-	export default {
-		components: {},
-		props: [],
-		data() {
-			return {
-				submitDisabled: false,
-				visible: false,
-				loading: false,
-				isDetail: false,
-				dataForm: {
-					ticketno: '',
-					drivername: '',
-					contact: '',
-					vehiclephotos: [{
-						"name": "006-1 (3).jpg",
-						"url": "/api/file/Image/annex/20230105_380637081082287813.jpg",
-						"fileId": "20230105_380637081082287813.jpg"
-					}, {
-						"name": "微信图片_20220617141029.jpg",
-						"url": "/api/file/Image/annex/20230105_380637561959241413.jpg",
-						"fileId": "20230105_380637561959241413.jpg"
-					}],
-					creatorusername: '',
-					creatortime: "",
-				},
-				rules: {
-					ticketno: [{
-						required: true,
-						message: '请输入车牌号',
-						trigger: 'blur'
-					}, ],
-					drivername: [{
-						required: true,
-						message: '请输入司机名称',
-						trigger: 'blur'
-					}, ],
-          vehiclephotos: [{
-            required: true,
-            message: '请输入车辆照片',
-            trigger: 'blur'
-          }, ],
+import request from '@/utils/request'
+import {
+	getDataInterfaceRes
+} from '@/api/systemData/dataInterface'
+import {
+	getDictionaryDataSelector
+} from '@/api/systemData/dictionary'
+export default {
+	components: {},
+	props: [],
+	data() {
+		return {
+			submitDisabled: false,
+			visible: false,
+			loading: false,
+			isDetail: false,
+			dataForm: {
+				ticketno: '',
+				drivername: '',
+				contact: '',
+				vehiclephotos: [{
+					"name": "006-1 (3).jpg",
+					"url": "/api/file/Image/annex/20230105_380637081082287813.jpg",
+					"fileId": "20230105_380637081082287813.jpg"
+				}, {
+					"name": "微信图片_20220617141029.jpg",
+					"url": "/api/file/Image/annex/20230105_380637561959241413.jpg",
+					"fileId": "20230105_380637561959241413.jpg"
+				}],
+				creatorusername: '',
+				creatortime: "",
+			},
+			rules: {
+				ticketno: [{
+					required: true,
+					message: '请输入车牌号',
+					trigger: 'blur'
+				},],
+				drivername: [{
+					required: true,
+					message: '请输入司机名称',
+					trigger: 'blur'
+				}],
+				vehiclephotos: [],
 
-          contact: [{ required: true, message: '手机号不能为空' },
-            { type: 'number',
-              message: '请输入正确的手机号码',
-              trigger: 'blur',
-              transform(value) {
-                var contactreg = 11 && /^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/
-                if (!contactreg.test(value)) {
-                  return false
-                } else {
-                  return Number(value)
-                }
-              }
-            }],
+				contact: [],
 
-				},
+			},
 
+		}
+	},
+	computed: {},
+	watch: {},
+	created() { },
+	mounted() { },
+	methods: {
+		clearData(data) {
+			for (let key in data) {
+				if (data[key] instanceof Array) {
+					data[key] = [];
+				} else if (data[key] instanceof Object) {
+					this.clearData(data[key]);
+				} else {
+					data[key] = "";
+				}
 			}
 		},
-		computed: {},
-		watch: {},
-		created() {},
-		mounted() {},
-		methods: {
-			clearData(data) {
-				for (let key in data) {
-					if (data[key] instanceof Array) {
-						data[key] = [];
-					} else if (data[key] instanceof Object) {
-						this.clearData(data[key]);
-					} else {
-						data[key] = "";
-					}
-				}
-			},
-			init(id, isDetail) {
-				this.dataForm.id = id || 0;
-				this.visible = true;
-				this.isDetail = isDetail || false;
-				this.$nextTick(() => {
-					this.$refs['elForm'].resetFields();
-					if (this.dataForm.id) {
-						this.loading = true
-						request({
-							url: '/api/example/Vehicle/' + this.dataForm.id,
-							method: 'get'
-						}).then(res => {
-							this.dataInfo(res.data)
-							this.loading = false
-						});
-					} else {
-						this.clearData(this.dataForm)
-					}
-				});
-				this.$store.commit('generator/UPDATE_RELATION_DATA', {})
-			},
-			// 表单提交
-			dataFormSubmit() {
-				this.$refs['elForm'].validate((valid) => {
-					if (valid) {
-						this.request()
-					}
-				})
-			},
-			request() {
-				this.submitDisabled = true;
-				var _data = this.dataList()
-				if (!this.dataForm.id) {
-					request({
-						url: '/api/example/Vehicle',
-						method: 'post',
-						data: _data
-					}).then((res) => {
-						this.$message({
-							message: res.msg,
-							type: 'success',
-							duration: 1000,
-							onClose: () => {
-								this.submitDisabled = false
-								this.visible = false
-								this.$emit('refresh', true)
-							}
-						})
-					}).catch((err)=>{
-						this.submitDisabled = false
-					})
-				} else {
+		init(id, isDetail) {
+			this.dataForm.id = id || 0;
+			this.visible = true;
+			this.isDetail = isDetail || false;
+			this.$nextTick(() => {
+				this.$refs['elForm'].resetFields();
+				if (this.dataForm.id) {
+					this.loading = true
 					request({
 						url: '/api/example/Vehicle/' + this.dataForm.id,
-						method: 'PUT',
-						data: _data
-					}).then((res) => {
-						this.$message({
-							message: res.msg,
-							type: 'success',
-							duration: 1000,
-							onClose: () => {
-								this.submitDisabled = false
-								this.visible = false
-								this.$emit('refresh', true)
-							}
-						})
-					}).catch((err)=>{
-						this.submitDisabled = false
-					})
+						method: 'get'
+					}).then(res => {
+						this.dataInfo(res.data)
+						this.loading = false
+					});
+				} else {
+					this.clearData(this.dataForm)
 				}
-			},
-			dataList() {
-				var _data = JSON.parse(JSON.stringify(this.dataForm));
-				_data.vehiclephotos = JSON.stringify(_data.vehiclephotos)
-				return _data;
-			},
-			dataInfo(dataAll) {
-				let _dataAll = dataAll
-				_dataAll.vehiclephotos = JSON.parse(_dataAll.vehiclephotos)
-				this.dataForm = _dataAll
-			},
+			});
+			this.$store.commit('generator/UPDATE_RELATION_DATA', {})
+		},
+		// 表单提交
+		dataFormSubmit() {
+			this.$refs['elForm'].validate((valid) => {
+				if (valid) {
+					this.request()
+				}
+			})
+		},
+		request() {
+			this.submitDisabled = true;
+			var _data = this.dataList()
+			if (!this.dataForm.id) {
+				request({
+					url: '/api/example/Vehicle',
+					method: 'post',
+					data: _data
+				}).then((res) => {
+					this.$message({
+						message: res.msg,
+						type: 'success',
+						duration: 1000,
+						onClose: () => {
+							this.submitDisabled = false
+							this.visible = false
+							this.$emit('refresh', true)
+						}
+					})
+				}).catch((err) => {
+					this.submitDisabled = false
+				})
+			} else {
+				request({
+					url: '/api/example/Vehicle/' + this.dataForm.id,
+					method: 'PUT',
+					data: _data
+				}).then((res) => {
+					this.$message({
+						message: res.msg,
+						type: 'success',
+						duration: 1000,
+						onClose: () => {
+							this.submitDisabled = false
+							this.visible = false
+							this.$emit('refresh', true)
+						}
+					})
+				}).catch((err) => {
+					this.submitDisabled = false
+				})
+			}
 		},
-	}
+		dataList() {
+			var _data = JSON.parse(JSON.stringify(this.dataForm));
+			_data.vehiclephotos = JSON.stringify(_data.vehiclephotos)
+			return _data;
+		},
+		dataInfo(dataAll) {
+			let _dataAll = dataAll
+			_dataAll.vehiclephotos = JSON.parse(_dataAll.vehiclephotos)
+			this.dataForm = _dataAll
+		},
+	},
+}
 </script>
 <style>
 .el-upload-dragger {
-    width: 148px;
-    height: 148px;
+	width: 148px;
+	height: 148px;
 }
 </style>