高章伟
2022-03-10 1312ba82d4c880bdb5357d28e0d4af5b285f610f
force-app/main/default/pages/Ordergoods.page
@@ -7,11 +7,8 @@
       <script type="text/javascript">
           function checkAll() {
             var productCount = j$(escapeVfId('Page:mainForm:productInfoList:Size')).value();
             // alert(productCount);
             if (j$(escapeVfId('checkAll1')).attr('checked') == 'checked') {
                 // alert(productCount);
                 for (var i = 0; i < productCount; i++) {
                    // Page:mainForm:productInfoList:0:rowcheck
                     j$(escapeVfId('Page:mainForm:productInfoList:' + i + ':rowcheck')).attr('checked',true);
                 }
             } else {
@@ -20,13 +17,6 @@
                 }
             }
         }
           // 跳转到查询产品框
           // function searchProduct1(i, str) {
         //    //id="Page:mainForm:block2:productInfoList:1:proModel"
         //    j$(escapeVfId('Page:mainForm:productInfoList:' + (i-1) + ':proModel')).attr('readonly', true);
         //     // j$(escapeVfId('Page:mainForm:block:lists:' + i + ':Assert')).attr('readonly', true);
         //     openPopup('/apex/OrderSearchProduct?lineno=' + i + '&val=' + str, 'setsearch', 950, 450, 'width=950,height=450,scrollbars=yes,toolbar=no,status=no,directories=no,menubar=no,resizable=1', true);
         // }
           // 保存按钮
           function SaveJs() {
@@ -79,103 +69,32 @@
         //add 当收货方为办事处时,收货方地址为办事处地址 2021/11/17 fxk
         function resetDealer() {
            // 收货方
             var ReceivePart = j$(escapeVfId('Page:mainForm:sampleReceivePart')).val();
             var AccAdress = '{!AccName.Address__c}';
            var ReceivePart = j$(escapeVfId('Page:mainForm:sampleReceivePart')).val();
            var AccAdress = '{!AccName.Address__c}';
            var AccPhone = '{!AccName.Phone}';
             if (ReceivePart == '办事处') {
                j$(escapeVfId('Page:mainForm:Address')).val(AccAdress);
            if (ReceivePart == '办事处') {
               j$(escapeVfId('Page:mainForm:Address')).val(AccAdress);
               j$(escapeVfId('Page:mainForm:Phone')).val(AccPhone);
             }else {
                j$(escapeVfId('Page:mainForm:Address')).val('');
            }else {
               j$(escapeVfId('Page:mainForm:Address')).val('');
               j$(escapeVfId('Page:mainForm:Phone')).val('');
               j$(escapeVfId('Page:mainForm:Contact')).val('');
             }
            }
         }
         // function getLastLineNoNext(doc) {
           //     var hasRecordFlg = false;
           //     var lastLineNo = 0;
           //     for(var i=99; i>=0; i--){
           //         if (j$(escapeVfId('Page:mainForm:productInfoList:' + i + ':proModel')).value() != ''){
           //             if (!hasRecordFlg) {
           //                 lastLineNo = i;
           //             }
           //             hasRecordFlg = true;
           //         }
           //         if (hasRecordFlg == true) {
           //             if (j$(escapeVfId('Page:mainForm:productInfoList:' + i + ':proModel')).value() == ''){
           //                 var moveCheckbox = true;
           //                 lastLineNo = i;
           //             }
           //         }
           //     }
           //     if (hasRecordFlg) {
           //         lastLineNo = lastLineNo + 1;
           //     }
           //     return lastLineNo;
           // }
      //    function radioChecker(str) {
       //    //error初期化
       //    var lastLineNoNext = getLastLineNoNext(document);
       //    try {
        //       var hasCheckedCnt = 0;
        //       for (var i = 0; i < lastLineNoNext; i++) {
        //           var iChecked = document.forms['Page:mainForm']['checklist'][i].checked;
        //           if (iChecked) {
        //               hasCheckedCnt++;
        //               if (hasCheckedCnt > 1) {
        //                   // 如果知道是否有多件检查 break
        //                   break;
        //               }
        //           }
        //       }
        //       if (hasCheckedCnt == 0) {
      //          throw '请选中相应的行';
        //       }
        //       var hasCheckedCnt1 = 0; // 实际可以变更的件数
      //       if (str == 'del') {
        //           for (var i = lastLineNoNext - 1; i >= 0; i--) {
        //               var iChecked = document.forms['Page:mainForm']['checklist'][i].checked;
        //               if (iChecked) {
        //                   hasCheckedCnt1++;
        //                   deletelist(i, document);
        //               }
        //           }
        //       } else {
        //           throw 'Unknow Operation';
        //       }
        //       if (str == 'del') {
        //           clearAllCheck();
        //       }
       //    } catch (e) {
        //       alert(e);
       //    }
       //    return true;
      // }
      // 清除所选框的勾
        // function clearAllCheck() {
        //     j$(escapeVfId("checkAll"))[0].checked = false;
        //     var checklist = j$("input[name='checklist']");
        //     for(var i = 0; i < checklist.length; i++){
        //         checklist[i].checked = false;
        //     }
        // }
      //文本框输入值,复选框自动打勾 thh 2021-12-15
        function ComputePrice(j) {
            var productCount = j$(escapeVfId('Page:mainForm:productInfoList:Size')).value();
            for(var i = 0; i < productCount; i++){
                var samNumber = document.getElementById("Page:mainForm:productInfoList:"+ i +":Number").value;
                var checklist = j$("input[name='Page:mainForm:productInfoList:"+ i +":rowcheck']");
                if(samNumber != null && samNumber != 0 && samNumber != ''){
                    checklist[0].checked = true;
                }else{
                    checklist[0].checked = false;
                }
            }
        }
         //文本框输入值,复选框自动打勾 thh 2021-12-15
         function ComputePrice(j) {
            var productCount = j$(escapeVfId('Page:mainForm:productInfoList:Size')).value();
            for(var i = 0; i < productCount; i++){
               var samNumber = document.getElementById("Page:mainForm:productInfoList:"+ i +":Number").value;
               var checklist = j$("input[name='Page:mainForm:productInfoList:"+ i +":rowcheck']");
               if(samNumber != null && samNumber != 0 && samNumber != ''){
                  checklist[0].checked = true;
               }else{
                  checklist[0].checked = false;
               }
            }
         }
       </script>
       <!-- 样式 -->
      <style type="text/css">
@@ -231,7 +150,6 @@
            border-bottom-width: 0;
         }
         
         /* 添加行 html特性增加滑动条 精琢技术 wql 2021/02/09 start */
           /* 这里不考虑浏览器的兼容性 */
           input[type="range"] {
               width: 100%;
@@ -302,283 +220,209 @@
               opacity: 1;
               font-weight:bold;
           }
           /* 添加行 html特性增加滑动条 精琢技术 wql 2021/02/09 end */
      </style>
   </head>
   <!-- <body onload="init()"> -->
      <apex:form id="mainForm">
           <h1 style ="font-size: 30px; margin-left: 45%;">样本订货</h1>
           <!-- 初始化页面(默认十行空行) -->
         <!-- <apex:actionFunction name="searchHospital" action="{!searchHospital}" rerender="mainForm,listsTable" onComplete="unblockUI();mainForm">
           </apex:actionFunction> -->
           <!-- 默认十行空行 -->
           <!-- <apex:actionFunction name="addrow" action="{!addrow}" rerender="message,listsTable" onComplete="unblockUI();"> -->
           <!-- </apex:actionFunction> -->
           <!-- 保存按钮 -->
           <!-- <apex:actionFunction name="save" action="{!save}" rerender="message,theTable_Body,listsTable" onComplete="unblockUI();"> -->
           <apex:actionFunction name="save" action="{!save}" rerender="message,mainForm,listsTable" onComplete="SaveAllChecktime();unblockUI();">
           </apex:actionFunction>
           <!-- 删除按钮 -->
           <!-- <apex:actionFunction name="deleteBtn" action="{!deleteBtn}" rerender="message,mainForm,listsTable" onComplete="unblockUI();">
           </apex:actionFunction> -->
           <!-- 确认按钮 -->
           <apex:actionFunction name="confirmBtn" action="{!confirmBtn}" rerender="message,mainForm,listsTable" onComplete="SaveAllChecktime();unblockUI();">
           </apex:actionFunction>
           <!-- <apex:actionFunction name="resetDealer" action="{!Dummy}" rerender="listsTable" oncomplete="resetDealer();"></apex:actionFunction> -->
         <!-- 添加行  20211103 lt -->
         <!-- <apex:actionFunction action="{!addMultipleRow}" name="addMultipleRow" reRender="theTable_Body" oncomplete="unblockUI();">
            <apex:param assignTo="{!rowIdx}" name="rowIdx" value=""/>
         </apex:actionFunction> -->
           <apex:outputPanel id="listsTable">
              <!-- <apex:pageBlock id="block1"> -->
                 <div style="width: 100%;text-align:center;margin:0 auto;">
                    <table id="datatable_header" class="pure-table pure-table-horizontal" border="1" style="border-collapse:collapse; table-layout:fixed;">
                          <!-- 统一设置列宽度 -->
                          <colgroup>
                              <col width="15%"/>
                          </colgroup>
                          <tr style="background-color:#f2f3f1;width:900px;">
                              <th style="text-align: left;">客户:</th>
                              <td style="text-align:left;">
                                 <apex:outputLabel id="AccName" value="{!AccName.Name}" />
                             </td>
                        <th>
                           <td></td>
                        </th>
                          </tr>
                     <!-- 20211115 lt start -->
                     <tr style="background-color:#f2f3f1;width:900px;">
                              <th style="text-align: left;">收货方:</th>
                              <td style="text-align:left;">
                                 <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                                      <apex:outputField value="{!sampleOrder.ReceivePart__c}"/>
                                  </apex:outputPanel>
                                 <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                                      <apex:inputField id="sampleReceivePart" value="{!sampleOrder.ReceivePart__c}" onchange="resetDealer();return false;" />
                                  </apex:outputPanel>
                                 <!-- <apex:inputField id="sampleReceivePart" value="{!sampleOrder.ReceivePart__c}" onchange="resetDealer();return false;" /> -->
                           <!-- <apex:selectList id="recevicePart"  style="width:177px;height:20px;" value="{!selection_rec}" disabled="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:selectOptions value="{!options_rec}" />
                           </apex:selectList> -->
                           <!-- <apex:inputField style="width:177px;height:20px;" value="{!sampleOrder.ReceivePart__c}" /> -->
                             </td>
                        <th style="text-align:right;">送达方地址:</th>
                        <td style="text-align:left;">
                           <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                                      <apex:outputField value="{!sampleOrder.DeliveryAddress__c}"/>
                                  </apex:outputPanel>
                                 <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:inputField id="Address" value="{!sampleOrder.DeliveryAddress__c}" />
                           </apex:outputPanel>
                           <!-- <apex:inputHidden id="tempSize" value="{!tempSize}" /> -->
                        </td>
                          </tr>
                     <!-- 20211115 lt end -->
                          <tr style="background-color:#f2f3f3;width:900px;">
                             <th style="text-align: left;">送达方联系人:</th>
                             <td style="text-align:left;">
                                <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                                      <apex:outputField value="{!sampleOrder.DeliveryContact__c}"/>
                                  </apex:outputPanel>
                                 <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                                   <apex:inputField id="Contact" value="{!sampleOrder.DeliveryContact__c}" />
                                </apex:outputPanel>
                             </td>
                        <th style="text-align:right;">送达方电话:</th>
                        <td style="text-align:left;">
                           <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                                      <apex:outputField value="{!sampleOrder.DeliveryPhone__c}"/>
                                  </apex:outputPanel>
                                 <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:inputField id="Phone" value="{!sampleOrder.DeliveryPhone__c}" />
                           </apex:outputPanel>
                        </td>
                          </tr>
                      </table>
                   </div>
               <!-- 后台报错信息显示的关键 -->
               <apex:outputPanel id="message">
                  <apex:pageMessages ></apex:pageMessages>
               </apex:outputPanel>
               <input type="hidden" id="Page:mainForm:productInfoList:Size" value="{!tempSize}" />
               <div id="iframelike" style="width: 100%; height: 400px; text-align:center;margin:0 auto;" >
               <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',false,true)}" >
                  <table id="theTable_Body" class="pure-table pure-table-horizontal" border="1" style="border-collapse: collapse; table-layout:fixed;">
                     <tr style="background-color:#f2f3f3; width:900px; color: black;">
                        <th style="text-align:left; width:50px">查询:</th>
                        <td style="text-align:left; width:180px">
                           <apex:inputText style="text-align:left;" id="selectlike" value="{!QueryTemp}" />
                        </td>
                        <td style="text-align:left;">
                           <apex:commandButton id="Query" value="查询" style="width:100px;height:30px;" action="{!FuzzyQuery}" />
                        </td>
                     </tr>
                  </table>
               </apex:outputPanel>
               <table id="theTable_Body" class="pure-table pure-table-horizontal" border="1" style="border-collapse: collapse; table-layout:fixed;">
   <apex:form id="mainForm">
      <h1 style ="font-size: 30px; margin-left: 45%;">样本订货</h1>
      <apex:actionFunction name="save" action="{!save}" rerender="message,mainForm,listsTable" onComplete="SaveAllChecktime();unblockUI();">
      </apex:actionFunction>
      <!-- 确认按钮 -->
      <apex:actionFunction name="confirmBtn" action="{!confirmBtn}" rerender="message,mainForm,listsTable" onComplete="SaveAllChecktime();unblockUI();">
      </apex:actionFunction>
      <apex:outputPanel id="listsTable">
         <!-- <apex:pageBlock id="block1"> -->
            <div style="width: 100%;text-align:center;margin:0 auto;">
               <table id="datatable_header" class="pure-table pure-table-horizontal" border="1" style="border-collapse:collapse; table-layout:fixed;">
                  <!-- 统一设置列宽度 -->
                  <colgroup>
                     <col width="2%"/>
                     <col width="3%"/>
                     <col width="20%"/>
                     <col width="30%"/>
                     <col width="20%"/>
                     <col width="10%"/>
                     <col width="5%"/>
                     <col width="10%"/>
                     <col width="15%"/>
                  </colgroup>
                  <tr style="background-color:#f2f3f3;">
                     <th style="text-align:center"><input type="checkbox" id="checkAll1" onclick="checkAll();" style="width:10px;"/></th>
                     <th style="text-align:center;color: black;">NO</th>
                     <th style="text-align:center;color: black;">资料编码</th>
                     <th style="text-align:center;color: black;">资料名称</th>
                     <th style="text-align:center;color: black;">资料分类</th>
                     <th style="text-align:center;color: black;">数量</th>
                     <th style="text-align:center;color: black;">规格</th>
                     <th style="text-align:center;color: black;">总量</th>
                  <tr style="background-color:#f2f3f1;width:900px;">
                     <th style="text-align: left;">客户:</th>
                     <td style="text-align:left;">
                        <apex:outputLabel id="AccName" value="{!AccName.Name}" />
                     </td>
                     <th>
                        <td></td>
                     </th>
                  </tr>
                  <apex:repeat value="{!productInfoList}" var="pros" id="productInfoList">
                     <tr>
                        <!-- ⚀ -->
                        <td class="dataCell" style="text-align:center;">
                           <apex:inputCheckbox value="{!pros.check}" id="rowcheck"/>
                           <apex:inputHidden id="ProIdHidden" value="{!pros.proId}"/>
                        </td>
                  <tr style="background-color:#f2f3f1;width:900px;">
                     <th style="text-align: left;">收货方:</th>
                     <td style="text-align:left;">
                        <!-- NO -->
                        <td class="dataCell" style="text-align:center;">
                           <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputLabel style="width:20px" id="indexNo" value="{!IF(pros.SOLDel.Pro_model__c == null,'',pros.lineNo)}"/>
                           </apex:outputPanel>
                           <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputLabel style="width:20px" value="{!IF(pros.pro.Asset_Model_No__c == null,'',pros.lineNo)}"/>
                           </apex:outputPanel>
                        </td>
                        <!-- 资料编码 -->
                        <td class="dataCell" style="text-align:center;">
                           <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputField value="{!pros.SOLDel.Pro_model__c}"/>
                           </apex:outputPanel>
                           <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputField style="width:90px" id="proModel" value="{!pros.pro.Asset_Model_No__c}"/>
                           </apex:outputPanel>
                        </td>
                        <!-- 资料名称 -->
                        <td class="dataCell" style="text-align:center;">
                           <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputText style="width:400px" id="SOLDelName" value="{!pros.SOLDel.Pro_Name__c}"/>
                           </apex:outputPanel>
                           <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputText style="width:400px" id="Name" value="{!pros.pro.Name}"/>
                           </apex:outputPanel>
                        </td>
                        <!-- 资料分类 -->
                        <td class="dataCell" style="text-align:center;">
                           <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputText style="width:400px" id="SOLDelClassification" value="{!pros.SOLDel.Sample_Classification__c}"/>
                           </apex:outputPanel>
                           <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputText style="width:400px" id="Classification" value="{!pros.pro.Sample_Classification__c}"/>
                           </apex:outputPanel>
                        </td>
                        <!-- 效期 -->
                        <!-- <td class="dataCell" style="text-align:center;">
                           <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}">
                              <apex:outputField value="{!pros.SOLDel.TermDate__c}"/>
                           </apex:outputPanel>
                           <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputField style="width:90px" id="SFDA_Expiration_Date" value="{!pros.pro.SFDA_Expiration_Date__c}"/>
                           </apex:outputPanel>
                        </td> -->
                        <!-- 数量 -->
                        <td class="dataCell" style="text-align:center;">
                           <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputField value="{!pros.SOLDel.ItemQuantity__c}"/>
                           </apex:outputPanel>
                           <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:inputField id="Number" style="width:80px" value="{!pros.SOLDel.ItemQuantity__c}" onblur="AllChecktime({!pros.lineNo});ComputePrice(this);return false;" />
                           </apex:outputPanel>
                        </td>
                        <!-- 规格 -->
                        <td class="dataCell" style="text-align:center;">
                           <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputText value="{!pros.SOLDel.Standards__c}"/>
                           </apex:outputPanel>
                           <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                              <apex:outputText style="width:30px" id="Packing_list_manual" value="{!if(pros.pro.Asset_Model_No__c == null , '',pros.pro.Packing_list_manual__c)}" />
                              <!-- <apex:inputHidden id="PackingHidden" value="{!pros.SOLDel.Standards__c}"/> -->
                           </apex:outputPanel>
                        </td>
                        <!-- 总量 -->
                        <td class="dataCell" style="text-align:center;">
                           <apex:outputField style="margin-left:3px;margin-right:3px;width:25px" id="Total" value="{!pros.SOLDel.Total__c}">
                           </apex:outputField>
                        </td>
                     </tr>
                  </apex:repeat>
                        <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputField value="{!sampleOrder.ReceivePart__c}"/>
                        </apex:outputPanel>
                        <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:inputField id="sampleReceivePart" value="{!sampleOrder.ReceivePart__c}" onchange="resetDealer();return false;" />
                        </apex:outputPanel>
                     </td>
                     <th style="text-align:right;">送达方地址:</th>
                     <td style="text-align:left;">
                        <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputField value="{!sampleOrder.DeliveryAddress__c}"/>
                        </apex:outputPanel>
                        <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:inputField id="Address" value="{!sampleOrder.DeliveryAddress__c}" />
                        </apex:outputPanel>
                        <!-- <apex:inputHidden id="tempSize" value="{!tempSize}" /> -->
                     </td>
                  </tr>
                  <!-- 20211115 lt end -->
                  <tr style="background-color:#f2f3f3;width:900px;">
                     <th style="text-align: left;">送达方联系人:</th>
                     <td style="text-align:left;">
                        <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputField value="{!sampleOrder.DeliveryContact__c}"/>
                        </apex:outputPanel>
                        <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:inputField id="Contact" value="{!sampleOrder.DeliveryContact__c}" />
                        </apex:outputPanel>
                     </td>
                     <th style="text-align:right;">送达方电话:</th>
                     <td style="text-align:left;">
                        <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputField value="{!sampleOrder.DeliveryPhone__c}"/>
                        </apex:outputPanel>
                        <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:inputField id="Phone" value="{!sampleOrder.DeliveryPhone__c}" />
                        </apex:outputPanel>
                     </td>
                  </tr>
               </table>
            </div>
                <div id="iframelike" style="width: 100%; height: 40px; text-align:center;margin:0 auto;" >
               <table id="buttontable" border="0">
                  <tr>
                     <!-- <td style="width:100px;" align="left"><apex:commandButton value="增加行" style="width:100px;height:30px;" onclick="openAddMultipleRow(); return false;" rerender="{!displayFlg}"/></td> -->
                     <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',false,true)}">
                        <td style="width:100%;" align="right"><apex:commandButton id="preserve" value="保存" style="width:100px;height:30px;" onclick="SaveJs();return false;" /></td>
                        <td align="right"><apex:commandButton id="sendOrder" value="发送订货" style="width:100px;height:30px;" onclick="openAddMultipleRow(); return false;"/></td>
                     </apex:outputPanel>
                     <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}">
                        <td style="width:98%; position: absolute;" align="right"><apex:commandButton id="Return" value="返回" style="width:100px;height:30px;" action="{!ReturnBtn}" /></td>
                     </apex:outputPanel>
            <!-- 后台报错信息显示的关键 -->
            <apex:outputPanel id="message">
               <apex:pageMessages ></apex:pageMessages>
            </apex:outputPanel>
            <input type="hidden" id="Page:mainForm:productInfoList:Size" value="{!tempSize}" />
            <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',false,true)}" >
               <table id="theTable_Body" class="pure-table pure-table-horizontal" border="1" style="border-collapse: collapse; table-layout:fixed;">
                  <tr style="background-color:#f2f3f3; width:900px; color: black;">
                     <th style="text-align:left; width:50px">查询:</th>
                     <td style="text-align:left; width:180px">
                        <apex:inputText style="text-align:left;" id="selectlike" value="{!QueryTemp}" />
                     </td>
                     <td style="text-align:left;">
                        <apex:commandButton id="Query" value="查询" style="width:100px;height:30px;" action="{!FuzzyQuery}" />
                     </td>
                  </tr>
               </table>
                </div>
           </apex:outputPanel>
       </apex:form>
            </apex:outputPanel>
            <div id="iframelike" style="width: 100%; height: 400px; text-align:center;margin:0 auto;" >
            <table id="theTable_Body" class="pure-table pure-table-horizontal" border="1" style="border-collapse: collapse; table-layout:fixed;">
               <colgroup>
                  <col width="2%"/>
                  <col width="3%"/>
                  <col width="20%"/>
                  <col width="30%"/>
                  <col width="20%"/>
                  <col width="10%"/>
                  <col width="5%"/>
                  <col width="10%"/>
               </colgroup>
               <tr style="background-color:#f2f3f3;">
                  <th style="text-align:center"><input type="checkbox" id="checkAll1" onclick="checkAll();" style="width:10px;"/></th>
                  <th style="text-align:center;color: black;">NO</th>
                  <th style="text-align:center;color: black;">资料编码</th>
                  <th style="text-align:center;color: black;">资料名称</th>
                  <th style="text-align:center;color: black;">资料分类</th>
                  <th style="text-align:center;color: black;">数量</th>
                  <th style="text-align:center;color: black;">规格</th>
                  <th style="text-align:center;color: black;">总量</th>
               </tr>
               <apex:repeat value="{!productInfoList}" var="pros" id="productInfoList">
                  <tr>
                     <!-- ⚀ -->
                     <td class="dataCell" style="text-align:center;">
                        <apex:inputCheckbox value="{!pros.check}" id="rowcheck"/>
                        <apex:inputHidden id="ProIdHidden" value="{!pros.proId}"/>
                     </td>
   <!-- </body> -->
                     <!-- NO -->
                     <td class="dataCell" style="text-align:center;">
                        <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputLabel style="width:20px" id="indexNo" value="{!IF(pros.SOLDel.Pro_model__c == null,'',pros.lineNo)}"/>
                        </apex:outputPanel>
                        <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputLabel style="width:20px" value="{!IF(pros.pro.Asset_Model_No__c == null,'',pros.lineNo)}"/>
                        </apex:outputPanel>
                     </td>
   <!-- 20211103 lt -->
   <!-- 添加行 html特性增加滑动条 精琢技术 wql 2021/02/09 start -->
    <!-- <script type="text/javascript">
        //const duration = document.getElementById('dur');
        function changeV() {
            var speed = document.getElementById('speed');
            //durVal = parseFloat(duration.value);
            spdVal = parseFloat(speed.value);
            //const durationPercent = parseFloat(durVal, 2) * 100
            const speedPercent = parseFloat((spdVal / 100), 2)*100;
            //duration.style.backgroundSize = `${durationPercent}%, 100%`
            speed.style.background = `linear-gradient(to right, #ffa200, white ${speedPercent}%, white`
            document.getElementById("addMultipleRow").value= speed.value;
        };
        function changeI() {
            var speed = document.getElementById('speed');
            //durVal = parseFloat(duration.value);
            spdVal = parseFloat(document.getElementById("addMultipleRow").value);
            //const durationPercent = parseFloat(durVal, 2) * 100
            const speedPercent = parseFloat((spdVal / 100), 2)*100;
            //duration.style.backgroundSize = `${durationPercent}%, 100%`
            speed.style.background = `linear-gradient(to right, #ffa200, white ${speedPercent}%, white`
            speed.value = document.getElementById("addMultipleRow").value;
                     <!-- 资料编码 -->
                     <td class="dataCell" style="text-align:center;">
                        <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputField value="{!pros.SOLDel.Pro_model__c}"/>
                        </apex:outputPanel>
                        <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputField style="width:90px" id="proModel" value="{!pros.pro.Asset_Model_No__c}"/>
                        </apex:outputPanel>
                     </td>
        };
                     <!-- 资料名称 -->
                     <td class="dataCell" style="text-align:center;">
                        <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputText style="width:400px" id="SOLDelName" value="{!pros.SOLDel.Pro_Name__c}"/>
                        </apex:outputPanel>
                        <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputText style="width:400px" id="Name" value="{!pros.pro.Name}"/>
                        </apex:outputPanel>
                     </td>
                     <!-- 资料分类 -->
                     <td class="dataCell" style="text-align:center;">
                        <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputText style="width:400px" id="SOLDelClassification" value="{!pros.SOLDel.Sample_Classification__c}"/>
                        </apex:outputPanel>
                        <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputText style="width:400px" id="Classification" value="{!pros.pro.Sample_Classification__c}"/>
                        </apex:outputPanel>
                     </td>
    </script> -->
    <!-- //添加行 html特性增加滑动条 精琢技术 wql 2021/02/09 end -->
   <!-- 20211103 lt -->
                     <!-- 数量 -->
                     <td class="dataCell" style="text-align:center;">
                        <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputField value="{!pros.SOLDel.ItemQuantity__c}"/>
                        </apex:outputPanel>
                        <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:inputField id="Number" style="width:80px" value="{!pros.SOLDel.ItemQuantity__c}" onblur="AllChecktime({!pros.lineNo});ComputePrice(this);return false;" />
                        </apex:outputPanel>
                     </td>
                     <!-- 规格 -->
                     <td class="dataCell" style="text-align:center;">
                        <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputText value="{!pros.SOLDel.Standards__c}"/>
                        </apex:outputPanel>
                        <apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
                           <apex:outputText style="width:30px" id="Packing_list_manual" value="{!if(pros.pro.Asset_Model_No__c == null , '',pros.pro.Packing_list_manual__c)}" />
                           <!-- <apex:inputHidden id="PackingHidden" value="{!pros.SOLDel.Standards__c}"/> -->
                        </apex:outputPanel>
                     </td>
                     <!-- 总量 -->
                     <td class="dataCell" style="text-align:center;">
                        <apex:outputField style="margin-left:3px;margin-right:3px;width:25px" id="Total" value="{!pros.SOLDel.Total__c}">
                        </apex:outputField>
                     </td>
                  </tr>
               </apex:repeat>
            </table>
         </div>
         <div id="iframelike" style="width: 100%; height: 40px; text-align:center;margin:0 auto;" >
            <table id="buttontable" border="0">
               <tr>
                  <!-- <td style="width:100px;" align="left"><apex:commandButton value="增加行" style="width:100px;height:30px;" onclick="openAddMultipleRow(); return false;" rerender="{!displayFlg}"/></td> -->
                  <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',false,true)}">
                     <td style="width:100%;" align="right"><apex:commandButton id="preserve" value="保存" style="width:100px;height:30px;" onclick="SaveJs();return false;" /></td>
                     <td align="right"><apex:commandButton id="sendOrder" value="发送订货" style="width:100px;height:30px;" onclick="openAddMultipleRow(); return false;"/></td>
                  </apex:outputPanel>
                  <apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}">
                     <td style="width:98%; position: absolute;" align="right"><apex:commandButton id="Return" value="返回" style="width:100px;height:30px;" action="{!ReturnBtn}" /></td>
                  </apex:outputPanel>
               </tr>
            </table>
         </div>
      </apex:outputPanel>
   </apex:form>
</apex:page>