峰峰执法平台简易案件程序板块 pad端
yang
2022-10-31 cbec633fda4ecf0f77288f25067a8512915b565a
src/views/padSunmaryProcedure/word_mange/mangeJD.vue
@@ -46,18 +46,54 @@
        <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;"
          :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-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: 160px!important;"></el-input>
        <span>款第</span>
        <el-input v-model="form.legalBasisXiang" placeholder="请输入法律第几项" style="width: 160px!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;"
          :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-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: 160px!important;"></el-input>
        <span>款第</span>
@@ -77,17 +113,19 @@
      </el-form-item>
      <el-form-item label="缴纳方式:">
        <el-checkbox-group v-model="form.fines">
          <el-checkbox label="1" name="type">当场收缴;</el-checkbox>
          <el-checkbox label="2" name="type" style="display: flex!important;flex-wrap: wrap!important;">
            <span>要求你(单位)自收到本决定书之日起15日内将罚款交至</span>
          <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>
            <span>地    址: </span>
            <el-input v-model="form.place" placeholder="请输入缴纳地址"></el-input>
            <span>逾期缴纳罚款的,依据《中华人民共和国行政处罚法》第七十二条第(一)项的规定,每日按罚款数额的3%加处罚款。</span>
              <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-checkbox>
        </el-checkbox-group>
      </el-form-item>
@@ -120,13 +158,14 @@
<script>
import {createword, inquiry, nowpenaltydecision} from "../../../api/News/pad";
import {getLaw, getLawTiao, lawInfo} from '@/api/lawList/lawList';
export default {
  name: "mangeJD",
  data() {
    return {
        id:'',
      id: '',
      form: {
        unitName: "",
        litigant: "",
@@ -135,7 +174,9 @@
        legalPerson: "",
        legalPersonPhone: "",
        type: [],
      }
        fines:[],
      },
      lawTiaoList:[]
    }
  },
  mounted() {
@@ -164,24 +205,47 @@
    //点击预览
    viewVord(data) {
      // let wordData = this.transforData(data);
      createword(data).then(res =>{
        // console.log(this.form.id)
        console.log(res,'123456')
      createword(data).then(res => {
        window.android.toPreviewWord(res.data.data)
      }).catch(err=>{
        console.log(err,'错误');
      }).catch(err => {
        console.log(err, '错误');
      })
    },
    //点击下载
    downloadWord(data) {
      createword(data).then(res =>{
        // console.log(this.form.id)
        console.log(res,'123456')
        window.android.toPreviewWord(res.data.data)
      }).catch(err=>{
        console.log(err,'错误');
      createword(data).then(res => {
        window.android.toDownLoadWord(res.data.data)
      }).catch(err => {
        console.log(err, '错误');
      })
      // WordView.methods.exportDoc(wordData, "/wordes/inquiryCause.docx", "调查询问笔录.docx")
    },
    //查询法律
    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
      lawInfo(item.value).then(res => {
        this.lawTiaoList = res.data.data
      })
    },
  },
}
@@ -194,4 +258,11 @@
  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>