<template>
|
<div class="writtenpunishmentdecision-form">
|
<el-dialog
|
:close-on-click-modal="false"
|
:visible.sync="visible"
|
title="当场行政处罚决定书（存根联）">
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm">
|
<div class="writtenpunishmentdecision-form-box">
|
<el-form-item label="案件" prop="processAjApprovalId">
|
<el-select @change="causeChange" placeholder="请选择" v-model="dataForm.processAjApprovalName">
|
<el-option
|
:key="item.id"
|
:label="item.processAjCoverName"
|
:value="item"
|
v-for="item in processAjApprovalList">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<div class="writtenpunishmentdecision-main">
|
<div class="writtenpunishmentdecision-line">
|
<el-form-item prop="name">
|
<el-input placeholder="姓名" v-model="dataForm.name"></el-input>
|
</el-form-item>
|
<h1>于</h1>
|
<el-form-item prop="crimeTime">
|
<el-date-picker
|
align="right"
|
placeholder="选择日期时间"
|
type="date"
|
v-model="dataForm.crimeTime"
|
value-format="yyyy-MM-dd"
|
>
|
</el-date-picker>
|
<!-- <el-input v-model="dataForm.crimeTime" placeholder="案发时间"></el-input>-->
|
</el-form-item>
|
<h1>在</h1>
|
<el-form-item prop="address">
|
<el-input placeholder="地址" v-model="dataForm.address"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line xingwei-box">
|
<h1>因</h1>
|
<el-form-item prop="behavior">
|
<el-input placeholder="行为" v-model="dataForm.behavior"></el-input>
|
</el-form-item>
|
<h1>的行为，违反了</h1>
|
</div>
|
<div class="writtenpunishmentdecision-line guiding-box">
|
<el-form-item prop="deregulation">
|
<el-input placeholder="违反的规定" v-model="dataForm.deregulation"></el-input>
|
</el-form-item>
|
<h1>的规定。</h1>
|
</div>
|
<div class="writtenpunishmentdecision-line gaozhi-box">
|
<h1>执法人员当场告知其违法事实、依据和权利，</h1>
|
<el-form-item prop="notify">
|
<el-input placeholder="告知" v-model="dataForm.notify"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line yiju-box">
|
<h1>现依据</h1>
|
<el-form-item prop="according">
|
<el-input placeholder="依据" v-model="dataForm.according"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<h1 class="chufa-font">本局当场决定对其处以</h1>
|
<el-checkbox v-model="dataForm.jingGao1">警告；</el-checkbox>
|
<el-checkbox v-model="dataForm.faKuan1">罚款</el-checkbox>
|
<el-form-item prop="faKuanSum1">
|
<el-input placeholder="罚款1金额" v-model="dataForm.faKuanSum1"></el-input>
|
</el-form-item>
|
<h1>元的处罚。</h1>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<el-checkbox v-model="dataForm.toSeize1">当场收缴；</el-checkbox>
|
<el-checkbox v-model="dataForm.appointSeize1">要求其在本决定书之日起15日内将罚款交至</el-checkbox>
|
<el-form-item prop="appointAddress">
|
<el-input placeholder="指定收缴1地址" v-model="dataForm.appointAddress"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<el-form-item label="当事人签名:" prop="signatureParties" label-width="100px">
|
<el-input v-model="dataForm.signatureParties" placeholder="当事人签名"></el-input>
|
</el-form-item>
|
<el-form-item label="身份证或其他有效证件名称、证号:" prop="idCard" label-width="260px">
|
<el-input v-model="dataForm.idCard" placeholder="身份证或其他有效证件名称、证号"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<el-form-item label="联系地址:" prop="contactAddress" label-width="100px">
|
<el-input v-model="dataForm.contactAddress" placeholder="联系地址"></el-input>
|
</el-form-item>
|
<el-form-item label="邮编:" prop="postcode" label-width="100px">
|
<el-input v-model="dataForm.postcode" placeholder="邮编"></el-input>
|
</el-form-item>
|
<el-form-item label="电话:" prop="phone" label-width="100px">
|
<el-input v-model="dataForm.phone" placeholder="电话"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<el-form-item label="执法人员签名:" prop="enforceSignature1" label-width="120px">
|
<el-input v-model="dataForm.enforceSignature1" placeholder="执法人员签名"></el-input>
|
</el-form-item>
|
</div>
|
<div class="zhixingDate">
|
<el-form-item prop="enforceTime">
|
<el-date-picker
|
v-model="dataForm.enforceTime"
|
type="date"
|
placeholder="选择日期时间"
|
align="right"
|
value-format="yyyy-MM-dd"
|
>
|
</el-date-picker>
|
<!-- <el-input v-model="dataForm.enforceTime" placeholder="执法时间"></el-input>-->
|
</el-form-item>
|
</div>
|
<div class="fenge-line">
|
<h1>…………………（加盖行政执法主体骑缝章）…………………</h1>
|
</div>
|
<div class="fubiaoti">
|
<h1>当场行政处罚决定书</h1>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<el-form-item label="公民姓名" prop="citizenName" label-width="100px">
|
<el-input v-model="dataForm.citizenName" placeholder="公民姓名"></el-input>
|
</el-form-item>
|
<el-form-item label="公民性别" prop="citizenSex" label-width="100px">
|
<el-select v-model="dataForm.citizenSex" placeholder="请选择">
|
<el-option label="男" :value="0">男</el-option>
|
<el-option label="女" :value="1">女</el-option>
|
</el-select>
|
<!-- <el-input v-model="dataForm.citizenSex" placeholder="公民性别"></el-input>-->
|
</el-form-item>
|
<el-form-item label="身份证号" prop="citizenIdCardNo" label-width="100px">
|
<el-input v-model="dataForm.citizenIdCardNo" placeholder="公民身份证号"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<el-form-item label="法定代表人（负责人）姓名" prop="legalPerson" label-width="190px">
|
<el-input v-model="dataForm.legalPerson" placeholder="法定代表人（负责人）姓名"></el-input>
|
</el-form-item>
|
<el-form-item label="职务" prop="legalDuty" label-width="90px">
|
<el-input v-model="dataForm.legalDuty" placeholder="法定代表人职务"></el-input>
|
</el-form-item>
|
<el-form-item label="地址" prop="legalAddress" label-width="90px">
|
<el-input v-model="dataForm.legalAddress" placeholder="法定代表人地址"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<h1>你（单位）于</h1>
|
<el-form-item prop="crimeTime">
|
<el-date-picker
|
v-model="dataForm.crimeTime"
|
type="date"
|
placeholder="选择日期时间"
|
align="right"
|
value-format="yyyy-MM-dd"
|
>
|
</el-date-picker>
|
<!-- <el-input v-model="dataForm.crimeTime" placeholder="案发时间"></el-input>-->
|
</el-form-item>
|
<h1>在</h1>
|
<el-form-item prop="address">
|
<el-input placeholder="地址" v-model="dataForm.address"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line xingwei-box">
|
<h1>因</h1>
|
<el-form-item prop="behavior">
|
<el-input placeholder="行为" v-model="dataForm.behavior"></el-input>
|
</el-form-item>
|
<h1>的行为，违反了</h1>
|
</div>
|
<div class="writtenpunishmentdecision-line guiding-box">
|
<el-form-item prop="deregulation">
|
<el-input placeholder="违反的规定" v-model="dataForm.deregulation"></el-input>
|
</el-form-item>
|
<h1>的规定。</h1>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<h1>事实确凿。本局执法人员当场向你（你们）告知了违法事实、依据和依法享有的权利。</h1>
|
</div>
|
<div class="writtenpunishmentdecision-line yiju-box">
|
<h1>现依据</h1>
|
<el-form-item prop="according">
|
<el-input placeholder="依据" v-model="dataForm.according"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<h1 class="chufa-font">本机关决定对你（单位）处以下行政处罚：</h1>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<el-checkbox v-model="dataForm.jingGao1">警告；</el-checkbox>
|
<el-checkbox v-model="dataForm.faKuan1">罚款</el-checkbox>
|
<h1>人民币</h1>
|
<el-form-item prop="faKuanSumBig1">
|
<el-input placeholder="罚款1金额" v-model="dataForm.faKuanSumBig1"></el-input>
|
</el-form-item>
|
<h1>(大写)。</h1>
|
<h1 style="margin-left:30px">￥</h1>
|
<el-form-item prop="faKuanSum1">
|
<el-input placeholder="金额" v-model="dataForm.faKuanSum1"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<el-checkbox v-model="dataForm.toSeize1">当场收缴；</el-checkbox>
|
<el-checkbox v-model="dataForm.appointSeize1">要求其在本决定书之日起15日内将罚款交至</el-checkbox>
|
<el-form-item prop="appointAddress">
|
<el-input placeholder="指定收缴1地址" v-model="dataForm.appointAddress"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<el-form-item prop="accountNumber" label="账号：" label-width="100px">
|
<el-input placeholder="账号" v-model="dataForm.accountNumber"></el-input>
|
</el-form-item>
|
<el-form-item prop="userName" label="户名：" label-width="100px">
|
<el-input placeholder="户名" v-model="dataForm.userName"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line yuqi-box">
|
<h1>逾期缴纳罚款的，依据《中华人民共和国行政处罚法》第五十一条第（一）项的规定，每日按罚款数额的3%加处罚款。</h1>
|
</div>
|
<div class="writtenpunishmentdecision-line yuqi-box">
|
<h1>如你（单位）不服本行政处罚决定，可以自收到本决定书之日起60日内向 馆陶县人民政府 申请行政复议；也可以自收到本决定书之日起6个月内直接向 馆陶县人民法院 起诉。</h1>
|
</div>
|
<div class="zhixingDate">
|
<h1>馆陶县综合行政执法局（印章）</h1>
|
<el-form-item prop="executionTime">
|
<el-date-picker
|
v-model="dataForm.executionTime"
|
type="date"
|
placeholder="选择日期时间"
|
align="right"
|
value-format="yyyy-MM-dd"
|
>
|
</el-date-picker>
|
<!-- <el-input v-model="dataForm.executionTime" placeholder="执行时间"></el-input>-->
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<el-form-item label="执法人员签名:" prop="enforceSignature1" label-width="120px">
|
<el-input v-model="dataForm.enforceSignature1" placeholder="执法人员签名"></el-input>
|
</el-form-item>
|
<el-form-item label="执法证号" prop="enforce2idCord" label-width="120px">
|
<el-input v-model="dataForm.enforceIdCord2" placeholder="执法人员2执法证号"></el-input>
|
</el-form-item>
|
</div>
|
<div class="writtenpunishmentdecision-line">
|
<el-form-item label="执法人员签名:" prop="enforceSignature2" label-width="120px">
|
<el-input v-model="dataForm.enforceSignature2" placeholder="执法人员签名"></el-input>
|
</el-form-item>
|
<el-form-item label="执法证号" prop="enforceIdCord3" label-width="120px">
|
<el-input v-model="dataForm.enforceIdCord3" placeholder="执法人员2执法证号"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
</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>
|
</div>
|
</template>
|
|
<script>
|
import {getObj, addObj, putObj} from '@/api/writtenpunishmentdecision'
|
import {findAll} from '@/api/process/processajapproval'
|
|
export default {
|
name: "writtenpunishmentdecision-form",
|
data () {
|
return {
|
visible: false,
|
processAjApprovalList: [],
|
dataForm: {
|
id: 0,
|
createBy: '',
|
createTime: '',
|
updateBy: '',
|
updateTime: '',
|
signatureParties: '',
|
according: '',
|
accountNumber: '',
|
address: '',
|
appointAddress: '',
|
appointSeize1: '',
|
behavior: '',
|
caseReason: '',
|
checkMark: '',
|
citizenIdCardNo: '',
|
citizenName: '',
|
citizenSex: '',
|
contactAddress: '',
|
court: '',
|
crimeTime: '',
|
deregulation: '',
|
enforceIdCord2: '',
|
enforceIdCord3: '',
|
enforceSignature1: '',
|
enforceSignature2: '',
|
enforceSignature3: '',
|
enforceTime: '',
|
executionTime: '',
|
faKuan1: '',
|
faKuanSum1: '',
|
faKuanSumBig1: '',
|
government: '',
|
idCard: '',
|
idCardNo: '',
|
jingGao1: '',
|
lawbreakingXiang: '',
|
legalAddress: '',
|
legalDuty: '',
|
legalPerson: '',
|
name: '',
|
notify: '',
|
phone: '',
|
postcode: '',
|
processAjApprovalId: '',
|
processAjApprovalName: '',
|
synthesizeMark: '',
|
toSeize1: '',
|
userName: ''
|
},
|
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' }
|
],
|
signatureParties: [
|
{ required: true, message: '当事人签名不能为空', trigger: 'blur' }
|
],
|
according: [
|
{ required: true, message: '依据不能为空', trigger: 'blur' }
|
],
|
accountNumber: [
|
{ required: true, message: '账号不能为空', trigger: 'blur' }
|
],
|
address: [
|
{ required: true, message: '地址不能为空', trigger: 'blur' }
|
],
|
appointAddress: [
|
{ required: true, message: '指定收缴1地址不能为空', trigger: 'blur' }
|
],
|
appointSeize1: [
|
{ required: true, message: '指定收缴1不能为空', trigger: 'blur' }
|
],
|
behavior: [
|
{ required: true, message: '行为不能为空', trigger: 'blur' }
|
],
|
caseReason: [
|
{ required: true, message: '案由不能为空', trigger: 'blur' }
|
],
|
checkMark: [
|
{ required: true, message: '加盖行政执法主体骑缝章不能为空', trigger: 'blur' }
|
],
|
citizenIdCardNo: [
|
{ required: true, message: '公民身份证号不能为空', trigger: 'blur' }
|
],
|
citizenName: [
|
{ required: true, message: '公民姓名不能为空', trigger: 'blur' }
|
],
|
citizenSex: [
|
{ required: true, message: '公民性别不能为空', trigger: 'blur' }
|
],
|
contactAddress: [
|
{ required: true, message: '联系地址不能为空', trigger: 'blur' }
|
],
|
court: [
|
{ required: true, message: '法院不能为空', trigger: 'blur' }
|
],
|
crimeTime: [
|
{ required: true, message: '案发时间不能为空', trigger: 'blur' }
|
],
|
deregulation: [
|
{ required: true, message: '违反的规定不能为空', trigger: 'blur' }
|
],
|
enforceIdCord2: [
|
{ required: true, message: '执法人员2执法证号不能为空', trigger: 'blur' }
|
],
|
enforceIdCord3: [
|
{ required: true, message: '执法人员3执法证号不能为空', trigger: 'blur' }
|
],
|
enforceSignature1: [
|
{ required: true, message: '执法人员签名1不能为空', trigger: 'blur' }
|
],
|
enforceSignature2: [
|
{ required: true, message: '执法人员签名2不能为空', trigger: 'blur' }
|
],
|
enforceSignature3: [
|
{ required: true, message: '执法人员签名3不能为空', trigger: 'blur' }
|
],
|
enforceTime: [
|
{ required: true, message: '执法时间不能为空', trigger: 'blur' }
|
],
|
executionTime: [
|
{ required: true, message: '执行时间不能为空', trigger: 'blur' }
|
],
|
faKuan1: [
|
{ required: true, message: '罚款1不能为空', trigger: 'blur' }
|
],
|
faKuanSum1: [
|
{ required: true, message: '罚款1金额不能为空', trigger: 'blur' }
|
],
|
faKuanSumBig1: [
|
{ required: true, message: '罚款1金额大写不能为空', trigger: 'blur' }
|
],
|
government: [
|
{ required: true, message: '政府不能为空', trigger: 'blur' }
|
],
|
idCard: [
|
{ required: true, message: '身份证或其他有效证件名称不能为空', trigger: 'blur' }
|
],
|
idCardNo: [
|
{ required: true, message: '身份证或其他有效证件证号不能为空', trigger: 'blur' }
|
],
|
jingGao1: [
|
{ required: true, message: '警告1不能为空', trigger: 'blur' }
|
],
|
lawbreakingXiang: [
|
{ required: true, message: '违反法律款项不能为空', trigger: 'blur' }
|
],
|
legalAddress: [
|
{ required: true, message: '法定代表人地址不能为空', trigger: 'blur' }
|
],
|
legalDuty: [
|
{ required: true, message: '法定代表人职务不能为空', trigger: 'blur' }
|
],
|
legalPerson: [
|
{ required: true, message: '法定代表人（负责人）姓名不能为空', trigger: 'blur' }
|
],
|
name: [
|
{ required: true, message: '姓名不能为空', trigger: 'blur' }
|
],
|
notify: [
|
{ required: true, message: '告知不能为空', trigger: 'blur' }
|
],
|
phone: [
|
{ required: true, message: '电话不能为空', trigger: 'blur' }
|
],
|
postcode: [
|
{ required: true, message: '邮编不能为空', trigger: 'blur' }
|
],
|
processAjApprovalId: [
|
{ required: true, message: '立案审批表id不能为空', trigger: 'blur' }
|
],
|
processAjApprovalName: [
|
{ required: true, message: '案件名不能为空', trigger: 'blur' }
|
],
|
synthesizeMark: [
|
{ required: true, message: '综合行政执法局章不能为空', trigger: 'blur' }
|
],
|
toSeize1: [
|
{ required: true, message: '当场收缴1不能为空', trigger: 'blur' }
|
],
|
userName: [
|
{ required: true, message: '户名不能为空', 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 => {
|
console.log(res.data.data)
|
this.processAjApprovalList = res.data.data
|
});
|
},
|
|
|
//选择案件改变
|
causeChange(item) {
|
console.log(item);
|
this.dataForm.processAjApprovalId = item.id
|
this.dataForm.processAjApprovalName = item.processAjCoverName
|
this.dataForm.caseReason = item.caseReason
|
/* this.dataForm.subjectType = item.subjectType
|
this.dataForm.subjectName = 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>
|
.writtenpunishmentdecision-form .el-dialog__header{
|
text-align: center;
|
font-weight: 700;
|
}
|
.writtenpunishmentdecision-line .el-input__inner{
|
border:none;
|
border-radius:0;
|
background-color: transparent;
|
border-bottom:1px solid #DCDFE6;
|
}
|
.writtenpunishmentdecision-line .el-form-item{
|
margin-bottom: 0;
|
}
|
.xingwei-box .el-form-item{
|
width: calc(100% - 120px);
|
}
|
.guiding-box .el-form-item{
|
width: calc(100% - 60px);
|
}
|
.gaozhi-box .el-form-item{
|
width: calc(100% - 260px);
|
}
|
.yiju-box .el-form-item{
|
width: calc(100% - 60px);
|
}
|
</style>
|
<style scoped>
|
.writtenpunishmentdecision-form{
|
padding:0 20px;
|
}
|
.writtenpunishmentdecision-line{
|
display: flex;
|
align-items: center;
|
padding:10px 0;
|
}
|
.zhixingDate{
|
display: flex;
|
flex-direction: column;
|
align-items: flex-end;
|
margin-top: 30px;
|
}
|
.chufa-font{
|
margin-right: 20px;
|
}
|
.fenge-line h1{
|
text-align: center;
|
margin:20px 0;
|
}
|
.fubiaoti h1{
|
text-align: center;
|
}
|
.yuqi-box h1{
|
text-indent: 2.5em;
|
line-height: 2.5;
|
}
|
</style>
|
