From 291421a8735fbc7a1a821ffabd8dcca08bfe3b7e Mon Sep 17 00:00:00 2001
From: buli <137736985@qq.com>
Date: 星期三, 15 三月 2023 10:44:25 +0800
Subject: [PATCH] Lightning Upgrade

---
 force-app/main/default/pages/eSignFormAttachment.page | 1847 +++++++++++++++++++++++++++++-----------------------------
 1 files changed, 922 insertions(+), 925 deletions(-)

diff --git a/force-app/main/default/pages/eSignFormAttachment.page b/force-app/main/default/pages/eSignFormAttachment.page
index c85b4e2..db3268a 100644
--- a/force-app/main/default/pages/eSignFormAttachment.page
+++ b/force-app/main/default/pages/eSignFormAttachment.page
@@ -1,370 +1,367 @@
-<apex:page doctype="html-5.0"  showquickactionvfheader="false"  controller="eSignFormAttachmentController" showHeader="false" sidebar="false" action="{!init}">
-	<!-- 闅愯棌鍘熷浘 灞曠ず鐢诲竷 鏃嬭浆鍥剧墖锛�4涓�90掳锛夐紶鏍囨粴杞几缂╂斁澶ф斁灏� 锛堜細澶卞抚锛� -->
-	<head>
-		<apex:includescript value="{!URLFOR($Resource.jquery183minjs)}">
-		</apex:includescript>
-		<apex:includescript value="/soap/ajax/40.0/connection.js">
-		</apex:includescript>
-		<apex:includescript value="/soap/ajax/40.0/apex.js">
-		</apex:includescript>
-		
-		<title>
-			鏌ョ湅闄勪欢
-		</title>
-		 <script>
-			 var widthJs = "500px";
-		 </script>
-		<style>
-			* {
-			   margin: 0px;
-			   padding: 0px;
-			  }
+<apex:page doctype="html-5.0"  showquickactionvfheader="false"  controller="eSignFormAttachmentController" showHeader="false" sidebar="false" action="{!init}" lightningStylesheets="true">
+    <!-- 闅愯棌鍘熷浘 灞曠ず鐢诲竷 鏃嬭浆鍥剧墖锛�4涓�90掳锛夐紶鏍囨粴杞几缂╂斁澶ф斁灏� 锛堜細澶卞抚锛� -->
+    <head>
+        <apex:includescript value="{!URLFOR($Resource.jquery183minjs)}">
+        </apex:includescript>
+        <apex:includeScript value="{!URLFOR($Resource.connection20)}"/>
+        <apex:includeScript value="{!URLFOR($Resource.apex20)}"/>
+        
+        <title>
+            鏌ョ湅闄勪欢
+        </title>
+         <script>
+             var widthJs = "500px";
+         </script>
+        <style>
+            * {
+               margin: 0px;
+               padding: 0px;
+              }
 
-			  #pandiv {
-			   width: 30%;
-			   height: 88%;
-			  }
-				
-			  #control {
-			   /*background: #ccc;*/
-			   opacity: 0.7;
-				width: 200px;
-				/*liying start*/
-			   width: 80px;
-				/*liying  end*/
-			   height: 30px; display: none;
-			   padding-top: 5px;
-			   position: absolute;
-				/*liying start*/
-			   align-content: center;
-				/*liying end*/
-			   /*left: 550px;*/
-			   top: 90%;
-			   left: 23%;
-			  }
-				
-			  #canvas {
-			   border: 1px solid black;
-			  }
-				
-			  #left {
-			   float: left;
-			   display: block;
-			  }
-				
-			  #right {
-			   float: right;
-			   display: block;
-			  }
-			   body{
-				/* background-color: cyan; */
-			   }
-			   #popDiv{
-				display: none;
-				background-color: #0f218b;
-				z-index: 11;
-				width: 100%;
-				height: 100%;
-				position:fixed;
-				top:0;
-				right:0;
-				left:0;
-				bottom:0;
-				margin:auto;
-			   }
-			   /* 鍏抽棴鎸夐挳鏍峰紡 */
-			   #popDiv .close a {
-				text-decoration: none;
-				color: #2D2C3B;
-			   }
-			   /* 寮瑰嚭鐣岄潰鐨勫叧闂寜閽� */
-			   #popDiv .close{
-				  margin:0 auto;background:#0f218b;text-align:right;padding:10px 0 0 0;width: 97%;
-			   }
-			   #popDiv p{
-				text-align: center;
-				font-size: 25px;
-				font-weight: bold;
-			   } 
+              #pandiv {
+               width: 30%;
+               height: 88%;
+              }
+                
+              #control {
+               /*background: #ccc;*/
+               opacity: 0.7;
+                width: 200px;
+                /*liying start*/
+               width: 80px;
+                /*liying  end*/
+               height: 30px; display: none;
+               padding-top: 5px;
+               position: absolute;
+                /*liying start*/
+               align-content: center;
+                /*liying end*/
+               /*left: 550px;*/
+               top: 90%;
+               left: 23%;
+              }
+                
+              #canvas {
+               border: 1px solid black;
+              }
+                
+              #left {
+               float: left;
+               display: block;
+              }
+                
+              #right {
+               float: right;
+               display: block;
+              }
+               body{
+                /* background-color: cyan; */
+               }
+               #popDiv{
+                display: none;
+                background-color: #0f218b;
+                z-index: 11;
+                width: 100%;
+                height: 100%;
+                position:fixed;
+                top:0;
+                right:0;
+                left:0;
+                bottom:0;
+                margin:auto;
+               }
+               /* 鍏抽棴鎸夐挳鏍峰紡 */
+               #popDiv .close a {
+                text-decoration: none;
+                color: #2D2C3B;
+               }
+               /* 寮瑰嚭鐣岄潰鐨勫叧闂寜閽� */
+               #popDiv .close{
+                  margin:0 auto;background:#0f218b;text-align:right;padding:10px 0 0 0;width: 97%;
+               }
+               #popDiv p{
+                text-align: center;
+                font-size: 25px;
+                font-weight: bold;
+               } 
 
