Merge pull request #1 from roy19831015/patch-1

新增签章查看功能

src/components/HelloWorld.vue

@@ -25,7 +25,64 @@
     </div>
     <div style="margin-top:10px;display: flex;flex-direction: column;align-items: center;justify-content: center" id="content">
     </div>
+
+    <div ref="sealInfoDiv" id="sealInfoDiv" hidden="hidden" style="padding:20px; border-radius:5px;background:rgba(199,198,198,0.98); box-shadow:3px 3px 4px #6d6d6d;; border:rgb(0, 0, 0, 1);position: absolute;width:30%;left:35%;top:5%">
+      <p style="text-align:center; border-bottom:1px solid rgb(59,95,232); line-height:3em; width:30%; margin:0 auto;color:rgb(59,95,232)"><b>签章信息1</b></p>
+      <p style="text-align:left">
+        <span><b><u>签章人</u>：</b></span>
+        <span id="spSigner" style="font-family:simsun">Signer</span>
+      </p>
+      <p style="text-align:left">
+        <span><b><u>签章提供者</u>：</b></span>
+        <span id="spProvider" style="font-family:simsun">Provider</span>
+      </p>
+      <p style="text-align:left">
+        <span><b><u>原文摘要值</u>：</b></span><br/>
+        <span id="spHashedValue" style="font-family:simsun">HashedValue</span>
+      </p>
+      <p style="text-align:left">
+        <span><b><u>签名值</u>：</b></span><br/>
+        <span id="spSignedValue" style="font-family:simsun">SignedValue</span>
+      </p>
+      <p style="text-align:left">
+        <span><b><u>签名算法</u>：</b></span><br/>
+        <span id="spSignMethod" style="font-family:simsun">SignMethod</span>
+      </p>
+      <p style="text-align:left">
+        <span><b><u>版本号</u>：</b></span>
+        <span id="spVersion" style="font-family:simsun">Version</span>
+      </p>
+
+      <p style="text-align:center; border-bottom:1px solid rgb(59,95,232); line-height:3em; width:30%; margin:0 auto;color:rgb(59,95,232)"><b>印章信息</b></p>
+      <p style="text-align:left">
+        <span><b><u>印章标识</u>：</b></span>
+        <span id="spSealID" style="font-family:simsun">SealID</span>
+      </p>
+      <p style="text-align:left">
+        <span><b><u>印章名称</u>：</b></span>
+        <span id="spSealName" style="font-family:simsun">SealName</span>
+      </p>
+      <p style="text-align:left">
+        <span><b><u>印章类型</u>：</b></span>
+        <span id="spSealType" style="font-family:simsun">SealType</span>
+      </p>
+      <p style="text-align:left">
+        <span><b><u>有效时间</u>：</b></span>
+        <span id="spSealAuthTime" style="font-family:simsun">从NotBefore到NotAfter</span>
+      </p>
+      <p style="text-align:left">
+        <span><b><u>制章日期</u>：</b></span>
+        <span id="spSealMakeTime" style="font-family:simsun">MakeTime</span>
+      </p>
+      <p style="text-align:left">
+        <span><b><u>印章版本</u>：</b></span>
+        <span id="spSealVersion" style="font-family:simsun">Version</span>
+      </p>
+
+      <input type="button" name="" id="" value="关闭" @click="closeSealInfoDialog()" />
+    </div>
   </div>
+  
 </template>
 
 <script>
@@ -63,6 +120,9 @@ export default {
   },
 
   methods: {
+    closeSealInfoDialog(){
+      this.$refs.sealInfoDiv.hidden = true;
+    },
     demo(value) {
       let ofdFile = null;
       switch (value) {