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