<template>
|
<div class="hearingnotice-form-box">
|
<el-dialog
|
title="行政处罚听证告知书"
|
:close-on-click-modal="false"
|
:visible.sync="visible">
|
<div class="hearingnotice-form">
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm">
|
<div class="hearingnotice-box">
|
<div class="bianhao-box">
|
<div>馆综罚询通字</div>
|
<el-form-item>
|
[<el-input disabled v-model="dataForm.documentNum"></el-input>]
|
</el-form-item>
|
<div>第 号</div>
|
</div>
|
</div>
|
<div class="hearingnotice-main">
|
<el-form-item label="所属案件" prop="projectName">
|
<el-select v-model="dataForm.projectName" clearable @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>
|
<div class="hearingnotice-main">
|
<div class="hearingnotice-main-block">
|
<div class="hearingnotice-first-line">
|
<el-form-item prop="name">
|
<el-input v-model="dataForm.name"></el-input>
|
</el-form-item>
|
<span>：</span>
|
</div>
|
<div class="hearingnotice-introduce">
|
<div class="hearingnotice-introduce-line">
|
<h1>你（单位）涉嫌违反</h1>
|
<el-form-item prop="projectName">
|
<el-input v-model="dataForm.projectName"></el-input>
|
</el-form-item>
|
</div>
|
<div class="hearingnotice-introduce-line">
|
<h1>一案，本机关已调查终结。根据《中华人民共和国行政处罚法》第三十一条的规定，现将本机关拟作出的行政处罚内容及事实、理由、依据告知如下：</h1>
|
</div>
|
<div class="hearingnotice-introduce-line2">
|
<h2>你（单位）实施了以下违法行为：</h2>
|
<h2>有以下证据为凭：</h2>
|
</div>
|
<div class="hearingnotice-introduce-line">
|
<h1>你（单位）的上述行为违反了</h1>
|
</div>
|
<div class="hearingnotice-introduce-line">
|
<el-form-item prop="deregulation">
|
<el-input v-model="dataForm.deregulation"></el-input>
|
</el-form-item>
|
</div>
|
<div class="hearingnotice-introduce-line">
|
<h1>本机关拟对你（单位）作出如下行政处罚：</h1>
|
</div>
|
<div class="hearingnotice-introduce-line">
|
<el-form-item prop="administrativePenalty">
|
<el-input v-model="dataForm.administrativePenalty"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="hearingnotice-introduce-line">
|
<h1>对你（单位）拟作出：</h1>
|
</div>
|
<div class="hearingnotice-introduce-line">
|
<el-form-item prop="imposeAdministrativePenalty">
|
<el-input v-model="dataForm.imposeAdministrativePenalty"></el-input>
|
</el-form-item>
|
</div>
|
<div class="hearingnotice-introduce-line">
|
<h1>
|
的行政处罚，符合听证条件。根据《中华人民共和国行政处罚法》第四十二条的规定，你（单位）有要求举行听证的权利。如果要求举行听证，请在收到本告知书之日起 3 日内以书面或口头形式向本机关提出举行听证的要求，逾期未提出的，视为放弃听证权利。
|
</h1>
|
</div>
|
<div>
|
<div class="dengji-box">
|
<el-form-item label="单位地址" prop="address" label-width="100px">
|
<el-input v-model="dataForm.address"></el-input>
|
</el-form-item>
|
<el-form-item label="邮政编码" prop="postcode" label-width="100px">
|
<el-input v-model="dataForm.postcode"></el-input>
|
</el-form-item>
|
</div>
|
<div class="dengji-box">
|
<el-form-item label="联 系 人" prop="phoneName" label-width="100px">
|
<el-input v-model="dataForm.phoneName"></el-input>
|
</el-form-item>
|
<el-form-item label="联系电话" prop="phone" label-width="100px">
|
<el-input v-model="dataForm.phone"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="yinzhang-box">
|
<h1>馆陶县综合行政执法局（印章）</h1>
|
</div>
|
</div>
|
</div>
|
</el-form>
|
<div class="hearingnotice-footer">
|
<el-button @click="visible = false">取消</el-button>
|
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
</div>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {getObj, addObj, putObj} from '@/api/hearingnotice'
|
import {findAll} from '@/api/process/processajapproval'
|
export default {
|
name: "hearingnotice-form",
|
data () {
|
return {
|
visible: false,
|
processAjApprovalList:[],
|
/*
|
processAjApprovalList:[
|
{id:1,name:"案件1",subjectType:"公司或组织",subjectId:"1",subjectName:"太华科技"},
|
{id:2,name:"案件2",subjectType:"公司或组织",subjectId:"2",subjectName:"方正集团"},
|
{id:3,name:"案件3",subjectType:"个人",subjectId:"1",subjectName:"张三"},
|
{id:4,name:"案件4",subjectType:"个人",subjectId:"2",subjectName:"李四"}
|
],//案件列表*/
|
dataForm: {
|
id: 0,
|
processAjApprovalId: '',
|
name: '',
|
projectName: '',
|
unlawfulAct: '',
|
proof: '',
|
deregulation: '',
|
stipulate: '',
|
administrativePenalty: '',
|
imposeAdministrativePenalty: '',
|
address: '',
|
postcode: '',
|
phoneName: '',
|
phone: '',
|
documentNum:'',
|
},
|
dataRule: {
|
processAjApprovalId: [
|
{ required: true, message: '立案审批表id不能为空', trigger: 'blur' }
|
],
|
name: [
|
{ required: true, message: '姓名不能为空', trigger: 'blur' }
|
],
|
projectName: [
|
{ required: true, message: '案件名称不能为空', trigger: 'blur' }
|
],
|
unlawfulAct: [
|
{ required: true, message: '违法行为不能为空', trigger: 'blur' }
|
],
|
proof: [
|
{ required: true, message: '证据不能为空', trigger: 'blur' }
|
],
|
deregulation: [
|
{ required: true, message: '违反规定不能为空', trigger: 'blur' }
|
],
|
stipulate: [
|
{ required: true, message: '规定不能为空', trigger: 'blur' }
|
],
|
administrativePenalty: [
|
{ required: true, message: '行政处罚不能为空', trigger: 'blur' }
|
],
|
imposeAdministrativePenalty: [
|
{ required: true, message: '拟作出的行政处罚不能为空', trigger: 'blur' }
|
],
|
address: [
|
{ required: true, message: '单位地址不能为空', trigger: 'blur' }
|
],
|
phoneName: [
|
{ required: true, message: '联 系 人不能为空', trigger: 'blur' }
|
],
|
phone: [
|
{ required: true, message: '联系电话不能为空', trigger: 'blur' }
|
],
|
delFlag: [
|
{ required: true, message: '删除类别:0未删除 1已删除不能为空', trigger: 'blur' }
|
]
|
}
|
}
|
},
|
methods: {
|
init (id) {
|
this.dataForm.id = id || 0
|
this.visible = true
|
this.$nextTick(() => {
|
this.$refs['dataForm'].resetFields()
|
this.clearData()
|
if (this.dataForm.id) {
|
getObj(this.dataForm.id).then(response => {
|
this.dataForm = response.data.data
|
})
|
}
|
})
|
//获取所有案件
|
this.findAllProcessAj();
|
},
|
clearData() {
|
this.dataForm.documentNum = ''
|
},
|
//查询所有案件
|
findAllProcessAj(){
|
findAll().then(res => {
|
console.log(res.data.data)
|
this.processAjApprovalList = res.data.data
|
});
|
},
|
//选择案件改变
|
causeChange(item){
|
console.log(item);
|
this.dataForm.processAjApprovalId = item.id
|
this.dataForm.projectName = item.processAjCoverName
|
if(item.caseType == 0) {
|
this.dataForm.name = item.citizenName
|
}
|
if(item.caseType == 1) {
|
this.dataForm.name = item.unitName
|
}
|
/* this.dataForm.subjectType = item.subjectType*/
|
/*this.dataForm.interrogeeName = item.subjectName*/
|
},
|
|
// 表单提交
|
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>
|
.hearingnotice-form-box .el-dialog__header{
|
text-align: center;
|
font-weight: 700;
|
}
|
.hearingnotice-first-line .el-input{
|
width:200px;
|
border:none;
|
border-radius:0;
|
background-color: transparent;
|
border-bottom:1px solid #DCDFE6;
|
}
|
.hearingnotice-first-line .el-form-item{
|
margin-bottom: 0;
|
}
|
.hearingnotice-main .el-input__inner{
|
border:none;
|
border-radius:0;
|
background-color: transparent;
|
border-bottom:1px solid #DCDFE6;
|
}
|
.hearingnotice-introduce-line .el-form-item{
|
width: 100%;
|
}
|
.hearingnotice-introduce-line .el-textarea__inner{
|
border:none;
|
border-radius:0;
|
background-color: transparent;
|
border-bottom:1px solid #DCDFE6;
|
}
|
</style>
|
<style scoped>
|
.hearingnotice-form{
|
position: relative;
|
padding:0 20px;
|
}
|
.hearingnotice-main{
|
padding-top: 30px;
|
}
|
.bianhao-box{
|
position: absolute;
|
right: 0;
|
top: 0;
|
z-index: 1;
|
display: flex;
|
align-items: center;
|
}
|
.hearingnotice-first-line{
|
display: flex;
|
align-items: center;
|
}
|
.hearingnotice-introduce-line{
|
display: flex;
|
flex-wrap: wrap;
|
padding: 5px 0;
|
align-items: center;
|
}
|
.hearingnotice-introduce-line h1,.hearingnotice-introduce-line2 h2{
|
line-height: 2.5;
|
}
|
.yinzhang-box{
|
margin-top: 20px;
|
display: flex;
|
flex-direction: column;
|
align-items: flex-end;
|
}
|
.dengji-box{
|
display: flex;
|
}
|
.hearingnotice-footer{
|
display: flex;
|
justify-content: center;
|
margin: 40px 0;
|
}
|
</style>
|
