| | |
| | | <template> |
| | | <div class="vio"> |
| | | <!-- 到达现场情况 --> |
| | | <MyArrive ref="arrive"></MyArrive> |
| | | <MyArrive ref="arrive" @getArrive="getArrive"></MyArrive> |
| | | <!-- 调查取证 --> |
| | | <MyEvidence ref="evidence"></MyEvidence> |
| | | <MyEvidence ref="evidence" @getEvidence="getEvidence"></MyEvidence> |
| | | <!-- 底部按钮 --> |
| | | <div class="footer"> |
| | | <el-button @click="handleSubmit" type="primary">确定</el-button> |
| | |
| | | import MyArrive from '../components/arrive' |
| | | import MyEvidence from "../components/evidence" |
| | | export default { |
| | | components:{ |
| | | MyArrive,MyEvidence |
| | | components: { |
| | | MyArrive, MyEvidence |
| | | }, |
| | | data() { |
| | | return { |
| | | |
| | | } |
| | | }, |
| | | methods:{ |
| | | handleSubmit(){ |
| | | const {arrive,evidence} = this.$refs; |
| | | const {arriveForm} = arrive.$refs; |
| | | const {evidenceForm} = evidence.$refs; |
| | | console.log(evidenceForm); |
| | | arriveForm.validate((valid)=>{ |
| | | console.log(valid); |
| | | if(valid){ |
| | | evidenceForm.validate((flag)=>{ |
| | | if(flag){ |
| | | console.log(flag); |
| | | }else{ |
| | | props: ['caseId', 'closeDialog'], |
| | | created() { |
| | | console.log(this.caseId); |
| | | }, |
| | | methods: { |
| | | handleSubmit() { |
| | | const { arrive, evidence } = this.$refs; |
| | | const { arriveForm } = arrive.$refs; |
| | | const { evidenceForm } = evidence.$refs; |
| | | // console.log(evidence.$refs); |
| | | arriveForm.validate((valid) => { |
| | | // console.log(valid); |
| | | if (valid) { |
| | | evidenceForm.validate((flag) => { |
| | | if (flag) { |
| | | // arrive.arrive;evidence.user;evidence.evidence; |
| | | this.$axios({ |
| | | method: 'post', |
| | | url: `sccg/dispatch_handle/addition_dispose_result/${this.caseId}/${1}`, |
| | | data:{ |
| | | arrivalAddress: arrive.arrive.arrivalAddress, |
| | | arrivalTime: arrive.arrive.arrivalTime, |
| | | situationExplain: arrive.arrive.situationExplain, |
| | | replyExplain: arrive.arrive.replyExplain, |
| | | situationPic: `${arrive.arrive.situationPic}`, |
| | | // |
| | | undertaker: evidence.evidence.undertaker, |
| | | assistant: evidence.evidence.assistant, |
| | | investigationTime: evidence.evidence.investigationTime, |
| | | address: evidence.evidence.address, |
| | | caseAction: evidence.evidence.caseAction, |
| | | description: evidence.evidence.description, |
| | | pic: `${evidence.evidence.pic}`, |
| | | // |
| | | illegalType: evidence.user.illegalType, |
| | | name: evidence.user.name, |
| | | phoneCode: evidence.user.phoneCode, |
| | | certificateType: `${evidence.user.certificateType}`, |
| | | certificateCode: evidence.user.certificateCode, |
| | | educationDegree: `${evidence.user.educationDegree}`, |
| | | career: evidence.user.career, |
| | | work: evidence.user.work, |
| | | nation: evidence.user.nation, |
| | | nativePlace: evidence.user.nativePlace, |
| | | liveAddress: evidence.user.liveAddress, |
| | | registerAddress: evidence.user.registerAddress, |
| | | } |
| | | }) |
| | | .then(res => { |
| | | console.log(res); |
| | | if (res.code === 200) { |
| | | this.$message({ |
| | | type: 'success', |
| | | message:'上传成功', |
| | | }) |
| | | this.$emit('closeDialog', { flag: false }); |
| | | }else{ |
| | | this.$message({ |
| | | type:'warning', |
| | | message:res.message |
| | | }) |
| | | } |
| | | }) |
| | | } else { |
| | | return false; |
| | | } |
| | | }) |
| | | }else{ |
| | | evidenceForm.validate((flag)=>{ |
| | | if(!flag){ |
| | | } else { |
| | | evidenceForm.validate((flag) => { |
| | | if (!flag) { |
| | | return false; |
| | | } |
| | | }) |
| | | return false; |
| | | } |
| | | }) |
| | | }, |
| | | // 获得arrive的信息 |
| | | getArrive(obj) { |
| | | console.log(obj); |
| | | }, |
| | | // 获得evidence对象 |
| | | getEvidence(obj) { |
| | | console.log(obj); |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .vio{ |
| | | padding: 20px 200px; |
| | | } |
| | | .vio { |
| | | padding: 20px 200px; |
| | | } |
| | | |
| | | .footer { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | } |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | } |
| | | </style> |