You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
265 lines
8.1 KiB
265 lines
8.1 KiB
<template>
|
|
<div class="app-container">
|
|
<div v-show="viewState== 1">
|
|
<!--标题按钮部分开始-->
|
|
<div class="tab-header webtop">
|
|
<!--标题-->
|
|
<div>{{ viewTitle }}</div>
|
|
<!--start 添加修改按钮-->
|
|
<div>
|
|
<el-button type="primary" size="small" @click="handleSave()">提交</el-button>
|
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
|
</div>
|
|
</div>
|
|
<!--标题按钮部分结束-->
|
|
<!--Start 新增修改部分-->
|
|
<div class="listconadd">
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
|
|
<el-row style="border-top: 1px solid #E0E3EB">
|
|
<el-col :span="4" class="tleftb">
|
|
<span><span class="icon">*</span>车架号</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="vinNo">
|
|
<el-select v-model="formobj.vinNo" filterable placeholder="请选择" @change="changeVinNo">
|
|
<el-option v-for="item in vin_list" :key="item.carSid" :label="item.vin" :value="item.carSid"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>车型</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item><span>{{ formobj.model }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>巡检情况说明</span>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-form-item>
|
|
<el-input v-model="formobj.situationExplain" style="width: 80%" type="textarea" resize="none" placeholder="对车辆外观、车辆状态、电瓶情况、箱内燃油情况等进行说明" :autosize="{ minRows: 2, maxRows: 10}" clearable></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="tleftb">
|
|
<span><span class="icon">*</span>存在问题</span>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-form-item prop="problems">
|
|
<el-input v-model="formobj.problems" style="width: 80%" type="textarea" resize="none" placeholder="" :autosize="{ minRows: 2, maxRows: 10}" clearable></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>相关责任人</span>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-form-item>
|
|
<span>{{ formobj.liableName }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="tleftb">
|
|
<span><span class="icon">*</span>相关照片</span>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-form-item>
|
|
<upload ref="uploadImg" v-model="list1" :limit="20" @change="backData" @fileChange="deleteData" bucket="map" :accept="accept" :upload-data="{ type: '0001' }"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import req from '@/api/kucunguanli/polling'
|
|
import { fetchBySid } from '@/api/cheliang/dictcommons'
|
|
import upload from '../../../../components/uploadFile/upload_morebypicture'
|
|
|
|
export default {
|
|
name: 'cheliangxunjiancaozuo',
|
|
components: {
|
|
upload
|
|
},
|
|
data() {
|
|
return {
|
|
accept: '.jpg,.jpeg,.png,.JPG,.JPEG',
|
|
viewTitle: '【新增】巡检',
|
|
listLoading: false,
|
|
viewState: 1,
|
|
index: 0,
|
|
tableKey: 0,
|
|
vin_list: [],
|
|
list1: [],
|
|
// 表单数据
|
|
formobj: {
|
|
vinNo: '',
|
|
mainSid: '',
|
|
modelSid: '',
|
|
model: '',
|
|
situationExplain: '',
|
|
problems: '',
|
|
results: '',
|
|
carConditionValue: '',
|
|
carConditionKey: '',
|
|
warehouseSid: '',
|
|
warehouse: '',
|
|
liableName: '',
|
|
liableSid: '',
|
|
userSid: '',
|
|
userName: '',
|
|
createOrgSid: '',
|
|
useOrgName: '',
|
|
newAdd: '',
|
|
images: []
|
|
},
|
|
rules: {
|
|
vinNo: [{ required: true, message: '车架号不能为空', trigger: 'change' }],
|
|
problems: [{ required: true, message: '存在问题不能为空', trigger: 'blur' }]
|
|
},
|
|
submitdisabled: false
|
|
}
|
|
},
|
|
methods: {
|
|
showAdd(createOrgSid) {
|
|
this.$nextTick(() => {
|
|
this.$refs['form_obj'].clearValidate()
|
|
})
|
|
req.getPCInspectionVinList({ useOrgSid: createOrgSid }).then((resp) => {
|
|
if (resp.success) {
|
|
this.vin_list = resp.data
|
|
}
|
|
})
|
|
fetchBySid(createOrgSid).then((res) => {
|
|
if (res.success) {
|
|
this.formobj.useOrgName = res.data.name
|
|
}
|
|
})
|
|
this.formobj.carConditionValue = '问题未解决'
|
|
this.formobj.carConditionKey = '001'
|
|
this.formobj.newAdd = true
|
|
this.formobj.userName = window.sessionStorage.getItem('name')
|
|
this.formobj.userSid = window.sessionStorage.getItem('userSid')
|
|
this.formobj.createOrgSid = createOrgSid
|
|
},
|
|
changeVinNo(value) {
|
|
let bb = null
|
|
this.vin_list.forEach((e) => {
|
|
if (e.carSid === value) {
|
|
bb = {
|
|
address: e.address,
|
|
addressSid: e.addressSid,
|
|
administratorsName: e.administratorsName,
|
|
administratorsSid: e.administratorsSid,
|
|
carSid: e.carSid,
|
|
model: e.model,
|
|
modelSid: e.modelSid,
|
|
vin: e.vin
|
|
}
|
|
}
|
|
})
|
|
this.formobj.warehouse = bb.address
|
|
this.formobj.warehouseSid = bb.addressSid
|
|
this.formobj.liableName = bb.administratorsName
|
|
this.formobj.liableSid = bb.administratorsSid
|
|
this.formobj.model = bb.model
|
|
this.formobj.modelSid = bb.modelSid
|
|
this.formobj.vinNo = bb.vin
|
|
},
|
|
backData(val) {
|
|
const aa = []
|
|
if (val.length > 0) {
|
|
for (var i = 0; i < val.length; i++) {
|
|
aa.push(val[i].url)
|
|
}
|
|
}
|
|
this.formobj.images = aa
|
|
},
|
|
deleteData(val) {
|
|
const aa = []
|
|
console.log(val)
|
|
if (val.length === 0) {
|
|
this.formobj.images = []
|
|
this.list1 = []
|
|
} else {
|
|
for (var i = 0; i < val.length; i++) {
|
|
aa.push(val[i].url)
|
|
}
|
|
this.formobj.images = aa
|
|
this.list1 = aa
|
|
}
|
|
},
|
|
handleSave() {
|
|
// if (this.formobj.situationExplain === '') {
|
|
// this.$message({ showClose: true, type: 'error', message: '请填写巡检情况说明' })
|
|
// return
|
|
// }
|
|
this.$refs['form_obj'].validate((valid) => {
|
|
if (valid) {
|
|
this.submitdisabled = true
|
|
if (this.formobj.images.length === 0) {
|
|
this.$message({ showClose: true, type: 'error', message: '请上传相关照片' })
|
|
return
|
|
}
|
|
req.saveInspection(this.formobj).then((resp) => {
|
|
this.submitdisabled = false
|
|
if (resp.success) {
|
|
this.$message({
|
|
showClose: true,
|
|
type: 'success',
|
|
message: resp.msg
|
|
})
|
|
this.handleReturn('true')
|
|
}
|
|
}).catch(() => {
|
|
this.submitdisabled = false
|
|
})
|
|
} else {
|
|
return false
|
|
}
|
|
})
|
|
},
|
|
// 返回（===既判断）
|
|
handleReturn(isreload) {
|
|
if (isreload === 'true') this.$emit('reloadlist')
|
|
// 表单数据
|
|
this.formobj = {
|
|
vinNo: '',
|
|
mainSid: '',
|
|
modelSid: '',
|
|
model: '',
|
|
situationExplain: '',
|
|
problems: '',
|
|
results: '',
|
|
carConditionValue: '',
|
|
carConditionKey: '',
|
|
warehouseSid: '',
|
|
warehouse: '',
|
|
liableName: '',
|
|
liableSid: '',
|
|
userSid: '',
|
|
userName: '',
|
|
createOrgSid: '',
|
|
useOrgName: '',
|
|
newAdd: '',
|
|
images: []
|
|
}
|
|
this.list1 = []
|
|
this.$refs['form_obj'].resetFields()
|
|
this.$emit('doback')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|
|
|
|
|