Two

yang

2022-10-26 9b964f286f78aa75b2b1badb6361c63bdd95e545

 src/views/padSunmaryProcedure/word_mange/mangeBL.vue

@@ -93,13 +93,14 @@
      </el-row>
      <div class="qianzi" style="margin-left: 85px">
        <span>表明身份、出示证件：我们是峰峰矿区综合行政执法局的行政执法人员，这是执法证件请你过目确认，如无异议请在此签字：</span>
<!--        <el-input v-model="form.interrogeeName" placeholder="请填写被询问人" style="width: 160px!important;"></el-input>-->
        <!--        <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">
@@ -123,27 +124,27 @@
      </ul>
      <el-form-item label-width="50%">
        <el-button type="primary" icon="el-icon-circle-plus" @click="addEle">
<!--          <img src="../../../assets/lawImg/addIcon.png" alt="">-->
          <!--          <img src="../../../assets/lawImg/addIcon.png" alt="">-->
        </el-button>
      </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>

<script>
import {inquiry,inquiryquestion} from '../../../api/News/pad'
import {inquiry, inquiryquestion} from '../../../api/News/pad'

export default {
  name: "mangeBL",
  props:['id'],
  props: ['id'],
  data() {
    return {
      props:['id'],
      props: ['id'],
      value1: [],
      form: {
        causePoint: "",
@@ -162,25 +163,27 @@
        inquirerNumberOne: "",
        inquirerNameTwo: "",
        inquirerNumberTwo: "",
        answer:"",
        questionsAnswers:[
        answer: "",
        questionsAnswers: [
          {
            wen:'',
            da:'',
            wen: '',
            da: '',
          }
        ],
        fingerprint:"",
        fingerprint: "",
      },
    }
  },
  created() {
    this.getDataList()

    window.getSignUrl =this.getSignUrl;
    window.getFingerUrl =this.getFingerUrl;
// this.getSignUrl();
  },
  methods: {
    getDataList(){
      inquiryquestion(this.id).then(res =>{
        this.form =res.data.data
    getDataList() {
      inquiryquestion(this.id).then(res => {
        this.form = res.data.data
        this.value1.push(res.data.data.startTime)
        this.value1.push(res.data.data.endTime)
      })
@@ -192,27 +195,72 @@
        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(){
    goQianzi() {
      window.android.toSign();
    },
    gozhiwen(){
       window.android.toFinger();
    gozhiwen() {
      window.android.toFinger();
    },
    //点击保存数据
    dataFormSubmit(){
    dataFormSubmit() {
      this.form.startTime = this.value1[0]
      this.form.endTime = this.value1[1]
      this.form.registerId = this.id
      inquiry(this.form).then(res =>{
      inquiry(this.form).then(res => {
        if (res.data.code == 0) {
          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 = '  时  分'
      }
    }
  },
}
@@ -220,25 +268,27 @@

<style lang="scss" scoped>
//.qianzi {
  //display: flex;
  /*justify-content: space-between;*/
  //align-items: center;
  /*flex-wrap: wrap;*/
//display: flex;
/*justify-content: space-between;*/
//align-items: center;
/*flex-wrap: wrap;*/
//}
.el-input{
  border: none!important;
.el-input {
  border: none !important;
}

/*.el-image{
  width: 10rem!important;
  height: 10rem!important;
}*/
#imges{
#imges {
  display: block;
  position: relative;
  .imgBox{
    position: absolute!important;

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