trqVue/public/CloudSign/viewer.html
2025-03-09 19:40:08 +08:00

1345 lines
64 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<!--
Copyright 2012 Mozilla Foundation
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Adobe CMap resources are covered by their own copyright but the same license:
Copyright 1990-2015 Adobe Systems Incorporated.
See https://github.com/adobe-type-tools/cmap-resources
-->
<html dir="ltr" mozdisallowselectionprint moznomarginboxes>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
<meta name="google" content="notranslate">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>金格云阅读</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="viewer-0d71342d1c.css">
<!-- This snippet is used in production (included from viewer.html) -->
<link rel="resource" type="application/l10n" href="locale/locale.properties">
<script src="pdf-2fded77233.viewer.js"></script>
</head>
<body tabindex="1" class="loadingInProgress">
<div id="outerContainer">
<div id="sidebarContainer" class="hidden">
<div id="toolbarSidebar">
<div class="splitToolbarButton toggled">
<button id="viewThumbnail" class="toolbarButton toggled" title="Show Thumbnails" data-l10n-id="thumbs">
<span data-l10n-id="thumbs_label">Thumbnails</span>
</button>
<button id="viewOutline" class="toolbarButton"
title="Show Document Outline (double-click to expand/collapse all items)" data-l10n-id="document_outline">
<span data-l10n-id="document_outline_label">Document Outline</span>
</button>
<button id="viewAttachments" class="toolbarButton" title="Show Attachments" data-l10n-id="attachments">
<span data-l10n-id="attachments_label">Attachments</span>
</button>
<button id="viewKgAnnotations" class="toolbarButton" title="show Annotations" data-l10n-id="annotations">
<span data-l10n-id="annotations_label">Annotations</span>
</button>
</div>
</div>
<div id="sidebarContent">
<div id="thumbnailView"></div>
<div id="outlineView" class="hidden"></div>
<div id="attachmentsView" class="hidden"></div>
<div id="kgAnnotationsView" class="hidden"></div>
</div>
</div> <!-- sidebarContainer -->
<div id="mainContainer">
<div class="findbar hidden doorHanger" id="findbar">
<div id="findbarInputContainer">
<div id="kg_findIcon" class="kg_icon"></div>
<input id="findInput" class="toolbarField" title="Find" placeholder="Find in document…" tabindex="91"
data-l10n-id="find_input" autocomplete="off">
<div class="splitToolbarButton">
<button id="findPrevious" class="toolbarButton findPrevious"
title="Find the previous occurrence of the phrase" tabindex="92" data-l10n-id="find_previous">
<span data-l10n-id="find_previous_label">Previous</span>
</button>
<button id="findNext" class="toolbarButton findNext" title="Find the next occurrence of the phrase"
tabindex="93" data-l10n-id="find_next">
<span data-l10n-id="find_next_label">Next</span>
</button>
</div>
<span id="findResultsCount" class="toolbarLabel hidden"></span>
</div>
<div id="findbarMessageContainer">
<span id="findMsg" class="toolbarLabel"></span>
</div>
<div id="findbarOptionsContainer">
<div class="kg_checkbox_wrapper">
<input type="checkbox" id="findHighlightAll" class="toolbarField" tabindex="94">
<label for="findHighlightAll" class="toolbarLabel" data-l10n-id="find_highlight">Highlight
all</label>
</div>
<div class="kg_checkbox_wrapper">
<input type="checkbox" id="findMatchCase" class="toolbarField" tabindex="95">
<label for="findMatchCase" class="toolbarLabel" data-l10n-id="find_match_case_label">Match
case</label>
</div>
</div>
</div> <!-- findbar -->
<div id="secondaryToolbar" class="secondaryToolbar hidden doorHangerRight">
<div id="secondaryToolbarButtonContainer">
<div id="secondaryToolbarWrapper">
<!-- 电子签章 -->
<button id="secondaryStamp" hidden class="secondaryToolbarButton" title="Stamp" data-l10n-id="stamp">
<span data-l10n-id="stamp_label">Stamp</span>
</button>
<!-- 文字批注 -->
<button id="secondaryKG_Annotation" hidden class="secondaryToolbarButton" title="Annotation"
data-l10n-id="annotation">
<span data-l10n-id="annotation_label" class='icon-annotation'>Annotation</span>
</button>
<!-- 预盖章 -->
<button id="secondaryKG_PrepareStamp" hidden class="secondaryToolbarButton" title="PrepareStamp"
data-l10n-id="prepareStamp">
<span data-l10n-id="prepareStamp_label">PrepareStamp</span>
</button>
<!-- 暗章 -->
<button id="secondaryKG_SecretSeal" hidden class="secondaryToolbarButton" title="SecretSeal"
data-l10n-id="secretSeal">
<span data-l10n-id="secretSeal_label">SecretSeal</span>
</button>
<!-- 批示章 -->
<button id="secondaryKG_IndicateSeal" hidden class="secondaryToolbarButton" title="KG_IndicateSeal"
data-l10n-id="indicateSeal">
<span data-l10n-id="indicateSeal_label">IndicateSeal</span>
</button>
<!-- 手写签名 -->
<button id="secondaryKgSignature" hidden class="secondaryToolbarButton" title="Signature"
data-l10n-id="signature">
<span data-l10n-id="signature_label">Signature</span>
</button>
<!-- 全文签批 -->
<button id="secondaryKgDocSign" hidden class="secondaryToolbarButton" title="DocSign"
data-l10n-id="docSign">
<span data-l10n-id="docSign_label">DocSign</span>
</button>
<!-- 掩膜 -->
<button id="secondaryKgStampMask" hidden class="secondaryToolbarButton" title="StampMask"
data-l10n-id="stampMask">
<span data-l10n-id="stampMask_label">StampMask</span>
</button>
<!-- 下载文档 -->
<button id="secondaryKG_Download" hidden class="secondaryToolbarButton" title="Download"
data-l10n-id="download">
<span data-l10n-id="download_label">Download</span>
</button>
<!-- iWebAuth 扫码签 -->
<button id="secondaryKG_iWebAuthScan" hidden class="secondaryToolbarButton" title="iWebAuthScan"
data-l10n-id="iWebAuthScan">
<span data-l10n-id="iWebAuthScan_label">Scan</span>
</button>
<!-- iWebAuth 密钥签 -->
<button id="secondaryKG_iWebAuthUkey" hidden class="secondaryToolbarButton" title="iWebAuthUkey"
data-l10n-id="iWebAuthUkey">
<span data-l10n-id="iWebAuthUkey_label">Ukey</span>
</button>
<!-- uKey盖章 -->
<button id="secondaryKG_Ukey" hidden class="secondaryToolbarButton" title="Ukey" data-l10n-id="Ukey">
<span data-l10n-id="Ukey_label">uKey盖章</span>
</button>
<!-- 扫码签 - 企业签章 -->
<button id="secondaryKgScan" hidden class="secondaryToolbarButton" title="CompanySeal"
data-l10n-id="companySeal">
<span data-l10n-id="companySeal_label">CompanySeal</span>
</button>
<!-- 福建瑞术 - 扫码签章 -->
<button id="secondaryKgScanFjrs" hidden class="secondaryToolbarButton" title="CompanySeal"
data-l10n-id="companySeal">
<span data-l10n-id="companySeal_label">CompanySeal</span>
</button>
<!-- 扫码签 - 单页签章 -->
<button id="secondarykgScan_singlePageSeal" hidden class="secondaryToolbarButton"
title="CompanySinglePageSeal" data-l10n-id="companySinglePageSeal">
<span data-l10n-id="companySinglePageSeal_label">companySinglePageSeal</span>
</button>
<!-- 扫码签 - 多页签章 -->
<button id="secondarykgScan_continuity" hidden class="secondaryToolbarButton"
title="CompanySignContinuity" data-l10n-id="companySignContinuity">
<span data-l10n-id="companySignContinuity_label">companySignContinuity</span>
</button>
<!-- 扫码签 - 骑缝签章 -->
<button id="secondarykgScan_pagingSeal" hidden class="secondaryToolbarButton"
title="CompanySignPagingSeal" data-l10n-id="companySignPagingSeal">
<span data-l10n-id="companySignPagingSeal_label">companySignPaging</span>
</button>
<!-- 扫码签 - 个人签名 -->
<button id="secondaryKG_PersonSign" hidden class="secondaryToolbarButton" title="PersonSign"
data-l10n-id="personSign">
<span data-l10n-id="personSign_label">PersonSign</span>
</button>
<!-- 扫码签V2 - 法人签章 -->
<button id="secondary_KG_V2_Organize" hidden class="secondaryToolbarButton" data-type="organize"
title="Organize" data-l10n-id="organize">
<span data-l10n-id="organize_label">CompanySeal</span>
</button>
<!-- 扫码签V2 - 个人签名 -->
<button id="secondary_KG_V2_Person" hidden class="secondaryToolbarButton" data-type="person"
title="person" data-l10n-id="person">
<span data-l10n-id="person_label">PersonSign</span>
</button>
<!-- 指纹签章 -->
<button id="secondary_KG_Finger_Print" hidden class="secondaryToolbarButton" title="fingerPrint"
data-l10n-id="fingerPrint">
<span data-l10n-id="fingerPrint_label">FingerPrint</span>
</button>
<!-- 打开本地文件 -->
<button id="secondaryKG_OpenLocalFile" hidden class="secondaryToolbarButton" title="OpenLocalFile"
data-l10n-id="openLocalFile">
<span data-l10n-id="openLocalFile_label">OpenLocalFile</span>
</button>
<!-- 转文章 -->
<button id="secondaryTextToSeal" hidden class="secondaryToolbarButton" title="Text To Seal"
data-l10n-id="textToSeal">
<span data-l10n-id="textToSeal_label">Text To Seal</span>
</button>
<!-- 导出批注 -->
<button id="secondaryExportAnnotations" hidden class="secondaryToolbarButton" title="Export Annotations"
data-l10n-id="exportAnnotations">
<span data-l10n-id="exportAnnotations_label">Export Annotations</span>
</button>
<!-- 保存文档 -->
<button id="secondaryDocSave" hidden class="secondaryToolbarButton" title="Save" data-l10n-id="save">
<span data-l10n-id="save_label">Save</span>
</button>
<!-- 另存为 -->
<button id="secondaryDocSaveAs" hidden class="secondaryToolbarButton" title="Save As"
data-l10n-id="saveAs">
<span data-l10n-id="saveAs_label">Save As</span>
</button>
<!-- 添加水印 -->
<button id="secondaryKG_WatermarkToolbarBtn" hidden class="secondaryToolbarButton" title="Watermark"
data-l10n-id="watermark">
<span data-l10n-id="watermark_label">watermark</span>
</button>
<!-- <button id="secondaryPresentationMode" class="secondaryToolbarButton presentationMode visibleLargeView"
title="Switch to Presentation Mode" tabindex="51" data-l10n-id="presentation_mode">
<span data-l10n-id="presentation_mode_label">Presentation Mode</span>
</button> -->
<!-- <button id="secondaryOpenFile" class="secondaryToolbarButton openFile visibleLargeView"
title="Open File" tabindex="52" data-l10n-id="open_file">
<span data-l10n-id="open_file_label">Open</span>
</button> -->
<!-- 打印 -->
<button id="secondaryPrint" class="secondaryToolbarButton print" title="Print" data-l10n-id="print"
hidden>
<span data-l10n-id="print_label">Print</span>
</button>
<!-- <button id="secondaryDownload" class="secondaryToolbarButton download visibleMediumView" title="Download"
tabindex="54" data-l10n-id="download">
<span data-l10n-id="download_label">Download</span>
</button> -->
<!-- <a href="#" id="secondaryViewBookmark" class="secondaryToolbarButton bookmark visibleSmallView"
title="Current view (copy or open in new window)" tabindex="55" data-l10n-id="bookmark">
<span data-l10n-id="bookmark_label">Current View</span>
</a> -->
</div>
<div class="horizontalToolbarSeparator"></div>
<button id="firstPage" class="secondaryToolbarButton firstPage" title="Go to First Page" tabindex="56"
data-l10n-id="first_page">
<span data-l10n-id="first_page_label">Go to First Page</span>
</button>
<button id="lastPage" class="secondaryToolbarButton lastPage" title="Go to Last Page" tabindex="57"
data-l10n-id="last_page">
<span data-l10n-id="last_page_label">Go to Last Page</span>
</button>
<div class="horizontalToolbarSeparator" id="pageRotatePeparator"></div>
<button id="pageRotateCw" class="secondaryToolbarButton rotateCw" title="Rotate Clockwise" tabindex="58"
data-l10n-id="page_rotate_cw">
<span data-l10n-id="page_rotate_cw_label">Rotate Clockwise</span>
</button>
<button id="pageRotateCcw" class="secondaryToolbarButton rotateCcw" title="Rotate Counterclockwise"
tabindex="59" data-l10n-id="page_rotate_ccw">
<span data-l10n-id="page_rotate_ccw_label">Rotate Counterclockwise</span>
</button>
<div class="horizontalToolbarSeparator hiddenMediumView"></div>
<button id="cursorSelectTool" class="secondaryToolbarButton selectTool toggled hiddenMediumView"
title="Enable Text Selection Tool" tabindex="60" data-l10n-id="cursor_text_select_tool">
<span data-l10n-id="cursor_text_select_tool_label">Text Selection Tool</span>
</button>
<button id="cursorHandTool" class="secondaryToolbarButton handTool hiddenMediumView"
title="Enable Hand Tool" tabindex="61" data-l10n-id="cursor_hand_tool">
<span data-l10n-id="cursor_hand_tool_label">Hand Tool</span>
</button>
<div class="horizontalToolbarSeparator"></div>
<button id="documentProperties" class="secondaryToolbarButton documentProperties"
title="Document Properties…" tabindex="62" data-l10n-id="document_properties">
<span data-l10n-id="document_properties_label">Document Properties…</span>
</button>
<button id="KG_ProductInfo" class="secondaryToolbarButton" data-l10n-id="product_info" title="Product Info">
<span data-l10n-id="product_info_label">Product Info</span>
</button>
</div>
<div class="kg_copyright">
<!-- <div class="kg_copyright_item">
<span class="kg_copyright_label">授权状态</span><span class="kg_copyright_status kg_copyright_status_success">已授权</span>
</div> -->
<div class="kg_copyright_item">
<span class="kg_copyright_label" data-l10n-id="copyright_company_label">授权单位</span><span
class="kg_copyright_company"></span>
</div>
<div class="kg_copyright_item">
<span class="kg_copyright_label" data-l10n-id="copyright_company_time">过期时间</span><span
class="kg_copyright_time"></span>
</div>
</div>
</div> <!-- secondaryToolbar -->
<div class="toolbar">
<div id="toolbarContainer">
<div id="toolbarViewer">
<div id="toolbarViewerLeft">
<button id="sidebarToggle" class="toolbarButton" title="Toggle Sidebar" tabindex="11"
data-l10n-id="toggle_sidebar">
<span data-l10n-id="toggle_sidebar_label">Toggle Sidebar</span>
</button>
</div>
<div id="toolbarViewerRight">
<div id="toolbarWrapper">
<!-- 电子签章 -->
<button id="stamp" hidden class="toolbarButton kg_disabled" title="Stamp" disabled
data-l10n-id="stamp">
<span data-l10n-id="stamp_label">Stamp</span>
</button>
<!-- 掩膜 添加遮盖 -->
<button id="KG_StampMask" hidden class="toolbarButton kg_disabled" title="Add Stamp Mask" disabled
data-l10n-id="stampMask">
<img src="./images/stamp-mask.png" /><span data-l10n-id="stampMask_label">Add Stamp
Mask</span>
</button>
<!-- 文字批注 -->
<button id="KG_Annotation" hidden class="toolbarButton" title="Annotation" data-l10n-id="annotation">
<span data-l10n-id="annotation_label">Annotation</span>
</button>
<!-- 预盖章 -->
<button id="KG_PrepareStamp" hidden class="toolbarButton" title="PrepareStamp"
data-l10n-id="prepareStamp">
<span data-l10n-id="prepareStamp_label">PrepareStamp</span>
</button>
<!-- 暗章 -->
<button id="KG_SecretSeal" hidden class="toolbarButton" title="SecretSeal" data-l10n-id="secretSeal">
<span data-l10n-id="secretSeal_label">SecretSeal</span>
</button>
<!-- 批示章 -->
<button id="KG_IndicateSeal" hidden class="toolbarButton" title="IndicateSeal"
data-l10n-id="indicateSeal">
<span data-l10n-id="indicateSeal_label">IndicateSeal</span>
</button>
<!-- 手写签名 -->
<button id="kgSignature" hidden class="toolbarButton" title="Signature" data-l10n-id="signature">
<span data-l10n-id="signature_label">Signature</span>
</button>
<!-- 全文签批 -->
<button id="kgDocSign" hidden class="toolbarButton" title="DocSign" data-l10n-id="docSign">
<span data-l10n-id="docSign_label">DocSign</span>
</button>
<!-- 下载文档 -->
<button id="KG_Download" hidden class="toolbarButton" title="Download" data-l10n-id="download">
<span data-l10n-id="download_label">Download</span>
</button>
<!-- iWebAuth 扫码签 -->
<button id="KG_iWebAuthScan" hidden class="toolbarButton kg_disabled" title="iWebAuthScan"
data-l10n-id="iWebAuthScan">
<span data-l10n-id="iWebAuthScan_label">Scan</span>
</button>
<!-- iWebAuth ukey签 -->
<button id="KG_iWebAuthUkey" hidden class="toolbarButton kg_disabled" title="iWebAuthUkey"
data-l10n-id="iWebAuthUkey">
<span data-l10n-id="iWebAuthUkey_label">Ukey</span>
</button>
<!-- uKey盖章 -->
<button id="KG_Ukey" hidden class="toolbarButton kg_disabled" title="Ukey" data-l10n-id="Ukey">
<span data-l10n-id="Ukey_label">uKey盖章</span>
</button>
<!-- 扫码签 - 企业签章 -->
<button id="kgScan" hidden class="toolbarButton" title="CompanySeal" data-l10n-id="companySeal">
<span data-l10n-id="companySeal_label">CompanySeal</span>
</button>
<!-- 福建瑞术 - 扫码签 -->
<button id="kgScanFjrs" hidden class="toolbarButton" title="CompanySeal" data-l10n-id="companySeal">
<span data-l10n-id="companySeal_label">CompanySeal</span>
</button>
<!-- 扫码签 - 多页签章 -->
<button id="kgScan_continuity" hidden class="toolbarButton" title="CompanySignContinuity"
data-l10n-id="companySignContinuity">
<span data-l10n-id="companySignContinuity_label">companySignContinuity</span>
</button>
<!-- 扫码签 - 骑缝签章 -->
<button id="kgScan_pagingSeal" hidden class="toolbarButton" title="CompanySignPagingSeal"
data-l10n-id="companySignPagingSeal">
<span data-l10n-id="companySignPagingSeal_label">companySignPaging</span>
</button>
<!-- 扫码签 - 单页签章 -->
<button id="kgScan_singlePageSeal" hidden class="toolbarButton" title="CompanySinglePageSeal"
data-l10n-id="companySinglePageSeal">
<span data-l10n-id="companySinglePageSeal_label">companySinglePageSeal</span>
</button>
<!-- 扫码签 - 个人签名 -->
<button id="KG_PersonSign" hidden class="toolbarButton" title="PersonSign" data-l10n-id="personSign">
<span data-l10n-id="personSign_label">PersonSign</span>
</button>
<!-- 扫码签V2 - 法人签章 -->
<button id="KG_V2_Organize" hidden class="toolbarButton" data-type="organize" title="Organize"
data-l10n-id="organize">
<span data-l10n-id="organize_label">OrganizeSeal</span>
</button>
<!-- 扫码签V2 - 个人签名 -->
<button id="KG_V2_Person" hidden class="toolbarButton" data-type="person" title="person"
data-l10n-id="person">
<span data-l10n-id="person_label">PersonSign</span>
</button>
<!-- 指纹签章 -->
<button id="KG_Finger_Print" hidden class="toolbarButton kg_disabled" title="fingerPrint"
data-l10n-id="fingerPrint">
<span data-l10n-id="fingerPrint_label">FingerPrint</span>
</button>
<!-- 打开本地文件 -->
<button id="KG_OpenLocalFile" hidden class="toolbarButton" title="OpenLocalFile"
data-l10n-id="openLocalFile">
<span data-l10n-id="openLocalFile_label">OpenLocalFile</span>
</button>
<!-- 转文章 -->
<button id="textToSeal" hidden class="toolbarButton" title="TextToSeal" data-l10n-id="textToSeal">
<span data-l10n-id="textToSeal_label">TextToSeal</span>
</button>
<!-- 导出批注 -->
<button id="exportAnnotations" hidden class="toolbarButton" title="Export Annotations"
data-l10n-id="exportAnnotations">
<span data-l10n-id="exportAnnotations_label">Export Annotations</span>
</button>
<!-- 保存文档 -->
<button id="docSave" hidden class="toolbarButton" title="Save" data-l10n-id="save">
<span data-l10n-id="save_label">Save</span>
</button>
<!-- 另存为 -->
<button id="docSaveAs" hidden class="toolbarButton" title="Save As" data-l10n-id="saveAs">
<span data-l10n-id="saveAs_label">Save As</span>
</button>
<!-- 添加水印 -->
<button id="KG_WatermarkToolbarBtn" hidden class="toolbarButton" title="Watermark"
data-l10n-id="watermark">
<span data-l10n-id="watermark_label">Watermark</span>
</button>
<!-- <button id="presentationMode" style="display:none" class="toolbarButton presentationMode hiddenLargeView"
title="Switch to Presentation Mode" tabindex="31" data-l10n-id="presentation_mode">
<span data-l10n-id="presentation_mode_label">Presentation Mode</span>
</button> -->
<!-- <button id="openFile" style="display:none" class="toolbarButton openFile hiddenLargeView"
title="Open File" tabindex="32" data-l10n-id="open_file">
<span data-l10n-id="open_file_label">Open</span>
</button> -->
<!-- 打印 -->
<button id="print" class="toolbarButton print" title="Print" data-l10n-id="print" hidden>
<span data-l10n-id="print_label">Print</span>
</button>
<!-- <button id="download" style="display:none" class="toolbarButton download hiddenMediumView"
title="Download" tabindex="34" data-l10n-id="download">
<span data-l10n-id="download_label">Download</span>
</button> -->
<!-- <a href="#" id="viewBookmark" class="toolbarButton bookmark hiddenSmallView" title="Current view (copy or open in new window)" tabindex="35" data-l10n-id="bookmark">
<span data-l10n-id="bookmark_label">Current View</span>
</a> -->
<button id="viewFind" class="toolbarButton kg_disabled" title="Find in Document" disabled
tabindex="12" data-l10n-id="findbar">
<span data-l10n-id="findbar_label">Find</span>
</button>
</div>
<button id="secondaryToolbarToggle" class="toolbarButton kg_disabled" title="Tools" disabled
tabindex="36" data-l10n-id="tools">
<span data-l10n-id="tools_label">Tools</span>
</button>
</div>
<div id="toolbarViewerMiddle">
<div class="splitToolbarButton">
<button class="toolbarButton pageUp hiddenSmallView" title="Previous Page" id="previous" tabindex="13"
data-l10n-id="previous">
<span data-l10n-id="previous_label">Previous</span>
</button>
<div class="hiddenLargeView" style="margin-top: 11px;float: left;">
<input type="number" id="pageNumber" class="toolbarField pageNumber" title="Page" value="1" size="4"
min="1" tabindex="15" data-l10n-id="page">
<span id="numPages" class="toolbarLabel"></span>
</div>
<button class="toolbarButton pageDown hiddenSmallView" title="Next Page" id="next" tabindex="14"
data-l10n-id="next">
<span data-l10n-id="next_label">Next</span>
</button>
<div class="splitToolbarButtonSeparator hiddenSmallView"></div>
<button id="zoomOut" class="toolbarButton zoomOut" title="Zoom Out" tabindex="21"
data-l10n-id="zoom_out">
<span data-l10n-id="zoom_out_label">Zoom Out</span>
</button>
<div class="splitToolbarButtonSeparator visibleSmallView"></div>
<span id="scaleSelectContainer" class="dropdownToolbarButton hiddenLargeView">
<select id="scaleSelect" title="Zoom" tabindex="23" data-l10n-id="zoom">
<option id="pageAutoOption" title="" value="auto" selected="selected"
data-l10n-id="page_scale_auto">Automatic Zoom</option>
<option id="pageActualOption" title="" value="page-actual" data-l10n-id="page_scale_actual">Actual
Size</option>
<option id="pageFitOption" title="" value="page-fit" data-l10n-id="page_scale_fit">
Page Fit</option>
<option id="pageWidthOption" title="" value="page-width" data-l10n-id="page_scale_width">Page
Width</option>
<option id="customScaleOption" title="" value="custom" disabled="disabled" hidden="true"></option>
<option title="" value="0.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 50 }'>
50%</option>
<option title="" value="0.75" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 75 }'>
75%</option>
<option title="" value="1" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 100 }'>
100%</option>
<option title="" value="1.25" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 125 }'>
125%</option>
<option title="" value="1.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 150 }'>
150%</option>
<option title="" value="2" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 200 }'>
200%</option>
<option title="" value="3" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 300 }'>
300%</option>
<option title="" value="4" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 400 }'>
400%</option>
</select>
</span>
<button id="zoomIn" class="toolbarButton zoomIn" title="Zoom In" tabindex="22" data-l10n-id="zoom_in">
<span data-l10n-id="zoom_in_label">Zoom In</span>
</button>
<button class="toolbarButton pageRotateCw" title="顺时针旋转" ></button>
<button class="toolbarButton pageRotateCcw" title="逆时针旋转" hidden></button>
</div>
</div>
<div id="toolbarIWebAuth" hidden>
<span id='iWebAuth_Provider'></span>
<span id='iWebAuth_Toggle'>切换</span>
</div>
</div>
<div id="loadingBar">
<div class="progress">
<div class="glimmer">
</div>
</div>
</div>
</div>
</div>
<menu type="context" id="viewerContextMenu">
<menuitem id="contextFirstPage" label="First Page" data-l10n-id="first_page">
</menuitem>
<menuitem id="contextLastPage" label="Last Page" data-l10n-id="last_page">
</menuitem>
<menuitem id="contextPageRotateCw" label="Rotate Clockwise" data-l10n-id="page_rotate_cw">
</menuitem>
<menuitem id="contextPageRotateCcw" label="Rotate Counter-Clockwise" data-l10n-id="page_rotate_ccw">
</menuitem>
</menu>
<div id="viewerContainer" tabindex="0">
<svg id="svgCanvas"></svg>
<div id="viewer" class="pdfViewer"></div>
</div>
<div id="errorWrapper" hidden="true">
<div id="errorMessageLeft">
<span id="errorMessage"></span>
<button id="errorShowMore" data-l10n-id="error_more_info">
More Information
</button>
<button id="errorShowLess" data-l10n-id="error_less_info" hidden="true">
Less Information
</button>
</div>
<div id="errorMessageRight">
<button id="errorClose" data-l10n-id="error_close">
Close
</button>
</div>
<div class="clearBoth"></div>
<textarea id="errorMoreInfo" hidden="true" readonly="readonly"></textarea>
</div>
</div> <!-- mainContainer -->
<div id="overlayContainer" class="hidden">
<div id="passwordOverlay" class="container hidden">
<div class="dialog">
<div class="row">
<p id="passwordText" data-l10n-id="password_label">Enter the password to open this PDF file:</p>
</div>
<form class="row">
<input type="password" id="password" class="toolbarField" autocomplete="false">
</form>
<div class="buttonRow">
<button id="passwordCancel" class="overlayButton"><span
data-l10n-id="password_cancel">Cancel</span></button>
<button id="passwordSubmit" class="overlayButton"><span data-l10n-id="password_ok">OK</span></button>
</div>
</div>
</div>
<div id="documentPropertiesOverlay" class="container hidden">
<div class="kg_dialog_header">
<div class="kg_dialog_title">文档属性</div>
<button id="documentPropertiesClose" class="kg_dialog_close">×</button>
</div>
<div class="dialog">
<div class="row">
<span data-l10n-id="document_properties_file_name">File name:</span>
<p id="fileNameField">-</p>
</div>
<div class="row">
<span data-l10n-id="document_properties_file_size">File size:</span>
<p id="fileSizeField">-</p>
</div>
<div class="row">
<span data-l10n-id="document_properties_file_type">文档类型:</span>
<p id="fileType">-</p>
</div>
<div class="separator"></div>
<div class="row">
<span data-l10n-id="document_properties_title">Title:</span>
<p id="titleField">-</p>
</div>
<div class="row">
<span data-l10n-id="document_properties_author">Author:</span>
<p id="authorField">-</p>
</div>
<div class="row">
<span data-l10n-id="document_properties_subject">Subject:</span>
<p id="subjectField">-</p>
</div>
<div class="row">
<span data-l10n-id="document_properties_keywords">Keywords:</span>
<p id="keywordsField">-</p>
</div>
<div class="row">
<span data-l10n-id="document_properties_creation_date">Creation Date:</span>
<p id="creationDateField">-</p>
</div>
<div class="row">
<span data-l10n-id="document_properties_modification_date">Modification Date:</span>
<p id="modificationDateField">-</p>
</div>
<div class="row">
<span data-l10n-id="document_properties_creator">Creator:</span>
<p id="creatorField">-</p>
</div>
<div class="separator"></div>
<div class="row" hidden>
<span data-l10n-id="document_properties_producer">PDF Producer:</span>
<p id="producerField">-</p>
</div>
<div class="row" hidden>
<span data-l10n-id="document_properties_version">PDF Version:</span>
<p id="versionField">-</p>
</div>
<div class="row">
<span data-l10n-id="document_properties_page_count">Page Count:</span>
<p id="pageCountField">-</p>
</div>
</div>
</div>
<!--#if !(FIREFOX || MOZCENTRAL)-->
<div id="printServiceOverlay" class="container hidden">
<div class="dialog" style="width: 240px; padding: 16px 24px;">
<div class="row">
<span data-l10n-id="print_progress_message">Preparing document for printing…</span>
</div>
<div class="row">
<progress value="0" max="100"></progress>
<span data-l10n-id="print_progress_percent" data-l10n-args='{ "progress": 0 }'
class="relative-progress">0%</span>
</div>
<div class="buttonRow">
<button id="printCancel" class="btn"><span data-l10n-id="print_progress_close">Cancel</span>
</button>
</div>
</div>
</div>
<!--#endif-->
<div id="kgpasswordOverlay" class="container hidden">
<div class="kg_dialog_header">
<div class="kg_dialog_title" data-l10n-id="password_title">请输入密码</div>
<button class="kg_dialog_close">×</button>
</div>
<div class="dialog">
<form style="text-align:left;">
<label for="kgpassword" data-l10n-id="password">密码:</label>
<input type="password" id="kgpassword" autocomplete="new-password" class="kgInput">
<span class="kg_tip_msg" id="kg_tip_msg">提示信息</span>
<span class="kg_error_msg" data-l10n-id="password_empty">密码不能为空</span>
</form>
<div>
<span style="color: red;">提示:一个动态密码只能盖一个章或者一个签名。后续盖章请等待动态密码刷新。</span>
</div>
<div class="kg_checkbox_wrapper hidden">
<input type="checkbox" id="rememberPwd">
<!-- <span style="line-height:16px;font-size:14px;position:absolute;text-indent:5px"
data-l10n-id="password_remember">记住密码,七天内不再显示</span> -->
</div>
<div style="margin-top: 18px;text-align: center;">
<button id="kgpasswordCancel" class="btn" data-l10n-id="password_cancel">取 消</button>
<button id="kgpasswordSubmit" class="btn btn-primary" style="margin-left: 15px;"
data-l10n-id="password_ok">确 定</button>
</div>
</div>
</div>
<div id="selectSealOverlay" class="container hidden">
<div class="kg_dialog_header">
<div class="kg_dialog_title" data-l10n-id="selectSeal_title">选择印章</div>
<button class="kg_dialog_close">×</button>
</div>
<div class="dialog">
<div id="kg_seals_wrapper" hidden="true" style="background-color:white;text-align:center;">
<div style="display:inline-block;">
<div id="kg-seal-left" class="kg_icon"></div>
</div>
<div style="display:inline-block;">
<div
style="display:table-cell;vertical-align:middle;text-align:center;width:180px;height:180px;border: 1px solid #e5e5e5;">
<img id="sealImg" alt="0" src="" style="max-width:150px;max-height:150px" />
</div>
</div>
<div style="display:inline-block;">
<div id="kg-seal-right" class="kg_icon"></div>
</div>
<div style="margin: 8px 0;">
<label id="kg-seal-idx" style="margin-right: 4px;"></label>/<label id="kg-seal-totalNumb"
style="margin-left: 4px;"></label>
</div>
</div>
<div id="kg_no_seals_wrapper" hidden="true">暂无可用印章</div>
<div class="KG_Form_Item" id="kg_companySelectContainer" style="display: none;">
<label class="KG_Form_Label">企业名称:</label>
<select class="kgInput" id="kg_companySelect"></select>
</div>
<div class="kg_checkbox_wrapper" style="height: 30px; position: relative; margin-left: 20px;"
id="continuity-stamp-wrapper">
<div class="KG_StampContinuity_Tip doorHanger">
<span class="KG_StampContinuity_Tip_Text">
勾选该选项,盖章功能为“点击一次盖章,文档所有页相同位置自动加盖当前选择的印章”
</span>
</div>
<input type="checkbox" id="continuity-stamp">
<div style="line-height:30px;font-size:14px;float:left;margin: 0 6px;" data-l10n-id="continuity_stamp"
id="KG_StampContinuity">
一次定位连续多页签章
</div>
<div style="float:left;">
<input type="text" id="continuity-range" class="kgInput"
style="width: 60px;height: 28px;line-height: 28px;">
</div>
</div>
<div class="kg_checkbox_wrapper" style="height: 30px; position: relative; margin-left: 20px;display: none;"
id="addition-text-wrapper">
<input type="checkbox" id="addition-text">
<div style="line-height:30px;font-size:14px;float:left;margin: 0 6px;" data-l10n-id="addition_text">
附加文字
</div>
<div style="float:left;">
<button type="button" id="show-addition-config" class="btn btn-text-primary"
style="display: none;margin-top: 3px;height: 24px;width: 48px;padding: 0;"
data-l10n-id="config">设置</button>
</div>
</div>
<div class="kg_checkbox_wrapper" style="height: 30px; position: relative; margin-left: 20px;display: none;"
id="paging-seal-wrapper">
<input type="checkbox" id="paging-seal">
<div style="line-height:30px;font-size:14px;float:left;margin: 0 6px;" data-l10n-id="paging_seal">
骑缝章
</div>
<div style="float:left;">
<button type="button" id="paging-seal-config" class="btn btn-text-primary"
style="display: none;margin-top: 3px;height: 24px;width: 48px;padding: 0;"
data-l10n-id="config">设置</button>
</div>
</div>
<div id='kg_exitSessionContainer' style="display: none;">
<button id="kg_exitSession" class="btn" style='width:auto' data-l10n-id="exit_session">退出会话模式</button>
</div>
<div style="margin-top:15px;text-align:center;">
<button id="selectSealCancel" class="btn" data-l10n-id="password_cancel">取 消</button>
<button id="selectSealSubmit" class="btn btn-primary" data-l10n-id="password_ok"
style="margin-left: 15px;">确 定</button>
</div>
</div>
</div>
<div id="kgTipOverlay" class="container hidden">
<div class="dialog">
<div id="kgTipMsg" class="kg_icon">
<span></span>
</div>
</div>
</div>
<div id="kgConfirmOverlay" class="kgcontainer hidden">
<div class="kgdialog">
<div class="kgtitle">提示</div>
<div class="kgcontent">
<p style="text-align:left;width:250px;font-size: 14px;line-height: 18px;">确认盖章吗?</p>
<div style="margin-top:10px;text-align: center;">
<button id="kgConfirmPromptCancel" class="btn">取消</button>
<button id="kgConfirmPromptOk" class="btn btn-primary">确定</button>
</div>
</div>
</div>
</div>
<div id="kgTextToSealOverlay" class="kgcontainer hidden">
<div class="kgdialog">
<div class="kgtitle" style="position:relative;"></div>
<div class="kgcontent" style="width: 600px;padding-top:5px;padding-bottom:0;position:relative;">
<div id="kgTextToSealTabs"
style="position:relative;height:26px;border-bottom:1px solid #999;margin-bottom:15px">
<span class="tab" style="border-top-left-radius:3px;border-bottom-color: #fff;">
<span id="showTextToSeal" class="selected" data-l10n-id="textToSeal_tab_textToSeal">转文章</span>
</span>
<span class="tab" style="margin-left:-1px;border-bottom-color: #fff;">
<span id="showIndicateSeal" data-l10n-id="textToSeal_tab_indicateSeal">批示章</span>
</span>
<span class="tab"
style="margin-left:-1px;border-top-right-radius: 3px;border-bottom-color: rgb(153, 153, 153);">
<span id="showInvariantSeal" data-l10n-id="textToSeal_tab_invariantSeal">固定章</span>
</span>
</div>
<!--转文章-->
<div id="textToSealContainer" style="display: block">
<label for="textToSealText" data-l10n-id="textToSeal_content">戳记内容:</label>
<input type="text" id="textToSealText" class="kgInput" style="margin: 0 10px 10px 0;" maxlength="10">
<label for="textToSealNum" data-l10n-id="textToSeal_number">批示序号:</label>
<input type="text" id="textToSealNum" class="kgInput" style="margin: 0 0 10px 0;" maxlength="8">
<label for="textToSealDate" data-l10n-id="textToSeal_date">批示日期:</label>
<input type="text" id="textToSealDate" class="kgInput" style="margin: 0 10px 0 0;">
<label for="textToSealColor" data-l10n-id="textToSeal_color">印章颜色:</label>
<input type="text" id="textToSealColor" class="kgInput jscolor" style="margin: 0" value="2c2cff">
<div id="textToSealCanvasContainer">
<canvas width="340" height="204" id="textToSealCanvas"></canvas>
</div>
</div>
<!--批示章-->
<div id="indicateSealContainer" style="display: none">
<label for="indicateSealText" data-l10n-id="textToSeal_content">戳记内容:</label>
<input type="text" id="indicateSealText" class="kgInput" style="margin: 0 10px 10px 0;" maxlength="3">
<label for="indicateSealNum" data-l10n-id="textToSeal_number">批示序号:</label>
<input type="text" id="indicateSealNum" class="kgInput" style="margin: 0 0 10px 0;" maxlength="6">
<label for="indicateSealDate" data-l10n-id="textToSeal_date">批示日期:</label>
<input type="text" id="indicateSealDate" class="kgInput" style="margin: 0 10px 0 0;">
<label for="indicateSealColor" data-l10n-id="textToSeal_color">印章颜色:</label>
<input type="text" id="indicateSealColor" class="kgInput jscolor" style="margin: 0" value="2c2cff">
<div id="indicateSealCanvasContainer">
<canvas width="340" height="170" id="indicateSealCanvas"></canvas>
</div>
</div>
<!--固定章-->
<div id="invariantSealContainer" style="display: none">
<div id="invariantSealCanvasContainer">
<canvas width="210" height="132" id="invariantSealCanvas"></canvas>
</div>
</div>
<div style="margin: 50px 0 10px;text-align: center;">
<button id="kgTextToSealCancel" class="btn" data-l10n-id="password_cancel">取消</button>
<button id="kgTextToSealOk" class="btn btn-primary" data-l10n-id="password_ok">确定</button>
</div>
</div>
</div>
</div>
<!-- 产品信息 -->
<div id="KG_ProductInfoOverlay" class="container hidden">
<div class="kg_dialog_header">
<div class="kg_dialog_title" data-l10n-id="product_info_label">产品信息</div>
<button class="kg_dialog_close">×</button>
</div>
<div class="dialog">
<div class="row kg_productInfo_title">金格云阅读</div>
<div class="row kg_productInfo_version">V3.1.0.182</div>
<div class="separator"></div>
<div class="row kg_productInfo_unit">
<span data-l10n-id="product_info_unit">授权单位</span><p></p>
</div>
<div class="row kg_productInfo_time">
<span data-l10n-id="product_info_time">过期时间</span><p></p>
</div>
<div class="row kg_productInfo_copyright">
<span data-l10n-id="product_info_copyright">版权所有</span><p><a href="http://www.kinggrid.com/"
target="_blank">江西金格科技有限公司</a></p>
</div>
<div class="row kg_productInfo_warning">
<span data-l10n-id="product_info_warning">警告</span><p data-l10n-id="product_info_warning_info">
本计算机程序受著作权法和国际公约的保护,未经授权擅自复制或散布本程序的部分或全部,将承受严厉的民事和刑事处罚,对已知的违反者将给予法律范围内的全面制裁。</p>
</div>
</div>
</div>
</div>
<!--#if CHROME-->
<!--#include viewer-snippet-chrome-overlays.html-->
<!--#endif-->
<!-- overlayContainer -->
<!-- 印章附加文字 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_AdditionTextOverlay" class="container hidden"></div>
</div>
<!-- 验证码 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_CaptchaOverlay" class="container hidden"></div>
</div>
<!-- 骑缝章 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_PagingSealOverlay" class="container hidden"></div>
</div>
<!-- 添加水印 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_WatermarkOverlay" class="container hidden"></div>
</div>
<!-- 提示弹框 -->
<div class="KG_OverlayContainer hidden" style="z-index: 50000">
<div id="KG_AlertPromptOverlay" class="container hidden"></div>
</div>
<!-- 进度条弹框 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_ProgressPromptOverlay" class="container hidden"></div>
</div>
<!-- 区块链核验 -->
<div class="KG_OverlayContainer hidden" style="z-index: 45000">
<div id="KG_BlockChainPromptOverlay" class="container hidden"></div>
</div>
<!-- 区块链核验_V2 -->
<div class="KG_OverlayContainer hidden" style="z-index: 45000">
<div id="KG_BlockChain_V2_PromptOverlay" class="container hidden"></div>
</div>
<!-- 印章验证弹框 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_VerifySealPromptOverlay" class="container hidden"></div>
</div>
<!-- 二维码弹框 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_QrCodeOverlay" class="container hidden"></div>
</div>
<!-- 二维码弹框 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_V2_UnifyPlatformOverlay" class="container hidden">
<div class="kg_dialog_header">
<div class="kg_dialog_title" id="KG_V2_Iframe_Title">统一电子印章公共服务平台</div>
<button class="kg_dialog_close">×</button>
</div>
<div class="dialog">
<iframe id='KG_V2_Iframe' frameborder="0" src=""></iframe>
</div>
</div>
</div>
<!-- 福建瑞术 二维码弹框 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_FJRS_QrCodeOverlay" class="container hidden"></div>
</div>
<!-- 证书有效期验证弹框 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_CertValidityOverlay" class="container hidden"></div>
</div>
<!-- 批示章弹框 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_IndicateSealOverlay" class="container hidden">
<div class="kg_dialog_header">
<div class="kg_dialog_title" data-l10n-id="indicateSeal_label"></div>
<button class="kg_dialog_close">×</button>
</div>
<div class="dialog">
<form>
<label>领导姓名:</label>
<input type="text" class="kgInput" maxlength="3">
<label>批示序号:</label>
<input type="text" class="kgInput" maxlength="6">
<label>批示日期:</label>
<input type="text" class="kgInput">
<label>批示颜色:</label>
<input type="text" class="kgInput jscolor">
<div class="KG_IndicateSeal-canvas">
<canvas width="320" height="180"></canvas>
</div>
<div class="KG_Form_Footer">
<button type="button" class="btn" data-l10n-id="password_cancel"></button>
<button type="submit" class="btn btn-primary" data-l10n-id="password_ok"></button>
</div>
</form>
</div>
</div>
</div>
<!-- 手写板 -->
<div class="KG_OverlayContainer hidden">
<!-- <div class="KG_OverlayContainer"> -->
<div id="KG_SignaturePadOverlay" class="container hidden">
<!-- <div id="KG_SignaturePadOverlay" class="container"> -->
<div class="kg_dialog_header">
<div class="kg_dialog_title" data-l10n-id="signature_title">手写签名</div>
<button class="kg_dialog_close">×</button>
</div>
<div class="dialog"></div>
<!-- 手写签名 -->
<canvas id="kgSignatureCanvas">
Your browser does not support the HTML5 canvas tag.
</canvas>
<!-- 手写板操作按钮 -->
<div id="kgSignatureBoard">
<div id="sign-msg-apply" disabled></div>
<div id="sign-msg-cancel"></div>
<div id="sign-msg-thick" class="kg_icon"></div>
<div id="sign-msg-thick-tip" class="doorHanger" style="display: none;">
<span id="sign-msg-thick-text" data-l10n-id="signature_tip">拖拽改变笔画粗细</span>
<span id="sign-msg-thick-thin" data-l10n-id="signature_thin"></span>
<div id="sign-msg-thick-slide">
<div class="sign-msg-thick-dot"></div>
<div class="sign-msg-thick-dot"></div>
<div class="sign-msg-thick-dot"></div>
<div class="sign-msg-thick-dot"></div>
<div class="sign-msg-thick-dot"></div>
<div class="sign-msg-thick-dot"></div>
<div class="sign-msg-thick-dot"></div>
<div class="sign-msg-thick-dot"></div>
<div id="sign-msg-thick-drop">
<div id="sign-msg-thick-drop-tip"></div>
</div>
</div>
<span id="sign-msg-thick-crude" data-l10n-id="signature_crude"></span>
</div>
<div id="sign-msg-black" data-color="black" class="selected"></div>
<div id="sign-msg-blue" data-color="blue"></div>
<div id="sign-msg-red" data-color="red"></div>
<div id="sign-msg-clear" class="kg_icon"></div>
</div>
</div>
</div>
<!-- 文字批注 -->
<div class="KG_OverlayContainer hidden">
<div id="KG_AnnotationOverlay" class="container hidden">
<div class="kg_dialog_header">
<div class="kg_dialog_title" data-l10n-id="annotation_title">文本批注</div>
<button class="kg_dialog_close">×</button>
</div>
<!-- 文字批注面板 -->
<div id="kg-AnnotationBoard"></div>
<!-- 手写签批面板 -->
<canvas id="kg-AnnotationSignature">
Your browser does not support the HTML5 canvas tag.
</canvas>
<div class="kg_dialog_footer">
<div id="annotation-cancel"></div>
<div id="annotation-apply" disabled></div>
<div id="annotation-clear" class="kg_icon"></div>
</div>
</div>
</div>
</div>
<!-- 全文签批工具 -->
<div class="hidden">
<div id='KG_DocSignToolOverlay' class="container hidden"></div>
</div>
<!-- 盖章确认提示框 -->
<div id="KG_StampConfirmOverlay" class="hidden"></div>
<!-- 添加水印前的提示框 -->
<div id="KG_WatermarkConfirmOverlay" class="hidden"></div>
<!-- 全文签批确认提示框 -->
<div id="KG_DocSignConfirmOverlay" class="hidden"></div>
<!-- 文本域修改提示框 -->
<div id="KG_TextConfirmOverlay" class="hidden"></div>
<!-- 操作指引弹框 -->
<div id="KG_GuideTipOverlay" class="doorHanger" hidden>
<div class="KG_GuideTip_Title"></div>
<div class="KG_GuideTip_Content"></div>
<div class="KG_Clearfix">
<button class="btn btn-primary KG_GuideTip_Next" data-l10n-id="guideTip_next">下一步</button>
<button class="btn KG_GuideTip_Close" data-l10n-id="guideTip_close">关闭</button>
<a href="javascript:" class="KG_GuideTip_NeverShow" data-l10n-id="guideTip_neverShow">不再显示</a>
</div>
</div>
<!-- 掩膜底部操作栏 -->
<div id="stamp-mask-bottom-operation">
<button id="stamp-mask-cancel-btn" class="stamp-mask-bottom-btn">取消</button>
<button id="stamp-mask-ok-btn" class="stamp-mask-bottom-btn">确认</button>
</div>
</div> <!-- outerContainer -->
<div id="printContainer"></div>
<!-- 移动端 -->
<div id="stamp-mobile-tip">
<span>请点击你需要盖章的位置</span>
<div>
<img id="stamp-mobile-cancel" src="./images/x.png" alt="">
</div>
</div>
</body>
</html>
<script type="text/javascript">
location.hash = '#zoom=100';
var data = null;
// 判断是否为手机 by 闵
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
const isMobile = /android|avantgo|blackberry|iemobile|ipad|iphone|ipod|j2me|midp|mobile|opera mini|phone|palm|pocket|psp|symbian|up.browser|up.link|wap|windows ce|xda|xiino/i.test(userAgent);
console.log(isMobile)
//监听事件接收vue传过来的值
window.addEventListener('message', (e) => {
KGPdfViewerWebApp.disableRotate= false;
// console.log(KGPdfViewerWebApp.exportKGBookmarks())
data = e.data;
// 不能为127.0.0.1或者localhostIE9会拒绝访问
// 相对地址相对于viewer.html页面的相对地址
KGPdfViewerWebApp.setUrl(data.apiUrl + '/pdfviewer/pdf');
KGPdfViewerWebApp.pwdConfig = {
//defaultPwd: null, // 默认密码,使用默认密码时不弹出密码输入框,此优先级高于 password
disable: false, // 是否禁用密码验证不弹出密码框并且不验证密码服务端需配置不验证密码true
//disable:true,
//tips: "otp", // 提示文字
tipsColor: null, // 提示文字颜色
type: 1, // 密码类型由业务系统和签章服务器定义1:otp,2:不选择otp
}
/**
* 盖章时签章类型
* 电子签章OFD 文档只支持电子签章0
* 域签名: 1
* SM2域签名必须是国办或者国密印章 2
*/
KGPdfViewerWebApp.stampType = 0;
/**
* 集中式盖章时的印章类型
* PT普通印章OFD 文档不支持普通印章)
* GM国密印章
* GB国办印章
*/
KGPdfViewerWebApp.sealType = 'PT';
/**
* sealOrigin = 0 时才需要配置
* 用户标识、keySNCA0版或者手机版才需要用到
*/
KGPdfViewerWebApp.userId = data.userid;
/**
* PC端0
* 移动端1
* 默认值为0
*/
if(isMobile){
KGPdfViewerWebApp.mobile = 1;
}else{
KGPdfViewerWebApp.mobile = 0;
}
KGPdfViewerWebApp.readOnly = false;
//向vue父页面传值
KGPdfViewerWebApp.stampSuccess = function() {
getSealArray("successMessage"); //获取签章数据并传递给父组件
};
KGPdfViewerWebApp.deleteSealSuccess = function() {
getSealArray(); //获取签章数据并传递给父组件
};
/**
* 印章来源
* 签章服务器0
* 硬件密钥盘(客户端)1
**/
KGPdfViewerWebApp.sealOrigin = 0;
/**
* 证书来源
* 不做签名:-1电子签章
* 硬件密钥盘(客户端)1
* 签章服务器0
* 密码机等2
*/
KGPdfViewerWebApp.certOrigin = 0;
/**
* 是否开启文字批注
**/
// KGPdfViewerWebApp.annotation = true;
/**
* 打开文字批注面板
**/
// KGPdfViewerWebApp.openAnnotationPanel();
// /**
// * 文字批注配置
// **/
// KGPdfViewerWebApp.annotationConfig = {
// mode: 'text', // 文字批注模式
// height: 360, //批注面板高度
// width: 720, //批注面板宽度
// font: '宋体', //字体
// size: '24',//字体大小
// color: 'black',//颜色
// line: '5',//线宽
// // 文字批注成功回调函数
// // annotationSuccessfunction('userInput', extendSelect){
// // // userInput 文本批注内容
// // // extendSelect 扩展模选择信息
// // },
// // 扩展模块
// extend: {
// title: '审批意见',
// type: 'radio',//'select / checkbox',
// options:[
// { value: 'agree', text: '同意' , checked:true },
// { value: 'disagree', text: '不同意' },
// ]
// },
// callback: function(seal){ //文字批注盖章回调函数
// console.log("--------------------",seal)
// /**
// * 关键字定位盖章
// pages需要盖章的页面1-10
// text关键字
// *
// */
// var a = data.pages;
// var b = data.text;
// KGPdfViewerWebApp.stampOfText(a,b,seal);
// },
// };
/**
* 文档类型
* 仅支持 PDF、OFD
* @type {string}
*/
KGPdfViewerWebApp.fileType = 'PDF';
/**
* 文档IDdocumentId
* 后端盖章、删除、验证时需要通过documentId匹配文档
* @type {string}
*/
var documentId = data.filename;
KGPdfViewerWebApp.open(documentId);
getSealArray(); //获取签章数据并传递给父组件
});
function getSealArray(message='sealArray'){
//初始化签章页面后向vue父页面传值签章信息数据 by 闵
KGPdfViewerWebApp.getSealArray(KGPdfViewerWebApp.url).then(res=>{
console.log(res)
try {
if (typeof window.postMessage !== 'undefined') {
parent.postMessage({
type: message,
value: true,
data: res.data
}, '*');
}
} catch (err) {
console.log(err)
}
})
}
</script>