| | |
| | | <template> |
| | | <el-main> |
| | | <el-form ref="form" :model="form" label-width="105px" size="20"> |
| | | <el-form ref="form" :model="form" label-width="120px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="文号"> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="联系电话"> |
| | | <el-form-item label="联系电话" label-width="100px"> |
| | | <el-input v-model="form.linkPhone" placeholder="请填写联系电话"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <div class="box" style="margin-left: 85px;font-size: 18px;"> |
| | | <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.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-input v-model="form.legalBasis" placeholder="请输入XX法律" style="width: 160px!important;"></el-input>--> |
| | | <el-autocomplete |
| | | v-model="form.legalBasis" |
| | | filterable |
| | | style="width: 20%!important;" |
| | | style="width: 50%!important;" |
| | | :fetch-suggestions="querySearchHandle" |
| | | placeholder="请输入XX法律" |
| | | :trigger-on-focus="false" |
| | |
| | | > |
| | | </el-autocomplete> |
| | | <span>法》第</span> |
| | | <!-- <el-input v-model="form.legalBasisTiao" placeholder="请输入法律第几条" style="width: 160px!important;"></el-input>--> |
| | | <!-- <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" |
| | |
| | | </el-option> |
| | | </el-select> |
| | | <span>条第</span> |
| | | <el-input v-model="form.legalBasisKuan" placeholder="请输入法律第几款" style="width: 160px!important;"></el-input> |
| | | <el-input v-model="form.legalBasisKuan" placeholder="请输入法律第几款" style="width: 80px!important;"></el-input> |
| | | <span>款第</span> |
| | | <el-input v-model="form.legalBasisXiang" placeholder="请输入法律第几项" style="width: 160px!important;"></el-input> |
| | | <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-input v-model="form.legalClause" placeholder="请输入XX法律" style="width: 100px!important;"></el-input>--> |
| | | <el-autocomplete |
| | | v-model="form.legalClause" |
| | | filterable |
| | | style="width: 20%!important;" |
| | | style="width: 50%!important;" |
| | | :fetch-suggestions="querySearchHandle" |
| | | placeholder="请输入XX法律" |
| | | :trigger-on-focus="false" |
| | |
| | | > |
| | | </el-autocomplete> |
| | | <span>法》第</span> |
| | | <!-- <el-input v-model="form.legalClauseTiao" placeholder="请输入法律第几条" style="width: 160px!important;"></el-input>--> |
| | | <!-- <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" |
| | |
| | | </el-option> |
| | | </el-select> |
| | | <span>条第</span> |
| | | <el-input v-model="form.legalClauseKuan" placeholder="请输入法律第几款" style="width: 160px!important;"></el-input> |
| | | <el-input v-model="form.legalClauseKuan" placeholder="请输入法律第几款" style="width: 80px!important;"></el-input> |
| | | <span>款第</span> |
| | | <el-input v-model="form.legalClauseXiang" placeholder="请输入法律第几项" style="width: 160px!important;"></el-input> |
| | | <el-input v-model="form.legalClauseXiang" placeholder="请输入法律第几项" style="width: 80px!important;"></el-input> |
| | | <span>项,本机关决定对你(单位)处以下行政处罚:</span> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-checkbox-group v-model="form.type" style="display: flex;flex-direction: column;font-size: 20px!important;"> |
| | | <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"> |
| | | <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-input v-model="form.penaltyNumber" placeholder="阿拉伯数字" style="width: 160px!important;"></el-input> |
| | | </el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | <el-form-item label="缴纳方式:"> |
| | | <el-checkbox-group v-model="form.fines"> |
| | | <el-checkbox label="1" name="fines">当场收缴;</el-checkbox> |
| | | <el-checkbox label="2" name="fines" id="fakuan"> |
| | | <p>要求你(单位)自收到本决定书之日起15日内将罚款交至</p> |
| | | <el-input v-model="form.bank" placeholder="请输入缴纳银行的名称" style="width: 160px"></el-input> |
| | | <span>或者通过电子支付系统缴纳罚款。账号:</span> |
| | | <el-input v-model="form.account" placeholder="请输入账号" style="width: 160px"></el-input> |
| | | <span>户名:</span> |
| | | <el-input v-model="form.accountName" placeholder="请输入户名" style="width: 160px"></el-input> |
| | | <div> |
| | | <span>地 址: </span> |
| | | <el-input v-model="form.place" placeholder="请输入缴纳地址"></el-input> |
| | | </div> |
| | | <p>逾期缴纳罚款的,依据《中华人民共和国行政处罚法》第七十二条第(一)项的规定,每日按罚款数额的3%加处罚款。</p> |
| | | 整(大写)。 |
| | | <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 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-checkbox-group v-model="form.fines"> |
| | | <el-checkbox label="1" name="fines">当场收缴;</el-checkbox> |
| | | <el-checkbox label="2" name="fines" id="fakuan"> |
| | | <!-- <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.account" placeholder="请输入账号" style="width: 100%!important;"></el-input> |
| | | </el-form-item>--> |
| | | <!-- <el-form-item label="户名:">--> |
| | | <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-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | |
| | | <!-- <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> |
| | |
| | | data() { |
| | | return { |
| | | id: '', |
| | | arrays: "", |
| | | form: { |
| | | unitName: "", |
| | | litigant: "", |
| | | illegalAct: "", |
| | | illegalLocation: "", |
| | | linkPhone: "", |
| | | illegalTime: "", |
| | | certNo: "", |
| | | address: "", |
| | | legalPerson: "", |
| | | legalPersonPhone: "", |
| | | type: [], |
| | | fines:[], |
| | | punishments: [], |
| | | fines: [], |
| | | courtName: "", |
| | | governmentName: "", |
| | | accountName: "", |
| | | bank: "", |
| | | penaltyNumber: "", |
| | | penalty: "", |
| | | legalClauseXiang: "", |
| | | legalClauseKuan: "", |
| | | legalClauseTiao: "", |
| | | legalBasisXiang: "", |
| | | legalBasisKuan: "", |
| | | legalBasisTiao: "", |
| | | }, |
| | | lawTiaoList:[] |
| | | lawTiaoList: [] |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | viewVord(data) { |
| | | // let wordData = this.transforData(data); |
| | | createword(data).then(res => { |
| | | window.android.toPreviewWord(res.data.data) |
| | | }).catch(err => { |
| | | console.log(err, '错误'); |
| | | 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) { |
| | | createword(data).then(res => { |
| | | window.android.toDownLoadWord(res.data.data) |
| | | }).catch(err => { |
| | | console.log(err, '错误'); |
| | | // console.log(this.form.id) |
| | | this.arrays = res.data.data.split(',')[0] |
| | | window.android.toDownLoadWord(this.arrays) |
| | | }) |
| | | }, |
| | | //查询法律 |
| | |
| | | handleSelectTwo(item) { |
| | | this.form.legalClause = item.value |
| | | this.form.lawId = item.id |
| | | lawInfo(item.value).then(res => { |
| | | this.lawTiaoList = res.data.data |
| | | }) |
| | | }, |
| | | }, |
| | | } |
| | |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | } |
| | | #fakuan{ |
| | | width: 80%!important; |
| | | |
| | | #fakuan { |
| | | width: 80% !important; |
| | | display: flex; |
| | | flex-direction: row; |
| | | flex-wrap: wrap; |