<template>
|
<div class="recordofhearing-form">
|
<el-dialog
|
title="听证笔录"
|
:close-on-click-modal="false"
|
:visible.sync="visible">
|
<el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm">
|
<div class="recordofhearing-main-box">
|
<el-form-item label="案件：" prop="processAjApprovalName">
|
<el-select v-model="dataForm.processAjApprovalName" placeholder="请选择" @change="causeChange">
|
<el-option
|
v-for="item in processAjApprovalList"
|
:key="item.id"
|
:label="item.processAjCoverName"
|
:value="item">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<div class="recordofhearing-main">
|
<div class="recordofhearing-box">
|
<el-form-item label="案由：" prop="causeAction">
|
<el-input v-model="dataForm.causeAction" placeholder="案由"></el-input>
|
</el-form-item>
|
</div>
|
<div class="recordofhearing-box">
|
<!--<h1 class="time">时间：</h1>-->
|
<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>
|
<span class="zhi">至</span>
|
<el-form-item 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>
|
</div>
|
<div class="recordofhearing-box">
|
<div>
|
<el-form-item label="地点" prop="address">
|
<el-input v-model="dataForm.address" placeholder="地点"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="听证方式" prop="hearingType">
|
<el-input v-model="dataForm.hearingType" placeholder="听证方式"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="recordofhearing-box">
|
<div>
|
<el-form-item label="听证申请人" prop="hearingName">
|
<el-input v-model="dataForm.hearingName" placeholder="听证申请人"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="法定代表人（负责人）" prop="legalRepresentative">
|
<el-input v-model="dataForm.legalRepresentative" placeholder="法定代表人（负责人）"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="recordofhearing-box">
|
<div>
|
<el-form-item label="工作单位" prop="workUnit">
|
<el-input v-model="dataForm.workUnit" placeholder="工作单位"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
|
</div>
|
<div>
|
|
</div>
|
</div>
|
<div class="recordofhearing-box">
|
<div>
|
<el-form-item label="委托代理人签名1" prop="signatureOfEntrustedAgent1">
|
<el-input v-model="dataForm.signatureOfEntrustedAgent1" placeholder="委托代理人签名1"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="身份证号1" prop="idCard1">
|
<el-input v-model="dataForm.idCard1" placeholder="身份证号1"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="recordofhearing-box">
|
<div>
|
<el-form-item label="工作单位1" prop="workUnit1">
|
<el-input v-model="dataForm.workUnit1" placeholder="工作单位1"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="职务1" prop="post1">
|
<el-input v-model="dataForm.post1" placeholder="职务1"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="电话1" prop="phone1">
|
<el-input v-model="dataForm.phone1" placeholder="电话1"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
|
<div class="recordofhearing-box">
|
<div>
|
<el-form-item label="委托代理人签名2" prop="signatureOfEntrustedAgent2">
|
<el-input v-model="dataForm.signatureOfEntrustedAgent2" placeholder="委托代理人签名1"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="身份证号2" prop="idCard2">
|
<el-input v-model="dataForm.idCard2" placeholder="身份证号2"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="recordofhearing-box">
|
<div>
|
<el-form-item label="工作单位2" prop="workUnit2">
|
<el-input v-model="dataForm.workUnit2" placeholder="工作单位2"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="职务2" prop="post2">
|
<el-input v-model="dataForm.post2" placeholder="职务2"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="电话2" prop="phone2">
|
<el-input v-model="dataForm.phone2" placeholder="电话2"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="recordofhearing-box">
|
<el-form-item label="其他参加人签名" prop="other">
|
<el-input v-model="dataForm.other" placeholder="其他参加人签名"></el-input>
|
</el-form-item>
|
</div>
|
<div class="recordofhearing-box">
|
<div>
|
<el-form-item label="案件调查人签名1" prop="signatureOfCaseInvestigator1">
|
<el-input v-model="dataForm.signatureOfCaseInvestigator1" placeholder="案件调查人签名1"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="工作单位及职务1" prop="workAndPosition1">
|
<el-input v-model="dataForm.workAndPosition1" placeholder="工作单位及职务1"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="recordofhearing-box">
|
<div>
|
<el-form-item label="案件调查人签名2" prop="signatureOfCaseInvestigator2">
|
<el-input v-model="dataForm.signatureOfCaseInvestigator2" placeholder="案件调查人签名2"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="工作单位及职务2" prop="workAndPosition2">
|
<el-input v-model="dataForm.workAndPosition2" placeholder="工作单位及职务2"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="recordofhearing-box">
|
<div>
|
<el-form-item label="听证主持人签名" prop="hostOfHearing">
|
<el-input v-model="dataForm.hostOfHearing" placeholder="听证主持人签名"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="听证员" prop="hearingOfficer">
|
<el-input v-model="dataForm.hearingOfficer" placeholder="听证员"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="记录人" prop="noteTaker">
|
<el-input v-model="dataForm.noteTaker" placeholder="记录人"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="recordofhearing-box">
|
<el-form-item label="工作单位" prop="Column">
|
<el-input v-model="dataForm.Column" placeholder="工作单位"></el-input>
|
</el-form-item>
|
</div>
|
<div class="recordofhearing-int">
|
<h1>
|
（一）全体参加听证人员要服从听证主持人的指挥，未经听证主持人允许不得发言、提问；
|
</h1>
|
<h1>
|
（二）会议期间请关闭手机或将手机调整为静音状态；
|
</h1>
|
<h1>
|
（三）听证参加人未经听证主持人允许不得退场；
|
</h1>
|
<h1>
|
（四）不得大声喧哗，不得进行其他妨碍听证秩序的活动。
|
听证申请人（委托代理人）和办案人员均已到场。现在宣布听证会开始进行。
|
（听证纪律可根据有关规定和实际情况细化调整）
|
</h1>
|
</div>
|
<div class="recordofhearing-int">
|
<h1>
|
我们今天组织的这次听证会是因申请而举行的。
|
</h1>
|
</div>
|
<div class="recordofhearing-box">
|
<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="signatureOfRecorder">
|
<el-input v-model="dataForm.signatureOfRecorder" placeholder="记录人签名"></el-input>
|
</el-form-item>
|
</div>
|
<div class="">
|
<el-form-item label="听证申请人签名" prop="signatureOfHearingApplicant">
|
<el-input v-model="dataForm.signatureOfHearingApplicant" placeholder="听证申请人签名"></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>
|
</div>
|
<div class="recordofhearing-box">
|
<el-form-item label="其他参加人签名" prop="signatureOfOtherParticipants">
|
<el-input v-model="dataForm.signatureOfOtherParticipants" placeholder="其他参加人签名"></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>
|
</div>
|
<div class="recordofhearing-box">
|
<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="signatureOfRecorder">
|
<el-input v-model="dataForm.signatureOfRecorder" placeholder="记录人签名"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
</el-form>
|
<div class="recordofhearing-footer">
|
<el-button @click="visible = false">取消</el-button>
|
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {getObj, addObj, putObj} from '@/api/process/recordofhearing'
|
import {findAll} from "@/api/process/processajapproval";
|
export default {
|
name: "recordofhearing-form",
|
data() {
|
return {
|
visible: false,
|
dataForm: {
|
processAjApprovalName:'',
|
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(item) {
|
console.log('item----',item)
|
this.dataForm.processAjApprovalId = item.id;
|
this.dataForm.causeAction = item.caseReason;
|
this.dataForm.administrativePenaltyFilesId = item.id;
|
this.dataForm.processAjApprovalName = item.processAjCoverName;
|
// 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>
|
|
<style>
|
.recordofhearing-main .el-input__inner{
|
border: none;
|
border-bottom:1px solid #DCDFE6;
|
border-radius: 0;
|
}
|
.recordofhearing-form .el-dialog__header{
|
text-align: center;
|
font-weight: 700;
|
}
|
</style>
|
<style scoped>
|
.recordofhearing-box{
|
display: flex;
|
}
|
.recordofhearing-main-box{
|
padding:0 40px;
|
}
|
.zhi{
|
margin-top: 10px;
|
}
|
.recordofhearing-footer{
|
display: flex;
|
justify-content: center;
|
margin: 40px 0;
|
}
|
.recordofhearing-int h1{
|
line-height: 2.5;
|
}
|
.recordofhearing-int{
|
margin-bottom: 10px;
|
}
|
.recordofhearing-int h1{
|
text-indent: 2.5em;
|
}
|
</style>
|
