@toolspack/ttd-common 1.1.4 → 1.1.5

package/src/packages/cfca/cfca-pdf.less

@@ -1,177 +1,177 @@
-.cfca-pdf {
-  width: 100%;
-  min-height: 100%;
-  position: relative;
-  margin-top: -1px;
-
-  .fontSize1 {
-    font-size: 65%;
-    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
-  }
-  .fontSize2 {
-    font-size: 70%;
-    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
-  }
-
-  .fontSize3 {
-    font-size: 75%;
-    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
-  }
-  .fakehlink {
-    cursor: pointer;
-    text-decoration: underline;
-    font-weight: normal;
-    line-height: 26px;
-    color: #0066cc;
-  }
-  .plaintext {
-    line-height: 28px;
-  }
-
-  .blankline {
-    height: 5px;
-  }
-  .remaining {
-    width: 100%;
-    position: absolute;
-    z-index: 1;
-    top: 72px;
-    bottom: 0px;
-  }
-  .cfca-page .page-num {
-    display: inline-block;
-    width: auto;
-  }
-  .cfca-page .page-num input {
-    display: inline-block;
-    width: 48px;
-    height: 32px;
-    border: 1px solid #cccccc;
-    border-radius: 2px;
-    margin: 0 5px;
-  }
-
-  .cfca-pdf-wrapper {
-    position: relative;
-    width: 560px;
-    margin: 0 auto;
-    // background: #ffffff;
-    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
-    .cfca-left,
-    .cfca-right {
-      color: #dcdcdc;
-      position: absolute;
-      width: 73px;
-      height: 130px;
-      text-align: center;
-      font-size: 33px;
-      cursor: pointer;
-      border-radius: 4px;
-      top: 50%;
-      left: -72px;
-    }
-    /*.active,.cfca-left:hover,.cfca-right:hover {
-      background: #F2F2F2;
-    }*/
-    .disabled {
-      cursor: not-allowed;
-    }
-    .cfca-right {
-      left: auto;
-      right: -72px;
-    }
-    .cfca-content {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-
-      position: relative;
-      background: #fff;
-      border: 1px solid #d4d4d4;
-      // border-radius: 8px;
-      border-radius: 0;
-      // padding: 48px 0 64px 0;
-      padding: 0;
-      box-sizing: border-box;
-      overflow: hidden;
-      .cfca-object {
-        box-sizing: border-box;
-        // flex: 1; 这个属性 在ie 下导致高度无法自动撑开，所以，不能放开
-        position: relative;
-        // overflow: auto;
-        // box-shadow: 0 0 20px 0 rgba(7, 27, 54, 0.19);
-        .obj-wrapper {
-          // height: 910px;
-          height: 758px;
-        }
-      }
-      .cfca-page {
-        // position: absolute;
-        // top: 0;
-        // left: 0;
-        // right: 0;
-        position: relative;
-        height: 48px;
-        line-height: 48px;
-        box-sizing: border-box;
-        overflow: hidden;
-        padding: 0px 20px;
-        text-align: left;
-        font-size: 14px;
-        background: #fff;
-        color: #666;
-        border-bottom: 1px solid #d4d4d4;
-        .cfca-title {
-          // margin-top: 15px;
-          h2 {
-            max-width: 340px;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            font-size: 18px;
-            color: #222222;
-            // line-height: 64px;
-            line-height: 48px;
-            font-weight: normal;
-            margin: 0;
-            padding: 0;
-          }
-          .sub-title {
-            font-size: 12px;
-            color: #999999;
-            line-height: 17px;
-          }
-        }
-        .fr {
-          position: absolute;
-          right: 20px;
-          top: 0;
-          max-width: 180px;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-        .di {
-          margin-left: 10px;
-        }
-      }
-      .cfca-control {
-        // position: absolute;
-        // bottom: 0;
-        // left: 0;
-        // right: 0;
-        // height: 64px;
-        line-height: 64px;
-        box-sizing: border-box;
-        overflow: hidden;
-        padding: 0px 20px;
-        text-align: right;
-        font-size: 14px;
-        background: #f5f5f5;
-        color: #666;
-        // & > *{
-        //   font-size: 14px;
-        // }
-      }
-    }
-  }
-}
+.cfca-pdf {
+  width: 100%;
+  min-height: 100%;
+  position: relative;
+  margin-top: -1px;
+
+  .fontSize1 {
+    font-size: 65%;
+    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+  }
+  .fontSize2 {
+    font-size: 70%;
+    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+  }
+
+  .fontSize3 {
+    font-size: 75%;
+    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+  }
+  .fakehlink {
+    cursor: pointer;
+    text-decoration: underline;
+    font-weight: normal;
+    line-height: 26px;
+    color: #0066cc;
+  }
+  .plaintext {
+    line-height: 28px;
+  }
+
+  .blankline {
+    height: 5px;
+  }
+  .remaining {
+    width: 100%;
+    position: absolute;
+    z-index: 1;
+    top: 72px;
+    bottom: 0px;
+  }
+  .cfca-page .page-num {
+    display: inline-block;
+    width: auto;
+  }
+  .cfca-page .page-num input {
+    display: inline-block;
+    width: 48px;
+    height: 32px;
+    border: 1px solid #cccccc;
+    border-radius: 2px;
+    margin: 0 5px;
+  }
+
+  .cfca-pdf-wrapper {
+    position: relative;
+    width: 560px;
+    margin: 0 auto;
+    // background: #ffffff;
+    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
+    .cfca-left,
+    .cfca-right {
+      color: #dcdcdc;
+      position: absolute;
+      width: 73px;
+      height: 130px;
+      text-align: center;
+      font-size: 33px;
+      cursor: pointer;
+      border-radius: 4px;
+      top: 50%;
+      left: -72px;
+    }
+    /*.active,.cfca-left:hover,.cfca-right:hover {
+      background: #F2F2F2;
+    }*/
+    .disabled {
+      cursor: not-allowed;
+    }
+    .cfca-right {
+      left: auto;
+      right: -72px;
+    }
+    .cfca-content {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+
+      position: relative;
+      background: #fff;
+      border: 1px solid #d4d4d4;
+      // border-radius: 8px;
+      border-radius: 0;
+      // padding: 48px 0 64px 0;
+      padding: 0;
+      box-sizing: border-box;
+      overflow: hidden;
+      .cfca-object {
+        box-sizing: border-box;
+        // flex: 1; 这个属性 在ie 下导致高度无法自动撑开，所以，不能放开
+        position: relative;
+        // overflow: auto;
+        // box-shadow: 0 0 20px 0 rgba(7, 27, 54, 0.19);
+        .obj-wrapper {
+          // height: 910px;
+          height: 758px;
+        }
+      }
+      .cfca-page {
+        // position: absolute;
+        // top: 0;
+        // left: 0;
+        // right: 0;
+        position: relative;
+        height: 48px;
+        line-height: 48px;
+        box-sizing: border-box;
+        overflow: hidden;
+        padding: 0px 20px;
+        text-align: left;
+        font-size: 14px;
+        background: #fff;
+        color: #666;
+        border-bottom: 1px solid #d4d4d4;
+        .cfca-title {
+          // margin-top: 15px;
+          h2 {
+            max-width: 340px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            font-size: 18px;
+            color: #222222;
+            // line-height: 64px;
+            line-height: 48px;
+            font-weight: normal;
+            margin: 0;
+            padding: 0;
+          }
+          .sub-title {
+            font-size: 12px;
+            color: #999999;
+            line-height: 17px;
+          }
+        }
+        .fr {
+          position: absolute;
+          right: 20px;
+          top: 0;
+          max-width: 180px;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+        .di {
+          margin-left: 10px;
+        }
+      }
+      .cfca-control {
+        // position: absolute;
+        // bottom: 0;
+        // left: 0;
+        // right: 0;
+        // height: 64px;
+        line-height: 64px;
+        box-sizing: border-box;
+        overflow: hidden;
+        padding: 0px 20px;
+        text-align: right;
+        font-size: 14px;
+        background: #f5f5f5;
+        color: #666;
+        // & > *{
+        //   font-size: 14px;
+        // }
+      }
+    }
+  }
+}

package/src/packages/index.js

@@ -1,13 +1,13 @@
-import CfcaPdf from './cfca/CfcaPdf.vue'
-import Ukey from './ukey/Ukey.vue'
-import WzhSign from './ukey/WzhSign.vue'
-import SignNew from './ukey/SignNew.vue'
-import WzhSignChrome from './ukey/WzhSignChrome.vue'
-
-export default {
-  CfcaPdf,
-  Ukey,
-  WzhSign,
-  WzhSignChrome,
-  SignNew,
-}
+import CfcaPdf from './cfca/CfcaPdf.vue'
+import Ukey from './ukey/Ukey.vue'
+import WzhSign from './ukey/WzhSign.vue'
+import SignNew from './ukey/SignNew.vue'
+import WzhSignChrome from './ukey/WzhSignChrome.vue'
+
+export default {
+  CfcaPdf,
+  Ukey,
+  WzhSign,
+  WzhSignChrome,
+  SignNew,
+}

package/src/packages/ukey/SignNew.vue

@@ -1,62 +1,62 @@
-<template>
-  <div>
-    <WzhSign :api="api" ref="signIe" v-if="isIE" />
-    <WzhSignChrome :api="api" ref="signChrome" v-else />
-  </div>
-</template>
-<script>
-import WzhSign from './WzhSign.vue';
-import WzhSignChrome from './WzhSignChrome.vue';
-
-export default {
-  components: { WzhSign, WzhSignChrome },
-  data() {
-    return {
-      child: null,
-      isIE: true,
-    }
-  },
-  props: {
-    api: {
-      type: Object,
-      required: true,
-    },
-  },
-  created() {
-    this.getBrowserInfo()
-  },
-  mounted() {
-    if (this.isIE) {
-      console.log('--- ie sign')
-      this.child = this.$refs.signIe
-    } else {
-      console.log('--- chrome sign')
-      this.child = this.$refs.signChrome
-    }
-  },
-  methods: {
-    getBrowserInfo() {
-      const { userAgent, plugins, mimeTypes } = navigator
-
-      if (userAgent.indexOf('Trident') >= 0) {
-        this.isIE = true
-        return true
-      }
-      // 360的急速模式，需要使用ie签署控件(無法實現,或不稳定，360会快速修复让用户无法检测)
-      // 测试后，360的急速模式  可以和chrome 用一个签署代码了
-      // const plugin360 = [
-      //   '360', '360SoftMgrPlugin', 'ActiveX hosting plugin for Firefox/Chrome',
-      //   'GamePlugin', 'QQMail Plugin', 'Tencent QQ', 'npQQPhotoDrawEx']
-      // if (plugins['360SoftMgrPlugin']) {
-      //   this.isIE = true
-      //   return true
-      // }
-      // if (mimeTypes['application/360softmgrplugin']) {
-      //   this.isIE = true
-      //   return true
-      // }
-      this.isIE = false
-    },
-  },
-}
-</script>
+<template>
+  <div>
+    <WzhSign :api="api" ref="signIe" v-if="isIE" />
+    <WzhSignChrome :api="api" ref="signChrome" v-else />
+  </div>
+</template>
+<script>
+import WzhSign from './WzhSign.vue';
+import WzhSignChrome from './WzhSignChrome.vue';
+
+export default {
+  components: { WzhSign, WzhSignChrome },
+  data() {
+    return {
+      child: null,
+      isIE: true,
+    }
+  },
+  props: {
+    api: {
+      type: Object,
+      required: true,
+    },
+  },
+  created() {
+    this.getBrowserInfo()
+  },
+  mounted() {
+    if (this.isIE) {
+      console.log('--- ie sign')
+      this.child = this.$refs.signIe
+    } else {
+      console.log('--- chrome sign')
+      this.child = this.$refs.signChrome
+    }
+  },
+  methods: {
+    getBrowserInfo() {
+      const { userAgent, plugins, mimeTypes } = navigator
+
+      if (userAgent.indexOf('Trident') >= 0) {
+        this.isIE = true
+        return true
+      }
+      // 360的急速模式，需要使用ie签署控件(無法實現,或不稳定，360会快速修复让用户无法检测)
+      // 测试后，360的急速模式  可以和chrome 用一个签署代码了
+      // const plugin360 = [
+      //   '360', '360SoftMgrPlugin', 'ActiveX hosting plugin for Firefox/Chrome',
+      //   'GamePlugin', 'QQMail Plugin', 'Tencent QQ', 'npQQPhotoDrawEx']
+      // if (plugins['360SoftMgrPlugin']) {
+      //   this.isIE = true
+      //   return true
+      // }
+      // if (mimeTypes['application/360softmgrplugin']) {
+      //   this.isIE = true
+      //   return true
+      // }
+      this.isIE = false
+    },
+  },
+}
+</script>