峰峰执法平台简易案件程序板块 pad端
yang
2022-11-02 2269640d26a7a9b21a3828c75fb5aaa56ccfd6f8
src/views/padSunmaryProcedure/word_mange/mangeJD.vue
@@ -1,6 +1,6 @@
<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="文号">
@@ -26,16 +26,17 @@
          </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>
@@ -46,11 +47,11 @@
        <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"
@@ -58,7 +59,7 @@
        >
        </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"
@@ -68,16 +69,16 @@
          </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"
@@ -85,7 +86,7 @@
        >
        </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"
@@ -95,53 +96,82 @@
          </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>
@@ -166,17 +196,34 @@
  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() {
@@ -206,17 +253,18 @@
    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)
      })
    },
    //查询法律
@@ -243,9 +291,6 @@
    handleSelectTwo(item) {
      this.form.legalClause = item.value
      this.form.lawId = item.id
      lawInfo(item.value).then(res => {
        this.lawTiaoList = res.data.data
      })
    },
  },
}
@@ -258,8 +303,9 @@
  align-items: center;
  flex-wrap: wrap;
}
#fakuan{
  width: 80%!important;
#fakuan {
  width: 80% !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;