<template>
|
<!-- 处决决定书 -->
|
<el-main>
|
<el-form ref="form"
|
:disabled="form.registerState == '1'"
|
: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-row>
|
<el-col :span="24">
|
<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 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 style="width:100%;margin:0 auto;">
|
<el-col :span="8">
|
<el-form-item label="法律条"
|
label-width="70px">
|
<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="法律款"
|
label-width="70px">
|
<el-input v-model="form.legalBasisKuan"
|
placeholder="请输入法律第几款"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="法律项"
|
label-width="70px">
|
<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 style="width:100%;margin:0 auto;">
|
<el-col :span="8">
|
<el-form-item label="法律条"
|
label-width="70px">
|
<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="法律款"
|
label-width="70px">
|
<el-input v-model="form.legalClauseKuan"
|
placeholder="请输入法律第几款"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="法律项"
|
label-width="70px">
|
<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 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>如你（单位）不服本行政处罚决定，可以自收到本决定书之日起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: [],
|
fineStatus: false,
|
}
|
},
|
mounted() {
|
this.id = this.$store.state.user.id
|
this.init()
|
},
|
methods: {
|
init() {
|
this.$nextTick(() => {
|
nowpenaltydecision(this.id).then((res) => {
|
this.form = res.data.data
|
if (this.form.penalty || this.form.penaltyNumber) {
|
this.fineStatus = true
|
}
|
})
|
})
|
},
|
changenullTwo(val) {
|
console.log('缴纳方式', val)
|
if (this.form.fines == 1) {
|
} 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) => {
|
if (res.data.code == 0) {
|
this.$message.success('保存成功')
|
this.$emit('isKeep3',true) //isKeep 是否点击了保存
|
}
|
})
|
},
|
//点击预览
|
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 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;
|
flex-direction: row;
|
flex-wrap: wrap;
|
/*style="width: 100%!important;display: flex!important;flex-wrap: wrap!important;"*/
|
}
|
</style>
|