-			  /**鍏抽棴鍖�**/
-			  .close_div{margin:0 auto;background:#fff;text-align:right;padding:10px 0 0 0;}
-			  /**鍥剧墖鍖�**/
-			  .content{background:#fff;margin:0 auto;position:relative;width: 95%;height: 95%;}
-			  .content .img{position:absolute;top:0;left:0;z-index:105}
-			  .content span{position:absolute;left:45%;top:40%;}
-			  /**宸﹀彸绠ご**/
-			  .content .left,.content .right{position:absolute;top:0;z-index:110;}
-			  .content .left{left:0;cursor:url(/resource/curleft), auto; }
-			  .content .right{right:0;cursor:url(/resource/curright), auto;}
-			  /**搴曢儴鍖�**/
-			  .bottom{height:0px;background:#fff;margin:0 auto;overflow:hidden;line-height:30px;
-			  }
+              /**鍏抽棴鍖�**/
+              .close_div{margin:0 auto;background:#fff;text-align:right;padding:10px 0 0 0;}
+              /**鍥剧墖鍖�**/
+              .content{background:#fff;margin:0 auto;position:relative;width: 95%;height: 95%;}
+              .content .img{position:absolute;top:0;left:0;z-index:105}
+              .content span{position:absolute;left:45%;top:40%;}
+              /**宸﹀彸绠ご**/
+              .content .left,.content .right{position:absolute;top:0;z-index:110;}
+              .content .left{left:0;cursor:url(/resource/curleft), auto; }
+              .content .right{right:0;cursor:url(/resource/curright), auto;}
+              /**搴曢儴鍖�**/
+              .bottom{height:0px;background:#fff;margin:0 auto;overflow:hidden;line-height:30px;
+              }
 
-			   .solution-list {
-					width: 20%;
-					float: left;
-				}
-				.blankCss{
-					text-align:center;
-					padding-top: 2%;
-					border: 5px solid rgb(161, 220, 243);
-					float: left;
-					width: 78%;
-					height: calc(100vh - 118px);
-					margin-left: 10px;
-					background:#fff;
-				}
-				.PdfCss{
-					text-align:center;
-					padding-top: 2%;
-					float: left;
-					width: 78%;
-					height: calc(90vh - 118px);
-					margin-left: 10px;
-					background:#fff;
-				}
+               .solution-list {
+                    width: 20%;
+                    float: left;
+                }
+                .blankCss{
+                    text-align:center;
+                    padding-top: 2%;
+                    border: 5px solid rgb(161, 220, 243);
+                    float: left;
+                    width: 78%;
+                    height: calc(100vh - 118px);
+                    margin-left: 10px;
+                    background:#fff;
+                }
+                .PdfCss{
+                    text-align:center;
+                    padding-top: 2%;
+                    float: left;
+                    width: 78%;
+                    height: calc(90vh - 118px);
+                    margin-left: 10px;
+                    background:#fff;
+                }
 
-			   .solution-item {
-					display: none;
-					padding-top: 2%;
-					float: left;
-					width: 73%;
-					height: 70%;
-					margin-left: 10px;
-					border: 40px solid #0f218b;
-					background:#fff;
-				}
-		</style>
-	</head>
-	<body>
-		<!-- 鏍囬 -->
-		<div style="height: 40px;background-color:#0f218b;width: 100%;text-align: center;">
-			<h1 style="color: white;font-size: 24px;">
-				鏌ョ湅闄勪欢
-			</h1>
-		</div>
-		<div style="height: 30px; margin-top: 10px;">
-			<!-- 鍒囨崲鍘熷浘锛堢敤浜庣敤鎴峰彟瀛樹负锛夊垵濮嬪寲鏃跺垽鏂樉绀�1涓� -->
-			<!--  1銆�#popDiv 寮圭獥绐楀彛
-			2銆�#content 宸�+鐢诲竷+鍙� 涓夐儴鍒�
-			3銆�#pandiv 鐢诲竷
-			4銆�#control 鏃嬭浆鍥炬爣
-			5銆�#OriginalDiv 鍒囨崲鍘熷浘鍜岀敾甯� -->
-			<div id="popLayer">
-				<!--宸︿晶琛ㄦ牸  灞曠ず鎵�鏈夌殑闄勪欢-->
-				<div class="solution-list">
-					<apex:pageBlock id="oppBlock" tabStyle="Report">
-						<apex:outputPanel >
-							<input type="hidden" value="{!identifier}" id="identifier"/>
-							<apex:variable value="identif" var="identif" rendered="{!IF(identifier == '缁忛攢鍟�', true, false)}" >
-								<table class="list" style="border-bottom-width: 0px;   width:100%; font-size:11px; border-spacing:0;" border="" id="tableHeader_L">
-									<tr class="headerRow" height="30px"  align="center">
-										<td><a href="#" onclick="return false;" >闄勪欢鍚嶇О</a></td>
-										<td width="55px"><a href="#" onclick="return false;">闄勪欢绫诲瀷</a></td>
-									</tr>
-									<apex:repeat value="{!acccData}" var="or" id="oppTable">
-										<apex:variable value="{!1}" var="cnt"/>
-										<apex:variable value="trcnt" var="trcnt" rendered="{!IF(or.accessory.ContentType == '缁忛攢鍟�', true, false)}">
-										<tr style="cursor:pointer;" onclick="changeColor('{!or.accessory.Id}');onShowImge('{!or.accessory.Id}',this);" class="dataRow {!IF(MOD(cnt, 2)==0, 'odd', 'even')} {!IF(cnt==1, 'first', '')}" onmouseover="if (window.hiOn){hiOn(this);} " onmouseout="if (window.hiOff){hiOff(this);} " onblur="if (window.hiOff){hiOff(this);}" onfocus="if (window.hiOn){hiOn(this);}">
-											<td align="center" id="" style="border-right-width:thin">
-												<a href="#"><apex:outputText value="{!or.accessory.Name}" /></a>
-											</td>
-											<td width="55px" align="center">
-												<apex:outputText value="{!or.accessory.ContentType}" />
-											</td>
-											<td style="display:none">
-												<apex:outputText value="{!or.accessory.Id}"/>
-											</td>
-										</tr>
-										</apex:variable>
-										<apex:variable value="{!cnt + 1}" var="cnt" />
-									</apex:repeat> 
-								</table>
-							</apex:variable>
+               .solution-item {
+                    display: none;
+                    padding-top: 2%;
+                    float: left;
+                    width: 73%;
+                    height: 70%;
+                    margin-left: 10px;
+                    border: 40px solid #0f218b;
+                    background:#fff;
+                }
+        </style>
+    </head>
+    <body>
+        <!-- 鏍囬 -->
+        <div style="height: 40px;background-color:#0f218b;width: 100%;text-align: center;">
+            <h1 style="color: white;font-size: 24px;">
+                鏌ョ湅闄勪欢
+            </h1>
+        </div>
+        <div style="height: 30px; margin-top: 10px;">
+            <!-- 鍒囨崲鍘熷浘锛堢敤浜庣敤鎴峰彟瀛樹负锛夊垵濮嬪寲鏃跺垽鏂樉绀�1涓� -->
+            <!--  1銆�#popDiv 寮圭獥绐楀彛
+            2銆�#content 宸�+鐢诲竷+鍙� 涓夐儴鍒�
+            3銆�#pandiv 鐢诲竷
+            4銆�#control 鏃嬭浆鍥炬爣
+            5銆�#OriginalDiv 鍒囨崲鍘熷浘鍜岀敾甯� -->
+            <div id="popLayer">
+                <!--宸︿晶琛ㄦ牸  灞曠ず鎵�鏈夌殑闄勪欢-->
+                <div class="solution-list">
+                    <apex:pageBlock id="oppBlock" tabStyle="Report">
+                        <apex:outputPanel >
+                            <input type="hidden" value="{!identifier}" id="identifier"/>
+                            <apex:variable value="identif" var="identif" rendered="{!IF(identifier == '缁忛攢鍟�', true, false)}" >
+                                <table class="list" style="border-bottom-width: 0px;   width:100%; font-size:11px; border-spacing:0;" border="" id="tableHeader_L">
+                                    <tr class="headerRow" height="30px"  align="center">
+                                        <td><a href="#" onclick="return false;" >闄勪欢鍚嶇О</a></td>
+                                        <td width="55px"><a href="#" onclick="return false;">闄勪欢绫诲瀷</a></td>
+                                    </tr>
+                                    <apex:repeat value="{!acccData}" var="or" id="oppTable">
+                                        <apex:variable value="{!1}" var="cnt"/>
+                                        <apex:variable value="trcnt" var="trcnt" rendered="{!IF(or.accessory.ContentType == '缁忛攢鍟�', true, false)}">
+                                        <tr style="cursor:pointer;" onclick="changeColor('{!or.accessory.Id}');onShowImge('{!or.accessory.Id}',this);" class="dataRow {!IF(MOD(cnt, 2)==0, 'odd', 'even')} {!IF(cnt==1, 'first', '')}" onmouseover="if (window.hiOn){hiOn(this);} " onmouseout="if (window.hiOff){hiOff(this);} " onblur="if (window.hiOff){hiOff(this);}" onfocus="if (window.hiOn){hiOn(this);}">
+                                            <td align="center" id="" style="border-right-width:thin">
+                                                <a href="#"><apex:outputText value="{!or.accessory.Name}" /></a>
+                                            </td>
+                                            <td width="55px" align="center">
+                                                <apex:outputText value="{!or.accessory.ContentType}" />
+                                            </td>
+                                            <td style="display:none">
+                                                <apex:outputText value="{!or.accessory.Id}"/>
+                                            </td>
+                                        </tr>
+                                        </apex:variable>
+                                        <apex:variable value="{!cnt + 1}" var="cnt" />
+                                    </apex:repeat> 
+                                </table>
+                            </apex:variable>
                             <!--asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start-->
-							<input type="hidden" value="{!identifier2}" id="identifier2"/>
-							<apex:variable value="identif" var="identif" rendered="{!IF(identifier2 == '鍖婚櫌', true, false)}" id="identifier2">
-								<table class="list" style="border-bottom-width: 0px;   width:100%; font-size:11px; border-spacing:0;" border="" id="tableHeader_M">
-									<apex:variable value="identif" var="identif" rendered="{!IF(identifier2 == '鍖婚櫌' && identifier != '缁忛攢鍟�'  , true, false)}">
-										<tr class="headerRow" height="30px"  align="center">
-											<td><a href="#" onclick="return false;" >闄勪欢鍚嶇О</a></td>
-											<td width="55px"><a href="#" onclick="return false;">闄勪欢绫诲瀷</a></td>
-										</tr>
-									</apex:variable>
-									<apex:variable value="identif" var="identif" rendered="{!IF(identifier2 == '鍖婚櫌' && identifier == '缁忛攢鍟�'  , true, false)}">
-										<tr class="headerRow" height="30px"  align="center">
-											<td colspan="2"></td>
-										</tr>
-									</apex:variable>
-									<apex:repeat value="{!acccData}" var="or" id="oppTable2">
-										<apex:variable value="{!1}" var="cnt"/>
-										<apex:variable value="trcnt" var="trcnt" rendered="{!IF(or.accessory.ContentType == '鍖婚櫌', true, false)}">
-										<tr style="cursor:pointer;" onclick="changeColor('{!or.accessory.Id}');onShowImge('{!or.accessory.Id}',this);" class="dataRow {!IF(MOD(cnt, 2)==0, 'odd', 'even')} {!IF(cnt==1, 'first', '')}" onmouseover="if (window.hiOn){hiOn(this);} " onmouseout="if (window.hiOff){hiOff(this);} " onblur="if (window.hiOff){hiOff(this);}" onfocus="if (window.hiOn){hiOn(this);}">
-											<td align="center" id="" style="border-right-width:thin">
-												<a href="#"><apex:outputText value="{!or.accessory.Name}" /></a>
-											</td>
-											<td width="55px" align="center">
-												<apex:outputText value="{!or.accessory.ContentType}" />
-											</td>
-											<td style="display:none">
-												<apex:outputText value="{!or.accessory.Id}"/>
-											</td>
-										</tr>
-										</apex:variable>
-										<apex:variable value="{!cnt + 1}" var="cnt" />
-									</apex:repeat> 
-								</table>
-							</apex:variable>
+                            <input type="hidden" value="{!identifier2}" id="identifier2"/>
+                            <apex:variable value="identif" var="identif" rendered="{!IF(identifier2 == '鍖婚櫌', true, false)}" id="identifier2">
+                                <table class="list" style="border-bottom-width: 0px;   width:100%; font-size:11px; border-spacing:0;" border="" id="tableHeader_M">
+                                    <apex:variable value="identif" var="identif" rendered="{!IF(identifier2 == '鍖婚櫌' && identifier != '缁忛攢鍟�'  , true, false)}">
+                                        <tr class="headerRow" height="30px"  align="center">
+                                            <td><a href="#" onclick="return false;" >闄勪欢鍚嶇О</a></td>
+                                            <td width="55px"><a href="#" onclick="return false;">闄勪欢绫诲瀷</a></td>
+                                        </tr>
+                                    </apex:variable>
+                                    <apex:variable value="identif" var="identif" rendered="{!IF(identifier2 == '鍖婚櫌' && identifier == '缁忛攢鍟�'  , true, false)}">
+                                        <tr class="headerRow" height="30px"  align="center">
+                                            <td colspan="2"></td>
+                                        </tr>
+                                    </apex:variable>
+                                    <apex:repeat value="{!acccData}" var="or" id="oppTable2">
+                                        <apex:variable value="{!1}" var="cnt"/>
+                                        <apex:variable value="trcnt" var="trcnt" rendered="{!IF(or.accessory.ContentType == '鍖婚櫌', true, false)}">
+                                        <tr style="cursor:pointer;" onclick="changeColor('{!or.accessory.Id}');onShowImge('{!or.accessory.Id}',this);" class="dataRow {!IF(MOD(cnt, 2)==0, 'odd', 'even')} {!IF(cnt==1, 'first', '')}" onmouseover="if (window.hiOn){hiOn(this);} " onmouseout="if (window.hiOff){hiOff(this);} " onblur="if (window.hiOff){hiOff(this);}" onfocus="if (window.hiOn){hiOn(this);}">
+                                            <td align="center" id="" style="border-right-width:thin">
+                                                <a href="#"><apex:outputText value="{!or.accessory.Name}" /></a>
+                                            </td>
+                                            <td width="55px" align="center">
+                                                <apex:outputText value="{!or.accessory.ContentType}" />
+                                            </td>
+                                            <td style="display:none">
+                                                <apex:outputText value="{!or.accessory.Id}"/>
+                                            </td>
+                                        </tr>
+                                        </apex:variable>
+                                        <apex:variable value="{!cnt + 1}" var="cnt" />
+                                    </apex:repeat> 
+                                </table>
+                            </apex:variable>
                             <!--asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end-->
-						</apex:outputPanel>
-					</apex:pageBlock>
-					
-				</div>
-				<!--宸︿晶canvas鐢诲竷鍜屽浘鐗�  灞曠ず褰撳墠鐐瑰嚮鐨勫浘鐗囧拰鐢诲竷-->
-				<div class="blankCss" id="blankId">
-					<h1 style="position:absolute;top:50%;margin:-4% 0 0 -10%;">
-						<font face="verdana" style="font-size: 40px;">鍥剧墖棰勮灞曠ず鍖猴紒</font>
-					</h1>
-				</div>
-				<div class="solution-item" id="imgeDiv">
-					<div id="onCloseId" style="position: absolute;top:55px;padding-left:73%;cursor:pointer;display:none;"><a href="javascript:void(0)" onclick="closePop()" style="padding-rigth:13px;color:#fff;font-weight:bolder;font-size:15px;text-decoration: none;">鍏抽棴</a></div>
-					<!-- 澧炲姞pdf鍏抽棴鎸夐挳  绮剧悽鎶�鏈� thh 2021-09-27 start -->
-					<div class="PdfCss" id="fontpdf" style="display: none;">
-						<h1 style="position:absolute;top:50%;margin:-4% 0 0 -10%;">
-							<font face="verdana" style="font-size: 40px;">姝ら〉鏆傛椂鍙敮鎸佸浘鐗囨枃浠剁殑棰勮</font>
-						</h1>
-					</div>
-					<!-- 澧炲姞pdf鍏抽棴鎸夐挳  绮剧悽鎶�鏈� thh 2021-09-27 end -->
-					<div class="content" id="contentId" style="">
-						<div class="left" id="onIeftId" style="text-align: center;padding-top: 2%;width: 20%;height:98%;float:left;">
-						</div>
-						<div class="right" id="onRigthId" style="text-align: center;padding-top: 2%;width: 20%;height:98%;float:right;">
-						</div>
-						<div id="pandiv" style="margin-left: 17%; text-align: center;padding-top: 1%;height:98%">
-							<!-- 鍘熷浘 -->
-							<apex:image alt="姝ゅ鐨勫浘鍍忔弿杩�" id="testImg" style="display: none;" value="">
-							</apex:image>
-							<!-- 鐢诲竷 -->
-							<canvas height="485" id="canvas" style="cursor: default;" width="620">
-							</canvas>
-							<!-- 鏃嬭浆鍥剧墖 -->
-							<!-- background-color: #fffdfd; -->
-							<div id="control" style="display: none;margin-top: -1%; margin-left: 24%; ">
-								<img id="left" onclick="rateImage(270)" src="/resource/esignimg06" style="heigh: 30px; width: 30px;cursor:pointer;" title="閫嗘椂閽�"/>
-								<img id="right" onclick="rateImage(90)" src="/resource/esignimg05" style="heigh: 30px; width: 30px;cursor:pointer;" title="椤烘椂閽�"/>
-								<!-- <input id="left" onclick="rateImage(270)" type="button" value="鈫�" />
-							<input id="right" onclick="rateImage(90)" type="button" value="鈫�"/> -->
-							</div>
-						</div>
-						<a href="" id="ViewOriginal" onclick="ViewOriginalImage();" style="margin-left:75%; color: #0f218b ;cursor:pointer;">
-							鏌ョ湅鍘熷浘
-						</a>
-						<!-- 鐢ㄤ簬鍒囨崲 鍘熷浘鍜岀敾甯� 杩欓噷棰濆copy涓�涓猧mg鏍囩锛堢敤浜庣敤鎴峰彟瀛樹负锛� 涓嶄娇鐢ㄥ師鍥炬爣绛� 鍥犱负浼氶�犳垚榧犳爣绉诲叆绉诲嚭鏈夐棶棰� -->
-						<div align="center" id="OriginalDiv">
-							<apex:image alt="姝ゅ鐨勫浘鍍忔弿杩�" id="testImgOriginal" style="display: none;height: 490px;width:700;padding-top: 2%;" value="">
-							</apex:image>
-							<p id="Original" style="display: none;color: #0f218b;margin-left:57%;">
-								<a href="" id="ViewPreview" onclick="ViewPreview();" style="color: #0f218b;cursor:pointer;font-size: 13px;">
-									鏌ョ湅棰勮
-								</a>
-							</p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		<!--闅愯棌id,鐢ㄤ簬瀛樻斁褰撳墠鏄剧ず鐨勫浘鐗噄d-->
-		<input type="hidden" value="" id="newId"/>
+                        </apex:outputPanel>
+                    </apex:pageBlock>
+                    
+                </div>
+                <!--宸︿晶canvas鐢诲竷鍜屽浘鐗�  灞曠ず褰撳墠鐐瑰嚮鐨勫浘鐗囧拰鐢诲竷-->
+                <div class="blankCss" id="blankId">
+                    <h1 style="position:absolute;top:50%;margin:-4% 0 0 -10%;">
+                        <font face="verdana" style="font-size: 40px;">鍥剧墖棰勮灞曠ず鍖猴紒</font>
+                    </h1>
+                </div>
+                <div class="solution-item" id="imgeDiv">
+                    <div id="onCloseId" style="position: absolute;top:55px;padding-left:73%;cursor:pointer;display:none;"><a href="javascript:void(0)" onclick="closePop()" style="padding-rigth:13px;color:#fff;font-weight:bolder;font-size:15px;text-decoration: none;">鍏抽棴</a></div>
+                    <!-- 澧炲姞pdf鍏抽棴鎸夐挳  绮剧悽鎶�鏈� thh 2021-09-27 start -->
+                    <div class="PdfCss" id="fontpdf" style="display: none;">
+                        <h1 style="position:absolute;top:50%;margin:-4% 0 0 -10%;">
+                            <font face="verdana" style="font-size: 40px;">姝ら〉鏆傛椂鍙敮鎸佸浘鐗囨枃浠剁殑棰勮</font>
+                        </h1>
+                    </div>
+                    <!-- 澧炲姞pdf鍏抽棴鎸夐挳  绮剧悽鎶�鏈� thh 2021-09-27 end -->
+                    <div class="content" id="contentId" style="">
+                        <div class="left" id="onIeftId" style="text-align: center;padding-top: 2%;width: 20%;height:98%;float:left;">
+                        </div>
+                        <div class="right" id="onRigthId" style="text-align: center;padding-top: 2%;width: 20%;height:98%;float:right;">
+                        </div>
+                        <div id="pandiv" style="margin-left: 17%; text-align: center;padding-top: 1%;height:98%">
+                            <!-- 鍘熷浘 -->
+                            <apex:image alt="姝ゅ鐨勫浘鍍忔弿杩�" id="testImg" style="display: none;" value="">
+                            </apex:image>
+                            <!-- 鐢诲竷 -->
+                            <canvas height="485" id="canvas" style="cursor: default;" width="620">
+                            </canvas>
+                            <!-- 鏃嬭浆鍥剧墖 -->
+                            <!-- background-color: #fffdfd; -->
+                            <div id="control" style="display: none;margin-top: -1%; margin-left: 24%; ">
+                                <img id="left" onclick="rateImage(270)" src="/resource/esignimg06" style="heigh: 30px; width: 30px;cursor:pointer;" title="閫嗘椂閽�"/>
+                                <img id="right" onclick="rateImage(90)" src="/resource/esignimg05" style="heigh: 30px; width: 30px;cursor:pointer;" title="椤烘椂閽�"/>
+                                <!-- <input id="left" onclick="rateImage(270)" type="button" value="鈫�" />
+                            <input id="right" onclick="rateImage(90)" type="button" value="鈫�"/> -->
+                            </div>
+                        </div>
+                        <a href="" id="ViewOriginal" onclick="ViewOriginalImage();" style="margin-left:75%; color: #0f218b ;cursor:pointer;">
+                            鏌ョ湅鍘熷浘
+                        </a>
+                        <!-- 鐢ㄤ簬鍒囨崲 鍘熷浘鍜岀敾甯� 杩欓噷棰濆copy涓�涓猧mg鏍囩锛堢敤浜庣敤鎴峰彟瀛樹负锛� 涓嶄娇鐢ㄥ師鍥炬爣绛� 鍥犱负浼氶�犳垚榧犳爣绉诲叆绉诲嚭鏈夐棶棰� -->
+                        <div align="center" id="OriginalDiv">
+                            <apex:image alt="姝ゅ鐨勫浘鍍忔弿杩�" id="testImgOriginal" style="display: none;height: 490px;width:700;padding-top: 2%;" value="">
+                            </apex:image>
+                            <p id="Original" style="display: none;color: #0f218b;margin-left:57%;">
+                                <a href="" id="ViewPreview" onclick="ViewPreview();" style="color: #0f218b;cursor:pointer;font-size: 13px;">
+                                    鏌ョ湅棰勮
+                                </a>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--闅愯棌id,鐢ㄤ簬瀛樻斁褰撳墠鏄剧ず鐨勫浘鐗噄d-->
+        <input type="hidden" value="" id="newId"/>
         <!--asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start-->
         <!--闅愯棌id,鐢ㄤ簬瀛樻斁褰撳墠鏄剧ず鐨勫浘鐗囩被鍨�-->
-		<input type="hidden" value="" id="newContentType"/>
+        <input type="hidden" value="" id="newContentType"/>
         <!--asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end-->
-		<script>
-			//鍒嗗壊绾� 鏃嬭浆浼哥缉鍥剧墖鏍稿績浠g爜-------------------------------------------------------------------
-			//鏁翠釜canvas 绐楀彛鐨� 浼哥缉 鏃嬭浆 绮剧悽鎶�鏈�
+        <script>
+            //鍒嗗壊绾� 鏃嬭浆浼哥缉鍥剧墖鏍稿績浠g爜-------------------------------------------------------------------
+            //鏁翠釜canvas 绐楀彛鐨� 浼哥缉 鏃嬭浆 绮剧悽鎶�鏈�
 
-			//瀹氫箟鍏ㄥ眬鍙橀噺 
-			//鍥剧墖鍚庣紑鍚�
-			var picType = 'jpg,png,jpeg,PNG,JPG,JPEG,bmp,BMP';
-			//鍘熷瀹藉害
-			var OriginalWidth = document.body.clientWidth;
-			//鍘熷楂樺害
-			var OriginalHeight = document.body.clientHeight;
-			
-			//鐢诲竷瀵硅薄
-			var canvas = document.getElementById("canvas");
-			var pandiv = document.getElementById("pandiv");
-			var cxt = canvas.getContext("2d");
-			var control = document.getElementById("control");
-			var imgScale = 1;
-			var img;
-			var imgX = 0;
-			var imgY = 0;
-			var currentRate = 0;
-			/**褰撳墠鐨勬棆杞搴�*/
-			var mouseDownLocation;
-			var isMouseDown = false;
-			//鍙宠竟鐨勫浘鐗囬殣钘�
-			hiddenImge();
+            //瀹氫箟鍏ㄥ眬鍙橀噺 
+            //鍥剧墖鍚庣紑鍚�
+            var picType = 'jpg,png,jpeg,PNG,JPG,JPEG,bmp,BMP';
+            //鍘熷瀹藉害
+            var OriginalWidth = document.body.clientWidth;
+            //鍘熷楂樺害
+            var OriginalHeight = document.body.clientHeight;
+            
+            //鐢诲竷瀵硅薄
+            var canvas = document.getElementById("canvas");
+            var pandiv = document.getElementById("pandiv");
+            var cxt = canvas.getContext("2d");
+            var control = document.getElementById("control");
+            var imgScale = 1;
+            var img;
+            var imgX = 0;
+            var imgY = 0;
+            var currentRate = 0;
+            /**褰撳墠鐨勬棆杞搴�*/
+            var mouseDownLocation;
+            var isMouseDown = false;
+            //鍙宠竟鐨勫浘鐗囬殣钘�
+            hiddenImge();
 
-			//涓嬩竴寮犲浘鐗囧拰涓婁竴寮犲浘鐗囧姞鐐瑰嚮浜嬩欢
-			$(".right").click(function (){
-				 rights();
-			});
-			$(".left").click(function (){
-				lefts();
-			});
+            //涓嬩竴寮犲浘鐗囧拰涓婁竴寮犲浘鐗囧姞鐐瑰嚮浜嬩欢
+            $(".right").click(function (){
+                 rights();
+            });
+            $(".left").click(function (){
+                lefts();
+            });
 
-			//鐐瑰嚮tr  鍙宠竟瑙嗗浘灞曠ず鍥剧墖
-			function onShowImge(accId,obj){
-				document.getElementById("blankId").style.display='none';
-				document.getElementById("imgeDiv").style.display='block';
+            //鐐瑰嚮tr  鍙宠竟瑙嗗浘灞曠ず鍥剧墖
+            function onShowImge(accId,obj){
+                document.getElementById("blankId").style.display='none';
+                document.getElementById("imgeDiv").style.display='block';
 
-				fadeIn("imgeDiv",1000);
-				//鑾峰彇鐐瑰嚮鐨勯檮浠跺悕绉�
-				var accName = obj.cells[0].innerText;
+                fadeIn("imgeDiv",1000);
+                //鑾峰彇鐐瑰嚮鐨勯檮浠跺悕绉�
+                var accName = obj.cells[0].innerText;
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                 //鑾峰彇鐐瑰嚮鐨勯檮浠剁被鍨�
-				var accContentType = obj.cells[1].innerText;
+                var accContentType = obj.cells[1].innerText;
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-				//鎴彇鍚庣紑鍚�
-				var accType = accName.substring(accName.lastIndexOf('.')+1);
-				if(picType.indexOf(accType) > -1){//鍒ゆ柇鏄惁鏄浘鐗�
-					//鍙宠竟鐨勭敾甯冩樉绀�
-					showImge();
-					//闇�瑕佸叧闂師鍥�
-					ViewPreview();
-					//鍥剧墖鍔犺浇鍜宑anvas 鐢诲浘
-					imgShow(accId,accContentType);
-					//鍏抽棴鎸夐挳灞曠ず onClose
-					document.getElementById("onCloseId").style.display='block';
-				}else{
-					//濡傛灉涓嶆槸鍥剧墖锛岄偅涔堜笅杞芥枃浠�
-					window.open('https://ocsm--stagefull--c.documentforce.com/servlet/servlet.FileDownload?file='+accId);
-					//杩欓噷涓婄嚎鐨勬椂鍊欓渶瑕佸湪绾夸笂淇敼 
-					//window.open('https://ocsm--c.ap0.content.force.com/servlet/servlet.FileDownload?file='+accId);
-					debugger
-					//鍙宠竟鐨勭敾甯冩樉绀�
-					showPdf();
-					//闇�瑕佸叧闂師鍥�
-					ViewPreview();
-					//hiddenImge();
-					//鍏抽棴鎸夐挳灞曠ず onClose
-					document.getElementById("onCloseId").style.display='block';
-				}
-				
-			}
-			//涓嬩竴寮�
-			function rights(){
-				var accId = document.getElementById("newId").value;
+                //鎴彇鍚庣紑鍚�
+                var accType = accName.substring(accName.lastIndexOf('.')+1);
+                if(picType.indexOf(accType) > -1){//鍒ゆ柇鏄惁鏄浘鐗�
+                    //鍙宠竟鐨勭敾甯冩樉绀�
+                    showImge();
+                    //闇�瑕佸叧闂師鍥�
+                    ViewPreview();
+                    //鍥剧墖鍔犺浇鍜宑anvas 鐢诲浘
+                    imgShow(accId,accContentType);
+                    //鍏抽棴鎸夐挳灞曠ず onClose
+                    document.getElementById("onCloseId").style.display='block';
+                }else{
+                    //濡傛灉涓嶆槸鍥剧墖锛岄偅涔堜笅杞芥枃浠�
+                    //window.open('https://ocsm--stagefull--c.documentforce.com/servlet/servlet.FileDownload?file='+accId);
+                    window.open('https://ocsm--c.ap0.content.force.com/servlet/servlet.FileDownload?file='+accId);
+                    debugger
+                    //鍙宠竟鐨勭敾甯冩樉绀�
+                    showPdf();
+                    //闇�瑕佸叧闂師鍥�
+                    ViewPreview();
+                    //hiddenImge();
+                    //鍏抽棴鎸夐挳灞曠ず onClose
+                    document.getElementById("onCloseId").style.display='block';
+                }
+                
+            }
+            //涓嬩竴寮�
+            function rights(){
+                var accId = document.getElementById("newId").value;
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                 var accContentType = document.getElementById("newContentType").value;
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-				//鑾峰彇涓嬩竴寮犲浘鐗囩殑id
-				var newId = "";
-				var flag = false;//鍒ゆ柇寰幆鐨勬暟鎹槸鍚﹀凡缁忓埌褰撳墠鏄剧ず鐨勫浘鐗囦綅缃�
-				var fristId = "";//璁板綍绗竴涓浘鐗噄d锛岄槻姝㈠綋鍓嶅浘鐗囨槸鏈�鍚庝竴寮�
+                //鑾峰彇涓嬩竴寮犲浘鐗囩殑id
+                var newId = "";
+                var flag = false;//鍒ゆ柇寰幆鐨勬暟鎹槸鍚﹀凡缁忓埌褰撳墠鏄剧ず鐨勫浘鐗囦綅缃�
+                var fristId = "";//璁板綍绗竴涓浘鐗噄d锛岄槻姝㈠綋鍓嶅浘鐗囨槸鏈�鍚庝竴寮�
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                 var fristContentTyp = "";//璁板綍绗竴涓浘鐗噄d锛岄槻姝㈠綋鍓嶅浘鐗囨槸鏈�鍚庝竴寮�
                 var trs=[];
@@ -374,642 +371,642 @@
                     trs = document.getElementById('tableHeader_M').getElementsByTagName('tr');//鑾峰彇鎵�鏈�'鍖婚櫌'鐨則r
                 }
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-				for(var i = 1;i<trs.length;i++){
-					var onId = trs[i].cells[2].innerText.trim();//鑾峰彇褰撳墠鍥剧墖鐨刬d
-					var onName = trs[i].cells[0].innerText.trim();//褰撳墠鍥剧墖鍚嶇О
+                for(var i = 1;i<trs.length;i++){
+                    var onId = trs[i].cells[2].innerText.trim();//鑾峰彇褰撳墠鍥剧墖鐨刬d
+                    var onName = trs[i].cells[0].innerText.trim();//褰撳墠鍥剧墖鍚嶇О
                     //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                     var onContentType = trs[i].cells[1].innerText.trim();//鑾峰彇褰撳墠鍥剧墖鐨勭被鍨�
                     //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-					onName = onName.substring(onName.lastIndexOf('.')+1);//鑾峰彇褰撳墠鍥剧墖鐨勫悗缂�鍚�
-					if(picType.indexOf(onName) > -1){
-						if(fristId == ""){
-							fristId = onId;
+                    onName = onName.substring(onName.lastIndexOf('.')+1);//鑾峰彇褰撳墠鍥剧墖鐨勫悗缂�鍚�
+                    if(picType.indexOf(onName) > -1){
+                        if(fristId == ""){
+                            fristId = onId;
                             //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                             fristContentType = onContentType;
                             //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-						}
-						if(flag || onId == accId){
-							if(!flag){
-								flag = true;
-								continue;
-							}else{
-								newId = onId;
+                        }
+                        if(flag || onId == accId){
+                            if(!flag){
+                                flag = true;
+                                continue;
+                            }else{
+                                newId = onId;
                                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                                 newContentType = onContentType;
                                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-								break;
-							}
-						}
-					}
-				}
-				if(newId == ""){
-					newId = fristId;
+                                break;
+                            }
+                        }
+                    }
+                }
+                if(newId == ""){
+                    newId = fristId;
                     //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                     newContentType = fristContentType;
                     //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-				}
-				//鐐瑰嚮鐨則r鍙樿壊
-				changeColor(newId);
+                }
+                //鐐瑰嚮鐨則r鍙樿壊
+                changeColor(newId);
 
-				//鍒濆鍖栨椂锛岄殣钘忔煡鐪嬮瑙堥摼鎺� 涓庢棆杞浘鐗囨棤鍏�
-				$("#ViewPreview").hide();
+                //鍒濆鍖栨椂锛岄殣钘忔煡鐪嬮瑙堥摼鎺� 涓庢棆杞浘鐗囨棤鍏�
+                $("#ViewPreview").hide();
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
-				//鍥剧墖鍔犺浇鍜宑anvas 鐢诲浘
-				imgShow(newId,newContentType);
+                //鍥剧墖鍔犺浇鍜宑anvas 鐢诲浘
+                imgShow(newId,newContentType);
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-			};
+            };
 
-			//涓婁竴寮�
-			function lefts(){      
-				var accId = document.getElementById("newId").value;
+            //涓婁竴寮�
+            function lefts(){      
+                var accId = document.getElementById("newId").value;
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                 var accContentType = document.getElementById("newContentType").value;
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-				//鑾峰彇涓嬩竴寮犲浘鐗囩殑id
-				var newId = "";
-				var flag = false;//
-				var endId = "";//璁板綍鏈�鍚庝竴涓浘鐗噄d锛岄槻姝㈠綋鍓嶅浘鐗囨槸绗竴寮�
+                //鑾峰彇涓嬩竴寮犲浘鐗囩殑id
+                var newId = "";
+                var flag = false;//
+                var endId = "";//璁板綍鏈�鍚庝竴涓浘鐗噄d锛岄槻姝㈠綋鍓嶅浘鐗囨槸绗竴寮�
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                 var endContentTyp = "";//璁板綍绗竴涓浘鐗噄d锛岄槻姝㈠綋鍓嶅浘鐗囨槸鏈�鍚庝竴寮�
-				var trs=[];
+                var trs=[];
                 if(accContentType=='缁忛攢鍟�'){
                     trs = document.getElementById('tableHeader_L').getElementsByTagName('tr');//鑾峰彇鎵�鏈夌粡閿�鍟嗙殑tr
                 }else if(accContentType=='鍖婚櫌'){
                     trs = document.getElementById('tableHeader_M').getElementsByTagName('tr');//鑾峰彇鎵�鏈�'鍖婚櫌'鐨則r
                 }//asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-				for(var i = (trs.length-1);i >= 1;i--){
-					var onId = trs[i].cells[2].innerText.trim();//鑾峰彇褰撳墠鍥剧墖鐨刬d
-					var onName = trs[i].cells[0].innerText.trim();//褰撳墠鍥剧墖鍚嶇О
+                for(var i = (trs.length-1);i >= 1;i--){
+                    var onId = trs[i].cells[2].innerText.trim();//鑾峰彇褰撳墠鍥剧墖鐨刬d
+                    var onName = trs[i].cells[0].innerText.trim();//褰撳墠鍥剧墖鍚嶇О
                     //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                     var onContentType = trs[i].cells[1].innerText.trim();//鑾峰彇褰撳墠鍥剧墖鐨勭被鍨�
                     //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-					onName = onName.substring(onName.lastIndexOf('.')+1);//鑾峰彇褰撳墠鍥剧墖鐨勫悗缂�鍚�
-					if(picType.indexOf(onName) > -1){
-						if(endId == ""){
-							endId = onId;
+                    onName = onName.substring(onName.lastIndexOf('.')+1);//鑾峰彇褰撳墠鍥剧墖鐨勫悗缂�鍚�
+                    if(picType.indexOf(onName) > -1){
+                        if(endId == ""){
+                            endId = onId;
                             //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                             endContentType = onContentType;
                             //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-						}
-						if(flag || onId == accId){
-							if(!flag){
-								flag = true;
-								continue;
-							}else{
-								newId = onId;
+                        }
+                        if(flag || onId == accId){
+                            if(!flag){
+                                flag = true;
+                                continue;
+                            }else{
+                                newId = onId;
                                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                                 newContentType = onContentType;
                                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-								break;
-							}
-						}
-					}
-				}
-				if(newId == ""){
-					newId = endId;
+                                break;
+                            }
+                        }
+                    }
+                }
+                if(newId == ""){
+                    newId = endId;
                     //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                     newContentType = endContentType;
                     //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-				}
-				changeColor(newId);
-				//鍒濆鍖栨椂锛岄殣钘忔煡鐪嬮瑙堥摼鎺� 涓庢棆杞浘鐗囨棤鍏�
-				$("#ViewPreview").hide();
+                }
+                changeColor(newId);
+                //鍒濆鍖栨椂锛岄殣钘忔煡鐪嬮瑙堥摼鎺� 涓庢棆杞浘鐗囨棤鍏�
+                $("#ViewPreview").hide();
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
-				 //鍥剧墖鍔犺浇鍜宑anvas 鐢诲浘
-				 imgShow(newId,newContentType);
+                 //鍥剧墖鍔犺浇鍜宑anvas 鐢诲浘
+                 imgShow(newId,newContentType);
                  //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-			}
-			//鍥剧墖鍔犺浇鍜宑anvas 鐢诲浘
-			function imgShow(accId,accContentType){
-				var imageUrl = "/servlet/servlet.FileDownload?file="+accId;
-				//js鍔ㄦ�佽祴鍊�
-				document.getElementById("j_id0:testImg").src = imageUrl;
-				//js鍔ㄦ�佽祴鍊�
-				document.getElementById("j_id0:testImgOriginal").src = imageUrl;
-				canvas = document.getElementById("canvas");
-				canvas.height=canvas.height; //娓呯┖canvas鐢诲竷
-				pandiv = document.getElementById("pandiv");
-				cxt = canvas.getContext("2d");
-				control = document.getElementById("control");
-				//绛夊緟鍥剧墖鍔犺浇锛岀劧鍚巆anvas  鐢诲竷
-				awaitImge(imageUrl);
-				//鐢ㄤ竴涓殣钘忕殑input鏍囩瀛樻斁褰撳墠椤甸潰灞曠ず鐨勫浘鐗噄d
-				document.getElementById("newId").value=accId;
+            }
+            //鍥剧墖鍔犺浇鍜宑anvas 鐢诲浘
+            function imgShow(accId,accContentType){
+                var imageUrl = "/servlet/servlet.FileDownload?file="+accId;
+                //js鍔ㄦ�佽祴鍊�
+                document.getElementById("j_id0:testImg").src = imageUrl;
+                //js鍔ㄦ�佽祴鍊�
+                document.getElementById("j_id0:testImgOriginal").src = imageUrl;
+                canvas = document.getElementById("canvas");
+                canvas.height=canvas.height; //娓呯┖canvas鐢诲竷
+                pandiv = document.getElementById("pandiv");
+                cxt = canvas.getContext("2d");
+                control = document.getElementById("control");
+                //绛夊緟鍥剧墖鍔犺浇锛岀劧鍚巆anvas  鐢诲竷
+                awaitImge(imageUrl);
+                //鐢ㄤ竴涓殣钘忕殑input鏍囩瀛樻斁褰撳墠椤甸潰灞曠ず鐨勫浘鐗噄d
+                document.getElementById("newId").value=accId;
                //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 start
                 //鐢ㄤ竴涓殣钘忕殑input鏍囩瀛樻斁褰撳墠椤甸潰灞曠ず鐨勫浘鐗囩被鍨�
-				document.getElementById("newContentType").value=accContentType;
+                document.getElementById("newContentType").value=accContentType;
                 //asdf-kjklljk 鐢靛瓙绛炬敹-鎷呭綋鐜妭浼樺寲寮�鍙� 绮剧悽鎶�鏈� wql 2021/08/09 end
-				//绛夊緟鍥剧墖鍔犺浇锛岀劧鍚巆anvas鐢诲浘
-				awaitImge(imageUrl);
-			}
+                //绛夊緟鍥剧墖鍔犺浇锛岀劧鍚巆anvas鐢诲浘
+                awaitImge(imageUrl);
+            }
 
 
-			//棣栧厛鍔犺浇鍥剧墖锛屽啀浣跨敤canvas鐢诲浘
-			function awaitImge(imageUrl){
-				img = new Image();
-				img.src = imageUrl;
-				img.id = "pic";
-				//瀹氫箟涓�涓鏁板嚱鏁帮紝鐢ㄤ簬鍋滄setTimeout寰幆锛岄槻姝㈢▼搴忓彉鎴愭寰幆
-				var counter = 0;
-				//浣跨敤閾惧紡setTimeout()锛屽鏋滄病杈惧埌鏉′欢灏变細鑷姩閲嶆柊璋冪敤涓�涓猻etTimeout
-				var boolImg = setTimeout(function fn(){
-					if(document.getElementById("j_id0:testImg").complete){//鍒ゆ柇鍥剧墖鏄惁鍔犺浇瀹屾垚
-						loadImage();
-						cxt.drawImage(img, imgX, imgY, img.width * imgScale, img.height * imgScale);
-					}else{
-						counter ++;
-						//濡傛灉5鍒嗛挓涔嬪唴鍥剧墖杩樻病鏈夊姞杞藉嚭鏉ワ紝灏卞仠姝etTimeout
-						if(counter <= 30000){
-							setTimeout(fn,16);
-						}else{
-							clearTimeout(boolImg);//鍋滄瀹氭椂浠诲姟
-						}
-					}
-				},10);
-			}
-			//鐐瑰嚮鎴栦笅涓�琛屾椂锛岃〃鏍艰鍙樿壊
-			function changeColor(accId){
-				var trs=[];
-				var trs1=[];
-				var identifier=document.getElementById("identifier").value;
-				var identifier2=document.getElementById("identifier2").value;
-				
-				if(identifier =='缁忛攢鍟�'){
-					trs = document.getElementById('tableHeader_L').getElementsByTagName('tr');
-					for(var i = 1;i<trs.length;i++){
-						var onId = trs[i].cells[2].innerText.trim();
-						if(onId == accId){
-							trs[i].style.backgroundColor = "#e3f3ff";
-						}else{
-							trs[i].style.backgroundColor = "#fff";
-						}
-					}
-				}
-				if(identifier2 =='鍖婚櫌'){
-					trs1 = document.getElementById('tableHeader_M').getElementsByTagName('tr');
-					for(var j = 1;j<trs1.length;j++){
-					var onId = trs1[j].cells[2].innerText.trim();
-					if(onId == accId){
-						trs1[j].style.backgroundColor = "#e3f3ff";
-					}else{
-						trs1[j].style.backgroundColor = "#fff";
-					}
-				}
-				}
-			}
-			//鍏抽棴鎸夐挳
-			function closePop(){
-				debugger
-				var eSignFormAutoSign = "{!eSignForm.agencyAutoSignUpStatus__c}";
-				var eSignFormHPSign = "{!eSignForm.HPSignUpStatus__c}";
-				if(eSignFormAutoSign!="鐢宠涓�"&&eSignFormHPSign!="鐢宠涓�"){
-					closePreview();
-				}else{
-					if(eSignFormAutoSign=="鐢宠涓�"&&eSignFormHPSign=="鐢宠涓�"){
-						// var accContentType = document.getElementById("newContentType").value;
-						// if(accContentType=="缁忛攢鍟�"){
-							JinXiaoShang();
-						// }else if(accContentType=="鍖婚櫌"){
-						// 	YiYuan();
-						// }
-					}else if(eSignFormAutoSign=="鐢宠涓�"&&eSignFormHPSign!="鐢宠涓�"){
-						JinXiaoShang();
-					}else if(eSignFormAutoSign!="鐢宠涓�"&&eSignFormHPSign=="鐢宠涓�"){
-						YiYuan();
-					}
-				}
-			}
-			//缁忛攢鍟嗗鏍�
-			function JinXiaoShang(){
-				//褰撳墠鐢ㄦ埛鐧诲綍id
-				var userId = "{!CASESAFEID($User.Id)}";
-						//褰撳墠鐢ㄦ埛绠�妗d
-						var ProfileId = "{!$Profile.Id}";
-						//鍏堝垽鏂槸鍚︿负闆嗛噰璇�
-						var Group_purchase_PCL ;
-						var Group_purchase_PCLFlag = "{!eSignForm.Group_purchase_PCL__c}";
-						if(Group_purchase_PCLFlag=='true'){
-							Group_purchase_PCL = '闆嗛噰璇�';
-						}else{
-							Group_purchase_PCL = "{!eSignForm.OCM_man_province_cus__c}";
-						}
-						//妫�绱CSM绠$悊鐪� 涓婄殑钀ヤ笟绠$悊閮ㄦ媴褰�
-						var sql = "select id, Name, SalesManage__c from OCM_Management_Province__c where Name = "+"\'"+Group_purchase_PCL+"\'";
-						sforce.connection.sessionId聽=聽'{!$Api.Session_ID}';
-						var ocsmResult = sforce.connection.query(sql);
-						var ocsm = ocsmResult.getArray("records");
-						//钀ヤ笟绠$悊閮ㄦ媴褰搃d
-						var salesManage;
-						if (ocsm) {
-						salesManage = ocsm[0].SalesManage__c;
-						}
-						//鐢靛瓙绛炬敹鍗昳d
-						var id = "{!eSignForm.Id}";
-						//new 涓�涓璞�
-						var eSignForm;
-						//缁忛攢鍟嗙姸鎬�
-						var status = "{!eSignForm.agencyAutoSignUpStatus__c}";
-						if(ProfileId!=undefined){
-							ProfileId=ProfileId.substring(0,15);
-						}
-						if (salesManage || ProfileId == '00e10000000Y3o5') {
-							if (salesManage != userId && ProfileId != '00e10000000Y3o5') {
-								// alert('鎮ㄥ彧鑳藉鎵硅惀涓氱鐞嗛儴鎷呭綋鏄嚜宸辩殑绛炬敹鍗曪紒');
-								closePreview();
-								return;
-							} else if (status != '鐢宠涓�') {
-								// alert('鎮ㄥ彧鑳藉鎵圭敵璇蜂腑鐨勭鏀跺崟锛�')
-								closePreview();
-								return;
-							} else if (!'{!eSignForm.agencySignUpDate__c}') {
-								// alert('缁忛攢鍟嗙鏀舵棩涓虹┖鏃讹紝涓嶅彲浠ョ‘璁わ紒');
-								closePreview();
-								return;
-							}else{
-								if(confirm("鏄惁瀹℃牳?")){
-									window.open ('/apex/AgencyConfirmPage?id='+"{!eSignForm.Id}", '缁忛攢鍟嗙‘璁�',
-									'height=440, width=750, top=150, left=300, toolbar=no, menubar=no, scrollbars=no, location=no, status=no');
-								}else{
-									hiddenImge();
-									//鍏抽棴鎸夐挳灞曠ず onClose
-									document.getElementById("onCloseId").style.display='none';
-								}
-							}
-						}
-			}
-			//鍖婚櫌瀹℃牳
-			function YiYuan(){
-				//褰撳墠鐢ㄦ埛鐧诲綍id
-				var userId = "{!CASESAFEID($User.Id)}";
-				//褰撳墠鐢ㄦ埛绠�妗d
-				var ProfileId = "{!$Profile.Id}";
-				//鍏堝垽鏂槸鍚︿负闆嗛噰璇�
-				var Group_purchase_PCL ;
-				var Group_purchase_PCLFlag = "{!eSignForm.Group_purchase_PCL__c}";
-				if(Group_purchase_PCLFlag=='true'){
-					Group_purchase_PCL = '闆嗛噰璇�';
-				}else{
-					Group_purchase_PCL = "{!eSignForm.OCM_man_province_cus__c}";
-				}
-				//妫�绱CSM绠$悊鐪� 涓婄殑钀ヤ笟绠$悊閮ㄦ媴褰�
-				var sql = "select id, Name, SalesManage__c from OCM_Management_Province__c where Name = "+"\'"+Group_purchase_PCL+"\'";
-				sforce.connection.sessionId聽=聽'{!$Api.Session_ID}';
-				var ocsmResult = sforce.connection.query(sql);
-				var ocsm = ocsmResult.getArray("records");
-				//钀ヤ笟绠$悊閮ㄦ媴褰搃d
-				var salesManage;
-				if (ocsm) {
-					salesManage = ocsm[0].SalesManage__c;
-				}
+            //棣栧厛鍔犺浇鍥剧墖锛屽啀浣跨敤canvas鐢诲浘
+            function awaitImge(imageUrl){
+                img = new Image();
+                img.src = imageUrl;
+                img.id = "pic";
+                //瀹氫箟涓�涓鏁板嚱鏁帮紝鐢ㄤ簬鍋滄setTimeout寰幆锛岄槻姝㈢▼搴忓彉鎴愭寰幆
+                var counter = 0;
+                //浣跨敤閾惧紡setTimeout()锛屽鏋滄病杈惧埌鏉′欢灏变細鑷姩閲嶆柊璋冪敤涓�涓猻etTimeout
+                var boolImg = setTimeout(function fn(){
+                    if(document.getElementById("j_id0:testImg").complete){//鍒ゆ柇鍥剧墖鏄惁鍔犺浇瀹屾垚
+                        loadImage();
+                        cxt.drawImage(img, imgX, imgY, img.width * imgScale, img.height * imgScale);
+                    }else{
+                        counter ++;
+                        //濡傛灉5鍒嗛挓涔嬪唴鍥剧墖杩樻病鏈夊姞杞藉嚭鏉ワ紝灏卞仠姝etTimeout
+                        if(counter <= 30000){
+                            setTimeout(fn,16);
+                        }else{
+                            clearTimeout(boolImg);//鍋滄瀹氭椂浠诲姟
+                        }
+                    }
+                },10);
+            }
+            //鐐瑰嚮鎴栦笅涓�琛屾椂锛岃〃鏍艰鍙樿壊
+            function changeColor(accId){
+                var trs=[];
+                var trs1=[];
+                var identifier=document.getElementById("identifier").value;
+                var identifier2=document.getElementById("identifier2").value;
+                
+                if(identifier =='缁忛攢鍟�'){
+                    trs = document.getElementById('tableHeader_L').getElementsByTagName('tr');
+                    for(var i = 1;i<trs.length;i++){
+                        var onId = trs[i].cells[2].innerText.trim();
+                        if(onId == accId){
+                            trs[i].style.backgroundColor = "#e3f3ff";
+                        }else{
+                            trs[i].style.backgroundColor = "#fff";
+                        }
+                    }
+                }
+                if(identifier2 =='鍖婚櫌'){
+                    trs1 = document.getElementById('tableHeader_M').getElementsByTagName('tr');
+                    for(var j = 1;j<trs1.length;j++){
+                    var onId = trs1[j].cells[2].innerText.trim();
+                    if(onId == accId){
+                        trs1[j].style.backgroundColor = "#e3f3ff";
+                    }else{
+                        trs1[j].style.backgroundColor = "#fff";
+                    }
+                }
+                }
+            }
+            //鍏抽棴鎸夐挳
+            function closePop(){
+                debugger
+                var eSignFormAutoSign = "{!eSignForm.agencyAutoSignUpStatus__c}";
+                var eSignFormHPSign = "{!eSignForm.HPSignUpStatus__c}";
+                if(eSignFormAutoSign!="鐢宠涓�"&&eSignFormHPSign!="鐢宠涓�"){
+                    closePreview();
+                }else{
+                    if(eSignFormAutoSign=="鐢宠涓�"&&eSignFormHPSign=="鐢宠涓�"){
+                        // var accContentType = document.getElementById("newContentType").value;
+                        // if(accContentType=="缁忛攢鍟�"){
+                            JinXiaoShang();
+                        // }else if(accContentType=="鍖婚櫌"){
+                        //  YiYuan();
+                        // }
+                    }else if(eSignFormAutoSign=="鐢宠涓�"&&eSignFormHPSign!="鐢宠涓�"){
+                        JinXiaoShang();
+                    }else if(eSignFormAutoSign!="鐢宠涓�"&&eSignFormHPSign=="鐢宠涓�"){
+                        YiYuan();
+                    }
+                }
+            }
+            //缁忛攢鍟嗗鏍�
+            function JinXiaoShang(){
+                //褰撳墠鐢ㄦ埛鐧诲綍id
+                var userId = "{!CASESAFEID($User.Id)}";
+                        //褰撳墠鐢ㄦ埛绠�妗d
+                        var ProfileId = "{!$Profile.Id}";
+                        //鍏堝垽鏂槸鍚︿负闆嗛噰璇�
+                        var Group_purchase_PCL ;
+                        var Group_purchase_PCLFlag = "{!eSignForm.Group_purchase_PCL__c}";
+                        if(Group_purchase_PCLFlag=='true'){
+                            Group_purchase_PCL = '闆嗛噰璇�';
+                        }else{
+                            Group_purchase_PCL = "{!eSignForm.OCM_man_province_cus__c}";
+                        }
+                        //妫�绱CSM绠$悊鐪� 涓婄殑钀ヤ笟绠$悊閮ㄦ媴褰�
+                        var sql = "select id, Name, SalesManage__c from OCM_Management_Province__c where Name = "+"\'"+Group_purchase_PCL+"\'";
+                        sforce.connection.sessionId聽=聽'{!$Api.Session_ID}';
+                        var ocsmResult = sforce.connection.query(sql);
+                        var ocsm = ocsmResult.getArray("records");
+                        //钀ヤ笟绠$悊閮ㄦ媴褰搃d
+                        var salesManage;
+                        if (ocsm) {
+                        salesManage = ocsm[0].SalesManage__c;
+                        }
+                        //鐢靛瓙绛炬敹鍗昳d
+                        var id = "{!eSignForm.Id}";
+                        //new 涓�涓璞�
+                        var eSignForm;
+                        //缁忛攢鍟嗙姸鎬�
+                        var status = "{!eSignForm.agencyAutoSignUpStatus__c}";
+                        if(ProfileId!=undefined){
+                            ProfileId=ProfileId.substring(0,15);
+                        }
+                        if (salesManage || ProfileId == '00e10000000Y3o5') {
+                            if (salesManage != userId && ProfileId != '00e10000000Y3o5') {
+                                // alert('鎮ㄥ彧鑳藉鎵硅惀涓氱鐞嗛儴鎷呭綋鏄嚜宸辩殑绛炬敹鍗曪紒');
+                                closePreview();
+                                return;
+                            } else if (status != '鐢宠涓�') {
+                                // alert('鎮ㄥ彧鑳藉鎵圭敵璇蜂腑鐨勭鏀跺崟锛�')
+                                closePreview();
+                                return;
+                            } else if (!'{!eSignForm.agencySignUpDate__c}') {
+                                // alert('缁忛攢鍟嗙鏀舵棩涓虹┖鏃讹紝涓嶅彲浠ョ‘璁わ紒');
+                                closePreview();
+                                return;
+                            }else{
+                                if(confirm("鏄惁瀹℃牳?")){
+                                    window.open ('/apex/AgencyConfirmPage?id='+"{!eSignForm.Id}", '缁忛攢鍟嗙‘璁�',
+                                    'height=440, width=750, top=150, left=300, toolbar=no, menubar=no, scrollbars=no, location=no, status=no');
+                                }else{
+                                    hiddenImge();
+                                    //鍏抽棴鎸夐挳灞曠ず onClose
+                                    document.getElementById("onCloseId").style.display='none';
+                                }
+                            }
+                        }
+            }
+            //鍖婚櫌瀹℃牳
+            function YiYuan(){
+                //褰撳墠鐢ㄦ埛鐧诲綍id
+                var userId = "{!CASESAFEID($User.Id)}";
+                //褰撳墠鐢ㄦ埛绠�妗d
+                var ProfileId = "{!$Profile.Id}";
+                //鍏堝垽鏂槸鍚︿负闆嗛噰璇�
+                var Group_purchase_PCL ;
+                var Group_purchase_PCLFlag = "{!eSignForm.Group_purchase_PCL__c}";
+                if(Group_purchase_PCLFlag=='true'){
+                    Group_purchase_PCL = '闆嗛噰璇�';
+                }else{
+                    Group_purchase_PCL = "{!eSignForm.OCM_man_province_cus__c}";
+                }
+                //妫�绱CSM绠$悊鐪� 涓婄殑钀ヤ笟绠$悊閮ㄦ媴褰�
+                var sql = "select id, Name, SalesManage__c from OCM_Management_Province__c where Name = "+"\'"+Group_purchase_PCL+"\'";
+                sforce.connection.sessionId聽=聽'{!$Api.Session_ID}';
+                var ocsmResult = sforce.connection.query(sql);
+                var ocsm = ocsmResult.getArray("records");
+                //钀ヤ笟绠$悊閮ㄦ媴褰搃d
+                var salesManage;
+                if (ocsm) {
+                    salesManage = ocsm[0].SalesManage__c;
+                }
 
-				//鐢靛瓙绛炬敹鍗昳d
-				var id = "{!eSignForm.Id}";
-				//new 涓�涓璞�
-				var eSignForm;
-				//鍖婚櫌鐘舵��
-				var status = "{!eSignForm.HPSignUpStatus__c}";
-				//閿�鍞笭閬�
-				var sales_Root_Formula = "{!eSignForm.Sales_Root_Formula__c}";
-				if(ProfileId!=undefined){
-					ProfileId=ProfileId.substring(0,15);
-				}
-				if (salesManage || ProfileId == '00e10000000Y3o5') {
-					if (salesManage != userId && ProfileId != '00e10000000Y3o5') {
-						// alert('鎮ㄥ彧鑳藉鎵硅惀涓氱鐞嗛儴鎷呭綋鏄嚜宸辩殑绛炬敹鍗曪紒');
-						closePreview();
-						return;
-					} else if (status != '鐢宠涓�') {
-						// alert('鎮ㄥ彧鑳藉鎵圭敵璇蜂腑鐨勭鏀跺崟锛�')
-						closePreview();
-						return;
-					} else if (!'{!eSignForm.HPSignUpDate__c}') {
-						// alert('鍖婚櫌绛炬敹鏃ヤ负绌烘椂锛屼笉鍙互纭锛�');
-						closePreview();
-						return;
-					}else{
-						if(sales_Root_Formula == 'OCM鐩存帴璨╁2'){
-							if(confirm("鏄惁瀹℃牳?")){
-								window.open ('/apex/HPDirectSalesConfirmPage?id='+"{!eSignForm.Id}", '鍖婚櫌纭',
-								'height=340, width=600, top=200, left=400, toolbar=no, menubar=no, scrollbars=no, location=no, status=no');
-							}else{
-								hiddenImge();
-								//鍏抽棴鎸夐挳灞曠ず onClose
-								document.getElementById("onCloseId").style.display='none';
-							}
-						}else{
-							if(confirm("鏄惁瀹℃牳?")){
-								window.open ('/apex/HPConfirmPage?id='+"{!eSignForm.Id}", '鍖婚櫌纭',
-								'height=340, width=600, top=200, left=400, toolbar=no, menubar=no, scrollbars=no, location=no, status=no');
-							}else{
-								hiddenImge();
-								//鍏抽棴鎸夐挳灞曠ず onClose
-								document.getElementById("onCloseId").style.display='none';
-							}
-						}
-					}
-				}
-			}
-			//鍏抽棴棰勮鎻愮ず妗�
-			function closePreview(){
-				if(confirm("鐪熺殑瑕佸叧闂悧?")){
-					hiddenImge();
-					//鍏抽棴鎸夐挳灞曠ず onClose
-					document.getElementById("onCloseId").style.display='none';
-					debugger
-				}
-			}
-			//鐐瑰嚮鍏抽棴鎸夐挳锛岄渶瑕佹妸鍙宠竟鐨勮瘯鍥鹃殣钘�
-			function hiddenImge(){
-				canvas = document.getElementById("canvas");
-				canvas.height=canvas.height; //娓呯┖canvas鐢诲竷
+                //鐢靛瓙绛炬敹鍗昳d
+                var id = "{!eSignForm.Id}";
+                //new 涓�涓璞�
+                var eSignForm;
+                //鍖婚櫌鐘舵��
+                var status = "{!eSignForm.HPSignUpStatus__c}";
+                //閿�鍞笭閬�
+                var sales_Root_Formula = "{!eSignForm.Sales_Root_Formula__c}";
+                if(ProfileId!=undefined){
+                    ProfileId=ProfileId.substring(0,15);
+                }
+                if (salesManage || ProfileId == '00e10000000Y3o5') {
+                    if (salesManage != userId && ProfileId != '00e10000000Y3o5') {
+                        // alert('鎮ㄥ彧鑳藉鎵硅惀涓氱鐞嗛儴鎷呭綋鏄嚜宸辩殑绛炬敹鍗曪紒');
+                        closePreview();
+                        return;
+                    } else if (status != '鐢宠涓�') {
+                        // alert('鎮ㄥ彧鑳藉鎵圭敵璇蜂腑鐨勭鏀跺崟锛�')
+                        closePreview();
+                        return;
+                    } else if (!'{!eSignForm.HPSignUpDate__c}') {
+                        // alert('鍖婚櫌绛炬敹鏃ヤ负绌烘椂锛屼笉鍙互纭锛�');
+                        closePreview();
+                        return;
+                    }else{
+                        if(sales_Root_Formula == 'OCM鐩存帴璨╁2'){
+                            if(confirm("鏄惁瀹℃牳?")){
+                                window.open ('/apex/HPDirectSalesConfirmPage?id='+"{!eSignForm.Id}", '鍖婚櫌纭',
+                                'height=340, width=600, top=200, left=400, toolbar=no, menubar=no, scrollbars=no, location=no, status=no');
+                            }else{
+                                hiddenImge();
+                                //鍏抽棴鎸夐挳灞曠ず onClose
+                                document.getElementById("onCloseId").style.display='none';
+                            }
+                        }else{
+                            if(confirm("鏄惁瀹℃牳?")){
+                                window.open ('/apex/HPConfirmPage?id='+"{!eSignForm.Id}", '鍖婚櫌纭',
+                                'height=340, width=600, top=200, left=400, toolbar=no, menubar=no, scrollbars=no, location=no, status=no');
+                            }else{
+                                hiddenImge();
+                                //鍏抽棴鎸夐挳灞曠ず onClose
+                                document.getElementById("onCloseId").style.display='none';
+                            }
+                        }
+                    }
+                }
+            }
+            //鍏抽棴棰勮鎻愮ず妗�
+            function closePreview(){
+                if(confirm("鐪熺殑瑕佸叧闂悧?")){
+                    hiddenImge();
+                    //鍏抽棴鎸夐挳灞曠ず onClose
+                    document.getElementById("onCloseId").style.display='none';
+                    debugger
+                }
+            }
+            //鐐瑰嚮鍏抽棴鎸夐挳锛岄渶瑕佹妸鍙宠竟鐨勮瘯鍥鹃殣钘�
+            function hiddenImge(){
+                canvas = document.getElementById("canvas");
+                canvas.height=canvas.height; //娓呯┖canvas鐢诲竷
 
-				// 闅愯棌鍙宠竟鐨勫浘鐗囧睍绀�
-				let popDiv = document.getElementById("pandiv");
-				popDiv.style.display = "none";
-				
-				//涓婁竴寮犲拰涓嬩竴寮犻殣钘�
-				$(".left").hide();
-				$(".right").hide();
+                // 闅愯棌鍙宠竟鐨勫浘鐗囧睍绀�
+                let popDiv = document.getElementById("pandiv");
+                popDiv.style.display = "none";
+                
+                //涓婁竴寮犲拰涓嬩竴寮犻殣钘�
+                $(".left").hide();
+                $(".right").hide();
 
-				document.getElementById("blankId").style.display='block';
-				document.getElementById("imgeDiv").style.display='none';
-			}
+                document.getElementById("blankId").style.display='block';
+                document.getElementById("imgeDiv").style.display='none';
+            }
 
-			function showImge(){
-				document.getElementById("contentId").style.display = "block";
-				document.getElementById("canvas").style.display = "block";
-				canvas = document.getElementById("canvas");
-				// canvas.height=canvas.height; //娓呯┖canvas鐢诲竷
-				canvas.height=screen.availHeight*0.65;
-				let popDiv = document.getElementById("pandiv");
-				popDiv.style.display = "block";
-				//涓婁竴寮犲拰涓嬩竴寮犳樉绀�
-				$(".left").show();
-				$(".right").show();
-				//鏌ョ湅鍘熷浘閾炬帴鍙栨秷闅愯棌
-				$("#ViewOriginal").show();
-				//鍏抽棴鈥滄殏鏃跺彧鏀寔鍥剧墖鏂囦欢鐨勯瑙堚�濇枃瀛楁彁绀�
-				document.getElementById("fontpdf").style.display = "none";
-			}
+            function showImge(){
+                document.getElementById("contentId").style.display = "block";
+                document.getElementById("canvas").style.display = "block";
+                canvas = document.getElementById("canvas");
+                // canvas.height=canvas.height; //娓呯┖canvas鐢诲竷
+                canvas.height=screen.availHeight*0.65;
+                let popDiv = document.getElementById("pandiv");
+                popDiv.style.display = "block";
+                //涓婁竴寮犲拰涓嬩竴寮犳樉绀�
+                $(".left").show();
+                $(".right").show();
+                //鏌ョ湅鍘熷浘閾炬帴鍙栨秷闅愯棌
+                $("#ViewOriginal").show();
+                //鍏抽棴鈥滄殏鏃跺彧鏀寔鍥剧墖鏂囦欢鐨勯瑙堚�濇枃瀛楁彁绀�
+                document.getElementById("fontpdf").style.display = "none";
+            }
 
-			//澧炲姞pdf鍏抽棴鎸夐挳  绮剧悽鎶�鏈� thh 2021-09-27 start
-			function showPdf(){
-				document.getElementById("canvas").style.display = "none";
-				//鏄剧ず鈥滄殏鏃跺彧鏀寔鍥剧墖鏂囦欢鐨勯瑙堚��
-				let fontpdf = document.getElementById("fontpdf");
-				fontpdf.style.display = "block";
-				// 闅愯棌鍙宠竟鐨勫浘鐗囧睍绀�
-				let popDiv = document.getElementById("pandiv");
-				popDiv.style.display = "none";
-				document.getElementById("contentId").style.display = "none";
-				//涓婁竴寮犲拰涓嬩竴寮犻殣钘�
-				$(".left").hide();
-				$(".right").hide();
-				$("#ViewOriginal").hide();
-			}
-			//澧炲姞pdf鍏抽棴鎸夐挳  绮剧悽鎶�鏈� thh 2021-09-27 end
+            //澧炲姞pdf鍏抽棴鎸夐挳  绮剧悽鎶�鏈� thh 2021-09-27 start
+            function showPdf(){
+                document.getElementById("canvas").style.display = "none";
+                //鏄剧ず鈥滄殏鏃跺彧鏀寔鍥剧墖鏂囦欢鐨勯瑙堚��
+                let fontpdf = document.getElementById("fontpdf");
+                fontpdf.style.display = "block";
+                // 闅愯棌鍙宠竟鐨勫浘鐗囧睍绀�
+                let popDiv = document.getElementById("pandiv");
+                popDiv.style.display = "none";
+                document.getElementById("contentId").style.display = "none";
+                //涓婁竴寮犲拰涓嬩竴寮犻殣钘�
+                $(".left").hide();
+                $(".right").hide();
+                $("#ViewOriginal").hide();
+            }
+            //澧炲姞pdf鍏抽棴鎸夐挳  绮剧悽鎶�鏈� thh 2021-09-27 end
 
-			// windowToCanvas姝ゆ柟娉曠敤浜庨紶鏍囨墍鍦ㄧ偣鐨勫潗鏍囧垏鎹㈠埌鐢诲竷涓婄殑鍧愭爣
-			function windowToCanvas(canvas, x, y) {
-			 var bbox = canvas.getBoundingClientRect();
-			 return {
-			  x : x - bbox.left - (bbox.width - canvas.width) / 2,
-			  y : y - bbox.top - (bbox.height - canvas.height) / 2
-			 };
-			}
-			  
-			function isPointInImageArea(point) {
-			 return true;
-			}
-			function isPointInCanvasArea(point) {
-			 return true;
-			}
-			function isDivArea(point) {
-			 return true;
-			}
-			  
-			canvas.onmousewheel = canvas.onwheel = function(event) {
-			 var pos = windowToCanvas(canvas, event.clientX, event.clientY);
-			 event.wheelDelta = event.wheelDelta ? event.wheelDelta
-			   : (event.deltaY * (-40));
-			  
-			 if (event.wheelDelta > 0) {
-			  
-			  if (isPointInImageArea(pos)) {
-			   imgScale *= 2;
-			   
-			   imgX = (canvas.width - img.width * imgScale) / 2
-			   imgY = (canvas.height - img.height * imgScale) / 2
-			  } else {
-			   imgScale *= 2;
-			   
-			   imgX = (canvas.width - img.width * imgScale) / 2
-			   imgY = (canvas.height - img.height * imgScale) / 2
-			  }
-			 } else {
-			  
-			  if (isPointInImageArea(pos)) {
-			   imgScale /= 2;
-			   
-			   imgX = (canvas.width - img.width * imgScale) / 2
-			   imgY = (canvas.height - img.height * imgScale) / 2
-			  } else {
-			   imgScale /= 2;
-			   
-			   imgX = (canvas.width - img.width * imgScale) / 2
-			   imgY = (canvas.height - img.height * imgScale) / 2
-			  }
-			 }
-			 drawImage();
-			 return false;
-			}
-			  
-			/**鏃嬭浆angle搴�*/
-			function rateImage(angle) {
-				debugger
-			 currentRate = (currentRate + angle) % 360;
-			  
-			 cxt.clearRect(0, 0, canvas.width, canvas.height);
+            // windowToCanvas姝ゆ柟娉曠敤浜庨紶鏍囨墍鍦ㄧ偣鐨勫潗鏍囧垏鎹㈠埌鐢诲竷涓婄殑鍧愭爣
+            function windowToCanvas(canvas, x, y) {
+             var bbox = canvas.getBoundingClientRect();
+             return {
+              x : x - bbox.left - (bbox.width - canvas.width) / 2,
+              y : y - bbox.top - (bbox.height - canvas.height) / 2
+             };
+            }
+              
+            function isPointInImageArea(point) {
+             return true;
+            }
+            function isPointInCanvasArea(point) {
+             return true;
+            }
+            function isDivArea(point) {
+             return true;
+            }
+              
+            canvas.onmousewheel = canvas.onwheel = function(event) {
+             var pos = windowToCanvas(canvas, event.clientX, event.clientY);
+             event.wheelDelta = event.wheelDelta ? event.wheelDelta
+               : (event.deltaY * (-40));
+              
+             if (event.wheelDelta > 0) {
+              
+              if (isPointInImageArea(pos)) {
+               imgScale *= 2;
+               
+               imgX = (canvas.width - img.width * imgScale) / 2
+               imgY = (canvas.height - img.height * imgScale) / 2
+              } else {
+               imgScale *= 2;
+               
+               imgX = (canvas.width - img.width * imgScale) / 2
+               imgY = (canvas.height - img.height * imgScale) / 2
+              }
+             } else {
+              
+              if (isPointInImageArea(pos)) {
+               imgScale /= 2;
+               
+               imgX = (canvas.width - img.width * imgScale) / 2
+               imgY = (canvas.height - img.height * imgScale) / 2
+              } else {
+               imgScale /= 2;
+               
+               imgX = (canvas.width - img.width * imgScale) / 2
+               imgY = (canvas.height - img.height * imgScale) / 2
+              }
+             }
+             drawImage();
+             return false;
+            }
+              
+            /**鏃嬭浆angle搴�*/
+            function rateImage(angle) {
+                debugger
+             currentRate = (currentRate + angle) % 360;
+              
+             cxt.clearRect(0, 0, canvas.width, canvas.height);
  
-			 cxt.translate(canvas.width / 2, canvas.height / 2);
-			 cxt.save();
-			 cxt.rotate(angle * Math.PI / 180);
-			 cxt.translate(-canvas.width / 2, -canvas.height / 2);
-			 imgScale = 1;
-			 reLoadImage();
-			 drawImage();
-			}
+             cxt.translate(canvas.width / 2, canvas.height / 2);
+             cxt.save();
+             cxt.rotate(angle * Math.PI / 180);
+             cxt.translate(-canvas.width / 2, -canvas.height / 2);
+             imgScale = 1;
+             reLoadImage();
+             drawImage();
+            }
 
-			function reLoadImage() {
-			 loadImage();
-			}
-			  
-			/**榧犳爣鎸変笅*/
-			pandiv.onmousedown = function(event) {
-			 mouseDownLocation = windowToCanvas(canvas, event.clientX, event.clientY);
-			 if (isPointInImageArea(mouseDownLocation)) {
-			  isMouseDown = true;
-			  document.title = '鏌ョ湅闄勪欢';
-			 }
-			}
-			/**榧犳爣寮硅捣*/
-			document.body.onmouseup = function() {
-			 isMouseDown = false;
-			 canvas.style.cursor = "default";
-			 document.title = '鏌ョ湅闄勪欢';
-			}
-			/**榧犳爣绉诲姩*/
-			pandiv.onmousemove = function(event) {
-			 if (isMouseDown) {
-			  canvas.style.cursor = "move";
-			  var newMouseLocation = windowToCanvas(canvas, event.clientX,
-				event.clientY);
-			  if (isDivArea({
-			   x : event.clientX,
-			   y : event.clientY
-			  })) {
-			   var x = newMouseLocation.x - mouseDownLocation.x;
-			   var y = newMouseLocation.y - mouseDownLocation.y;
-			   mouseDownLocation = newMouseLocation;
-			   /**鏍规嵁瑙掑害锛岃绠楀浘鐗囧亸绉�*/
-			   if (0 == currentRate) {
-				imgX += x;
-				imgY += y;
-			   } else if (90 == currentRate) {
-				imgX += y;
-				imgY -= x;
-			   } else if (180 == currentRate) {
-				imgX -= x;
-				imgY -= y;
-			   } else if (270 == currentRate) {
-				imgX -= y;
-				imgY += x;
-			   }
-			  } else {
-			   /** 榧犳爣绉诲姩鑷崇敾甯冭寖鍥村锛岀疆榧犳爣寮硅捣 */
-			   isMouseDown = false;
-			   canvas.style.cursor = "default";
-			   document.title = 'mouse up';
-			  }
-			  drawImage();
-			 }
-			}
-			pandiv.onmouseover = function() {
-			 control.style.display = "block";
-			}
-			canvas.onmouseout = function() {
-			 control.style.display = "none";
-			}
+            function reLoadImage() {
+             loadImage();
+            }
+              
+            /**榧犳爣鎸変笅*/
+            pandiv.onmousedown = function(event) {
+             mouseDownLocation = windowToCanvas(canvas, event.clientX, event.clientY);
+             if (isPointInImageArea(mouseDownLocation)) {
+              isMouseDown = true;
+              document.title = '鏌ョ湅闄勪欢';
+             }
+            }
+            /**榧犳爣寮硅捣*/
+            document.body.onmouseup = function() {
+             isMouseDown = false;
+             canvas.style.cursor = "default";
+             document.title = '鏌ョ湅闄勪欢';
+            }
+            /**榧犳爣绉诲姩*/
+            pandiv.onmousemove = function(event) {
+             if (isMouseDown) {
+              canvas.style.cursor = "move";
+              var newMouseLocation = windowToCanvas(canvas, event.clientX,
+                event.clientY);
+              if (isDivArea({
+               x : event.clientX,
+               y : event.clientY
+              })) {
+               var x = newMouseLocation.x - mouseDownLocation.x;
+               var y = newMouseLocation.y - mouseDownLocation.y;
+               mouseDownLocation = newMouseLocation;
+               /**鏍规嵁瑙掑害锛岃绠楀浘鐗囧亸绉�*/
+               if (0 == currentRate) {
+                imgX += x;
+                imgY += y;
+               } else if (90 == currentRate) {
+                imgX += y;
+                imgY -= x;
+               } else if (180 == currentRate) {
+                imgX -= x;
+                imgY -= y;
+               } else if (270 == currentRate) {
+                imgX -= y;
+                imgY += x;
+               }
+              } else {
+               /** 榧犳爣绉诲姩鑷崇敾甯冭寖鍥村锛岀疆榧犳爣寮硅捣 */
+               isMouseDown = false;
+               canvas.style.cursor = "default";
+               document.title = 'mouse up';
+              }
+              drawImage();
+             }
+            }
+            pandiv.onmouseover = function() {
+             control.style.display = "block";
+            }
+            canvas.onmouseout = function() {
+             control.style.display = "none";
+            }
 
-			//鍔犺浇鍥剧墖
-			function loadImage() {
-			 if (img.width <= canvas.width && img.height <= canvas.height) {
-			  imgX = (canvas.width - img.width * imgScale) / 2
-			  imgY = (canvas.height - img.height * imgScale) / 2;
-			 } else {
-			  var ratio = img.width / img.height;
-			  widthTime = img.width / canvas.width;
-			  heightTime = img.height / canvas.height;
-			  
-			  if (widthTime > heightTime) {
-			   img.width = canvas.width;
-			  
-			   img.height = canvas.width / ratio;
-			  } else {
-			   img.height = canvas.height;
-			   img.width = canvas.height * ratio;
-			  
-			  }
-			  
-			  imgX = (canvas.width - img.width * imgScale) / 2
-			  imgY = (canvas.height - img.height * imgScale) / 2
-			 }
-			}
+            //鍔犺浇鍥剧墖
+            function loadImage() {
+             if (img.width <= canvas.width && img.height <= canvas.height) {
+              imgX = (canvas.width - img.width * imgScale) / 2
+              imgY = (canvas.height - img.height * imgScale) / 2;
+             } else {
+              var ratio = img.width / img.height;
+              widthTime = img.width / canvas.width;
+              heightTime = img.height / canvas.height;
+              
+              if (widthTime > heightTime) {
+               img.width = canvas.width;
+              
+               img.height = canvas.width / ratio;
+              } else {
+               img.height = canvas.height;
+               img.width = canvas.height * ratio;
+              
+              }
+              
+              imgX = (canvas.width - img.width * imgScale) / 2
+              imgY = (canvas.height - img.height * imgScale) / 2
+             }
+            }
 
-			pandiv.onmouseover = function() {
-				control.style.display = "block";
-			}
-			canvas.onmouseout = function() {
-				control.style.display = "none";
-			}
+            pandiv.onmouseover = function() {
+                control.style.display = "block";
+            }
+            canvas.onmouseout = function() {
+                control.style.display = "none";
+            }
 
-			//鐢变簬鍥剧墖涓嶈兘鐩存帴涓嬭浇(鍙兘棰勮) 鐢ㄦ埛闇�瑕佷繚瀛樺師鍥� 杩欓噷鍋氱畝鍗曞垏鎹� 鐢ㄦ埛鍙﹀瓨涓轰繚瀛樺浘鐗�
-			function ViewOriginalImage(){
-				//鏌ョ湅鍘熷浘鏃讹紝闅愯棌涓嬩竴寮犲拰涓婁竴寮犵殑鏍峰紡
-				$(".left").hide();
-				$(".right").hide();
-			   
-			  //鏌ョ湅鍘熷浘鍙栨秷闅愯棌
-			  document.getElementById("j_id0:testImgOriginal").style.display='block';
-			  //鏌ョ湅棰勮妗嗛殣钘�
-			  document.getElementById("pandiv").style.display='none';
-			  //鏌ョ湅鍘熷浘閾炬帴闅愯棌
-			  $("#ViewOriginal").hide();
-			 $("#Original").show();
-			 //鏌ョ湅棰勮閾炬帴鍙栨秷闅愯棌
-			  $("#ViewPreview").show();
-			  //鍘熷瀹藉害
-			  var nowWidth = document.body.clientWidth;
-			  //鍘熷楂樺害
-			  var nowHeight = document.body.clientHeight;
-			  //濡傛灉鐜板湪鍥剧墖鐨勯珮搴� 澶т簬灞忓箷楂樺害 灏辩粰div璧嬪�奸珮搴� 
-			  //濡傛灉鐜板湪鍥剧墖鐨勫搴� 澶т簬灞忓箷瀹藉害 灏辩粰div璧嬪�煎搴�
-			  if(nowHeight>OriginalHeight){
-				document.getElementById("j_id0:testImgOriginal").style.height = OriginalHeight*0.86+'px';
-			  }else if(nowWidth>OriginalWidth){
-				document.getElementById("j_id0:testImgOriginal").style.width = OriginalWidth*0.86+'px'; //
-			  }
-			}
+            //鐢变簬鍥剧墖涓嶈兘鐩存帴涓嬭浇(鍙兘棰勮) 鐢ㄦ埛闇�瑕佷繚瀛樺師鍥� 杩欓噷鍋氱畝鍗曞垏鎹� 鐢ㄦ埛鍙﹀瓨涓轰繚瀛樺浘鐗�
+            function ViewOriginalImage(){
+                //鏌ョ湅鍘熷浘鏃讹紝闅愯棌涓嬩竴寮犲拰涓婁竴寮犵殑鏍峰紡
+                $(".left").hide();
+                $(".right").hide();
+               
+              //鏌ョ湅鍘熷浘鍙栨秷闅愯棌
+              document.getElementById("j_id0:testImgOriginal").style.display='block';
+              //鏌ョ湅棰勮妗嗛殣钘�
+              document.getElementById("pandiv").style.display='none';
+              //鏌ョ湅鍘熷浘閾炬帴闅愯棌
+              $("#ViewOriginal").hide();
+             $("#Original").show();
+             //鏌ョ湅棰勮閾炬帴鍙栨秷闅愯棌
+              $("#ViewPreview").show();
+              //鍘熷瀹藉害
+              var nowWidth = document.body.clientWidth;
+              //鍘熷楂樺害
+              var nowHeight = document.body.clientHeight;
+              //濡傛灉鐜板湪鍥剧墖鐨勯珮搴� 澶т簬灞忓箷楂樺害 灏辩粰div璧嬪�奸珮搴� 
+              //濡傛灉鐜板湪鍥剧墖鐨勫搴� 澶т簬灞忓箷瀹藉害 灏辩粰div璧嬪�煎搴�
+              if(nowHeight>OriginalHeight){
+                document.getElementById("j_id0:testImgOriginal").style.height = OriginalHeight*0.86+'px';
+              }else if(nowWidth>OriginalWidth){
+                document.getElementById("j_id0:testImgOriginal").style.width = OriginalWidth*0.86+'px'; //
+              }
+            }
 
-			function ViewPreview(){
-				//鏌ョ湅棰勮鏃讹紝鏄剧ず涓嬩竴寮犲拰涓婁竴寮犵殑鏍峰紡
-				$(".left").show();
-				$(".right").show();
-			   //鏌ョ湅鍘熷浘闅愯棌
-			   document.getElementById("j_id0:testImgOriginal").style.display='none';
-			  //鏌ョ湅棰勮妗嗗彇娑堥殣钘�
-			  document.getElementById("pandiv").style.display='block';
-			  //鏌ョ湅鍘熷浘閾炬帴鍙栨秷闅愯棌
-			  $("#ViewOriginal").show();
-			  //鏌ョ湅棰勮閾炬帴闅愯棌
-			  $("#ViewPreview").hide();
-			  $("#Original").hide();
-			}
+            function ViewPreview(){
+                //鏌ョ湅棰勮鏃讹紝鏄剧ず涓嬩竴寮犲拰涓婁竴寮犵殑鏍峰紡
+                $(".left").show();
+                $(".right").show();
+               //鏌ョ湅鍘熷浘闅愯棌
+               document.getElementById("j_id0:testImgOriginal").style.display='none';
+              //鏌ョ湅棰勮妗嗗彇娑堥殣钘�
+              document.getElementById("pandiv").style.display='block';
+              //鏌ョ湅鍘熷浘閾炬帴鍙栨秷闅愯棌
+              $("#ViewOriginal").show();
+              //鏌ョ湅棰勮閾炬帴闅愯棌
+              $("#ViewPreview").hide();
+              $("#Original").hide();
+            }
 
-			//鐢诲浘
-			function drawImage() {
-			  var bbox = canvas.getBoundingClientRect();
-			  cxt.clearRect(-200, -200, canvas.width * 2, canvas.height * 2);
-			  cxt.drawImage(img, imgX, imgY, img.width * imgScale, img.height * imgScale);
-			 }
+            //鐢诲浘
+            function drawImage() {
+              var bbox = canvas.getBoundingClientRect();
+              cxt.clearRect(-200, -200, canvas.width * 2, canvas.height * 2);
+              cxt.drawImage(img, imgX, imgY, img.width * imgScale, img.height * imgScale);
+             }
 
-			//js鍙杣rl鍙傛暟
-			//20201221 liying start
-			function GetQueryValue(queryName) {
-				  var query = decodeURI(window.location.search.substring(1));
-				  var vars = query.split("&");
-				 for (var i = 0; i < vars.length; i++) {
-					 var pair = vars[i].split("=");
-					 if (pair[0] == queryName) { return pair[1]; }
-				 }
-				 return null;
-			 }
-			 //20201221 liying end
+            //js鍙杣rl鍙傛暟
+            //20201221 liying start
+            function GetQueryValue(queryName) {
+                  var query = decodeURI(window.location.search.substring(1));
+                  var vars = query.split("&");
+                 for (var i = 0; i < vars.length; i++) {
+                     var pair = vars[i].split("=");
+                     if (pair[0] == queryName) { return pair[1]; }
+                 }
+                 return null;
+             }
+             //20201221 liying end
 
-			 function fadeIn(ele,speed){
-				var ele=document.getElementById(ele);
-				var opacitynum=ele.style.opacity||0;
-				var speed=(speed/100)||10;
-				function opacityAdd(){
-					if(opacitynum<1){
-						ele.style.opacity=opacitynum=(parseFloat(opacitynum)+0.01).toFixed(2);
-					}else{
-						clearInterval(opacityt);
-					}
-				}
-				var opacityt=setInterval(opacityAdd,speed);
-			}
+             function fadeIn(ele,speed){
+                var ele=document.getElementById(ele);
+                var opacitynum=ele.style.opacity||0;
+                var speed=(speed/100)||10;
+                function opacityAdd(){
+                    if(opacitynum<1){
+                        ele.style.opacity=opacitynum=(parseFloat(opacitynum)+0.01).toFixed(2);
+                    }else{
+                        clearInterval(opacityt);
+                    }
+                }
+                var opacityt=setInterval(opacityAdd,speed);
+            }
    
-		</script>
-	</body>
+        </script>
+    </body>
 </apex:page>
\ No newline at end of file

--
Gitblit v1.9.1