<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="160px">
|
<el-form-item label="案件：" prop="name">
|
<el-select v-model="dataForm.administrativePenaltyFilesId" placeholder="请选择" @change="causeChange">
|
<el-option
|
v-for="item in processAjApprovalList"
|
:key="item.id"
|
:label="item.processAjCoverName"
|
:value="item.id+''">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="地点" prop="address">
|
<el-input v-model="dataForm.address" placeholder="地点"></el-input>
|
</el-form-item>
|
<el-form-item label="委托代理人1" prop="agent1">
|
<el-input v-model="dataForm.agent1" placeholder="委托代理人1"></el-input>
|
</el-form-item>
|
<el-form-item label="委托代理人2" prop="agent2">
|
<el-input v-model="dataForm.agent2" placeholder="委托代理人2"></el-input>
|
</el-form-item>
|
<el-form-item label="开始时间" prop="beginTime">
|
<!-- <el-input v-model="dataForm.beginTime" placeholder="开始时间"></el-input>-->
|
<el-date-picker
|
style="width: 100%"
|
value-format="yyyy-MM-dd"
|
v-model="dataForm.beginTime"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="案件调查人1" prop="caseInvestigator1">
|
<el-input v-model="dataForm.caseInvestigator1" placeholder="案件调查人1"></el-input>
|
</el-form-item>
|
<el-form-item label="案件调查人2" prop="caseInvestigator2">
|
<el-input v-model="dataForm.caseInvestigator2" placeholder="案件调查人2"></el-input>
|
</el-form-item>
|
<el-form-item label="案由" prop="causeAction">
|
<el-input v-model="dataForm.causeAction" placeholder="案由"></el-input>
|
</el-form-item>
|
<el-form-item label="结束时间" prop="endTime">
|
<!-- <el-input v-model="dataForm.endTime" placeholder="结束时间"></el-input>-->
|
<el-date-picker
|
style="width: 100%"
|
value-format="yyyy-MM-dd"
|
v-model="dataForm.endTime"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="听证申请人" prop="hearingName">
|
<el-input v-model="dataForm.hearingName" placeholder="听证申请人"></el-input>
|
</el-form-item>
|
<el-form-item label="听证员" prop="hearingOfficer">
|
<el-input v-model="dataForm.hearingOfficer" placeholder="听证员"></el-input>
|
</el-form-item>
|
<el-form-item label="听证方式" prop="hearingType">
|
<el-input v-model="dataForm.hearingType" placeholder="听证方式"></el-input>
|
</el-form-item>
|
<el-form-item label="听证主持人" prop="hostOfHearing">
|
<el-input v-model="dataForm.hostOfHearing" placeholder="听证主持人"></el-input>
|
</el-form-item>
|
<el-form-item label="身份证号1" prop="idCard1">
|
<el-input v-model="dataForm.idCard1" placeholder="身份证号1"></el-input>
|
</el-form-item>
|
<el-form-item label="身份证号2" prop="idCard2">
|
<el-input v-model="dataForm.idCard2" placeholder="身份证号2"></el-input>
|
</el-form-item>
|
<el-form-item label="法定代表人（负责人）" prop="legalRepresentative">
|
<el-input v-model="dataForm.legalRepresentative" placeholder="法定代表人（负责人）"></el-input>
|
</el-form-item>
|
<el-form-item label="记录人" prop="noteTaker">
|
<el-input v-model="dataForm.noteTaker" placeholder="记录人"></el-input>
|
</el-form-item>
|
<el-form-item label="其他参加人" prop="other">
|
<el-input v-model="dataForm.other" placeholder="其他参加人"></el-input>
|
</el-form-item>
|
<el-form-item label="电话1" prop="phone1">
|
<el-input v-model="dataForm.phone1" placeholder="电话1"></el-input>
|
</el-form-item>
|
<el-form-item label="电话2" prop="phone2">
|
<el-input v-model="dataForm.phone2" placeholder="电话2"></el-input>
|
</el-form-item>
|
<el-form-item label="职务1" prop="post1">
|
<el-input v-model="dataForm.post1" placeholder="职务1"></el-input>
|
</el-form-item>
|
<el-form-item label="职务2" prop="post2">
|
<el-input v-model="dataForm.post2" placeholder="职务2"></el-input>
|
</el-form-item>
|
<el-form-item label="案件调查人签名1" prop="signatureOfCaseInvestigator1">
|
<el-input v-model="dataForm.signatureOfCaseInvestigator1" placeholder="案件调查人签名1"></el-input>
|
</el-form-item>
|
<el-form-item label="案件调查人签名2" prop="signatureOfCaseInvestigator2">
|
<el-input v-model="dataForm.signatureOfCaseInvestigator2" placeholder="案件调查人签名2"></el-input>
|
</el-form-item>
|
<el-form-item label="委托代理人签名1" prop="signatureOfEntrustedAgent1">
|
<el-input v-model="dataForm.signatureOfEntrustedAgent1" placeholder="委托代理人签名1"></el-input>
|
</el-form-item>
|
<el-form-item label="委托代理人签名2" prop="signatureOfEntrustedAgent2">
|
<el-input v-model="dataForm.signatureOfEntrustedAgent2" placeholder="委托代理人签名2"></el-input>
|
</el-form-item>
|
<el-form-item label="听证申请人签名" prop="signatureOfHearingApplicant">
|
<el-input v-model="dataForm.signatureOfHearingApplicant" placeholder="听证申请人签名"></el-input>
|
</el-form-item>
|
<el-form-item label="听证主持人签名" prop="signatureOfHearingHost">
|
<el-input v-model="dataForm.signatureOfHearingHost" placeholder="听证主持人签名"></el-input>
|
</el-form-item>
|
<el-form-item label="听证员签名" prop="signatureOfHearingOfficer">
|
<el-input v-model="dataForm.signatureOfHearingOfficer" placeholder="听证员签名"></el-input>
|
</el-form-item>
|
<el-form-item label="其他参加人签名" prop="signatureOfOtherParticipants">
|
<el-input v-model="dataForm.signatureOfOtherParticipants" placeholder="其他参加人签名"></el-input>
|
</el-form-item>
|
<el-form-item label="记录人签名" prop="signatureOfRecorder">
|
<el-input v-model="dataForm.signatureOfRecorder" placeholder="记录人签名"></el-input>
|
</el-form-item>
|
<el-form-item label="工作单位及职务1" prop="workAndPosition1">
|
<el-input v-model="dataForm.workAndPosition1" placeholder="工作单位及职务1"></el-input>
|
</el-form-item>
|
<el-form-item label="工作单位及职务2" prop="workAndPosition2">
|
<el-input v-model="dataForm.workAndPosition2" placeholder="工作单位及职务2"></el-input>
|
</el-form-item>
|
<el-form-item label="工作单位" prop="workUnit">
|
<el-input v-model="dataForm.workUnit" placeholder="工作单位"></el-input>
|
</el-form-item>
|
<el-form-item label="工作单位1" prop="workUnit1">
|
<el-input v-model="dataForm.workUnit1" placeholder="工作单位1"></el-input>
|
</el-form-item>
|
<el-form-item label="工作单位2" prop="workUnit2">
|
<el-input v-model="dataForm.workUnit2" placeholder="工作单位2"></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 {getObj, addObj, putObj} from '@/api/process/recordofhearing'
|
import {findAll} from "@/api/process/processajapproval";
|
|
export default {
|
data() {
|
return {
|
visible: false,
|
dataForm: {
|
createBy: '',
|
createTime: '',
|
updateBy: '',
|
updateTime: '',
|
address: '',
|
administrativePenaltyFilesId: '',
|
agent1: '',
|
agent2: '',
|
beginTime: '',
|
caseInvestigator1: '',
|
caseInvestigator2: '',
|
causeAction: '',
|
endTime: '',
|
hearingName: '',
|
hearingOfficer: '',
|
hearingType: '',
|
hostOfHearing: '',
|
idCard1: '',
|
idCard2: '',
|
legalRepresentative: '',
|
noteTaker: '',
|
other: '',
|
phone1: '',
|
phone2: '',
|
post1: '',
|
post2: '',
|
signatureOfCaseInvestigator1: '',
|
signatureOfCaseInvestigator2: '',
|
signatureOfEntrustedAgent1: '',
|
signatureOfEntrustedAgent2: '',
|
signatureOfHearingApplicant: '',
|
signatureOfHearingHost: '',
|
signatureOfHearingOfficer: '',
|
signatureOfOtherParticipants: '',
|
signatureOfRecorder: '',
|
workAndPosition1: '',
|
workAndPosition2: '',
|
workUnit: '',
|
workUnit1: '',
|
workUnit2: '',
|
},
|
processAjApprovalList: [],
|
dataRule: {
|
createBy: [
|
{required: true, message: '不能为空', trigger: 'blur'}
|
],
|
createTime: [
|
{required: true, message: '不能为空', trigger: 'blur'}
|
],
|
delFlag: [
|
{required: true, message: '不能为空', trigger: 'blur'}
|
],
|
updateBy: [
|
{required: true, message: '不能为空', trigger: 'blur'}
|
],
|
updateTime: [
|
{required: true, message: '不能为空', trigger: 'blur'}
|
],
|
address: [
|
{required: true, message: '地点不能为空', trigger: 'blur'}
|
],
|
administrativePenaltyFilesId: [
|
{required: true, message: '行政处罚案卷表编号不能为空', trigger: 'blur'}
|
],
|
agent1: [
|
{required: true, message: '委托代理人1不能为空', trigger: 'blur'}
|
],
|
agent2: [
|
{required: true, message: '委托代理人2不能为空', trigger: 'blur'}
|
],
|
beginTime: [
|
{required: true, message: '开始时间不能为空', trigger: 'blur'}
|
],
|
caseInvestigator1: [
|
{required: true, message: '案件调查人1不能为空', trigger: 'blur'}
|
],
|
caseInvestigator2: [
|
{required: true, message: '案件调查人2不能为空', trigger: 'blur'}
|
],
|
causeAction: [
|
{required: true, message: '案由不能为空', trigger: 'blur'}
|
],
|
endTime: [
|
{required: true, message: '结束时间不能为空', trigger: 'blur'}
|
],
|
hearingName: [
|
{required: true, message: '听证申请人不能为空', trigger: 'blur'}
|
],
|
hearingOfficer: [
|
{required: true, message: '听证员不能为空', trigger: 'blur'}
|
],
|
hearingType: [
|
{required: true, message: '听证方式不能为空', trigger: 'blur'}
|
],
|
hostOfHearing: [
|
{required: true, message: '听证主持人不能为空', trigger: 'blur'}
|
],
|
idCard1: [
|
{required: true, message: '身份证号1不能为空', trigger: 'blur'}
|
],
|
idCard2: [
|
{required: true, message: '身份证号2不能为空', trigger: 'blur'}
|
],
|
legalRepresentative: [
|
{required: true, message: '法定代表人（负责人）不能为空', trigger: 'blur'}
|
],
|
noteTaker: [
|
{required: true, message: '记录人不能为空', trigger: 'blur'}
|
],
|
other: [
|
{required: true, message: '其他参加人不能为空', trigger: 'blur'}
|
],
|
phone1: [
|
{required: true, message: '电话1不能为空', trigger: 'blur'}
|
],
|
phone2: [
|
{required: true, message: '电话2不能为空', trigger: 'blur'}
|
],
|
post1: [
|
{required: true, message: '职务1不能为空', trigger: 'blur'}
|
],
|
post2: [
|
{required: true, message: '职务2不能为空', trigger: 'blur'}
|
],
|
signatureOfCaseInvestigator1: [
|
{required: true, message: '案件调查人签名1不能为空', trigger: 'blur'}
|
],
|
signatureOfCaseInvestigator2: [
|
{required: true, message: '案件调查人签名2不能为空', trigger: 'blur'}
|
],
|
signatureOfEntrustedAgent1: [
|
{required: true, message: '委托代理人签名1不能为空', trigger: 'blur'}
|
],
|
signatureOfEntrustedAgent2: [
|
{required: true, message: '委托代理人签名2不能为空', trigger: 'blur'}
|
],
|
signatureOfHearingApplicant: [
|
{required: true, message: '听证申请人签名不能为空', trigger: 'blur'}
|
],
|
signatureOfHearingHost: [
|
{required: true, message: '听证主持人签名不能为空', trigger: 'blur'}
|
],
|
signatureOfHearingOfficer: [
|
{required: true, message: '听证员签名不能为空', trigger: 'blur'}
|
],
|
signatureOfOtherParticipants: [
|
{required: true, message: '其他参加人签名不能为空', trigger: 'blur'}
|
],
|
signatureOfRecorder: [
|
{required: true, message: '记录人签名不能为空', trigger: 'blur'}
|
],
|
workAndPosition1: [
|
{required: true, message: '工作单位及职务1不能为空', trigger: 'blur'}
|
],
|
workAndPosition2: [
|
{required: true, message: '工作单位及职务2不能为空', trigger: 'blur'}
|
],
|
workUnit: [
|
{required: true, message: '工作单位不能为空', trigger: 'blur'}
|
],
|
workUnit1: [
|
{required: true, message: '工作单位1不能为空', trigger: 'blur'}
|
],
|
workUnit2: [
|
{required: true, message: '工作单位2不能为空', trigger: 'blur'}
|
]
|
}
|
}
|
},
|
methods: {
|
init(id) {
|
this.dataForm.id = id || 0
|
this.visible = true
|
this.$nextTick(() => {
|
this.$refs['dataForm'].resetFields()
|
if (this.dataForm.id) {
|
getObj(this.dataForm.id).then(response => {
|
this.dataForm = response.data.data
|
})
|
}
|
})
|
this.findAllProcessAj();
|
},
|
//查询所有案件
|
findAllProcessAj() {
|
findAll().then(res => {
|
this.processAjApprovalList = res.data.data
|
});
|
},
|
causeChange(id) {
|
let processAjApproval;
|
this.processAjApprovalList.forEach(item => {
|
if(item.id === id){
|
processAjApproval = item;
|
}
|
});
|
this.dataForm.administrativePenaltyFilesId = id;
|
this.dataForm.processAjApprovalId = id;
|
this.dataForm.causeAction = processAjApproval.caseReason;
|
this.dataForm.processAjCoverName = processAjApproval.processAjCoverName;
|
},
|
// 表单提交
|
dataFormSubmit() {
|
this.$refs['dataForm'].validate((valid) => {
|
if (valid) {
|
if (this.dataForm.id) {
|
putObj(this.dataForm).then(data => {
|
this.$message.success('修改成功')
|
this.visible = false
|
this.$emit('refreshDataList')
|
});
|
} else {
|
addObj(this.dataForm).then(data => {
|
this.$message.success('添加成功')
|
this.visible = false
|
this.$emit('refreshDataList')
|
})
|
}
|
}
|
})
|
}
|
}
|
}
|
</script>
|
