<template>
|
<div class="processajnotice-form">
|
<el-dialog
|
title="询问调查通知书"
|
:visible.sync="visible">
|
<!--<h1 class="processajnotice-title">询问调查通知书</h1>-->
|
<div class="process-form-box">
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" >
|
<div class="processajnotice-box">
|
<div class="bianhao-box">
|
<div>馆综罚询通字</div>
|
<el-form-item>
|
[<el-input disabled v-model="dataForm.referenceNumber"></el-input>]
|
</el-form-item>
|
<div>第 号</div></div>
|
</div>
|
<div class="processajnotice-main">
|
<el-form-item label="所属案件" prop="processAjApprovalName">
|
<el-select v-model="dataForm.processAjApprovalName" clearable placeholder="请选择">
|
<el-option
|
v-for="item in caseList"
|
:key="item.id"
|
:label="item.processAjCoverName"
|
:value="item.processAjCoverName"
|
@click.native="getCaseId(item)"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<div class="process-first-line">
|
<el-form-item prop="askdPersion">
|
<el-input v-model="dataForm.askdPersion"></el-input>
|
</el-form-item>
|
<span>：</span>
|
</div>
|
<div class="process-date-box">
|
<h1>你（单位）于</h1>
|
<!--<el-input v-model="inputVal"></el-input>
|
<h1>年</h1>
|
<el-input v-model="inputVal"></el-input>
|
<h1>月</h1>
|
<el-input v-model="inputVal"></el-input>
|
<h1>日</h1>-->
|
<el-form-item prop="breakLowTime">
|
<el-date-picker
|
v-model="dataForm.breakLowTime"
|
type="date"
|
placeholder="选择日期"
|
:picker-options="pickerOptions">
|
</el-date-picker>
|
</el-form-item>
|
</div>
|
<div class="process-second-line">
|
<el-form-item prop="breakLowContent">
|
<el-input v-model="dataForm.breakLowContent" type="textarea" autosize></el-input>
|
</el-form-item>
|
</div>
|
<div class="process-second-line2">
|
<h1>的行为，涉嫌违反了</h1>
|
<span><<</span>
|
<el-form-item prop="lows">
|
<el-input v-model="dataForm.lows"></el-input>
|
</el-form-item>
|
<span>>></span>
|
<h1>的规定，为查明案情，现请你（单位负责人）</h1>
|
<h1>于</h1>
|
<h1>你（单位）于</h1>
|
<el-form-item prop="askdTime">
|
<el-date-picker
|
v-model="dataForm.askdTime"
|
align="right"
|
type="datetime"
|
default-time="12:00:00"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<h1>到（地址）</h1>
|
<el-form-item prop="askdAdress">
|
<el-input v-model="dataForm.askdAdress"></el-input>
|
</el-form-item>
|
<h1>,</h1>
|
<h1>前来接受相关事宜的调查，同时请携带以下相关证据材料（见打√处）。</h1>
|
</div>
|
<div class="process-third-line">
|
<el-form-item label="需要携带的证据资料" prop="takeEvidence">
|
<el-checkbox-group v-model="dataForm.takeEvidence">
|
<el-checkbox label="身份证">身份证</el-checkbox>
|
<el-checkbox label="营业执照">营业执照</el-checkbox>
|
<el-checkbox label="法定代表人身份证明或委托书">法定代表人身份证明或委托书</el-checkbox>
|
<el-checkbox label="其它">
|
<el-input v-model="dataForm.takeEvidenceOthers" type="textarea" autosize></el-input>
|
</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
<div class="lianxiren-box">
|
<h1>联系人</h1>
|
<el-form-item prop="linkMan">
|
<el-input v-model="dataForm.linkMan"></el-input>
|
</el-form-item>
|
|
<h1>联系电话</h1>
|
<el-form-item prop="linkPhone">
|
<el-input v-model="dataForm.linkPhone"></el-input>
|
</el-form-item>
|
<h1>如无法按时前来，请及时与本局联系。</h1>
|
</div>
|
</div>
|
<div class="process-right">
|
<h1>馆陶县综合行政执法局</h1>
|
<div class="process-qian-data">
|
<el-form-item prop="issuingDate">
|
<el-date-picker
|
v-model="dataForm.issuingDate"
|
type="date"
|
style="width: 130px"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="process-qianshou">
|
<div class="process-qianshou-line">
|
<el-form-item label="签收人：" label-width="100px" prop="signer">
|
<el-input v-model="dataForm.signer"></el-input>
|
</el-form-item>
|
<el-form-item label-width="100px" label="签收日期：" prop="signTime">
|
<el-date-picker
|
v-model="dataForm.signTime"
|
align="right"
|
style="width: 130px"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
</div>
|
<div class="process-qianshou-line">
|
<el-form-item label-width="100px" label="送达人：" prop="deliveryPart">
|
<el-input v-model="dataForm.deliveryPart"></el-input>
|
</el-form-item>
|
<el-form-item label-width="100px" label="签收日期：" prop="deliveryTime">
|
<el-date-picker
|
v-model="dataForm.deliveryTime"
|
align="right"
|
style="width: 130px"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
</div>
|
|
</div>
|
<div class="process-introduce">
|
<h1>填写说明：</h1>
|
<div>
|
<h1>
|
一、询问调查通知书是城管行政执法人员为进一步确认当事人违法行为的事实，进行现场勘验、检查后提请当事人配合调查的书面通知。
|
</h1>
|
<h1>二、写明询问详细地址。</h1>
|
<h1>三、如需当事人携带相关证据材料前来接受询问，在“□”处打“√”</h1>
|
<h1>四、需要交付当事人的文书中设有签收栏的，由当事人直接签收；也可以由其同住的成年家属或委托代理人签收。</h1>
|
</div>
|
</div>
|
</div>
|
<el-form-item>
|
<div class="footer-box">
|
<el-button @click="visible = false">取消</el-button>
|
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
</div>
|
|
</el-form-item>
|
</el-form>
|
</div>
|
|
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {getObj, addObj, putObj, getCase} from '@/api/process/processajnotice'
|
export default {
|
name: "processajnotice-form",
|
data () {
|
return {
|
visible: false,
|
// takeEvidenceList:["身份证"],
|
caseList:[],
|
dataForm: {
|
id: 0,
|
processAjApprovalName:'',
|
referenceNumber: '',
|
askdPersion: '',
|
breakLowTime: '',
|
breakLowContent: '',
|
lows: '',
|
askdTime: '',
|
askdAdress: '',
|
takeEvidence: ["身份证"],
|
takeEvidenceOthers: '',
|
linkMan: '',
|
linkPhone: '',
|
issuingDate: '',
|
signer: '',
|
signTime: '',
|
deliveryPart: '',
|
deliveryTime: '',
|
createTime: '',
|
processAjApprovalId: '',
|
tenantId: ''
|
},
|
pickerOptions: {
|
disabledDate(time) {
|
return time.getTime() > Date.now();
|
},
|
shortcuts: [{
|
text: '今天',
|
onClick(picker) {
|
picker.$emit('pick', new Date());
|
}
|
}, {
|
text: '昨天',
|
onClick(picker) {
|
const date = new Date();
|
date.setTime(date.getTime() - 3600 * 1000 * 24);
|
picker.$emit('pick', date);
|
}
|
}, {
|
text: '一周前',
|
onClick(picker) {
|
const date = new Date();
|
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
|
picker.$emit('pick', date);
|
}
|
}]
|
},
|
dataRule: {
|
askdPersion: [
|
{ required: true, message: '被询问人或单位不能为空', trigger: 'blur' }
|
],
|
breakLowTime: [
|
{ required: true, message: '违反规定时间不能为空', trigger: 'blur' }
|
],
|
breakLowContent: [
|
{ required: true, message: '违反规定的行为描述不能为空', trigger: 'blur' }
|
],
|
lows: [
|
{ required: true, message: '所违反的法律法规不能为空', trigger: 'blur' }
|
],
|
askdTime: [
|
{ required: true, message: '传唤到场时间不能为空', trigger: 'blur' }
|
],
|
askdAdress: [
|
{ required: true, message: '通知到场的地址不能为空', trigger: 'blur' }
|
],
|
takeEvidence: [
|
{ required: true, message: '需要携带的证据资料(该处为复选框)不能为空', trigger: 'blur' }
|
],
|
takeEvidenceOthers: [
|
{ required: true, message: '复选框外的其他证据材料不能为空', trigger: 'blur' }
|
],
|
linkMan: [
|
{ required: true, message: '联系人不能为空', trigger: 'blur' }
|
],
|
linkPhone: [
|
{ required: true, message: '联系电话不能为空', trigger: 'blur' }
|
],
|
issuingDate: [
|
{ required: true, message: '签发日期不能为空', trigger: 'blur' }
|
],
|
signer: [
|
{ required: true, message: '签收人不能为空', trigger: 'blur' }
|
],
|
signTime: [
|
{ required: true, message: '签收日期不能为空', trigger: 'blur' }
|
],
|
deliveryPart: [
|
{ required: true, message: '送达人不能为空', trigger: 'blur' }
|
],
|
deliveryTime: [
|
{ required: true, message: '送达人签收日期不能为空', trigger: 'blur' }
|
],
|
// createTime: [
|
// { required: true, message: '创建时间不能为空', trigger: 'blur' }
|
// ],
|
// isDelete: [
|
// { required: true, message: '是否被删除0为否，1为是不能为空', trigger: 'blur' }
|
// ],
|
// tenantId: [
|
// { required: true, message: '租户id不能为空', trigger: 'blur' }
|
// ]
|
},
|
|
}
|
},
|
methods: {
|
getCaseId(val){
|
console.log(val)
|
this.dataForm.processAjApprovalId = val.id
|
if(val.citizenName){
|
this.dataForm.askdPersion = val.citizenName
|
}else{
|
this.dataForm.askdPersion = val.unitName
|
}
|
},
|
//获取案件列表
|
selectCase(){
|
console.log("------selectCase")
|
getCase().then(response =>{
|
this.caseList = response.data.data
|
})
|
},
|
init (id) {
|
console.log("----------",id)
|
this.selectCase()
|
this.dataForm.id = id || 0
|
this.visible = true
|
this.$nextTick(() => {
|
this.$refs['dataForm'].resetFields()
|
if (this.dataForm.id) {
|
getObj(this.dataForm.id).then(response => {
|
console.log()
|
this.dataForm = response.data.data
|
this.dataForm.takeEvidence = response.data.data.takeEvidence.split(',')
|
// if(this.dataForm.takeEvidence.indexOf(',')!=-1){
|
// this.takeEvidenceList = this.dataForm.takeEvidence.split(',')
|
// }else {
|
// this.takeEvidenceList = []
|
// this.takeEvidenceList.push(this.dataForm.takeEvidence)
|
// }
|
})
|
}
|
})
|
},
|
// 表单提交
|
dataFormSubmit () {
|
this.$refs['dataForm'].validate((valid) => {
|
if (valid) {
|
this.dataForm.takeEvidence = this.dataForm.takeEvidence.toString()
|
this.dataForm.breakLowTime=this.moment(this.dataForm.breakLowTime).format("YYYY-MM-DD")
|
this.dataForm.askdTime=this.moment(this.dataForm.askdTime).format("YYYY-MM-DD HH:mm:ss")
|
this.dataForm.issuingDate=this.moment(this.dataForm.issuingDate).format("YYYY-MM-DD")
|
this.dataForm.signTime=this.moment(this.dataForm.signTime).format("YYYY-MM-DD")
|
this.dataForm.deliveryTime=this.moment(this.dataForm.deliveryTime).format("YYYY-MM-DD")
|
if (this.dataForm.id) {
|
putObj(this.dataForm).then(data => {
|
this.$message.success('修改成功')
|
this.visible = false
|
this.$emit('refreshDataList')
|
this.takeEvidenceList = ["身份证"]
|
});
|
} else {
|
addObj(this.dataForm).then(data => {
|
this.$message.success('添加成功')
|
this.visible = false
|
this.$emit('refreshDataList')
|
this.takeEvidenceList = ["身份证"]
|
})
|
}
|
}
|
})
|
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.process-form-box .el-input__inner{
|
border:none;
|
border-radius:0;
|
background-color: transparent;
|
}
|
.process-form-box .el-form-item{
|
margin-bottom: 0;
|
}
|
.process-second-line .el-form-item{
|
width: 100%;
|
}
|
.process-date-box .el-form-item{
|
width: 60%;
|
}
|
.bianhao-box .el-input__inner{
|
background: transparent;
|
width: 60px;
|
}
|
.bianhao-box .el-input{
|
width: auto;
|
}
|
.processajnotice-form .el-dialog__header{
|
text-align: center;
|
font-weight: 700;
|
}
|
.processajnotice-main .el-input__inner{
|
border:none;
|
border-bottom:1px solid #DCDFE6;
|
}
|
.process-first-line .el-input__inner{
|
width:200px;
|
}
|
/*.process-date-box .el-input__inner{*/
|
/* padding:0;*/
|
/*}*/
|
/*.process-date-box .el-input{*/
|
/* width: auto;*/
|
/*}*/
|
.process-second-line .el-textarea__inner{
|
border:none;
|
border-bottom:1px solid #DCDFE6;
|
}
|
.process-second-line .el-input__inner,.process-second-line2 .el-input__inner{
|
width:160px;
|
}
|
.process-second-line .el-input{
|
width: auto;
|
}
|
.adress .el-input__inner{
|
width: 280px!important;
|
}
|
.process-third-line .el-checkbox-group{
|
display: flex;
|
flex-direction: column;
|
}
|
.process-third-line .el-checkbox{
|
padding:10px 0;
|
}
|
.process-third-line .el-textarea__inner{
|
border:none;
|
border-bottom:1px solid #DCDFE6;
|
}
|
.process-third-line .el-checkbox__label{
|
width: 90%;
|
}
|
.lianxiren-box .el-input{
|
width: 200px;
|
}
|
.process-right .el-input,.process-qianshou .el-input{
|
width: 120px;
|
}
|
</style>
|
<style scoped>
|
.processajnotice-title {
|
text-align: center;
|
font-size: 16px;
|
font-weight: 700;
|
line-height: 30px;
|
margin: 20px 0;
|
}
|
.process-form-box{
|
position: relative;
|
padding:0 20px;
|
}
|
.process-form-box h1,.process-form-box span{
|
line-height: 44px;
|
}
|
.bianhao-box{
|
position: absolute;
|
right: 0;
|
top: 0;
|
z-index: 1;
|
display: flex;
|
align-items: center;
|
}
|
.processajnotice-main{
|
padding-top: 30px;
|
position: relative;
|
}
|
.process-first-line,.process-second-line,.process-second-line2{
|
display: flex;
|
flex-wrap: wrap;
|
padding: 10px 0;
|
}
|
.process-date-box{
|
display: flex;
|
align-items: center;
|
padding-left: 40px;
|
}
|
.lianxiren-box{
|
display: flex;
|
}
|
.process-right{
|
display: flex;
|
flex-direction: column;
|
}
|
.process-right h1{
|
text-align: right;
|
}
|
.process-qian-data{
|
display: flex;
|
justify-content: flex-end;
|
}
|
.process-qianshou-line{
|
display: flex;
|
}
|
.process-third-line,.process-qianshou{
|
padding-left:40px;
|
}
|
.process-introduce h1{
|
font-weight: 700;
|
padding-left:40px;
|
text-indent: 2em;
|
}
|
.footer-box{
|
display: flex;
|
justify-content: center;
|
}
|
|
</style>
|
