From 17b4d477edf91f55ffce09b2e180c9308431488a Mon Sep 17 00:00:00 2001
From: 黄千龙 <huangqianlong@prec-tech.com>
Date: 星期二, 18 七月 2023 17:09:44 +0800
Subject: [PATCH] hql20230718Page提交

---
 force-app/main/default/pages/MaintenanceContractPCL.page |  179 ++++++++++++++++++++++++++++++-----------------------------
 1 files changed, 90 insertions(+), 89 deletions(-)

diff --git a/force-app/main/default/pages/MaintenanceContractPCL.page b/force-app/main/default/pages/MaintenanceContractPCL.page
index 23280dc..18f648c 100644
--- a/force-app/main/default/pages/MaintenanceContractPCL.page
+++ b/force-app/main/default/pages/MaintenanceContractPCL.page
@@ -3,6 +3,7 @@
 <title>鍛ㄤ細-缁翠慨鍚堝悓</title>
 
 <apex:stylesheet value="{!URLFOR($Resource.blockUIcss)}"/>
+<apex:stylesheet value="{!URLFOR($Resource.StyleUtilCss)}"/>
 <apex:includeScript value="{!URLFOR($Resource.jquery183minjs)}"/>
 <apex:includeScript value="{!URLFOR($Resource.PleaseWaitDialog)}"/>
 <!-- TODO 鐩墠闄や簡markOpp()鏂规硶锛屽叾浠栨柟娉曢�氱敤锛宩s鏀瑰悕涓哄懆浼氬叡閫歫s锛屽悇涓敾闈釜鍒玧s鍐嶈嚜宸卞垱寤簀s -->
@@ -20,25 +21,27 @@
 }
 div#out_Div { /* 銇撱亾銇儤銉冦儉銈掓牸绱� */
   position:relative;
-  overflow: auto;
+  overflow: hidden;
   float:left;
+  width:670px;
 }
 div#out_Div_L {
   position:relative;
-  overflow: auto;
+  overflow: hidden;
   float:left;
 }
 div#in_Div {/* tbody銇屽叆銇c仸銇勩倠銆傘亾銇撱亴銈广偗銉兗銉璞�*/
   position:relative;
-  overflow: auto;
+  overflow: auto;  /*銈广偗銉兗銉儛銉�*/
   float:left;
-  height: auto;/* tbody銈掕〃绀恒仚銈嬮珮銇曘�佸緦銇s銇仸瑾挎暣 */
+  width:670px;
+  height: 300px; /* tbody銈掕〃绀恒仚銈嬮珮銇曘�佸緦銇s銇仸瑾挎暣 */
 }
 div#in_Div_L {
   position:relative;
-  overflow: auto;
+  overflow: hidden;
   float:left;
-  height: auto;
+  height: 300px;
 }
 
 body .pbBody table.list tr.headerRow td {
@@ -55,67 +58,59 @@
   padding:0px 0px 0px 1px; border-width: 0px 0px 1px 0px; vertical-align: middle; word-break:break-all;
 }
 body .pbBody table.list tr.dataRow td.dataCellBorder  {
+  /* 銇勩倝銇亜銆佷娇銇c仸銇勩仾銇� */
   padding:0px 0px 0px 1px; border-width: 0px 0px 1px 0px; vertical-align: middle; word-break:break-all;
 }
 body .pbBody table.list tr.dataRow td.dataCellBorder1 {
   padding:0px 0px 0px 1px;
   border-width: 0px 0px 1px 1px; vertical-align: middle; word-break:break-all;
 }
-/*@-moz-document url-prefix() {
+@-moz-document url-prefix() {
 body .pbBody table.list tr.dataRow td.dataCellBorder1 {padding:0px 0px 0px 0px; border-width: 0px 0px 1px 1px; vertical-align: middle; word-break:break-all;}
-}*/
+}
 
-table.list td {width:50px;}
-.lookupInput{width:150px;}
-table.list td select {width:55%;}
-table.list td input {width:100%;text-align: center}
+table.list td {width:100px;}
+
+table.list td select {width:95%;}
+table.list td input {width:95%;}
 table.list td textarea {
   height:50px;
   width:90%;
 }
