yunxi
/
SC-MOM
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

车辆验证必填修改

Browse Source
product
mhsnet 2 years ago
parent 492d77212b
commit db5fd5907e
1 changed files with 149 additions and 168 deletions
Show Stats Download Patch File Download Diff File

317
SC-web/src/views/scm/basicInformation/vehicle/Form.vue
Unescape View File

@ -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>

Write Preview
Loading…
Cancel
Save