<template>
|
<el-main>
|
<!--责令（限期）改正通知书-->
|
<el-form ref="dataForm" :model="dataForm" :disabled="dataForm.registerState == '1'">
|
<el-form-item label="文号" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.unitName"
|
placeholder="_______责改通〔 〕第 号">
|
</el-input>
|
</el-form-item>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="当事人" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.litigant"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="证件号/信用码" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.certNo"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-form-item label="住址" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.address"></el-input>
|
</el-form-item>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="负责人" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.legalPerson"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="联系电话" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.legalPersonPhone"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="有关规定" :label-width="formLabelWidth">
|
<el-autocomplete
|
v-model="dataForm.relevantProvision"
|
filterable
|
style="width: 100%"
|
:fetch-suggestions="querySearchHandle"
|
placeholder="请输入内容"
|
:trigger-on-focus="false"
|
@select="handleSelectOne"
|
>
|
</el-autocomplete>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="条" :label-width="formLabelWidth">
|
<!-- <el-input v-model="form.legalBasisTiao" autocomplete="off"></el-input>-->
|
<el-select v-model="dataForm.tiao" placeholder="请选择条" style="width: 100%">
|
<el-option
|
v-for="item in lawTiaoList"
|
:label="item.lawTiaoName"
|
:value="item.lawTiaoName"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="款" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.kuan"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="项" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.xiang"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-form-item label="存在问题" :label-width="formLabelWidth">
|
<el-input type="textarea" v-model="dataForm.openQuestions"></el-input>
|
</el-form-item>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="检查时间" :label-width="formLabelWidth">
|
<el-date-picker
|
v-model="dataForm.inspectionTime"
|
type="date"
|
:value-format="`yyyy-MM-dd`"
|
placeholder="选择日期"
|
style="width: 100%"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="改正时间" :label-width="formLabelWidth">
|
<el-date-picker
|
v-model="dataForm.correctTime"
|
type="datetime"
|
:value-format="`yyyy-MM-dd HH:mm:ss`"
|
placeholder="选择日期"
|
style="width: 100%"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label=" 法律依据" :label-width="formLabelWidth">
|
<el-autocomplete
|
v-model="dataForm.legalBasis"
|
filterable
|
style="width: 100%"
|
:fetch-suggestions="querySearchHandle"
|
placeholder="请输入内容"
|
:trigger-on-focus="false"
|
@select="handleSelectTwo"
|
>
|
</el-autocomplete>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="条" :label-width="formLabelWidth">
|
<!-- <el-input v-model="form.legalBasisTiao" autocomplete="off"></el-input>-->
|
<el-select v-model="dataForm.legalBasisTiao" placeholder="请选择条" style="width: 100%">
|
<el-option
|
v-for="item in lawTiaoList"
|
:label="item.lawTiaoName"
|
:value="item.lawTiaoName"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="款" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.legalBasisKuan"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="项" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.legalBasisXiang"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<!--改正措施-->
|
<el-form-item label=" 改正措施" :label-width="formLabelWidth">
|
<el-input style="margin-bottom: 5px!important;" type="text" v-for="(item,i) of dataForm.correctiveActions" v-model="dataForm.correctiveActions[i]" :key="i">
|
</el-input>
|
</el-form-item>
|
<el-form-item label-width="50%">
|
<el-button type="text" @click="addEle">
|
<img src="../../../../assets/lawImg/addIcon.png" alt="">
|
</el-button>
|
</el-form-item>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="政府名称" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.governmentName"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="法院名" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.courtName"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="联 系 人" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.phoneName"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="联系电话" :label-width="formLabelWidth">
|
<el-input v-model="dataForm.phone"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<!-- <el-row>-->
|
<!-- <el-col :span="12">-->
|
<!-- <el-form-item label="执法人1" :label-width="formLabelWidth">-->
|
<!-- <el-input v-model="dataForm.officersOne"></el-input>-->
|
<!-- </el-form-item>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="12">-->
|
<!-- <el-form-item label="执法证号" :label-width="formLabelWidth">-->
|
<!-- <el-input v-model="dataForm.numberOne"></el-input>-->
|
<!-- </el-form-item>-->
|
<!-- </el-col>-->
|
<!-- </el-row>-->
|
<!-- <el-row>-->
|
<!-- <el-col :span="12">-->
|
<!-- <el-form-item label="执法人2" :label-width="formLabelWidth">-->
|
<!-- <el-input v-model="dataForm.officersTwo"></el-input>-->
|
<!-- </el-form-item>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="12">-->
|
<!-- <el-form-item label="执法证号" :label-width="formLabelWidth">-->
|
<!-- <el-input v-model="dataForm.numberTwo"></el-input>-->
|
<!-- </el-form-item>-->
|
<!-- </el-col>-->
|
<!-- </el-row>-->
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="盖章时间" :label-width="formLabelWidth">
|
<el-date-picker
|
v-model="dataForm.executionTime"
|
type="date"
|
:value-format="`yyyy-MM-dd`"
|
placeholder="选择日期"
|
style="width: 100%"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="接收时间" :label-width="formLabelWidth">
|
<el-date-picker
|
v-model="dataForm.receiveTime"
|
type="datetime"
|
:value-format="`yyyy-MM-dd HH:mm:ss`"
|
placeholder="选择日期"
|
style="width: 100%"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<!-- <el-row>-->
|
<!-- <el-col :span="12">-->
|
<!-- <el-form-item label="当事人联系" :label-width="formLabelWidth">-->
|
<!-- <el-input v-model="dataForm.litigantPhone"></el-input>-->
|
<!-- </el-form-item>-->
|
<!-- </el-col>-->
|
<!-- </el-row>-->
|
<WordView ref="wordInfo" :isShowYulan="showView" @cancel="cancelWord"></WordView>
|
</el-form>
|
<div style="text-align: center;">
|
<el-button v-show="dataForm.registerState != '1'" plain @click="dataFormSubmit('0')">保存</el-button>
|
<el-button v-show="dataForm.registerState != '1'" type="warning" plain @click="dataFormSubmit('1')">定稿</el-button>
|
<el-button type="primary" plain @click="viewVord(dataForm)">预览</el-button>
|
<el-button type="success" plain @click="downloadWord(dataForm)">下载</el-button>
|
</div>
|
</el-main>
|
</template>
|
|
<script>
|
import {getLaw, lawInfo} from '@/api/lawList/lawList';
|
import WordView from "@/views/News/word-view";
|
import {getObj, saveObj} from "@/api/News/correctionNotice";
|
import moment from "moment";
|
|
export default {
|
name: "correctionNotice",
|
props: ['isShowYulan', 'id', 'isFinish', 'processId', 'title'],
|
components: {
|
WordView,
|
},
|
data() {
|
return {
|
showView: false,
|
dataForm: {
|
unitName:"",
|
litigant: "",
|
certNo: "",
|
address: "",
|
legalPerson: "",
|
legalPersonPhone: "",
|
relevantProvision: "",
|
inspectionTime: "",
|
openQuestions: "",
|
correctTime: "",
|
legalBasis: "",
|
legalBasisTiao:"",
|
legalBasisKuan:"",
|
legalBasisXiang:"",
|
actions: "",
|
governmentName: "",
|
courtName: "",
|
phoneName: "",
|
phone: "",
|
executionTime: "",
|
officersOne: "",
|
numberOne: "",
|
officersTwo: "",
|
numberTwo: "",
|
receiveTime: "",
|
litigantPhone: "",
|
correctiveActions: [""],
|
},
|
lawList: [],
|
lawTiaoList: [],
|
formLabelWidth: "140px",
|
}
|
},
|
created() {
|
this.init()
|
},
|
methods: {
|
init() {
|
this.getBiLu()
|
},
|
// 点击添加
|
addEle() {
|
this.dataForm.correctiveActions.push('')
|
},
|
getBiLu() {
|
getObj(this.id).then((res) => {
|
if (res.data.code == 0) {
|
// 转换null为""
|
// let v = res.data.data;
|
// for (let attr in v) {
|
// if (v[attr] == null) {
|
// v[attr] = "";
|
// }
|
// }
|
// let str = JSON.stringify(v);
|
// let data = JSON.parse(str);
|
this.dataForm = res.data.data;
|
}
|
});
|
},
|
querySearchHandle(queryString, cb) { //模糊搜素
|
getLaw(queryString).then(res => {
|
this.lawList = []
|
let resultList = res.data.data
|
resultList.forEach(item => {
|
this.lawList.push({
|
value: item.name,
|
id: item.id
|
})
|
})
|
cb(this.lawList)
|
})
|
},
|
handleSelectOne(item) {
|
this.dataForm.relevantProvision = item.value
|
this.dataForm.lawId = item.id
|
lawInfo(item.value).then(res => {
|
this.lawTiaoList = res.data.data
|
})
|
},
|
handleSelectTwo(item) {
|
this.dataForm.legalBasis = item.value
|
this.dataForm.lawId = item.id
|
lawInfo(item.value).then(res => {
|
this.lawTiaoList = res.data.data
|
})
|
},
|
dataFormSubmit(type) {
|
console.log(type)
|
this.$refs['dataForm'].validate((valid) => {
|
if (valid) {
|
let obj = this;
|
if ("1" == type) {
|
this.$confirm('保存为定稿将不能修改，是否继续？', '提示', {
|
confirmButtonText: '是',
|
cancelButtonText: '否',
|
type: 'warning'
|
}).then(function () {
|
obj.dataForm.registerState = type;
|
obj.dataForm.registerId = obj.id;
|
obj.dataForm.processId = obj.processId;
|
saveObj(obj.dataForm).then((res) => {
|
// this.submitLoading = false;
|
obj.$message.success('操作成功');
|
obj.cancel();
|
})
|
})
|
} else {
|
obj.dataForm.registerState = type;
|
obj.dataForm.registerId = obj.id;
|
obj.dataForm.processId = obj.processId;
|
saveObj(obj.dataForm).then((res) => {
|
// this.submitLoading = false;
|
obj.$message.success("操作成功");
|
obj.cancel();
|
})
|
}
|
}
|
})
|
},
|
types() {
|
},
|
openForm() {
|
this.isShow = true;
|
},
|
cancell(e, d) {
|
this.isShow = e;
|
if (d != undefined) {
|
this.form.goodsDis.push(d)
|
}
|
},
|
cancel() {
|
this.$emit('cancel', false);
|
},
|
cancelWord() {
|
this.showView = false;
|
},
|
viewVord(data) {
|
if(data.registerState == null || data.registerState == ""){
|
//预览前先进行保存
|
data.registerState = '0';
|
data.registerId = this.id;
|
data.processId = this.processId;
|
saveObj(data).then((res) => {
|
})
|
}
|
//↓↓↓↓↓↓以下部分根据具体业务修改↓↓↓↓↓↓
|
//格式转换
|
let wordData = this.transforData(data);
|
//↑↑↑↑↑↑以上部分根据具体业务修改↑↑↑↑↑↑
|
console.log(data, 'data=======')
|
this.showView = true;
|
this.$nextTick(() => {
|
this.$refs.wordInfo.init(wordData, "/wordes/correctionNotice.docx");
|
})
|
},
|
downloadWord(data) {
|
if(data.registerState == null || data.registerState == ""){
|
//预览前先进行保存
|
data.registerState = '0';
|
data.registerId = this.id;
|
data.processId = this.processId;
|
saveObj(data).then((res) => {
|
})
|
}
|
let wordData = this.transforData(data);
|
WordView.methods.exportDoc(wordData, "/wordes/correctionNotice.docx", this.title+'.docx');
|
},
|
transforData(obj) {
|
let s = JSON.stringify(obj);
|
let data = JSON.parse(s);
|
if (data.inspectionTime != '' && data.inspectionTime != null) {
|
data.inspectionTime = moment(data.inspectionTime).format('YYYY年MM月DD日');
|
} else {
|
data.inspectionTime = ' 年 月 日'
|
}
|
|
if (data.correctTime != '' && data.correctTime != null) {
|
data.correctTime = moment(data.correctTime).format('MM月DD日HH时');
|
} else {
|
data.correctTime = ' 月 日 时'
|
}
|
|
if (data.executionTime != '' && data.executionTime != null) {
|
data.executionTime = moment(data.executionTime).format('YYYY年MM月DD日');
|
} else {
|
data.executionTime = ' 年 月 日'
|
}
|
|
if (data.receiveTime != '' && data.receiveTime != null) {
|
data.receiveTime = moment(data.receiveTime).format('YYYY年MM月DD日HH时mm分');
|
} else {
|
data.receiveTime = ' 年 月 日 时 分'
|
}
|
|
|
return data;
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