-.dataCellBorder1 col_State_Hospital__c 1_col_State_Hospital__c {width:10px;}
+
 table.list .col_Management_Code__c {width:109px;}
 table.list .col_Hospital__c {width:129px;}
-table.list .col_Department__c {width:120px;}
+table.list .col_Department__c {width:129px;}
 
 table.list .col_Name {width:118px;}
 table.list .col_Hospital__r_Salesdepartment_HP__c {width:88px;}
-table.list .col_State_Hospital__c {width:80px;}
-table.list .col_HP_OCM__c {width:80px;}
+table.list .col_State_Hospital__c {width:68px;}
 table.list .col_Status__c {width:88px;}
 table.list .col_Service_Contract_Staff__c {width:118px;}
-table.list .col_Service_contract_number__c {width:100px;}
-table.list .col_Estimate_Trial_Money__c {width:157px;}
+table.list .col_Service_contract_number__c {width:118px;}
+table.list .col_Estimate_Trial_Money__c {width:118px;}
 table.list .col_Status2__c {width:88px;}
-table.list .col_Contract_Amount__c {width:148px;}
 table.list .col_CreatedDate {width:98px;}
-table.list .col_Contract_Start_Date__c {width:88px;}
-table.list .col_Contract_End_Date__c {width:88px;}
-table.list .col_Service_contract_target_number__c {width:78px;}
-/*.list4 td:nth-child(4) {
-      width: 120px;
-    }
-.list4 td:nth-child(10) {
-  width: 150px;
-}*/
+table.list .col_Contract_Start_Date__c {width:95px;}
+table.list .col_Contract_End_Date__c {width:95px;}
+table.list .col_Service_contract_target_number__c {width:118px;}
+
 body .pbBody table.list tr.headerRow td.colViewing {
   /* 銉囥儠銈┿儷銉堝�ゃ�佹渶灏忓寲銈€偆銈炽兂銈掕〃绀� */
-  /*background-image:url('{!URLFOR($Resource.IconResizeMinus_5)}') ;*/
-  /*background-repeat:no-repeat;*/
-}
-body .pbBody{
-    width:3800px;
+  background-image:url('{!URLFOR($Resource.IconResizeMinus_5)}') ;
+  background-repeat:no-repeat;
 }
 body .pbBody table.list tr.headerRow td.colUnHideIcon {
   /* 鏈�澶у寲銈€偆銈炽兂銈掕〃绀� */
-/*  background-image:url('{!URLFOR($Resource.IconResizePlus_5)}');
-  background-repeat:no-repeat;*/
+  background-image:url('{!URLFOR($Resource.IconResizePlus_5)}');
+  background-repeat:no-repeat;
 }
 body .pbBody table.list tr.headerRow td.col_Scroll {width:0px; padding:0px; border-width:0px;}
 body .pbBody table.list tr.dataRow td.col_Scroll {width:0px; padding:0px; border-width:0px;}
 </style>
 <script type="text/javascript">
-
+var heightAjustment = 120;
+var widthAjustment = 30;
 </script>
 </head>
     <apex:form id="allForm">
@@ -137,7 +132,7 @@
                 <table style="border-bottom-width: 0px; font-size:12px;">
                     <tr>
                         <td width="200px">
-                            <apex:commandButton action="{!save}" value="淇濆瓨" rerender="allPanel" onclick="blockme();" oncomplete="unblockUI();" style="height:30px;width:80px;"/>&nbsp;&nbsp;
+                            <apex:commandButton action="{!save}" value="淇濆瓨" rerender="allPanel" onclick="blockme();" oncomplete="unblockUI();" style="height:30px;width:70px;"/>&nbsp;&nbsp;
                             <apex:commandButton value="妫�绱�" onclick="searchOppJs();return false;" style="height:30px;width:70px;"/>
                         </td>
                         <td width="1000px">
@@ -146,7 +141,7 @@
                     </tr>
                 </table>
                 <table style="border-bottom-width: 0px; font-size:12px;">
