| | |
| | | <template> |
| | | <!-- 处决决定书 --> |
| | | <el-main> |
| | | <el-form ref="form" :model="form" label-width="120px"> |
| | | <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-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-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-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-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-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 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-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="违法时间"> |
| | | <el-date-picker v-model="form.illegalTime" |
| | | type="datetime" |
| | | style="width: 100%!important;" |
| | | :value-format="`yyyy-MM-dd HH:mm:ss`" |
| | | placeholder="选择日期时间"> |
| | | </el-date-picker> |
| | | </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.illegalLocation" |
| | | placeholder="巡查地点"></el-input> |
| | | </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-form-item label="行为"> |
| | | <el-input v-model="form.illegalAct" |
| | | placeholder="违法行为"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="违法法律条令"> |
| | | <el-autocomplete v-model="form.legalBasis" |
| | | filterable |
| | | style="width: 100%!important;" |
| | | :fetch-suggestions="querySearchHandle" |
| | | placeholder="请输入XX法律" |
| | | :trigger-on-focus="false" |
| | | @select="handleSelectOne"> |
| | | </el-autocomplete> |
| | | </el-form-item> |
| | | <el-row> |
| | | <el-col :span="8"> |
| | | <el-form-item label="法律条"> |
| | | <el-select v-model="form.legalBasisTiao" |
| | | style="width: 100%!important;" |
| | | placeholder="请选择条"> |
| | | <el-option v-for="item in lawTiaoList" |
| | | :label="item.lawTiaoName" |
| | | :value="item.lawTiaoName"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="法律款"> |
| | | <el-input v-model="form.legalBasisKuan" |
| | | placeholder="请输入法律第几款"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="法律项"> |
| | | <el-input v-model="form.legalBasisXiang" |
| | | placeholder="请输入法律第几项"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form-item label="依据法律处罚"> |
| | | <el-autocomplete v-model="form.legalClause" |
| | | filterable |
| | | style="width: 100%!important;" |
| | | :fetch-suggestions="querySearchHandle" |
| | | placeholder="请输入XX法律" |
| | | :trigger-on-focus="false" |
| | | @select="handleSelectTwo"> |
| | | </el-autocomplete> |
| | | </el-form-item> |
| | | <el-row> |
| | | <el-col :span="8"> |
| | | <el-form-item label="法律条"> |
| | | <el-select v-model="form.legalClauseTiao" |
| | | style="width: 100%!important;" |
| | | filterable |
| | | placeholder="请选择条"> |
| | | <el-option v-for="item in lawTiaoList" |
| | | :label="item.lawTiaoName" |
| | | :value="item.lawTiaoName"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="法律款"> |
| | | <el-input v-model="form.legalClauseKuan" |
| | | placeholder="请输入法律第几款"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="法律项"> |
| | | <el-input v-model="form.legalClauseXiang" |
| | | placeholder="请输入法律第几项"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-form-item label="处罚方式" |
| | | class="fineItemClass"> |
| | | <el-checkbox-group v-model="form.punishments"> |
| | | <el-checkbox label="1" |
| | | name="type">警告;</el-checkbox> |
| | | <el-checkbox label="2" |
| | | @change="fineChange" |
| | | name="type">罚款</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> |
| | | <div class="amountOfPenalty" |
| | | v-if="fineStatus"> |
| | | <el-form-item label="罚款人民币"> |
| | | <el-input v-model="form.penalty" |
| | | placeholder=" 千 百 拾 元" |
| | | style="width: 160px!important;"></el-input> |
| | | 整(大写)。 |
| | | </el-form-item> |
| | | <el-form-item label="¥"> |
| | | <el-input v-model="form.penaltyNumber" |
| | | placeholder="阿拉伯数字" |
| | | style="width: 160px!important;"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <el-form-item label="缴纳方式"> |
| | | <el-radio-group @input="changenullTwo" |
| | | v-model="form.fines"> |
| | | <el-radio label="1">当场收缴;</el-radio> |
| | | <el-radio label="2">账户缴纳</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <div class="accountInfomation" |
| | | v-if="form.fines== 2"> |
| | | <el-form-item label="缴纳银行名称:"> |
| | | <el-input v-model="form.bank" |
| | | placeholder="请输入缴纳银行的名称" |
| | | style="width: 100%!important;"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="账号:"> |
| | | <el-input v-model="form.account" |
| | | placeholder="请输入账号" |
| | | style="width: 100%!important;"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="户名:"> |
| | | <el-input v-model="form.accountName" |
| | | placeholder="请输入户名" |
| | | style="width: 100%!important;"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="地址:"> |
| | | <el-input v-model="form.place" |
| | | placeholder="请输入缴纳罚款地址" |
| | | style="width: 100%!important;"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <!-- <div class="box" style="margin-left: 85px;font-size: 18px;"> |
| | |
| | | <span>起诉。</span> |
| | | </div>--> |
| | | <el-form-item label="政府名称"> |
| | | <el-input v-model="form.governmentName" placeholder="请填写政府名称"></el-input> |
| | | <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-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 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> |
| | | <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"; |
| | | |
| | | 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", |
| | | name: 'mangeJD', |
| | | data() { |
| | | return { |
| | | id: '', |
| | | arrays: "", |
| | | arrays: '', |
| | | form: { |
| | | unitName: "", |
| | | litigant: "", |
| | | illegalAct: "", |
| | | illegalLocation: "", |
| | | linkPhone: "", |
| | | illegalTime: "", |
| | | certNo: "", |
| | | address: "", |
| | | legalPerson: "", |
| | | legalPersonPhone: "", |
| | | 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: "", |
| | | courtName: '', |
| | | governmentName: '', |
| | | accountName: '', |
| | | bank: '', |
| | | penaltyNumber: '', |
| | | penalty: '', |
| | | legalClauseXiang: '', |
| | | legalClauseKuan: '', |
| | | legalClauseTiao: '', |
| | | legalBasisXiang: '', |
| | | legalBasisKuan: '', |
| | | legalBasisTiao: '', |
| | | }, |
| | | lawTiaoList: [] |
| | | lawTiaoList: [], |
| | | fineStatus: false, |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.id = this.$store.state.user.id |
| | | this.init(); |
| | | this.init() |
| | | }, |
| | | methods: { |
| | | init() { |
| | | this.$nextTick(() => { |
| | | nowpenaltydecision(this.id).then(res => { |
| | | 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号)" |
| | | console.log('缴纳方式', val) |
| | | if (this.form.fines == 1) { |
| | | this.form.bank = '' |
| | | this.form.account = '' |
| | | this.form.accountName = '' |
| | | this.form.place = '' |
| | | } else { |
| | | this.form.bank = '邮政储蓄银行峰峰支行(峰峰矿区滏阳路43号)' |
| | | } |
| | | |
| | | }, |
| | | // 罚款复选框 |
| | | fineChange(e) { |
| | | console.log('罚款chang事件', e) |
| | | this.fineStatus = e |
| | | if (!this.fineStatus) { |
| | | this.form.penalty = '' |
| | | this.form.penaltyNumber = '' |
| | | } |
| | | }, |
| | | //点击保存数据 |
| | | dataFormSubmit() { |
| | | /*this.form.startTime = this.value1[0] |
| | | this.form.endTime = this.value1[1]*/ |
| | | this.form.registerId = this.id |
| | | nowpenalty(this.form).then(res => { |
| | | nowpenalty(this.form).then((res) => { |
| | | if (res.data.code == 0) { |
| | | this.$message.success("保存成功"); |
| | | this.$message.success('保存成功') |
| | | } |
| | | }) |
| | | }, |
| | | //点击预览 |
| | | viewVord(data) { |
| | | // let wordData = this.transforData(data); |
| | | xcwo(data).then(res => { |
| | | 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] |
| | |
| | | }, |
| | | //点击下载 |
| | | downloadWord(data) { |
| | | xcwo(data).then(res => { |
| | | 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 => { |
| | | querySearchHandle(queryString, cb) { |
| | | //模糊搜素 |
| | | getLaw(queryString).then((res) => { |
| | | this.lawList = [] |
| | | let resultList = res.data.data |
| | | resultList.forEach(item => { |
| | | resultList.forEach((item) => { |
| | | this.lawList.push({ |
| | | value: item.name, |
| | | id: item.id |
| | | id: item.id, |
| | | }) |
| | | }) |
| | | cb(this.lawList) |
| | |
| | | handleSelectOne(item) { |
| | | this.form.legalBasis = item.value |
| | | this.form.lawId = item.id |
| | | lawInfo(item.value).then(res => { |
| | | lawInfo(item.value).then((res) => { |
| | | this.lawTiaoList = res.data.data |
| | | }) |
| | | }, |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | <style lang="scss" scoped> |
| | | .box { |
| | | width: 94%; |
| | | margin: 0 auto 18px; |
| | | display: flex; |
| | | justify-content: left; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .fineItemClass { |
| | | .el-checkbox-group { |
| | | height: 32px; |
| | | } |
| | | } |
| | | |
| | | .amountOfPenalty { |
| | | width: 94%; |
| | | } |
| | | |
| | | #fakuan { |
| | | width: 80% !important; |
| | | display: flex; |