<template>
|
<el-dialog :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false" :visible.sync="visible">
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()"
|
label-width="120px">
|
<el-form-item label="客户名称" prop="cName">
|
<el-input v-model="dataForm.cName" placeholder="客户名称"></el-input>
|
</el-form-item>
|
<el-form-item label="故障地点名称" prop="fName">
|
<el-input v-model="dataForm.fName" placeholder="故障地点名称"></el-input>
|
</el-form-item>
|
<el-form-item label="故障地点经纬度" prop="fLocation">
|
<el-input v-model="dataForm.fLocation" placeholder="故障地点经纬度"></el-input>
|
</el-form-item>
|
<el-form-item label="联系电话" prop="fPhone">
|
<el-input v-model="dataForm.fPhone" placeholder="联系电话"></el-input>
|
</el-form-item>
|
<el-form-item label="故障时间" prop="fDate">
|
<el-input v-model="dataForm.fDate" placeholder="故障时间"></el-input>
|
</el-form-item>
|
<el-form-item label="报修方式" prop="fType">
|
<el-input v-model="dataForm.fType" placeholder="报修方式"></el-input>
|
</el-form-item>
|
<el-form-item label="记录人" prop="fMan">
|
<el-input v-model="dataForm.fMan" placeholder="记录人"></el-input>
|
</el-form-item>
|
<el-form-item label="报修内容" prop="fContent">
|
<el-input v-model="dataForm.fContent" placeholder="报修内容"></el-input>
|
</el-form-item>
|
<el-form-item label="到达现场时间" prop="rDate">
|
<el-input v-model="dataForm.rDate" placeholder="到达现场时间"></el-input>
|
</el-form-item>
|
<el-form-item label="维修结束时间" prop="reDate">
|
<el-input v-model="dataForm.reDate" placeholder="维修结束时间"></el-input>
|
</el-form-item>
|
<el-form-item label="维修轨迹" prop="rePosition">
|
<el-input v-model="dataForm.rePosition" placeholder="维修轨迹"></el-input>
|
</el-form-item>
|
<el-form-item label="维修视频" prop="reVideo">
|
<el-input v-model="dataForm.reVideo" placeholder="维修视频"></el-input>
|
</el-form-item>
|
<el-form-item label="客户评价" prop="reEvaluation">
|
<el-input v-model="dataForm.reEvaluation" placeholder="客户评价"></el-input>
|
</el-form-item>
|
</el-form>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="visible = false">取消</el-button>
|
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
</span>
|
</el-dialog>
|
</template>
|
|
<script>
|
import { faultreport_save, faultreport_update } from '@/api/mapView/peiwang.js';
|
export default {
|
data() {
|
return {
|
visible: false,
|
dataForm: {
|
id: undefined,
|
cName: '',
|
fName: '',
|
fLocation: '',
|
fPhone: '',
|
fDate: '',
|
fType: '',
|
fMan: '',
|
fContent: '',
|
rDate: '',
|
reDate: '',
|
rePosition: '',
|
reVideo: '',
|
reEvaluation: ''
|
},
|
dataRule: {
|
cName: [
|
{ required: true, message: '客户名称不能为空', trigger: 'blur' }
|
],
|
fName: [
|
{ required: true, message: '故障地点名称不能为空', trigger: 'blur' }
|
],
|
fLocation: [
|
{ required: true, message: '故障地点经纬度不能为空', trigger: 'blur' }
|
],
|
fPhone: [
|
{ required: true, message: '联系电话不能为空', trigger: 'blur' }
|
],
|
fDate: [
|
{ required: true, message: '故障时间不能为空', trigger: 'blur' }
|
],
|
fType: [
|
{ required: true, message: '报修方式不能为空', trigger: 'blur' }
|
],
|
fMan: [
|
{ required: true, message: '记录人不能为空', trigger: 'blur' }
|
],
|
fContent: [
|
{ required: true, message: '报修内容不能为空', trigger: 'blur' }
|
],
|
rDate: [
|
{ required: true, message: '到达现场时间不能为空', trigger: 'blur' }
|
],
|
reDate: [
|
{ required: true, message: '维修结束时间不能为空', trigger: 'blur' }
|
],
|
rePosition: [
|
{ required: true, message: '维修轨迹不能为空', trigger: 'blur' }
|
],
|
reVideo: [
|
{ required: true, message: '维修视频不能为空', trigger: 'blur' }
|
],
|
reEvaluation: [
|
{ required: true, message: '客户评价不能为空', trigger: 'blur' }
|
]
|
}
|
}
|
},
|
methods: {
|
init(response) {
|
this.visible = true
|
if (response) {
|
this.dataForm = { ...response }
|
}
|
|
},
|
// 表单提交
|
dataFormSubmit() {
|
this.$refs['dataForm'].validate((valid) => {
|
if (valid) {
|
if (this.dataForm.id) {
|
this.setEditReport();
|
} else {
|
this.setSaveReport();
|
}
|
}
|
})
|
},
|
setSaveReport() {
|
faultreport_save(this.dataForm).then(response => {
|
console.log(response);
|
// this.$message({
|
// message: '操作成功',
|
// type: 'success',
|
// duration: 1500,
|
// onClose: () => {
|
// this.visible = false
|
// this.$emit('refreshDataList')
|
// }
|
// })
|
})
|
},
|
setEditReport() {
|
faultreport_update(this.dataForm).then(response => {
|
console.log(response);
|
|
})
|
},
|
|
|
|
|
|
|
|
}
|
}
|
</script>
|