-                    <tr>
+                    <tr style='height: 50px;'>
                         <td width="250px">鍖婚櫌&nbsp;<apex:inputText value="{!accSearch}" style="width:150px"/>銆�</td>
                         <td width="40px">鍒涘缓浜�</td>
                         <td width="150px"><span><apex:inputText value="{!ownerSearch}" style="width:100px;" /></span></td>
@@ -192,68 +187,68 @@
             </apex:pageBlock>
             
             <apex:pageBlock id="oppBlock" tabStyle="Report">
-                <!-- <apex:pageblocksection columns="1" id="oppSection"> -->
+<!--                <apex:pageblocksection columns="1" id="oppSection">-->
                 <apex:outputPanel >
                     <apex:inputHidden id="oppCount" value="{!oppCount}"/>
-                        <div id="out_Div_L">
-                            <table class="list" style="table-layout:fixed;border-bottom-width: 0px; font-size:11px; border-spacing:0;" border="" id="tableHeader_L">
-                                <tr class="dataRow" height="1px">
-                                <apex:variable value="{!0}" var="cnt" />
-                                <apex:repeat value="{!titleLeft}" var="t">
-                                    <td class="col_{!columnLeftCss[cnt]}" style="width: 140px"></td>
-                                    <apex:variable value="{!cnt + 1}" var="cnt" />
-                                </apex:repeat>
-                                </tr>
-                                <tr class="headerRow" height="30px">
-                                <apex:variable value="{!0}" var="cnt" />
-                                <apex:repeat value="{!titleLeft}" var="t">
-                                    <td class="col_{!columnLeftCss[cnt]}">
-                                        <a href="#" onclick="sortTableJs('{!cnt + 1}');return false;" style="text-decoration: underline;"><apex:outputText value="{!t}"/></a>{!sortOrder[cnt + 1]}
-                                    </td>
-                                    <apex:variable value="{!cnt + 1}" var="cnt" />
-                                </apex:repeat>
-                                </tr>
-                            </table>
-                        </div>
-                    <div id="out_Div">
-                        <table class="list" style="table-layout:fixed;border-bottom-width: 0px; font-size:11px; border-spacing:0;" border="" id="tableHeader">
+                    <div id="out_Div_L">
+                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;" border="" id="tableHeader_L">
                             <tr class="dataRow" height="1px">
                             <apex:variable value="{!0}" var="cnt" />
-                            <apex:repeat value="{!titleRight}" var="t">
-                                <td class="col_{!columnRightCss[cnt]}" style="width: 100px"></td>
+                            <apex:repeat value="{!titleLeft}" var="t">
+                                <td class="col_{!columnLeftCss[cnt]}"></td>
                                 <apex:variable value="{!cnt + 1}" var="cnt" />
                             </apex:repeat>
                             </tr>
                             <tr class="headerRow" height="30px">
                             <apex:variable value="{!0}" var="cnt" />
-                            <apex:repeat value="{!titleRight}" var="t">
-                                <td class="col_{!columnRightCss[cnt]}">
-                                    <a href="#" onclick="sortTableJs('{!cnt + 1+ titleLeft.size}');return false;" style="text-decoration: underline;"><apex:outputText value="{!t}"/></a>{!sortOrder[cnt + 1 + titleLeft.size]}
+                            <apex:repeat value="{!titleLeft}" var="t">
+                                <td class="col_{!columnLeftCss[cnt]}">
+                                    <a href="#" onclick="sortTableJs('{!cnt + 1}');return false;" style="text-decoration: underline;"><apex:outputText value="{!t}"/></a>{!sortOrder[cnt + 1]}
                                 </td>
                                 <apex:variable value="{!cnt + 1}" var="cnt" />
                             </apex:repeat>
                             </tr>
                         </table>
