修改前端页面

kongdeqiang

2023-09-12 b6809f71253a524d81c086ef1293acafdaba395e

 src/components/page/ticket/ticket-form.vue

@@ -8,25 +8,24 @@
      v-dialogDrag>
      <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()"
               label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="年份">
              <el-date-picker
                style="width: 100%"
                v-model="dataForm.year"
                value-format="yyyy"
                type="year"
                placeholder="选择年">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="文书号">
              <el-input v-model="dataForm.number"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
<!--          <el-col :span="12">-->
<!--            <el-form-item label="年份">-->
<!--              <el-date-picker-->
<!--                style="width: 100%"-->
<!--                v-model="dataForm.year"-->
<!--                value-format="yyyy"-->
<!--                type="year"-->
<!--                placeholder="选择年">-->
<!--              </el-date-picker>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="12">-->
<!--            <el-form-item label="文书号">-->
<!--              <el-input v-model="dataForm.number"></el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--        </el-row>-->
<!--        <el-row>-->
          <!--<el-col :span="12">
            <el-form-item label="决定书号">
              <el-input
@@ -36,58 +35,50 @@
            </el-form-item>
          </el-col>-->

          <el-col :span="12">
            <el-form-item label="当事人" prop="personName">
              <el-input v-model="dataForm.personName" placeholder="请输入当事人"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">

            <el-form-item label="身份证号码" prop="idCard">
              <el-input v-model="dataForm.idCard" placeholder="请输入身份证号码"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>

          <el-col :span="12">
            <el-form-item label="住址" prop="personAddress">
              <el-input v-model="dataForm.personAddress" placeholder="请输入住址"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="执行期限" prop="days">
              <el-input v-model="dataForm.days" placeholder="请输入执行期限"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="执法人员" prop="zfName1">
              <el-input v-model="dataForm.zfName1" placeholder="请输入账号"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="执法证号" prop="zfNum1">
              <el-input v-model="dataForm.zfNum1" placeholder="请输入户名"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="执法人员" prop="zfName2">
              <el-input v-model="dataForm.zfName2" placeholder="请输入账号"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="执法证号" prop="zfNum2">
              <el-input v-model="dataForm.zfNum2" placeholder="请输入户名"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
<!--       -->
<!--            <el-form-item label="执行期限" prop="days">-->
<!--              <el-input v-model="dataForm.days" placeholder="请输入执行期限"></el-input>-->
<!--            </el-form-item>-->

<!--        <el-row>-->
<!--          <el-col :span="12">-->
<!--            <el-form-item label="执法人员" prop="zfName1">-->
<!--              <el-input v-model="dataForm.zfName1" placeholder="请输入账号"></el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="12">-->
<!--            <el-form-item label="执法证号" prop="zfNum1">-->
<!--              <el-input v-model="dataForm.zfNum1" placeholder="请输入户名"></el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--        </el-row>-->
<!--        <el-row>-->
<!--          <el-col :span="12">-->
<!--            <el-form-item label="执法人员" prop="zfName2">-->
<!--              <el-input v-model="dataForm.zfName2" placeholder="请输入账号"></el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="12">-->
<!--            <el-form-item label="执法证号" prop="zfNum2">-->
<!--              <el-input v-model="dataForm.zfNum2" placeholder="请输入户名"></el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--        </el-row>-->
      </el-form>
      <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">取消</el-button>
      <el-button type="primary" @click="dataFormSubmit()" :loading="loadingSubmit">确定</el-button>
      <el-button type="primary" @click="dataFormSubmit()" :loading="loadingSubmit">保存</el-button>
      <el-button type="primary" @click="viewVord(dataForm)">预览</el-button>
      <el-button type="success" @click="downloadWord(dataForm)">下载</el-button>
    </span>
@@ -159,14 +150,21 @@
        })
      },
      viewVord(data) {  //word预览
        if(this.dataForm.number === '' || this.dataForm.number === null){
          this.$message.error("请先保存再预览")
        }else {
          this.WordViewShow = true
          this.$nextTick(() => {
              this.$refs.WordView.initWord(data,'/words/administrativeDecisionLetter.docx')
            this.$refs.WordView.initWord(data,'/words/administrativeDecisionLetter.docx')
          })
        }
      },
      downloadWord(data) {  //word下载

        if(this.dataForm.number === '' || this.dataForm.number === null){
          this.$message.error("请先保存再下载")
        }else {
          exportDoc(data,'/words/administrativeDecisionLetter.docx','当场行政处罚决定书')
        }
      },
      // 表单提交
      dataFormSubmit() {
@@ -206,6 +204,14 @@
  }
</style>
<style lang="scss" scoped>
::v-deep{

  .el-dialog{
    max-height: 90%;
    overflow-y: auto;
    margin-top: 6vh!important;
  }
}
  .flexDate{
    display: flex;
    span{