<template>
|
<div class="constraintexecutedecide-form">
|
<el-dialog
|
title="行政处罚强制执行决定书"
|
:close-on-click-modal="false"
|
:visible.sync="visible">
|
<div class="constraintexecutedecide-form-box">
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm">
|
<div class="constraintexecutedecide-main">
|
<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 class="constraintexecutedecide-main-inside">
|
<el-form-item label="案件" prop="processAjApprovalId">
|
<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="constraintexecutedecide-line suojinLine">
|
<h1>当事人：对个人，填写姓名、身份证号、地址等信息；对单位，填写单位名称、统一社会信用代码、法定代表人（负责人）、地址等信息。</h1>
|
</div>
|
<div class="constraintexecutedecide-line xingweiTextarea">
|
<h1>经查明，你（单位）</h1>
|
<el-form-item prop="violateContent">
|
<el-input v-model="dataForm.violateContent" type="textarea" autosize placeholder="违法行为"></el-input>
|
</el-form-item>
|
</div>
|
<div class="constraintexecutedecide-line guiding-constraint">
|
<h1>上述行为违反了</h1>
|
<el-form-item prop="violateLaw">
|
<el-input v-model="dataForm.violateLaw" placeholder="违反的法律条令"></el-input>
|
</el-form-item>
|
</div>
|
<div class="constraintexecutedecide-line suojinLine">
|
<h1>本机关已于</h1>
|
<el-form-item prop="firstTime">
|
<!--<el-input v-model="dataForm.firstTime" placeholder="第一次送达公告时间"></el-input>-->
|
<el-date-picker
|
v-model="dataForm.firstTime"
|
type="date"
|
placeholder="第一次送达公告时间">
|
</el-date-picker>
|
</el-form-item>
|
<h1>向你送达</h1>
|
</div>
|
<div class="constraintexecutedecide-line">
|
<div class="decideperform-wenshu">
|
<el-form-item prop="firstNotice">
|
<el-input v-model="dataForm.firstNotice" placeholder="第一次送达的公告"></el-input>
|
</el-form-item>
|
</div>
|
<div class="performDiv">
|
<span>(</span>
|
<el-form-item prop="firstNoticeNum">
|
<el-input v-model="dataForm.firstNoticeNum" placeholder="公告编号"></el-input>
|
</el-form-item>
|
<span>),</span>
|
</div>
|
</div>
|
<div class="constraintexecutedecide-line">
|
<h1>于</h1>
|
<el-form-item prop="secondTime">
|
<el-date-picker
|
v-model="dataForm.secondTime"
|
type="date"
|
placeholder="第二次送达公告时间">
|
</el-date-picker>
|
</el-form-item>
|
<h1>在</h1>
|
<div class="constrain-adress">
|
<el-form-item prop="secondNoticePlace">
|
<el-input v-model="dataForm.secondNoticePlace" placeholder="第二次送达公告张贴地点"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="constraintexecutedecide-line">
|
<h1>张贴/发布了</h1>
|
<div class="second-notice">
|
<el-form-item prop="secondNotice">
|
<el-input v-model="dataForm.secondNotice" placeholder="第二次送达的公告"></el-input>
|
</el-form-item>
|
</div>
|
<div class="performDiv2">
|
<span>(</span>
|
<el-form-item prop="secondNoticeNum">
|
<el-input v-model="dataForm.secondNoticeNum" placeholder="公告编号"></el-input>
|
</el-form-item>
|
<span>),</span>
|
</div>
|
</div>
|
<div class="constraintexecutedecide-line">
|
<h1>于</h1>
|
<el-form-item prop="thirdTime">
|
<el-date-picker
|
v-model="dataForm.thirdTime"
|
type="date"
|
placeholder="第三次送达公告时间">
|
</el-date-picker>
|
</el-form-item>
|
<h1>送达了《行政决定履行催告书》</h1>
|
<div class="performDiv2">
|
<span>(</span>
|
<el-form-item prop="thirdNoticeNum">
|
<el-input v-model="dataForm.thirdNoticeNum" placeholder="公告编号"></el-input>
|
</el-form-item>
|
<span>),</span>
|
</div>
|
</div>
|
<div class="constraintexecutedecide-line yuqi-constrain">
|
<h1>你（单位）逾期</h1>
|
<el-form-item prop="overdueContent">
|
<el-input v-model="dataForm.overdueContent" placeholder="逾期内容"></el-input>
|
</el-form-item>
|
</div>
|
<div class="constraintexecutedecide-line law-constrain suojinLine">
|
<h1>依照</h1>
|
<el-form-item prop="accordingToLaw">
|
<el-input v-model="dataForm.accordingToLaw" placeholder="依据的法律条令"></el-input>
|
</el-form-item>
|
<h1>《中华人民共和国行政强制法》第三十七条的规定，本机关决定</h1>
|
</div>
|
<div class="constraintexecutedecide-line">
|
<h1>于</h1>
|
<el-form-item prop="constraintTime">
|
<el-date-picker
|
v-model="dataForm.constraintTime"
|
type="date"
|
placeholder="强制执行时间">
|
</el-date-picker>
|
</el-form-item>
|
<h1>起组织强制拆除你（单位）在</h1>
|
<div class="qiang-constrain">
|
<el-form-item prop="constraintContent">
|
<el-input v-model="dataForm.constraintContent" placeholder="强制执行内容"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="constraintexecutedecide-line">
|
<h1>所需费用由你（单位）承担。</h1>
|
</div>
|
<div class="constraintexecutedecide-line">
|
<h1>
|
你（单位）如不服本决定，可自收到本决定书之日起六十日内（如法律规定的申请期限超过六十日的，应按法律规定的期限确定）向
|
</h1>
|
</div>
|
<div class="constraintexecutedecide-line fayuan-constrain">
|
<el-form-item prop="courtName">
|
<el-input v-model="dataForm.courtName" placeholder="法院名"></el-input>
|
</el-form-item>
|
<h1>申请行政复议，也可以自收到本决定书之日起在六个月内</h1>
|
</div>
|
<div class="constraintexecutedecide-line">
|
<h1>（如法律有特别规定的，应按法律规定的期限确定）向</h1>
|
<el-form-item prop="courtName">
|
<el-input v-model="dataForm.courtName" placeholder="法院名"></el-input>
|
</el-form-item>
|
<h1>人民法院提起行政诉讼。</h1>
|
</div>
|
<div class="constraintexecutedecide-line">
|
<el-form-item label="联系人：" prop="contactsName" label-width="120px">
|
<el-input v-model="dataForm.contactsName" placeholder="联系人"></el-input>
|
</el-form-item>
|
<el-form-item label="电话：" prop="phone" label-width="120px">
|
<el-input v-model="dataForm.phone" placeholder="电话"></el-input>
|
</el-form-item>
|
</div>
|
<div class="yinzhang-box">
|
<h1>馆陶县综合行政执法局（印章）</h1>
|
<el-form-item prop="executionTime">
|
<!--<el-input v-model="dataForm.recordDate" placeholder="登记日期"></el-input>-->
|
<el-date-picker v-model="dataForm.executionTime" type="date" value-format="yyyy-MM-dd" placeholder="登记日期"></el-date-picker>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
</el-form>
|
</div>
|
<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/process/constraintexecutedecide'
|
import {findAll} from '@/api/process/processajapproval'
|
export default {
|
name: "constraintexecutedecide-form",
|
data () {
|
return {
|
visible: false,
|
processAjApprovalList: [],//案件列表
|
dataForm: {
|
accordingToLaw: '《××法》第×条第×款第×项',
|
constraintContent: '',
|
constraintTime: '',
|
contactsName: '',
|
courtName: '（县级人民政府名称）',
|
documentNum: '',
|
executionTime: '',
|
firstNotice: '',
|
firstNoticeNum: '',
|
firstTime: '',
|
overdueContent: '',
|
phone: '',
|
processAjApprovalId: '',
|
respondentName: '',
|
secondNotice: '《××××××××××公告》',
|
secondNoticeNum: '',
|
secondTime: '',
|
thirdNoticeNum: '',
|
thirdTime: '',
|
violateLaw: '《××法》第×条第×款第×项关于“…………”的规定。',
|
secondNoticePlace:''
|
},
|
dataRule: {
|
|
processAjApprovalId: [
|
{ required: true, message: '立案审批表id不能为空', trigger: 'blur' }
|
],
|
respondentName: [
|
{ required: true, message: '被执行人不能为空', trigger: 'blur' }
|
],
|
violateLaw: [
|
{ 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
|
|
//根据案件id查询行政处罚决定书编号
|
selectByAjId(item.id).then(res=> {
|
console.log("------",res.data.data.documentNum)
|
this.dataForm.administrativeid=res.data.data.documentNum
|
})
|
},
|
|
// 表单提交
|
dataFormSubmit () {
|
this.dataForm.constraintTime && (this.dataForm.constraintTime = this.moment(this.dataForm.constraintTime).format('YYYY-MM-DD'))
|
this.dataForm.executionTime && (this.dataForm.executionTime = this.moment(this.dataForm.executionTime).format('YYYY-MM-DD'))
|
this.dataForm.thirdTime && (this.dataForm.thirdTime = this.moment(this.dataForm.thirdTime).format('YYYY-MM-DD'))
|
this.dataForm.secondTime && (this.dataForm.secondTime = this.moment(this.dataForm.secondTime).format('YYYY-MM-DD'))
|
this.dataForm.firstTime && (this.dataForm.firstTime = this.moment(this.dataForm.firstTime).format('YYYY-MM-DD'))
|
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>
|
.constraintexecutedecide-form .el-dialog__header{
|
text-align: center;
|
font-weight: 700;
|
}
|
.constraintexecutedecide-line .el-form-item{
|
margin-bottom: 0;
|
}
|
.xingweiTextarea .el-form-item{
|
width: calc(100% - 120px);
|
}
|
.xingweiTextarea .el-form-item__content{
|
width: 100%;
|
}
|
.constraintexecutedecide-line .el-textarea__inner{
|
border:none;
|
border-bottom:1px solid #DCDFE6;
|
}
|
.guiding-constraint .el-form-item{
|
width: calc(100% - 100px);
|
}
|
.guiding-constraint .el-form-item__content,.constrain-adress .el-form-item__content{
|
width: 100%;
|
}
|
.constraintexecutedecide-main .el-input__inner{
|
border:none;
|
border-radius:0;
|
background-color: transparent;
|
border-bottom:1px solid #DCDFE6;
|
}
|
.decideperform-wenshu .el-form-item {
|
width: 95%;
|
}
|
.decideperform-wenshu .el-form-item__content{
|
width: 100%;
|
}
|
.yuqi-constrain .el-form-item{
|
width: calc(100% - 100px);
|
}
|
.law-constrain .el-form-item{
|
width: calc(100% - 430px);
|
}
|
.fayuan-constrain .el-form-item{
|
width: calc(100% - 310px);
|
}
|
</style>
|
<style scoped>
|
.constraintexecutedecide-form-box{
|
padding:0 40px;
|
}
|
.constraintexecutedecide-main{
|
position: relative;
|
}
|
.bianhao-box{
|
position: absolute;
|
right: 0;
|
top: 0;
|
z-index: 1;
|
display: flex;
|
align-items: center;
|
}
|
.constraintexecutedecide-main-inside{
|
padding-top: 50px ;
|
}
|
.constraintexecutedecide-line{
|
display: flex;
|
align-items: center;
|
padding:10px 0;
|
flex-wrap: wrap;
|
}
|
|
.decideperform-line h1{
|
line-height: 2.5;
|
}
|
.suojinLine>h1{
|
text-indent: 2.5em;
|
}
|
.performDiv,.performDiv2{
|
display: flex;
|
align-items: center;
|
}
|
.decideperform-wenshu{
|
width: calc(100% - 210px);
|
}
|
.constrain-adress{
|
width: calc(100% - 250px);
|
}
|
.second-notice{
|
width: 60%;
|
}
|
.qiang-constrain{
|
width: calc(100% - 400px);
|
}
|
.yinzhang-box{
|
margin-top: 20px;
|
display: flex;
|
flex-direction: column;
|
align-items: flex-end;
|
}
|
</style>
|