-                    </div>    
-                </apex:outputPanel>
-                <apex:outputPanel>
+                    </div>
+                    <div id="out_Div">
+                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;table-layout: fixed;width:100%;" border="" id="tableHeader">
+                            <tr class="dataRow" height="1px">
+                            <apex:variable value="{!0}" var="cnt" />
+                            <apex:repeat value="{!titleRight}" var="t">
+                                <td class="col_{!columnRightCss[cnt]}"></td>
+                                <apex:variable value="{!cnt + 1}" var="cnt" />
+                            </apex:repeat>
+                            <td id="cell_Scroll" class="col_Scroll"></td>
+                            </tr>
+                            <tr class="headerRow" height="30px">
+                            <apex:variable value="{!0}" var="cnt" />
+                            <apex:repeat value="{!titleRight}" var="t">
+                                <td class="col_{!columnRightCss[cnt]}">
+                                    <a href="#" onclick="sortTableJs('{!cnt + 1 + titleLeft.size}');return false;" style="text-decoration: underline;"><apex:outputText value="{!t}"/></a>{!sortOrder[cnt + 1 + titleLeft.size]}
+                                </td>
+                                <apex:variable value="{!cnt + 1}" var="cnt" />
+                            </apex:repeat>
+                            <td id="cell_Scroll" class="col_Scroll"></td>
+                            </tr>
+                        </table>
+                    </div>    <!-- out_Div -->
                     <div style="clear:both;height:0px;"></div>
                     <div id="in_Div_L">
-                        <table class="list"  style="table-layout:fixed;border-bottom-width: 0px; font-size:11px; border-spacing:0;" border="" id="tableData_L">
+                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;" border="" id="tableData_L">
                             <apex:variable value="{!1}" var="cnt" />
                             <apex:repeat value="{!oppRecords}" var="or" id="oppTable_L">
                                 <tr 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);}">
                                 <apex:variable value="{!0}" var="cnt_2" />
                                 <apex:repeat value="{!columnsLeftApi}" var="c">
-                                    <td class="dataCellBorder1 col_{!columnLeftCss[cnt_2]}" style="width: 140px;text-align:center">
+                                    <td class="dataCellBorder1 col_{!columnLeftCss[cnt_2]}">
                                     <apex:outputPanel rendered="{!(c.size==1 && columnLeftRW[c[0]]=='r')}" layout="none">
-
-                                    <apex:outputPanel rendered="{!c[0]=='Name'}" layout="none">
-                                                                            <apex:outputLink value="/{!or.mc.Id}" target="LINK_{!or.mc.Id}"><apex:outputField value="{!or.mc[c[0]]}" /></apex:outputLink>
-                                    </apex:outputPanel>
-                                    <apex:outputPanel rendered="{!c[0]<>'Name'}" layout="none">
-                                                                            <apex:inputField value="{!or.mc[c[0]]}" onchange="setChangeFlg('{!or.lineNo}')"/>
-                                    </apex:outputPanel>
+<!-- in_Div_L銇瓵ccount鍚嶃伅鐗规畩瀵惧繙銆併儶銉炽偗銇仚銈� -->
+<apex:outputPanel rendered="{!c[0]=='Name'}" layout="none">
+                                        <apex:outputLink value="/{!or.mc.Id}" target="LINK_{!or.mc.Id}"><apex:outputField value="{!or.mc[c[0]]}" /></apex:outputLink>
+</apex:outputPanel>
+<apex:outputPanel rendered="{!c[0]<>'Name'}" layout="none">
+                                        <apex:inputField value="{!or.mc[c[0]]}" onchange="setChangeFlg('{!or.lineNo}')"/>
+</apex:outputPanel>
                                     </apex:outputPanel>
                                     <apex:outputPanel rendered="{!(c.size==2)}" layout="none">
                                         <apex:outputField value="{!or.mc[c[0]][c[1]]}"/>
@@ -273,13 +268,13 @@
                         </table>
                     </div>
                     <div id="in_Div">
-                        <table class="list4" style="table-layout:fixed;border-bottom-width: 0px; font-size:11px; border-spacing:0;" border="" id="tableData">
+                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;table-layout: fixed;width:100%;" border="" id="tableData">
                             <apex:variable value="{!1}" var="cnt" />
                             <apex:repeat value="{!oppRecords}" var="or" id="oppTable">
                                 <tr 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);}">
                                 <apex:variable value="{!0}" var="cnt_3" />
                                 <apex:repeat value="{!columnsRightApi}" var="c">
