<template>
|
<el-main>
|
<el-form ref="form" :model="form" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="文号">
|
<el-input v-model="form.unitName" placeholder="——————罚责改通字〔 〕第————号"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="当事人">
|
<el-input v-model="form.litigant" placeholder="请填写当事人姓名"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-form-item label="证件号/信用码">
|
<el-input v-model="form.certNo" placeholder="请填写身份证号码/统一社会信用代码"></el-input>
|
</el-form-item>
|
<el-form-item label="地址">
|
<el-input v-model="form.address" placeholder="请填写当事人地址"></el-input>
|
</el-form-item>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="负责人">
|
<el-input v-model="form.legalPerson" placeholder="请填写法定代表人（负责人/经营者）"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="联系电话" label-width="100px">
|
<el-input v-model="form.linkPhone" placeholder="请填写联系电话"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-form-item class="box">
|
<span>你（单位）于</span>
|
<el-date-picker
|
v-model="form.illegalTime"
|
type="datetime"
|
style="width: 180px!important;"
|
:value-format="`yyyy-MM-dd HH:mm:ss`"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
<span>，执法人员在</span>
|
<el-input v-model="form.illegalLocation" placeholder="" style="width: 160px!important;"></el-input>
|
<span>巡查过程中，发现</span>
|
<el-input v-model="form.illegalAct" placeholder="违法行为" style="width: 160px!important;"></el-input>
|
<span>的行为，有对</span>
|
<el-input v-model="form.litigant" placeholder="请输入当事人姓名" style="width: 160px!important;"></el-input>
|
<span>（当事人）的《询问笔录》证实以上违法行为属实 ，违反了 《</span>
|
<!-- <el-input v-model="form.legalBasis" placeholder="请输入XX法律" style="width: 160px!important;"></el-input>-->
|
<el-autocomplete
|
v-model="form.legalBasis"
|
filterable
|
style="width: 50%!important;"
|
:fetch-suggestions="querySearchHandle"
|
placeholder="请输入XX法律"
|
:trigger-on-focus="false"
|
@select="handleSelectOne"
|
>
|
</el-autocomplete>
|
<span>法》第</span>
|
<!-- <el-input v-model="form.legalBasisTiao" placeholder="请输入法律第几条" style="width: 160px!important;"></el-input>-->
|
<el-select v-model="form.legalBasisTiao" placeholder="请选择条" style="width: 100px!important;">
|
<el-option
|
v-for="item in lawTiaoList"
|
:label="item.lawTiaoName"
|
:value="item.lawTiaoName"
|
>
|
</el-option>
|
</el-select>
|
<span>条第</span>
|
<el-input v-model="form.legalBasisKuan" placeholder="请输入法律第几款" style="width: 80px!important;"></el-input>
|
<span>款第</span>
|
<el-input v-model="form.legalBasisXiang" placeholder="请输入法律第几项" style="width: 80px!important;"></el-input>
|
<span>项的规定，本局执法人员当场向你（你们）告知了违法事实、依据和依法享有</span>
|
<span>的权利，你有陈述和申辩的权利。现依据《</span>
|
<!-- <el-input v-model="form.legalClause" placeholder="请输入XX法律" style="width: 100px!important;"></el-input>-->
|
<el-autocomplete
|
v-model="form.legalClause"
|
filterable
|
style="width: 50%!important;"
|
:fetch-suggestions="querySearchHandle"
|
placeholder="请输入XX法律"
|
:trigger-on-focus="false"
|
@select="handleSelectTwo"
|
>
|
</el-autocomplete>
|
<span>法》第</span>
|
<!-- <el-input v-model="form.legalClauseTiao" placeholder="请输入法律第几条" style="width: 160px!important;"></el-input>-->
|
<el-select v-model="form.legalClauseTiao" filterable placeholder="请选择条" style="width: 100px!important">
|
<el-option
|
v-for="item in lawTiaoList"
|
:label="item.lawTiaoName"
|
:value="item.lawTiaoName"
|
>
|
</el-option>
|
</el-select>
|
<span>条第</span>
|
<el-input v-model="form.legalClauseKuan" placeholder="请输入法律第几款" style="width: 80px!important;"></el-input>
|
<span>款第</span>
|
<el-input v-model="form.legalClauseXiang" placeholder="请输入法律第几项" style="width: 80px!important;"></el-input>
|
<span>项，本机关决定对你（单位）处以下行政处罚：</span>
|
</el-form-item>
|
<el-form-item>
|
<el-checkbox-group v-model="form.punishments"
|
style="display: flex;flex-direction: column;font-size: 20px!important;">
|
<el-checkbox label="1" name="type">警告；</el-checkbox>
|
<el-checkbox label="2" name="type" style="display:flex;flex-direction: column">
|
罚款人民币
|
<el-input v-model="form.penalty" placeholder=" 千 百 拾 元" style="width: 160px!important;"></el-input>
|
整（大写）。
|
<el-form-item>
|
<span>￥：</span>
|
<el-input v-model="form.penaltyNumber" placeholder="阿拉伯数字" style="width: 160px!important;"></el-input>
|
</el-form-item>
|
</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
<div @change="changenullTwo">
|
<el-form-item label="缴纳方式：">
|
<el-radio label="1" v-model="form.fines">当场收缴;</el-radio>
|
<el-radio label="2" v-model="form.fines">
|
<p style="margin-left: -100px!important;">
|
缴纳银行名称：
|
<el-input v-model="form.bank" placeholder="请输入缴纳银行的名称" style="width: 80%!important;"></el-input>
|
</p>
|
<p style="margin-left: -30px!important;">
|
账号：
|
<el-input v-model="form.account" placeholder="请输入账号" style="width: 100%!important;"></el-input>
|
</p>
|
<p style="margin-left: -30px!important;">
|
户名：
|
<el-input v-model="form.accountName" placeholder="请输入户名" style="width: 100%!important;"></el-input>
|
</p>
|
|
<!-- </el-form-item>-->
|
<p style="margin-left: -30px!important;">
|
地址：
|
<el-input v-model="form.place" placeholder="请输入缴纳地址" style="width: 100%!important;"></el-input>
|
</p>
|
</el-radio>
|
</el-form-item>
|
</div>
|
<!-- <div class="box" style="margin-left: 85px;font-size: 18px;">
|
<span>如你（单位）不服本行政处罚决定，可以自收到本决定书之日起60日内向</span>
|
<el-input v-model="form.governmentName" placeholder="" style="width:260px!important;"></el-input>
|
<span>申请行政复议；也可以自</span>
|
<span>收到本决定书之日起六个月内直接向</span>
|
<el-input v-model="form.courtName" placeholder="" style="width:260px!important;"></el-input>
|
<span>起诉。</span>
|
</div>-->
|
<el-form-item label="政府名称">
|
<el-input v-model="form.governmentName" placeholder="请填写政府名称"></el-input>
|
</el-form-item>
|
<el-form-item label="法院名称">
|
<el-input v-model="form.courtName" placeholder="请填写法院名称"></el-input>
|
</el-form-item>
|
<el-form-item label="扣章日期">
|
<el-date-picker
|
v-model="form.executionTime"
|
type="date"
|
style="width: 100%!important;"
|
:value-format="`yyyy-MM-dd`"
|
placeholder="选择扣章">
|
</el-date-picker>
|
</el-form-item>
|
|
</el-form>
|
<div style="text-align: center">
|
<el-button v-if="form.approvalState==null||form.approvalState=='2'" @click="dataFormSubmit('0')">保存</el-button>
|
<el-button type="primary" @click="viewVord(form.id)">预览</el-button>
|
<el-button v-if="form.approvalState=='1'" type="success" @click="downloadWord(form.id)">下载</el-button>
|
</div>
|
</el-main>
|
</template>
|
|
<script>
|
import {nowpenalty, nowpenaltydecision} from "../../../api/News/pad";
|
import {getLaw, getLawTiao, lawInfo} from '@/api/lawList/lawList';
|
import {xcwo} from "../../../api/News/word";
|
|
|
export default {
|
name: "mangeJD",
|
data() {
|
return {
|
id: '',
|
arrays: "",
|
form: {
|
unitName: "",
|
litigant: "",
|
illegalAct: "",
|
illegalLocation: "",
|
linkPhone: "",
|
illegalTime: "",
|
certNo: "",
|
address: "",
|
legalPerson: "",
|
legalPersonPhone: "",
|
punishments: [],
|
fines: 1,
|
courtName: "",
|
governmentName: "",
|
accountName: "",
|
bank: "",
|
penaltyNumber: "",
|
penalty: "",
|
legalClauseXiang: "",
|
legalClauseKuan: "",
|
legalClauseTiao: "",
|
legalBasisXiang: "",
|
legalBasisKuan: "",
|
legalBasisTiao: "",
|
},
|
lawTiaoList: []
|
}
|
},
|
mounted() {
|
this.id = this.$store.state.user.id
|
this.init();
|
},
|
methods: {
|
init() {
|
this.$nextTick(() => {
|
nowpenaltydecision(this.id).then(res => {
|
this.form = res.data.data
|
})
|
})
|
},
|
changenullTwo(val) {
|
if (this.form.fines == 1){
|
this.form.bank = "";
|
this.form.account = "";
|
this.form.accountName = "";
|
this.form.place = "";
|
}else {
|
this.form.bank = "邮政储蓄银行峰峰支行（峰峰矿区滏阳路43号）"
|
}
|
|
},
|
//点击保存数据
|
dataFormSubmit() {
|
/*this.form.startTime = this.value1[0]
|
this.form.endTime = this.value1[1]*/
|
this.form.registerId = this.id
|
nowpenalty(this.form).then(res => {
|
if (res.data.code == 0) {
|
this.$message.success("保存成功");
|
}
|
})
|
},
|
//点击预览
|
viewVord(data) {
|
// let wordData = this.transforData(data);
|
xcwo(data).then(res => {
|
console.log(res.data.data, 'res.data.data')
|
// this.form.questionsAnswers[0].wen =res.data.data
|
this.arrays = res.data.data.split(',')[1]
|
window.android.toPreviewWord(this.arrays)
|
})
|
},
|
//点击下载
|
downloadWord(data) {
|
xcwo(data).then(res => {
|
// console.log(this.form.id)
|
this.arrays = res.data.data.split(',')[0]
|
window.android.toDownLoadWord(this.arrays)
|
})
|
},
|
//查询法律
|
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.form.legalBasis = item.value
|
this.form.lawId = item.id
|
lawInfo(item.value).then(res => {
|
this.lawTiaoList = res.data.data
|
})
|
},
|
handleSelectTwo(item) {
|
this.form.legalClause = item.value
|
this.form.lawId = item.id
|
},
|
},
|
}
|
</script>
|
|
<style scoped>
|
.box {
|
display: flex;
|
justify-content: left;
|
align-items: center;
|
flex-wrap: wrap;
|
}
|
|
#fakuan {
|
width: 80% !important;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
/*style="width: 100%!important;display: flex!important;flex-wrap: wrap!important;"*/
|
}
|
</style>
|
