@toolspack/ttd-common 1.1.4 → 1.1.6

package/src/packages/cfca/CfcaPdf.vue

@@ -1,649 +1,649 @@
-<template>
-  <div class="cfca-pdf">
-    <!-- isIE -->
-    <template v-if="isIE">
-      <div class="cfca-pdf-wrapper" :style="{visibility: visible}">
-        <div
-          :class="{'cfca-left': true, 'active': active==='left', 'disabled': pageNo <= 1}"
-          @click="GoToPrevPage()"
-        >
-          <span class="el-icon-arrow-left"></span>
-        </div>
-        <div class="cfca-content">
-          <div class="cfca-page">
-            <div class="fl cfca-title">
-              <h2>{{title}}</h2>
-            </div>
-            <div class="fr">
-              {{pageNo}}/{{pageCount}}
-              <span class="di">第</span>
-              <el-input
-                class="page-num"
-                size="mini"
-                v-model="inputPage"
-                @keyup.enter.native="GoToPage"
-                @change="GoToPage"
-              ></el-input>页
-            </div>
-          </div>
-          <div class="cfca-object" ref="PDFCtrlPlaceHolder">
-            <div class="obj-wrapper" @dragenter="onDragEnter" @dragover="onDragOver" @drop="onDrop">
-              <template v-if="this.idstr">
-                <!-- 拖动签章，Object 的事件（NotifyClickPoint）只能用id 来绑定 -->
-                <object
-                  :id="'PDFCtrl' + this.idstr"
-                  ref="pdfCtrl"
-                  class="PDFCtrlObject"
-                  :tabindex="0"
-                  :codebase="publicPath + codebase"
-                  style="position: relative; z-Index:1"
-                  classid="clsid:6F60FE31-F827-4295-8AC4-775EF7478A6A"
-                  width="100%"
-                  height="100%"
-                >
-                  <param name="wmode" value="transparent" />
-                  <param name="showToolbar" value="false" />
-                </object>
-              </template>
-              <template v-else>
-                <object
-                  ref="pdfCtrl"
-                  class="PDFCtrlObject"
-                  :tabindex="0"
-                  :codebase="publicPath + codebase"
-                  style="position: relative; z-Index:1"
-                  classid="clsid:6F60FE31-F827-4295-8AC4-775EF7478A6A"
-                  width="100%"
-                  height="100%"
-                >
-                  <param name="wmode" value="transparent" />
-                  <param name="showToolbar" value="false" />
-                </object>
-              </template>
-            </div>
-          </div>
-          <div class="cfca-control">
-            <slot></slot>
-          </div>
-        </div>
-        <div
-          :class="{'cfca-right': true, 'active': active==='right', 'disabled': pageNo >= pageCount}"
-          @click="GoToNextPage()"
-        >
-          <span class="el-icon-arrow-right"></span>
-        </div>
-        <!-- HTML toolbar -->
-        <!--<tr class="fontSize3" align="center" height="23" bgcolor="#E8E8E8">-->
-        <!--<td width="40" class="fakehlink" @click="GoToFirstPage()">首页</td>-->
-        <!--<td width="60" class="fakehlink" @click="GoToPrevPage()">上一页</td>-->
-        <!--<td width="60" class="fakehlink" @click="GoToNextPage()">下一页</td>-->
-        <!--<td width="40" class="fakehlink" @click="GoToLastPage()">尾页</td>-->
-        <!--<td width="80" class="fakehlink" @click="GetPageNo()">页码信息</td>-->
-        <!--<td width="60" class="fakehlink" @click="GoToPage" align="right">跳转到页</td>-->
-        <!--<td width="60">-->
-        <!--: <input type="text" id="PageNo" style="width: 45px" onkeydown='if(event.keyCode===13){this.GoToPage()}' onkeyup="value=this.value.replace(/\D+/g,'')"/>-->
-        <!--</td>-->
-        <!--<td width="30"></td>-->
-        <!--<td width="70" class="fakehlink" @click="ZoomTo(-2)">适合宽度</td>-->
-        <!--<td width="70" class="fakehlink" @click="ZoomTo(-1)">单页模式</td>-->
-        <!--<td width="30"></td>-->
-        <!--<td width="45" class="fakehlink" @click="ZoomOut()">缩小</td>-->
-        <!--<td width="45" class="fakehlink" @click="ZoomIn()">放大</td>-->
-        <!--</tr>-->
-      </div>
-    </template>
-    <template v-else>
-      <div
-        class="red"
-        style="height: 350px; padding: 20px ;position: relative; margin-bottom: 20px"
-      >
-        提示：当前浏览器不支持控件预览，请切换IE浏览器进行查看
-        <!--提示：出于安全性与监管要求考虑且CFCA控件只能够支持IE浏览器，请切换IE浏览器进行查看-->
-        <div class="tc" style="position: absolute;bottom: 0;left: 0;right: 0;">
-          <slot></slot>
-        </div>
-      </div>
-    </template>
-  </div>
-</template>
-<script>
-// import config from {};
-import { getUrl } from '../utils'
-
-export default {
-  name: 'cfca-pdf',
-  props: {
-    action: {
-      type: String, // 签章完毕，上传文件地址，仅展示pdf 无需传
-      default: '',
-    },
-    pdfurl: {
-      type: String,
-      default: '',
-    },
-    visible: {
-      type: [String, Boolean],
-      default: 'visible',
-    },
-    title: {
-      type: String,
-      default: '',
-    },
-    image: {
-      type: String,
-      default: '',
-    },
-    idstr: {
-      type: [String, Number],
-    },
-  },
-  data() {
-    let codebase = '';
-    if (window.navigator.cpuClass === 'x86') {
-      codebase = 'TrustSignPDFPlugin.ttd.x86.cab#version=3,2,1,4';
-    } else {
-      codebase = 'TrustSignPDFPlugin.ttd.x64.cab#version=3,2,1,4';
-    }
-    return {
-      publicPath: 'https://wsp.totodi.com/cfca_plug/', // 为了获取public下的静态文件
-      PDFCtrl: '',
-      codebase,
-      active: '',
-      inputPage: '',
-      isIE:
-        navigator.appName.indexOf('Internet') >= 0
-        || navigator.appVersion.indexOf('Trident') >= 0,
-      pageNo: 1,
-      pageCount: 1,
-    };
-  },
-  beforeDestroy() {
-    // CloseFile 未执行完毕，销毁页面 导致页面崩溃,
-    // CloseFile 必须执行完毕才能销毁 实例  所以 CloseFile在 dialog的close 方法里执行，页面的在router个beforeRouteLeave里执行
-    console.log('--cfca-pdf-beforeDestroy')
-  },
-  async beforeRouteLeave(to, from, next) {
-    // 子组件不会触发这个方法
-    console.log('-cfca--beforeRouteLeave---')
-    await this.CloseFile()
-    next()
-  },
-  mounted() {
-    if (this.isIE) {
-      this.OnLoad();
-      console.log(`cfca  mounted =${ this.pdfurl}`)
-      if (this.pdfurl) {
-        // console.log('cfca  mounted this.pdfurl==' + this.pdfurl)
-        // 这里的 setTimeout 必须存在，否则 补充协议签署时，会看不到pdf
-        // PDFCtrl 没有初始化完毕 ($nextTick 不行 必须用setTimeout)
-
-        // this.$nextTick(this.OpenFile)
-        setTimeout(this.OpenFile, 100);
-      }
-    }
-  },
-  methods: {
-    OnLoad() {
-      if (this.PDFCtrl) {
-        return false;
-      }
-      if (this.isIE) {
-        // 使用refs 拿到的元素 不能ukey签章
-        this.PDFCtrl = this.$refs.pdfCtrl;
-        if (!this.PDFCtrl) {
-          console.log('使用id 加载this.PDFCtrl ');
-          this.PDFCtrl = window[`PDFCtrl${ this.idstr}`]
-        }
-        // console.log('加载this.PDFCtrl ', this.PDFCtrl)
-        // 将OnClickPoint事件放入 全局函数
-        window.OnClickPoint = this.OnClickPoint;
-      } else {
-        // alert('请使用 IE 浏览器！')
-        return false;
-      }
-    },
-    OpenFile(src) {
-      src = src || this.pdfurl;
-      if (!src) {
-        alert('未发现pdf资源路径！');
-        return false;
-      }
-      try {
-        console.log(`OpenFile--src--${ src}`);
-        this.PDFCtrl.OpenWebFile(encodeURI(src));
-        this.PDFCtrl = this.$refs.pdfCtrl;
-        setTimeout(() => {
-          this.PDFCtrl.ZoomTo(-1);
-          this.GetPageNo();
-        }, 100);
-      } catch (e) {
-        if (this.PDFCtrl.GetLastErrorDesc) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-          alert(LastErrorDesc + e);
-        }
-      }
-    },
-    sleep(ms) {
-      return new Promise((resolve) => setTimeout(resolve, ms))
-    },
-    CloseFile() {
-      try {
-        if (this.pdfurl && this.PDFCtrl) {
-          console.log('CloseFile---')
-          this.PDFCtrl.CloseFile();
-          // await this.sleep(1000)
-        }
-      } catch (e) {
-        console.log('CloseFile error--', e);
-        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-          alert(LastErrorDesc + e);
-        }
-      }
-    },
-
-    onDragEnter(event) {
-      this.$emit('cfcaDragEnter', event);
-    },
-    onDragOver(event) {
-      event.preventDefault();
-      this.$emit('cfcaDragOver', event);
-    },
-    onDrop(event) {
-      this.$emit('cfcaDrop', event);
-    },
-    // Page operations
-
-    GoToFirstPage() {
-      try {
-        this.PDFCtrl.GoToFirstPage();
-      } catch (e) {
-        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-          alert(LastErrorDesc + e);
-        }
-      }
-    },
-
-    GoToLastPage() {
-      try {
-        this.PDFCtrl.GoToLastPage();
-      } catch (e) {
-        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-          alert(LastErrorDesc + e);
-        }
-      }
-    },
-    GoToPrevPage() {
-      this.active = 'left';
-      const me = this;
-      try {
-        this.PDFCtrl.GoToPrevPage();
-        this.inputPage = ''
-        setTimeout(() => {
-          me.GetPageNo();
-        }, 100);
-      } catch (e) {
-        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-          alert(LastErrorDesc + e);
-        }
-      }
-    },
-
-    GoToNextPage() {
-      this.active = 'right';
-      const me = this;
-      try {
-        this.PDFCtrl.GoToNextPage();
-        this.inputPage = ''
-        setTimeout(() => {
-          me.GetPageNo();
-        }, 100);
-      } catch (e) {
-        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-          alert(LastErrorDesc + e);
-        }
-      }
-    },
-
-    GetPageNo() {
-      try {
-        this.pageNo = this.PDFCtrl.GetCurrentPageNo();
-        this.pageCount = this.PDFCtrl.GetPageCount();
-      } catch (e) {
-        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-          alert(LastErrorDesc + e);
-        }
-      }
-    },
-
-    GoToPage() {
-      const me = this;
-      try {
-        const pageNo = this.inputPage.replace(/\D/, '');
-        if (pageNo === '') {
-          alert('请输入页码！');
-          return;
-        }
-        this.PDFCtrl.GoToPage(pageNo);
-        setTimeout(() => {
-          me.GetPageNo();
-        }, 100);
-      } catch (e) {
-        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-          alert(LastErrorDesc + e);
-        }
-      }
-    },
-
-    // Zoom operations
-    ZoomTo(factor) {
-      try {
-        this.PDFCtrl.ZoomTo(factor);
-      } catch (e) {
-        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-          alert(LastErrorDesc + e);
-        }
-      }
-    },
-
-    ZoomOut() {
-      try {
-        this.PDFCtrl.ZoomOut();
-      } catch (e) {
-        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-          alert(LastErrorDesc + e);
-        }
-      }
-    },
-    ZoomIn() {
-      try {
-        this.PDFCtrl.ZoomIn();
-      } catch (e) {
-        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-          alert(LastErrorDesc + e);
-        }
-      }
-    },
-    // 把章合到pdf 中去, 拖动签使用的
-    OnClickPoint(nPageNo, x, y) {
-      console.log('OnClickPoint--', `nPageNo=${nPageNo}, x=${x}, y=${y}`);
-      try {
-        console.log('image2=', this.image)
-        if (this.image) {
-          this.PDFCtrl.SignFile_Image(nPageNo, x, y, this.image)
-        } else {
-          this.PDFCtrl.SignFile_KeyImage(nPageNo, x, y);
-        }
-        this.$emit('cfca-point', nPageNo, x, y)
-      } catch (e) {
-        const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-        alert(LastErrorDesc + e);
-      }
-    },
-
-    // 外部打开dialog 调用
-    openDialog(url) {
-      if (this.isIE) {
-        console.log(' openDialog---');
-        // 外部dialog  这里需要使用延时，否则pdf 还未初始化完毕
-        setTimeout(() => {
-          this.OpenFile(url);
-        }, 350);
-      }
-    },
-    getUkeyImage() {
-      const version = this.PDFCtrl.GetVersion()
-      console.log(version)
-      this.PDFCtrl.SetPKCS11Module('UyeePKCS11.Enterprise.dll|UlanPKCS11.Enterprise.dll|UlanPKCS11.dll|CFCA_UKEY_P11.dll')
-      if (version === '3.2.1.7') {
-        //  获取版本号报错 (必须升级到3.2.1.7)
-        return this.PDFCtrl.ReadKeyImage();
-      }
-      alert(`客户端签章控件[v=${version}]，需要升级！`)
-    },
-    GetCertInfo(InfoTypeID) {
-      // '证书持有者CN:\t' + PDFCtrl.GetSignCertInfo('SubjectCN') +
-      // '\n证书持有者DN:\t' + PDFCtrl.GetSignCertInfo('SubjectDN') +
-      // '\n证书颁发者DN:\t' + PDFCtrl.GetSignCertInfo('IssuerDN') +
-      // '\n证书序列号:\t' + PDFCtrl.GetSignCertInfo('SerialNumber') +
-      // '\n起始有效期:\t' + PDFCtrl.GetSignCertInfo('ValidFrom') +
-      // '\n截止有效期:\t' + PDFCtrl.GetSignCertInfo('ValidTo') +
-      // '\n起始有效期UTC:\t' + PDFCtrl.GetSignCertInfo('UTCValidFrom') +
-      // '\n截止有效期UTC:\t' + PDFCtrl.GetSignCertInfo('UTCValidTo') +
-      // '\n证书算法:\t\t' + PDFCtrl.GetSignCertInfo('CertAlgorithm') +
-      // '\n证书内容:\n' + PDFCtrl.GetSignCertInfo('CertContent');
-      InfoTypeID = InfoTypeID || 'SubjectDN'
-      try {
-        const InfoContent = this.PDFCtrl.GetSignCertInfo(InfoTypeID)
-        // Opera浏览器，NPAPI函数执行结果为false时，不能触发异常，需要自己判断返回值。
-        if (!InfoContent) {
-          const errorDesc = this.PDFCtrl.GetLastErrorDesc()
-          alert(errorDesc)
-          return
-        }
-        return InfoContent
-      } catch (e) {
-        console.log('GetCertInfo :', e)
-        const errorDesc = this.PDFCtrl.GetLastErrorDesc()
-        alert(errorDesc + e)
-      }
-    },
-    /*  */
-    selectSignCert(serialNo) {
-      // 使用PDFCtrl.GetSignCertInfo 会报错, 必须在选完证书才能调用
-      // let subjectDN1 = this.PDFCtrl.GetSignCertInfo('SubjectCN')
-      // let issuerDN1 = this.PDFCtrl.GetSignCertInfo('IssuerDN')
-      // const certSN1 = this.PDFCtrl.GetSignCertInfo('SerialNumber')
-      // console.log('PDFCtrl, subjectDN1', subjectDN1)
-      // console.log('PDFCtrl, issuerDN1', issuerDN1)
-      // console.log('PDFCtrl, certSN1', certSN1)
-      try {
-        //  序列号等数据，通过 验签工具包，或者 签章工具包，都可以获取
-        const subjectDN = '';// this.PDFCtrl.GetSignCertInfo('SubjectCN')
-        const issuerDN = 'CFCA ACS ';// this.PDFCtrl.GetSignCertInfo('IssuerDN')
-        const certSN = serialNo || '';// this.PDFCtrl.GetSignCertInfo('SerialNumber')
-
-        console.log('证书序列号，精确匹配', certSN)
-        this.PDFCtrl.SelectSignCert(subjectDN, issuerDN, `${certSN}`, '')
-        // 添加一个设置服务器时间戳的方法
-        this.PDFCtrl.SetTimestampServer('http://210.74.41.195/timestamp')
-        return true
-      } catch (e) {
-        console.log('PDFCtrl.SelectSignCert ', e)
-        alert(`选择证书失败！${e}`)
-        return false
-      }
-    },
-    UploadFile() {
-      try {
-        let response = this.PDFCtrl.UploadCurrentFile(this.action);
-        // 这里是同步的,  这个方法会在返回数据后才继续往后走
-        response = JSON.parse(response);
-        if (response.code === 0) {
-          return response.data.list[0];
-        }
-        return ''
-      } catch (e) {
-        const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
-        console.log('PDFCtrl 文件上传：', LastErrorDesc)
-        alert(`PDFCtrl 文件上传：${LastErrorDesc}${e}`);
-      }
-      return false
-    },
-    signFileKeyImage(item, image) {
-      // 将印章内的图片合成到pdf中，此处使用PDFCtrl在 引用该组件的view内
-      const certSN = this.PDFCtrl.GetSignCertInfo('SerialNumber')
-      console.log(`-signFileKeyImage--certSN-${ certSN}`, item)
-
-      try {
-        //  套印是 已左下角为原定， ukey 签署是以左上角未原点，并且，图像是图像的中心点  140/1.5/2 = 47
-        let lacotionX = ''; let lacotionY = '';
-        if (item.height) {
-          lacotionX = Number(item.X) + 47
-          lacotionY = Number(item.height) - Number(item.Y) - 47
-        } else {
-          // 于静 的签章标签，是未经处理的（无需Y轴颠倒），所以处理方式，和江湖的不一样，
-          lacotionX = Number(item.X) + 47
-          lacotionY = Number(item.Y) - 47
-        }
-
-        console.log(` 参数   pageIndex = ${ item.pageIndex}  x = ${ lacotionX}  Y = ${ lacotionY}`)
-        console.log(`signFileKeyImage: image=${image}`)
-
-        // this.PDFCtrl.SignFile_KeyImage(item.pageIndex, lacotionX, lacotionY)
-        if (image) {
-          this.PDFCtrl.SignFile_Image(item.pageIndex, lacotionX, lacotionY, image)
-        } else {
-          this.PDFCtrl.SignFile_KeyImage(item.pageIndex, lacotionX, lacotionY)
-        }
-        console.log('SignFile_KeyImage 成功')
-        return true
-      } catch (e) {
-        const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc()
-        console.log('signFileKeyImage', e)
-        alert(`${LastErrorDesc} ${e}`)
-        return false
-      }
-    },
-    // 用3.2.1.7 的api 写的一印多签, 调研阶段，暂时不得用
-    multipleSign7(labels, fileOss, serialNo, image, isOffset) {
-      for (let index = 0; index < labels.length; index++) {
-        const item = labels[index]
-        if (typeof isOffset === 'number') {
-          // 印章统一向下偏移
-          item.Y -= isOffset
-        }
-        try {
-          let lacotionX = ''; let lacotionY = '';
-          if (item.height) {
-            lacotionX = Number(item.X) + 47
-            lacotionY = Number(item.height) - Number(item.Y) - 47
-          } else {
-          // 于静 的 签章标签，是未经处理的（无需Y轴颠倒），所以处理方式，和江湖的不一样，
-            lacotionX = Number(item.X) + 47
-            lacotionY = Number(item.Y) - 47
-          }
-          this.PDFCtrl.AddSignaturePosition(item.pageIndex, lacotionX, lacotionY)
-          // console.log(`参数   pageIndex = ${ label.pageIndex}  x = ${ lacotionX}  Y = ${ lacotionY}`)
-          return true
-        } catch (e) {
-          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc()
-          console.log(' multipleSign7', e)
-          alert(LastErrorDesc + e)
-        }
-      }
-      // 如果服务端图片 传进来就用，没有用ukey图片，无需单独再获取
-      if (image) {
-        this.PDFCtrl.SignFile_Image(image)
-      } else {
-        this.PDFCtrl.SignFile_KeyImage()
-      }
-    },
-    // 用3.2.1.5 的api 写的一印多签
-    multipleSign5(labels, fileOss, serialNo, image, isOffset) {
-      console.log('multipleSign  循环签的begin ', serialNo)
-      const serialNoBegin = this.PDFCtrl.GetSignCertInfo('SerialNumber')
-      console.log('serialNoBegin ', serialNoBegin)
-      let result = ''
-
-      // image  为 服务端印章图片
-      // 获取ukey 中的图片 (每次都要输密码，不利于一印多签)
-      // 3.2.1.5的插件没有获取图片的方法
-
-      for (let index = 0; index < labels.length; index++) {
-        const item = labels[index]
-        console.log('item=', item)
-        if (typeof isOffset === 'number') {
-          // 印章统一向下偏移
-          item.Y -= isOffset
-        }
-        // this.$message.success(`签署 [${text}] 位于第${label.pageIndex}页的位置，[总共:${index + 1}/${labels.length}个位置]`)
-        if (index > 0) {
-          const serialNoAgain = this.PDFCtrl.GetSignCertInfo('SerialNumber')
-          console.log('本次获得的序列号serialNoAgain：', serialNoAgain)
-          if (serialNoBegin !== serialNoAgain) {
-            alert('签署过程中，请不要更换ukey!')
-            return false
-          }
-          console.log('serialNo=', serialNo)
-
-          result = result && this.signFileKeyImage((item), image)
-          console.log(`iterateSign 签章结果${ index }-------`, result)
-        } else {
-          console.log('第一个章，不用验签', index)
-          result = this.signFileKeyImage((item), image)
-          console.log('iterateSign 签章结果', result)
-        }
-        // 如果签署失败，直接跳出循环
-        if (!result) {
-          return false
-        }
-      }
-      console.log('multipleSign 签章的结果', result)
-      return result
-    },
-    // 循环调用签章(一印多签) fileOss  没用，可以传空
-    multipleSign(labels, fileOss, serialNo, image, isOffset = 0) {
-      if (!image) {
-        this.PDFCtrl.SetPKCS11Module('UyeePKCS11.Enterprise.dll|UlanPKCS11.Enterprise.dll|UlanPKCS11.dll|CFCA_UKEY_P11.dll')
-      }
-      if (this.PDFCtrl.AddSignaturePosition) {
-        console.log('新版插件')
-        return this.multipleSign7(labels, fileOss, serialNo, image, isOffset)
-      }
-      return this.multipleSign5(labels, fileOss, serialNo, image, isOffset)
-    },
-    GetSignatureInfo() {
-    // 查询文件上的，签章信息, 据此验证，一印多签，是否签署成功
-      const count = this.PDFCtrl.GetSignatureCount();
-      const signatureList = []
-      for (let i = 0; i < count; i++) {
-        const signature = this.PDFCtrl.VerifySignature(i);
-        const result = signature.GetSignCertInfo('SerialNumber');
-        signatureList.push({
-          SerialNumber: result,
-        })
-      }
-      return signatureList
-    },
-  },
-  watch: {
-    pdfurl(val, oldval) {
-      this.inputPage = 1
-      if (this.isIE && val) {
-        if (this.PDFCtrl) {
-          console.log('cfca  watch pdfurl==');
-          if (oldval) {
-            if (oldval !== val) {
-              console.log('cfca  watch oldval==', oldval);
-              // 这里不先CloseFile, PDF控件没反应
-              //  beforeRouterLeve  不会在子组件触发，
-              //  同一个页面被 这个判断打开第二个PDF时，关闭第一个 ，否则在签署多个文件时，切换文件，并未打开新文件
-              this.CloseFile()
-              setTimeout(this.OpenFile, 100);
-            }
-          } else {
-            // 如果这里不用延时，pdf会加载失败
-            setTimeout(this.OpenFile, 100);
-          }
-        } else {
-          console.log('cfca  watch PDFCtrl 未加载 ');
-        }
-      }
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import "./cfca-pdf.less";
-</style>
+<template>
+  <div class="cfca-pdf">
+    <!-- isIE -->
+    <template v-if="isIE">
+      <div class="cfca-pdf-wrapper" :style="{visibility: visible}">
+        <div
+          :class="{'cfca-left': true, 'active': active==='left', 'disabled': pageNo <= 1}"
+          @click="GoToPrevPage()"
+        >
+          <span class="el-icon-arrow-left"></span>
+        </div>
+        <div class="cfca-content">
+          <div class="cfca-page">
+            <div class="fl cfca-title">
+              <h2>{{title}}</h2>
+            </div>
+            <div class="fr">
+              {{pageNo}}/{{pageCount}}
+              <span class="di">第</span>
+              <el-input
+                class="page-num"
+                size="mini"
+                v-model="inputPage"
+                @keyup.enter.native="GoToPage"
+                @change="GoToPage"
+              ></el-input>页
+            </div>
+          </div>
+          <div class="cfca-object" ref="PDFCtrlPlaceHolder">
+            <div class="obj-wrapper" @dragenter="onDragEnter" @dragover="onDragOver" @drop="onDrop">
+              <template v-if="this.idstr">
+                <!-- 拖动签章，Object 的事件（NotifyClickPoint）只能用id 来绑定 -->
+                <object
+                  :id="'PDFCtrl' + this.idstr"
+                  ref="pdfCtrl"
+                  class="PDFCtrlObject"
+                  :tabindex="0"
+                  :codebase="publicPath + codebase"
+                  style="position: relative; z-Index:1"
+                  classid="clsid:6F60FE31-F827-4295-8AC4-775EF7478A6A"
+                  width="100%"
+                  height="100%"
+                >
+                  <param name="wmode" value="transparent" />
+                  <param name="showToolbar" value="false" />
+                </object>
+              </template>
+              <template v-else>
+                <object
+                  ref="pdfCtrl"
+                  class="PDFCtrlObject"
+                  :tabindex="0"
+                  :codebase="publicPath + codebase"
+                  style="position: relative; z-Index:1"
+                  classid="clsid:6F60FE31-F827-4295-8AC4-775EF7478A6A"
+                  width="100%"
+                  height="100%"
+                >
+                  <param name="wmode" value="transparent" />
+                  <param name="showToolbar" value="false" />
+                </object>
+              </template>
+            </div>
+          </div>
+          <div class="cfca-control">
+            <slot></slot>
+          </div>
+        </div>
+        <div
+          :class="{'cfca-right': true, 'active': active==='right', 'disabled': pageNo >= pageCount}"
+          @click="GoToNextPage()"
+        >
+          <span class="el-icon-arrow-right"></span>
+        </div>
+        <!-- HTML toolbar -->
+        <!--<tr class="fontSize3" align="center" height="23" bgcolor="#E8E8E8">-->
+        <!--<td width="40" class="fakehlink" @click="GoToFirstPage()">首页</td>-->
+        <!--<td width="60" class="fakehlink" @click="GoToPrevPage()">上一页</td>-->
+        <!--<td width="60" class="fakehlink" @click="GoToNextPage()">下一页</td>-->
+        <!--<td width="40" class="fakehlink" @click="GoToLastPage()">尾页</td>-->
+        <!--<td width="80" class="fakehlink" @click="GetPageNo()">页码信息</td>-->
+        <!--<td width="60" class="fakehlink" @click="GoToPage" align="right">跳转到页</td>-->
+        <!--<td width="60">-->
+        <!--: <input type="text" id="PageNo" style="width: 45px" onkeydown='if(event.keyCode===13){this.GoToPage()}' onkeyup="value=this.value.replace(/\D+/g,'')"/>-->
+        <!--</td>-->
+        <!--<td width="30"></td>-->
+        <!--<td width="70" class="fakehlink" @click="ZoomTo(-2)">适合宽度</td>-->
+        <!--<td width="70" class="fakehlink" @click="ZoomTo(-1)">单页模式</td>-->
+        <!--<td width="30"></td>-->
+        <!--<td width="45" class="fakehlink" @click="ZoomOut()">缩小</td>-->
+        <!--<td width="45" class="fakehlink" @click="ZoomIn()">放大</td>-->
+        <!--</tr>-->
+      </div>
+    </template>
+    <template v-else>
+      <div
+        class="red"
+        style="height: 350px; padding: 20px ;position: relative; margin-bottom: 20px"
+      >
+        提示：当前浏览器不支持控件预览，请切换IE浏览器进行查看
+        <!--提示：出于安全性与监管要求考虑且CFCA控件只能够支持IE浏览器，请切换IE浏览器进行查看-->
+        <div class="tc" style="position: absolute;bottom: 0;left: 0;right: 0;">
+          <slot></slot>
+        </div>
+      </div>
+    </template>
+  </div>
+</template>
+<script>
+// import config from {};
+import { getUrl } from '../utils'
+
+export default {
+  name: 'cfca-pdf',
+  props: {
+    action: {
+      type: String, // 签章完毕，上传文件地址，仅展示pdf 无需传
+      default: '',
+    },
+    pdfurl: {
+      type: String,
+      default: '',
+    },
+    visible: {
+      type: [String, Boolean],
+      default: 'visible',
+    },
+    title: {
+      type: String,
+      default: '',
+    },
+    image: {
+      type: String,
+      default: '',
+    },
+    idstr: {
+      type: [String, Number],
+    },
+  },
+  data() {
+    let codebase = '';
+    if (window.navigator.cpuClass === 'x86') {
+      codebase = 'TrustSignPDFPlugin.ttd.x86.cab#version=3,2,1,4';
+    } else {
+      codebase = 'TrustSignPDFPlugin.ttd.x64.cab#version=3,2,1,4';
+    }
+    return {
+      publicPath: 'https://wsp.totodi.com/cfca_plug/', // 为了获取public下的静态文件
+      PDFCtrl: '',
+      codebase,
+      active: '',
+      inputPage: '',
+      isIE:
+        navigator.appName.indexOf('Internet') >= 0
+        || navigator.appVersion.indexOf('Trident') >= 0,
+      pageNo: 1,
+      pageCount: 1,
+    };
+  },
+  beforeDestroy() {
+    // CloseFile 未执行完毕，销毁页面 导致页面崩溃,
+    // CloseFile 必须执行完毕才能销毁 实例  所以 CloseFile在 dialog的close 方法里执行，页面的在router个beforeRouteLeave里执行
+    console.log('--cfca-pdf-beforeDestroy')
+  },
+  async beforeRouteLeave(to, from, next) {
+    // 子组件不会触发这个方法
+    console.log('-cfca--beforeRouteLeave---')
+    await this.CloseFile()
+    next()
+  },
+  mounted() {
+    if (this.isIE) {
+      this.OnLoad();
+      console.log(`cfca  mounted =${ this.pdfurl}`)
+      if (this.pdfurl) {
+        // console.log('cfca  mounted this.pdfurl==' + this.pdfurl)
+        // 这里的 setTimeout 必须存在，否则 补充协议签署时，会看不到pdf
+        // PDFCtrl 没有初始化完毕 ($nextTick 不行 必须用setTimeout)
+
+        // this.$nextTick(this.OpenFile)
+        setTimeout(this.OpenFile, 100);
+      }
+    }
+  },
+  methods: {
+    OnLoad() {
+      if (this.PDFCtrl) {
+        return false;
+      }
+      if (this.isIE) {
+        // 使用refs 拿到的元素 不能ukey签章
+        this.PDFCtrl = this.$refs.pdfCtrl;
+        if (!this.PDFCtrl) {
+          console.log('使用id 加载this.PDFCtrl ');
+          this.PDFCtrl = window[`PDFCtrl${ this.idstr}`]
+        }
+        // console.log('加载this.PDFCtrl ', this.PDFCtrl)
+        // 将OnClickPoint事件放入 全局函数
+        window.OnClickPoint = this.OnClickPoint;
+      } else {
+        // alert('请使用 IE 浏览器！')
+        return false;
+      }
+    },
+    OpenFile(src) {
+      src = src || this.pdfurl;
+      if (!src) {
+        alert('未发现pdf资源路径！');
+        return false;
+      }
+      try {
+        console.log(`OpenFile--src--${ src}`);
+        this.PDFCtrl.OpenWebFile(encodeURI(src));
+        this.PDFCtrl = this.$refs.pdfCtrl;
+        setTimeout(() => {
+          this.PDFCtrl.ZoomTo(-1);
+          this.GetPageNo();
+        }, 100);
+      } catch (e) {
+        if (this.PDFCtrl.GetLastErrorDesc) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+          alert(LastErrorDesc + e);
+        }
+      }
+    },
+    sleep(ms) {
+      return new Promise((resolve) => setTimeout(resolve, ms))
+    },
+    CloseFile() {
+      try {
+        if (this.pdfurl && this.PDFCtrl) {
+          console.log('CloseFile---')
+          this.PDFCtrl.CloseFile();
+          // await this.sleep(1000)
+        }
+      } catch (e) {
+        console.log('CloseFile error--', e);
+        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+          alert(LastErrorDesc + e);
+        }
+      }
+    },
+
+    onDragEnter(event) {
+      this.$emit('cfcaDragEnter', event);
+    },
+    onDragOver(event) {
+      event.preventDefault();
+      this.$emit('cfcaDragOver', event);
+    },
+    onDrop(event) {
+      this.$emit('cfcaDrop', event);
+    },
+    // Page operations
+
+    GoToFirstPage() {
+      try {
+        this.PDFCtrl.GoToFirstPage();
+      } catch (e) {
+        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+          alert(LastErrorDesc + e);
+        }
+      }
+    },
+
+    GoToLastPage() {
+      try {
+        this.PDFCtrl.GoToLastPage();
+      } catch (e) {
+        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+          alert(LastErrorDesc + e);
+        }
+      }
+    },
+    GoToPrevPage() {
+      this.active = 'left';
+      const me = this;
+      try {
+        this.PDFCtrl.GoToPrevPage();
+        this.inputPage = ''
+        setTimeout(() => {
+          me.GetPageNo();
+        }, 100);
+      } catch (e) {
+        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+          alert(LastErrorDesc + e);
+        }
+      }
+    },
+
+    GoToNextPage() {
+      this.active = 'right';
+      const me = this;
+      try {
+        this.PDFCtrl.GoToNextPage();
+        this.inputPage = ''
+        setTimeout(() => {
+          me.GetPageNo();
+        }, 100);
+      } catch (e) {
+        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+          alert(LastErrorDesc + e);
+        }
+      }
+    },
+
+    GetPageNo() {
+      try {
+        this.pageNo = this.PDFCtrl.GetCurrentPageNo();
+        this.pageCount = this.PDFCtrl.GetPageCount();
+      } catch (e) {
+        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+          alert(LastErrorDesc + e);
+        }
+      }
+    },
+
+    GoToPage() {
+      const me = this;
+      try {
+        const pageNo = this.inputPage.replace(/\D/, '');
+        if (pageNo === '') {
+          alert('请输入页码！');
+          return;
+        }
+        this.PDFCtrl.GoToPage(pageNo);
+        setTimeout(() => {
+          me.GetPageNo();
+        }, 100);
+      } catch (e) {
+        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+          alert(LastErrorDesc + e);
+        }
+      }
+    },
+
+    // Zoom operations
+    ZoomTo(factor) {
+      try {
+        this.PDFCtrl.ZoomTo(factor);
+      } catch (e) {
+        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+          alert(LastErrorDesc + e);
+        }
+      }
+    },
+
+    ZoomOut() {
+      try {
+        this.PDFCtrl.ZoomOut();
+      } catch (e) {
+        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+          alert(LastErrorDesc + e);
+        }
+      }
+    },
+    ZoomIn() {
+      try {
+        this.PDFCtrl.ZoomIn();
+      } catch (e) {
+        if (this.PDFCtrl && this.PDFCtrl.GetLastErrorDesc) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+          alert(LastErrorDesc + e);
+        }
+      }
+    },
+    // 把章合到pdf 中去, 拖动签使用的
+    OnClickPoint(nPageNo, x, y) {
+      console.log('OnClickPoint--', `nPageNo=${nPageNo}, x=${x}, y=${y}`);
+      try {
+        console.log('image2=', this.image)
+        if (this.image) {
+          this.PDFCtrl.SignFile_Image(nPageNo, x, y, this.image)
+        } else {
+          this.PDFCtrl.SignFile_KeyImage(nPageNo, x, y);
+        }
+        this.$emit('cfca-point', nPageNo, x, y)
+      } catch (e) {
+        const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+        alert(LastErrorDesc + e);
+      }
+    },
+
+    // 外部打开dialog 调用
+    openDialog(url) {
+      if (this.isIE) {
+        console.log(' openDialog---');
+        // 外部dialog  这里需要使用延时，否则pdf 还未初始化完毕
+        setTimeout(() => {
+          this.OpenFile(url);
+        }, 350);
+      }
+    },
+    getUkeyImage() {
+      const version = this.PDFCtrl.GetVersion()
+      console.log(version)
+      this.PDFCtrl.SetPKCS11Module('UyeePKCS11.Enterprise.dll|UlanPKCS11.Enterprise.dll|UlanPKCS11.dll|CFCA_UKEY_P11.dll')
+      if (version === '3.2.1.7') {
+        //  获取版本号报错 (必须升级到3.2.1.7)
+        return this.PDFCtrl.ReadKeyImage();
+      }
+      alert(`客户端签章控件[v=${version}]，需要升级！`)
+    },
+    GetCertInfo(InfoTypeID) {
+      // '证书持有者CN:\t' + PDFCtrl.GetSignCertInfo('SubjectCN') +
+      // '\n证书持有者DN:\t' + PDFCtrl.GetSignCertInfo('SubjectDN') +
+      // '\n证书颁发者DN:\t' + PDFCtrl.GetSignCertInfo('IssuerDN') +
+      // '\n证书序列号:\t' + PDFCtrl.GetSignCertInfo('SerialNumber') +
+      // '\n起始有效期:\t' + PDFCtrl.GetSignCertInfo('ValidFrom') +
+      // '\n截止有效期:\t' + PDFCtrl.GetSignCertInfo('ValidTo') +
+      // '\n起始有效期UTC:\t' + PDFCtrl.GetSignCertInfo('UTCValidFrom') +
+      // '\n截止有效期UTC:\t' + PDFCtrl.GetSignCertInfo('UTCValidTo') +
+      // '\n证书算法:\t\t' + PDFCtrl.GetSignCertInfo('CertAlgorithm') +
+      // '\n证书内容:\n' + PDFCtrl.GetSignCertInfo('CertContent');
+      InfoTypeID = InfoTypeID || 'SubjectDN'
+      try {
+        const InfoContent = this.PDFCtrl.GetSignCertInfo(InfoTypeID)
+        // Opera浏览器，NPAPI函数执行结果为false时，不能触发异常，需要自己判断返回值。
+        if (!InfoContent) {
+          const errorDesc = this.PDFCtrl.GetLastErrorDesc()
+          alert(errorDesc)
+          return
+        }
+        return InfoContent
+      } catch (e) {
+        console.log('GetCertInfo :', e)
+        const errorDesc = this.PDFCtrl.GetLastErrorDesc()
+        alert(errorDesc + e)
+      }
+    },
+    /*  */
+    selectSignCert(serialNo) {
+      // 使用PDFCtrl.GetSignCertInfo 会报错, 必须在选完证书才能调用
+      // let subjectDN1 = this.PDFCtrl.GetSignCertInfo('SubjectCN')
+      // let issuerDN1 = this.PDFCtrl.GetSignCertInfo('IssuerDN')
+      // const certSN1 = this.PDFCtrl.GetSignCertInfo('SerialNumber')
+      // console.log('PDFCtrl, subjectDN1', subjectDN1)
+      // console.log('PDFCtrl, issuerDN1', issuerDN1)
+      // console.log('PDFCtrl, certSN1', certSN1)
+      try {
+        //  序列号等数据，通过 验签工具包，或者 签章工具包，都可以获取
+        const subjectDN = '';// this.PDFCtrl.GetSignCertInfo('SubjectCN')
+        const issuerDN = 'CFCA ACS ';// this.PDFCtrl.GetSignCertInfo('IssuerDN')
+        const certSN = serialNo || '';// this.PDFCtrl.GetSignCertInfo('SerialNumber')
+
+        console.log('证书序列号，精确匹配', certSN)
+        this.PDFCtrl.SelectSignCert(subjectDN, issuerDN, `${certSN}`, '')
+        // 添加一个设置服务器时间戳的方法
+        this.PDFCtrl.SetTimestampServer('http://210.74.41.195/timestamp')
+        return true
+      } catch (e) {
+        console.log('PDFCtrl.SelectSignCert ', e)
+        alert(`选择证书失败！${e}`)
+        return false
+      }
+    },
+    UploadFile() {
+      try {
+        let response = this.PDFCtrl.UploadCurrentFile(this.action);
+        // 这里是同步的,  这个方法会在返回数据后才继续往后走
+        response = JSON.parse(response);
+        if (response.code === 0) {
+          return response.data.list[0];
+        }
+        return ''
+      } catch (e) {
+        const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
+        console.log('PDFCtrl 文件上传：', LastErrorDesc)
+        alert(`PDFCtrl 文件上传：${LastErrorDesc}${e}`);
+      }
+      return false
+    },
+    signFileKeyImage(item, image) {
+      // 将印章内的图片合成到pdf中，此处使用PDFCtrl在 引用该组件的view内
+      const certSN = this.PDFCtrl.GetSignCertInfo('SerialNumber')
+      console.log(`-signFileKeyImage--certSN-${ certSN}`, item)
+
+      try {
+        //  套印是 已左下角为原定， ukey 签署是以左上角未原点，并且，图像是图像的中心点  140/1.5/2 = 47
+        let lacotionX = ''; let lacotionY = '';
+        if (item.height) {
+          lacotionX = Number(item.X) + 47
+          lacotionY = Number(item.height) - Number(item.Y) - 47
+        } else {
+          // 于静 的签章标签，是未经处理的（无需Y轴颠倒），所以处理方式，和江湖的不一样，
+          lacotionX = Number(item.X) + 47
+          lacotionY = Number(item.Y) - 47
+        }
+
+        console.log(` 参数   pageIndex = ${ item.pageIndex}  x = ${ lacotionX}  Y = ${ lacotionY}`)
+        console.log(`signFileKeyImage: image=${image}`)
+
+        // this.PDFCtrl.SignFile_KeyImage(item.pageIndex, lacotionX, lacotionY)
+        if (image) {
+          this.PDFCtrl.SignFile_Image(item.pageIndex, lacotionX, lacotionY, image)
+        } else {
+          this.PDFCtrl.SignFile_KeyImage(item.pageIndex, lacotionX, lacotionY)
+        }
+        console.log('SignFile_KeyImage 成功')
+        return true
+      } catch (e) {
+        const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc()
+        console.log('signFileKeyImage', e)
+        alert(`${LastErrorDesc} ${e}`)
+        return false
+      }
+    },
+    // 用3.2.1.7 的api 写的一印多签, 调研阶段，暂时不得用
+    multipleSign7(labels, fileOss, serialNo, image, isOffset) {
+      for (let index = 0; index < labels.length; index++) {
+        const item = labels[index]
+        if (typeof isOffset === 'number') {
+          // 印章统一向下偏移
+          item.Y -= isOffset
+        }
+        try {
+          let lacotionX = ''; let lacotionY = '';
+          if (item.height) {
+            lacotionX = Number(item.X) + 47
+            lacotionY = Number(item.height) - Number(item.Y) - 47
+          } else {
+          // 于静 的 签章标签，是未经处理的（无需Y轴颠倒），所以处理方式，和江湖的不一样，
+            lacotionX = Number(item.X) + 47
+            lacotionY = Number(item.Y) - 47
+          }
+          this.PDFCtrl.AddSignaturePosition(item.pageIndex, lacotionX, lacotionY)
+          // console.log(`参数   pageIndex = ${ label.pageIndex}  x = ${ lacotionX}  Y = ${ lacotionY}`)
+          return true
+        } catch (e) {
+          const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc()
+          console.log(' multipleSign7', e)
+          alert(LastErrorDesc + e)
+        }
+      }
+      // 如果服务端图片 传进来就用，没有用ukey图片，无需单独再获取
+      if (image) {
+        this.PDFCtrl.SignFile_Image(image)
+      } else {
+        this.PDFCtrl.SignFile_KeyImage()
+      }
+    },
+    // 用3.2.1.5 的api 写的一印多签
+    multipleSign5(labels, fileOss, serialNo, image, isOffset) {
+      console.log('multipleSign  循环签的begin ', serialNo)
+      const serialNoBegin = this.PDFCtrl.GetSignCertInfo('SerialNumber')
+      console.log('serialNoBegin ', serialNoBegin)
+      let result = ''
+
+      // image  为 服务端印章图片
+      // 获取ukey 中的图片 (每次都要输密码，不利于一印多签)
+      // 3.2.1.5的插件没有获取图片的方法
+
+      for (let index = 0; index < labels.length; index++) {
+        const item = labels[index]
+        console.log('item=', item)
+        if (typeof isOffset === 'number') {
+          // 印章统一向下偏移
+          item.Y -= isOffset
+        }
+        // this.$message.success(`签署 [${text}] 位于第${label.pageIndex}页的位置，[总共:${index + 1}/${labels.length}个位置]`)
+        if (index > 0) {
+          const serialNoAgain = this.PDFCtrl.GetSignCertInfo('SerialNumber')
+          console.log('本次获得的序列号serialNoAgain：', serialNoAgain)
+          if (serialNoBegin !== serialNoAgain) {
+            alert('签署过程中，请不要更换ukey!')
+            return false
+          }
+          console.log('serialNo=', serialNo)
+
+          result = result && this.signFileKeyImage((item), image)
+          console.log(`iterateSign 签章结果${ index }-------`, result)
+        } else {
+          console.log('第一个章，不用验签', index)
+          result = this.signFileKeyImage((item), image)
+          console.log('iterateSign 签章结果', result)
+        }
+        // 如果签署失败，直接跳出循环
+        if (!result) {
+          return false
+        }
+      }
+      console.log('multipleSign 签章的结果', result)
+      return result
+    },
+    // 循环调用签章(一印多签) fileOss  没用，可以传空
+    multipleSign(labels, fileOss, serialNo, image, isOffset = 0) {
+      if (!image) {
+        this.PDFCtrl.SetPKCS11Module('UyeePKCS11.Enterprise.dll|UlanPKCS11.Enterprise.dll|UlanPKCS11.dll|CFCA_UKEY_P11.dll')
+      }
+      if (this.PDFCtrl.AddSignaturePosition) {
+        console.log('新版插件')
+        return this.multipleSign7(labels, fileOss, serialNo, image, isOffset)
+      }
+      return this.multipleSign5(labels, fileOss, serialNo, image, isOffset)
+    },
+    GetSignatureInfo() {
+    // 查询文件上的，签章信息, 据此验证，一印多签，是否签署成功
+      const count = this.PDFCtrl.GetSignatureCount();
+      const signatureList = []
+      for (let i = 0; i < count; i++) {
+        const signature = this.PDFCtrl.VerifySignature(i);
+        const result = signature.GetSignCertInfo('SerialNumber');
+        signatureList.push({
+          SerialNumber: result,
+        })
+      }
+      return signatureList
+    },
+  },
+  watch: {
+    pdfurl(val, oldval) {
+      this.inputPage = 1
+      if (this.isIE && val) {
+        if (this.PDFCtrl) {
+          console.log('cfca  watch pdfurl==');
+          if (oldval) {
+            if (oldval !== val) {
+              console.log('cfca  watch oldval==', oldval);
+              // 这里不先CloseFile, PDF控件没反应
+              //  beforeRouterLeve  不会在子组件触发，
+              //  同一个页面被 这个判断打开第二个PDF时，关闭第一个 ，否则在签署多个文件时，切换文件，并未打开新文件
+              this.CloseFile()
+              setTimeout(this.OpenFile, 100);
+            }
+          } else {
+            // 如果这里不用延时，pdf会加载失败
+            setTimeout(this.OpenFile, 100);
+          }
+        } else {
+          console.log('cfca  watch PDFCtrl 未加载 ');
+        }
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import "./cfca-pdf.less";
+</style>