-                                    <td class="dataCellBorder1 col_{!columnRightCss[cnt_3]} {!cnt}_col_{!columnRightCss[cnt_3]}" style="width: 100px;text-align:center">
+                                    <td class="dataCellBorder1 col_{!columnRightCss[cnt_3]} {!cnt}_col_{!columnRightCss[cnt_3]}">
                                     <apex:outputPanel rendered="{!(c.size==1 && columnRightRW[c[0]]=='r')}" layout="none">
                                         <apex:outputField value="{!or.mc[c[0]]}"/>
                                     </apex:outputPanel>
@@ -290,12 +285,12 @@
                                         <apex:inputField value="{!or.mc[c[0]]}" onchange="setChangeFlg('{!or.lineNo}')"/>
                                     </apex:outputPanel>
                                     <apex:outputPanel rendered="{!(c.size==1 && columnRightRW[c[0]]=='wm')}" layout="none">
-                                        <div class="requiredInput" ><div class="requiredBlock"></div><apex:inputField value="{!or.mc[c[0]]}" onchange="setChangeFlg('{!or.lineNo}')"/></div>
+                                        <div class="requiredInput"><div class="requiredBlock"></div><apex:inputField value="{!or.mc[c[0]]}" onchange="setChangeFlg('{!or.lineNo}')"/></div>
                                     </apex:outputPanel>
                                     <apex:variable value="{!cnt_3 + 1}" var="cnt_3" />
                                     </td>
                                 </apex:repeat>
-                                <!-- <td id="cell_Scroll" class="col_Scroll"> -->
+                                <td id="cell_Scroll" class="col_Scroll">
                                     <apex:inputHidden value="{!or.changeFlg}" id="changeFlg"/>
                                     <script type="text/javascript">
                                         if ("{!or.canEdit}" == "false") {
@@ -321,12 +316,12 @@
                                             j$(leftFirst).css("background-color", "red");
                                         }
                                     </script>
-                                <!-- </td> -->
+                                </td>
                                 </tr>
                                 <apex:variable value="{!cnt + 1}" var="cnt" />
                             </apex:repeat> 
                         </table>
-                    </div>
+                    </div><!-- /in_Div -->
                 </apex:outputPanel>
             </apex:pageBlock>
 <script type="text/javascript">
@@ -339,11 +334,11 @@
             tableWidth += headerCol.width();
         }
     });
-    // j$('table#tableData').css('width', (tableWidth + 100) + 'px');
-    // j$('table#tableHeader').css('width', (tableWidth + 100) + 'px');
+    j$('table#tableData').css('width', (tableWidth + 2) + 'px');
+    j$('table#tableHeader').css('width', (tableWidth + 2) + 'px');
 
     // list 銇� headerRow 銇� td銇� toggleWidth() 銈掕拷鍔�
-    // bindTdToggleWidth();
+    bindTdToggleWidth();
 });
 var elements = document.getElementsByTagName("select");
 for (i = 0; i < elements.length; i++) {
@@ -357,7 +352,7 @@
 for (i = 0; i < input_l.length; i++) {
     var id = input_l[i].id + '_lkid';
     if (document.getElementById(id) != null) {
-        input_l[i].style.width = "75%";
+        input_l[i].style.width = "95%";
     }
 }
 var tbl = document.getElementById("tableData");
@@ -365,9 +360,15 @@
 for (i = 0; i < input.length; i++) {
     var id = input[i].id + '_lkid';
     if (document.getElementById(id) != null) {
-        input[i].style.width = "75%";
+        input[i].style.width = "95%";
     }
 }
+j$('div#in_Div').scroll(function() {
+    j$('div#out_Div').scrollLeft(j$(this).scrollLeft());
+});
+j$('div#in_Div').scroll(function() {
+    j$('div#in_Div_L').scrollTop(j$(this).scrollTop());
+});
 </script>
         </apex:outputPanel>
     </apex:form>

--
Gitblit v1.9.1