Two

yang

2022-10-26 9b964f286f78aa75b2b1badb6361c63bdd95e545

 src/views/padSunmaryProcedure/word_mange/mangeBL.vue

@@ -94,12 +94,13 @@
      <div class="qianzi" style="margin-left: 85px">
        <span>表明身份、出示证件：我们是峰峰矿区综合行政执法局的行政执法人员，这是执法证件请你过目确认，如无异议请在此签字：</span>
<!--        <el-input v-model="form.interrogeeName" placeholder="请填写被询问人" style="width: 160px!important;"></el-input>-->

        <div id="imges">
          <button @click="goQianzi()">签字</button>
          <button @click="gozhiwen()">指纹</button>
          <button @click="look()">查看</button>
          <el-image v-if="false" @click="goQianzi()" style="height: 3em!important;width: 3em!important;" src="/images/1.png" alt="请签字"/>
          <el-image v-if="false" style="height: 3em!important;width: 3em!important;" src="/images/2.png" alt="请录入指纹"/>
          <button v-if="form.signature ==''||form.signature ==null" @click="goQianzi()">去签名</button>
          <button v-if="form.fingerprint ==''||form.fingerprint ==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>
      </div>
      <p style="margin-left: 85px">
@@ -128,9 +129,9 @@
      </el-form-item>
    </el-form>
    <div style="text-align: center">
      <el-button v-if="form.registerState=='0'" @click="dataFormSubmit('0')">保存</el-button>
      <el-button type="primary" @click="viewVord(dataForm)">预览</el-button>
      <el-button v-if="form.registerState=='1'"type="success" @click="downloadWord(dataForm)">下载</el-button>
      <el-button v-if="form.registerState=='0'||form.registerState==null" @click="dataFormSubmit('0')">保存</el-button>
      <el-button type="primary" @click="viewVord(form)">预览</el-button>
      <el-button v-if="form.registerState=='1'" type="success" @click="downloadWord(form)">下载</el-button>
    </div>
  </el-main>
</template>
@@ -175,7 +176,9 @@
  },
  created() {
    this.getDataList()

    window.getSignUrl =this.getSignUrl;
    window.getFingerUrl =this.getFingerUrl;
// this.getSignUrl();
  },
  methods: {
    getDataList(){
@@ -192,9 +195,11 @@
        da: '',
      });
    },
    look(){
      this.form.questionsAnswers.da = window.android.getSignUrl(url);
      this.form.questionsAnswers.wen =window.android.getFingerUrl(url);
    getSignUrl(url){
      this.form.signature = url;
    },
    getFingerUrl(url1){
      this.form.fingerprint = url1;
    },
    //点击跳转签字页面
    goQianzi(){
@@ -213,6 +218,49 @@
          this.$message.success("保存成功");
        }
      })
    },
    //点击预览
    viewVord(data) {
      // let wordData = this.transforData(data);
      this.$router.push({
        path: '/WordYulan',
        query: {
          wordData: data,
          src:'/wordes/inquiryCause.docx'
        }
      })
    },
    //点击下载
    downloadWord(data){
      this.$router.push({
        path: '/WordYulan',
        query: {
          downWordData: data,
          src:'/wordes/inquiryCause.docx'
        }
      })
      // WordView.methods.exportDoc(wordData, "/wordes/inquiryCause.docx", "调查询问笔录.docx")
    },
    // 遍历数据
    transforData(obj) {
      let s = JSON.stringify(obj);
      let data = JSON.parse(s);

      let str = JSON.stringify(data);
      let jsonData = JSON.parse(str);
      data = jsonData;

      if (data.startTime != '' && data.startTime != null) {
        data.startTime = moment(data.startTime).format('YYYY年MM月DD日HH时mm分');
      } else {
        data.startTime = '  年  月  日  时  分'
      }

      if (data.endTime != '' && data.endTime != null) {
        data.endTime = moment(data.endTime).format('HH时mm分');
      } else {
        data.endTime = '  时  分'
      }
    }
  },
}
@@ -228,6 +276,7 @@
.el-input{
  border: none!important;
}

/*.el-image{
  width: 10rem!important;
  height: 10rem!important;
@@ -235,10 +284,11 @@
#imges{
  display: block;
  position: relative;

  .imgBox{
    position: absolute!important;
    left: 0;
    bottom: 0;
    top: 50%;
  }
}