细节调节

zhangxiaoxu123

2023-01-11 539d1ce6b955d5d56b21d97590a2a684c400f64a

 src/views/padSunmaryProcedure/word_mange/mangeBL.vue

@@ -1,7 +1,9 @@
<template>
  <!-- 调查询问笔录 -->
  <el-main>
    <el-form ref="form"
    <el-form
             :disabled="form.registerState == '1'"
             ref="form"
             :model="form"
             label-width="80px">
      <el-form-item label="案由">
@@ -15,7 +17,9 @@
                        :value-format="`yyyy-MM-dd HH:mm:ss`"
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期">
                        end-placeholder="结束日期"
                        :unlink-panels="false"
                        :picker-options="pickerOptions">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="地址">
@@ -107,25 +111,28 @@
          </el-form-item>
        </el-col>
      </el-row>
      <el-form-item class="qianzi">
        <span>表明身份、出示证件：我们是峰峰矿区综合行政执法局的行政执法人员，这是执法证件请你过目确认，如无异议请在此签字：</span>
      <div class="sign">
        <span style="font-size:16px;">表明身份、出示证件：我们是峰峰矿区综合行政执法局的行政执法人员，这是执法证件请你过目确认，如无异议请在此签字：</span>
        <div class="imges">
          <el-image v-if="form.signature"
                    style="height: 8em!important;width: 8em!important;"
                    :src="form.signature"
                    alt="请签字" />
          <el-image v-if="form.fingerprint"
                    class="imgBox"
                    style="height: 5em!important;width: 5em!important;"
                    :src="form.fingerprint"
                    alt="请录入指纹" />
        </div>
        <!--        <el-input v-model="form.interrogeeName" placeholder="请填写被询问人" style="width: 160px!important;"></el-input>-->
        <div id="imges">
        <div class="signButton">
          <button v-if="form.signature ==''||form.signature ==null||form == null"
                  @click="goQianzi()">去签名</button>
          <button v-if="form.fingerprint ==''||form.fingerprint ==null ||form == null"
                  @click="gozhiwen()">录指纹</button>
          <el-image v-if="form.signature"
                    style="height: 3em!important;width: 3em!important;"
                    :src="form.signature"
                    alt="请签字" />
          <el-image v-if="form.fingerprint"
                    :class="form.fingerprint?'imgBox':''"
                    style="height: 2em!important;width: 2em!important;"
                    :src="form.fingerprint"
                    alt="请录入指纹" />
        </div>
      </el-form-item>
      </div>

      <el-form-item>
        <span>告知权利、义务：现在就</span>
        <el-input v-model="form.causePoint"
@@ -136,34 +143,29 @@
        <el-input v-model="form.answer"
                  placeholder="可能影响公正处理案件的，有提出回避的权利，清楚了吗？"></el-input>
      </el-form-item>
      <h1 style="text-align: center;font-weight: bold;font-size: 20px">询问问答</h1>
      <el-form-item label-width="40px">
        <ul style="list-style: none!important;">
          <li v-for="(item,index) in form.questionsAnswers"
              :key="index">
            <el-form-item label="问："
                          label-width="20px">
              <el-input type="textarea"
                        :row="2"
                        v-model="item.wen"></el-input>
            </el-form-item>
            <el-form-item label="答："
                          label-width="20px">
              <el-input type="textarea"
                        :row="2"
                        v-model="item.da"></el-input>
            </el-form-item>
          </li>
        </ul>
      </el-form-item>
      <el-form-item label-width="50%">
        <el-button type="primary"
                   icon="el-icon-circle-plus"
                   @click="addEle">
          <!--          <img src="../../../assets/lawImg/addIcon.png" alt="">-->
        </el-button>
      </el-form-item>
      <h1 style="text-align: center;font-weight: bold;font-size: 20px;line-height:30px">问答笔录</h1>
      <div class="questionsAnswers"
           v-for="(item,index) in form.questionsAnswers"
           :key="index">
        <el-form-item label="问：">
          <el-input type="textarea"
                    :row="2"
                    v-model="item.wen"></el-input>
        </el-form-item>
        <el-form-item label="答：">
          <el-input type="textarea"
                    :row="2"
                    v-model="item.da"></el-input>
        </el-form-item>
      </div>
    </el-form>
    <div style="text-align: center;margin: 20px 0">
      <el-button type="primary"
                 icon="el-icon-circle-plus"
                 @click="addEle">
        <!--          <img src="../../../assets/lawImg/addIcon.png" alt="">-->
      </el-button>
    </div>
    <div style="text-align: center">
      <el-button v-if="form.approvalState==null||form.approvalState=='2'"
                 @click="dataFormSubmit('0')">保存</el-button>
@@ -183,6 +185,7 @@
export default {
  name: 'mangeBL',
  data() {
    let that = this
    return {
      id: '',
      value1: [],
@@ -214,6 +217,34 @@
        ],
        fingerprint: '',
      },
        pickerOptions: {
            shortcuts: [{
                text: '7天',
                onClick(picker) {
                    let startDate = new Date()
                    let endDate = new Date()
                    endDate.setDate(new Date().getDay() + 8)
                    picker.$emit('pick',[startDate,endDate])

                }
            },{
                text: '一个月',
                onClick(picker) {
                    let startDate = new Date()
                    let endDate = new Date()
                    endDate.setMonth(new Date().getMonth() + 1)
                    picker.$emit('pick', [startDate, endDate]);
                }
            },{
                text: '三个月',
                onClick(picker) {
                    let startDate = new Date()
                    let endDate = new Date()
                    endDate.setMonth(new Date().getMonth() + 3)
                    picker.$emit('pick', [startDate, endDate]);
                }
            }]
        }
    }
  },
  mounted() {
@@ -234,6 +265,7 @@
        console.log('调查询问笔录请求的数据', data)
        if (data.code == 0) {
          this.form = res.data.data
            console.log(this.form,'this.form----')
          this.value1.push(res.data.data.startTime)
          this.value1.push(res.data.data.endTime)
          if (data.data.fingerprint == '' || data.data.fingerprint == null) {
@@ -272,8 +304,10 @@
      inquiry(this.form).then((res) => {
        if (res.data.code == 0) {
          this.$message.success('保存成功')
          this.$emit('isKeep1',true)   //isKeep 是否点击了保存
        }
      })

    },
    //点击预览
    viewVord(data) {
@@ -318,12 +352,6 @@
</script>

<style lang="scss" scoped>
//.qianzi {
//display: flex;
/*justify-content: space-between;*/
//align-items: center;
/*flex-wrap: wrap;*/
//}
.el-input {
  border: none !important;
}
@@ -332,14 +360,25 @@
  width: 10rem!important;
  height: 10rem!important;
}*/
#imges {
  display: block;
  position: relative;

  .imgBox {
    position: absolute !important;
    left: 0;
    top: 50%;
.sign {
  width: 94%;
  margin: 0 auto 18px;
  .imges {
    display: inline-block;
    position: relative;
    .imgBox {
      position: absolute !important;
      left: 0;
      top: 50%;
    }
  }
  .signButton {
    display: inline-block;
    margin-top: 18px;
    button:nth-of-type(2) {
      margin-left: 10px;
    }
  }
}
</style>