<apex:page controller="Dealer_enquiryController" docType="html-5.0" showHeader="false" sidebar="false" id="allPage" action="{!init}" lightningStyleSheets="true">
<head>
<title>经销商询价-OCSM询价</title>

<apex:stylesheet value="{!URLFOR($Resource.blockUIcssOpp)}"/>
<apex:includeScript value="{!URLFOR($Resource.jquery183minjs)}"/>
<apex:includeScript value="{!URLFOR($Resource.PleaseWaitDialog)}"/>
<!-- TODO 目前除了markOpp()方法，其他方法通用，js改名为周会共通js，各个画面个别js再自己创建js -->
<apex:includeScript value="{!URLFOR($Resource.Dealer_enquiryJsCopy)}"/>
<apex:stylesheet value="{!URLFOR($Resource.StyleUtilCss)}"/><!-- 20230619 ljh lightning  -->
<apex:includeScript value="{!URLFOR($Resource.SelectFieldJs)}"/> 

<style>
    .notifIcon{

    }
    td .dateFormat  {
        display: none;
    }
    
    div.inline { float:left; }
    .clearBoth { clear:both; }
    div.reportBlock table.list {
    width:auto;
    }
    div#out_Div { /* ここにヘッダを格納 */
        position:relative;
        overflow: hidden;
        float:left;
        width:50% !important;
    }
    div#out_Div_L {
        position:relative;
        overflow:hidden;
        float:left;
        width:50% !important;
        border-right:2px solid #808383
    }
    div#in_Div {/* tbodyが入っている。ここがスクロール対象*/
    position:relative;
    overflow: auto;  /*スクロールバー*/
    float:left;
    width:50% !important;
    }
    div#in_Div_L {
    position:relative;
    overflow-x:auto;
    overflow-y: hidden;
    float:left;
    width:50% !important;
    border-right:2px solid #808383
    }
    body .bPageBlock{
        margin-bottom: 1.5rem
    }
    body .pbBody{
        height: 100%
    }
    body .pbBody table.list tr.headerRow td {
    box-sizing: border-box;
    text-align:center;font-weight:normal;
    padding:0px 0px 0px 1px;
    }
    body .pbBody table.list tr.headerRow td.header1 {
    text-align:center;font-weight:normal;
    padding:0px 0px 0px 0px;
    }
    body .pbBody table.list tr.dataRow td {
    box-sizing: border-box;
    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  {
    /* いらない、使っていない */
    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() {
    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;}
    }
    .slds-scope .slds-input{
        line-height: 1.6rem!important;
        min-height: calc(1.6rem + (1px * 2))
    }
    body select{
        height: calc(1.6rem + (1px * 2))!important;
    }
    table.list td {min-width:100px; }
    table.list td select {width:95%;}
    table.list td input {width:100%!important;}
    table.list td textarea {
    height:50px;
    width:90%;
    }
    table.list td.tableHeader{
        height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        height: inherit;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
    }
    #out_Div{
        padding-right: 17px
    }
    table.list .col_Opp_Changed_Field__c {max-width:101px;}
    table.list .col_OCSM_Opportunity_No__c {min-width:120px;}
    table.list .col_Strategic_department_Class_Name__c{min-width:80px;}
    table.list .col_Change_To_Opportunity_T__c {min-width:155px;}
    table.list .col_Department_Cateogy__c {min-width: 90px;}
    table.list .col_Department_Name_Text__c {min-width: 80px;}
    table.list .col_Hospital_City_Master__c {min-width: 70px;}  
    table.list .col_Agency_Hospital__c {min-width: 146px;}
    /*table.list .col_Oly_Forecasted_Date__c {min-width: 125px;}*/
    table.list .col_Oly_Forecast_this_month__c {min-width: 135px;}
    table.list .col_Oly_NM_Forecast__c {min-width: 135px;}
    table.list .col_Oly_Forecast_last_month__c {min-width: 135px;}
    table.list .col_Oly_Inquiry_Stage__c {min-width: 95px;}
    table.list .col_Oly_Authorized_DB_No__c {min-width: 95px;}
    table.list .col_Oly_Inquiry_Status2__c {min-width: 95px;}
    table.list .col_Oly_Inquiry_Status1__c {min-width: 50px;}
    table.list .col_Name {min-width:150px;max-width: 150px;} /*客户名*/
    table.list .col_Salesdepartment_HP__c {min-width:95px;} /*销售本部(医院)*/
    table.list .col_State_Master__c{min-width:80px;} /*省*/
    table.list .col_HP_146POCM_Category_From_Dept__c {min-width:100px;} /*OCM分类(公式)*/
    table.list .col_Salesdepartment_DeptClass__c{min-width:120px;} /*销售本部(科室分类)*/
    table.list .col_OCM_man_province_HP__c{min-width:90px;} /*OCM管理省*/
    table.list .col_City_Master__c{min-width:80px;} /*市*/
    table.list .col_Grade__c {min-width:70px;} /*政府等级*/
    table.list .col_Attribute_Type__c{min-width:90px;}  /*医院所属性质*/
    table.list .col_Speciality_Type__c{min-width:90px;} /*医院专业区分*/
    table.list .col_Service_customer__c{min-width:120px;} /*可签约服务合同客户*/
    table.list .col_BF_owner__c{min-width:100px;} /*呼吸科主担当*/
    table.list .col_ENT_owner_ID__c{min-width:100px;} /*耳鼻喉科主担当*/
    table.list .col_GI_Main__c{min-width:100px;} /*消化科主担当*/
    table.list .col_URO_owner_ID__c{min-width:100px;} /*泌尿科主担当*/
    table.list .col_SP_Main__c{min-width:100px;} /*普外科主担当*/
    table.list .col_GYN_owner__c{min-width:100px;} /*妇科主担当*/
    table.list .col_Hospital_name_link__c{min-width:100px;} /*医院名(链接)*/
    table.list .col_Segment__c{min-width:90px;} /*OCM科室等级*/
    table.list .col_Department_Budget_Sum_Price__c {min-width:128px;} /*科室预算总金额(元)*/
    table.list .col_Target_amount_CV290__c {min-width:118px;} /*目标数：CV-290*/
    table.list .col_OPD_CV290__c {min-width:118px;} /*OPD对象：CV-290*/
    table.list .col_Target_amount_EUME2__c {min-width:118px;}  /*目标数：EU-ME2*/
    table.list .col_OPD_EUME2__c {min-width:118px;}  /*OPD对象：EU-ME2*/
    table.list .col_Target_amount_CV170__c {min-width:118px;} /*目标数：CV-170*/
    table.list .col_OPD_CV170__c {min-width:118px;} /*OPD对象：CV-170*/
    table.list .col_Target_amount_OERAW__c {min-width:118px;} /*目标数：OER-AW*/
    table.list .col_OPD_OERAW__c {min-width:118px;} /*OPD对象：OER-AW*/
    table.list .col_Target_amount_GW__c {min-width:118px;} /*目标数：导丝(GW)*/
    table.list .col_OPD_GW__c {min-width:118px;} /*OPD对象：导丝(GW)*/
    table.list .col_Target_amount_OTVS400__c {min-width:118px;} /*目标数：OTV-S400*/
    table.list .col_OPD_OTVS400__c {min-width:118px;} /*OPD对象：OTV-S400*/
    table.list .col_Target_amount_CHS400XZ__c {min-width:118px;} /*目标数：CH-S400-XZ*/
    table.list .col_OPD_CHS400XZ__c {min-width:118px;} /*OPD对象：CH-S400-XZ*/
    table.list .col_Target_amount_3D__c {min-width:118px;} /*目标数：3D*/
    table.list .col_OPD_3D__c {min-width:118px;} /*OPD对象：3D*/
    table.list .col_Target_amount_OTVS190__c {min-width:118px;} /*目标数：OTV-S190*/
    table.list .col_OPD_OTVS190__c {min-width:118px;} /*OPD对象：OTV-S190*/
    table.list .col_Target_amount_CV190__c {min-width:118px;} /*目标数：CV-190*/
    table.list .col_OPD_CV190__c {min-width:118px;} /*OPD对象：CV-190*/
    table.list .col_Target_amount_UCES3__c {min-width:118px;} /*目标数：UCES-3*/
    table.list .col_OPD_UCES3__c {min-width:118px;} /*OPD对象：UCES-3*/
    table.list .col_Target_amount_USG400__c {min-width:118px;} /*目标数：USG-400*/
    table.list .col_OPD_USG400__c {min-width:118px;} /*OPD对象：USG-400*/

    table.list .col_Hospital_Name__c {min-width:139px;} /*医院名*/
    table.list .col_Department_Name__c {min-width:60px;} /*科室名称*/

    table.list .col_Province_formula__c {min-width:78px;} /*省(公式)*/
    table.list .col_X2_Largescale_Project__c {min-width:78px;} /****有无两年以内大项目采购*/
    table.list .col_Ideal_Image_Sales__c {min-width:148px;} /****拓展・开拓规划/营销方案(销售)*/
    table.list .col_Review_Sales__c {min-width:148px;} /****进展情况(销售)*/
    table.list .col_Submit_proposal_document__c {min-width:58px;} /*是否提交提案书*/
    table.list .col_OPP_Flag__c {min-width:58px;}
    table.list .col_Sales_activity_plan__c {min-width:178px;} /*活动计划(销售)*/
    table.list .col_Bid_Date__c {min-width:127px;} /*招标日*/
    table.list .col_Closing_Bid_Date__c {min-width:127px;} /*中标日*/
    table.list .col_Close_Forecasted_Date__c {max-width:127px;min-width: 126px;} /*预测OCSM签约日(KPI)*/
    table.list .col_CloseDate {min-width:127px;} /*预测发货日*/
    table.list .col_Hospital__c {min-width:250px;} 
    table.list .col_Opportunity_No__c {width:150px;} 
    table.list .col_Agency1__c {min-width:190px;} 
    table.list .col_Agency_Opportunity_No__c{min-width: 127px}
    table.list .col_Opportunity_stage__c{min-width: 130px}
    table.list .col_CreatedDate {min-width: 127px!important;}
    body .lookupInput{
        width: 100%
    }
    /*table.list .col_Link1 {width:58px;}
    table.list .col_Link2 {width:58px;}
    table.list .col_Link3 {width:58px;}
    table.list .col_Link4 {width:58px;}
    table.list .col_Link5 {width:58px;}
    table.list .col_Link6 {width:58px;}
    table.list .col_Link7 {width:58px;}
    table.list .col_Link8 {width:58px;}*/

    body .pbBody table.list tr.headerRow td.colViewing {
    /* デフォルト値、最小化アイコンを表示 */
    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;
    }
    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 {min-width:0px!important; padding:0px; border-width:0px;}
    /*.zxk{
        margin-bottom: 3px;
    }*/
    .buttonStyle{
        font-size: 14px !important;
        font-family: 'sans-serif' !important;
        font-weight:500 !important;
        width: 70px !important;
        height: 32px !important;
        border-radius: 4px !important;
        opacity: 1 !important;
        background:#090F84 !important;
        color:#FFFFFF !important;
        
    }
    .slds-scope table{
        width: fit-content;
    }
    body .message{
        background: none!important
    }
    body .message .messageText{
        color: green!important;
        font-weight: bold
    }

</style>
<script type="text/javascript">
var heightAjustment = 120;
var widthAjustment = 30;
function setChangeFlgRight(cnt) {
    document.getElementById('allPage:allForm:oppBlock:oppTable:' + cnt + ':changeFlgRt').value = 1;
    console.log('cxxcanskdfeihfb',cnt)
}
</script>
</head>
<apex:slds />
    <div id="spinner" class="slds-spinner_container" style="display:none;">
        <div role="status" class="slds-spinner slds-spinner_medium slds-spinner_brand">
            <span class="slds-assistive-text">Loading</span>
            <div class="slds-spinner__dot-a"></div>
            <div class="slds-spinner__dot-b"></div>
        </div>
    </div>
    <apex:form id="allForm">
        
        <apex:actionFunction name="saveAndSearch" action="{!save}" rerender="allPanel" oncomplete="unblockUI();">
             <apex:param name="firstParam" assignTo="{!saveType}" value="" />
        </apex:actionFunction>
         <apex:actionFunction name="saveAndSort" action="{!save}" rerender="allPanel" oncomplete="unblockUI();">
            <apex:param name="firstParam" assignTo="{!saveType}" value="" />
            <apex:param name="secondParam" assignTo="{!sortKey}" value="" />
        </apex:actionFunction>
        <apex:actionFunction name="searchOpp" action="{!chick}" rerender="allPanel" oncomplete="unblockUI();"/>
        <apex:actionFunction name="sortTable" action="{!sortTable}" rerender="allPanel" oncomplete="unblockUI();">
            <apex:param name="firstParam" assignTo="{!sortKey}" value="" />
        </apex:actionFunction>
        
        <apex:outputPanel id="allPanel">
            <div id="zxk" style="margin-bottom: -15px;">
                <!-- 搜索条件 -->
                <apex:pageBlock id="searchBlock" mode="maindetail">
                    <!-- <table style="border-bottom-width: 0px; font-size:12px;">
                        <tr>
                            <td width="188px">
                                <apex:commandButton styleClass="buttonStyle" value="检索" onclick="searchOppJs_Account();return false;" style="height:30px;width:70px;"/>&nbsp;&nbsp;&nbsp;&nbsp;
                                <apex:commandButton styleClass="buttonStyle" action="{!save}" value="保存" rerender="allPanel" onclick="showSpinner();" oncomplete="closeSpinner();expandAll();" style="height:30px;width:70px;"/>
                            </td>
                            <td width="1000px">
                                <apex:pageMessages />
                            </td>
                        </tr>
                    </table> -->
                    <table style="border-bottom-width: 0px; font-size:12px;color:#000;">
                        <tr style="height:32px">
                            <td width="250px">
                                <div style="color:#000;">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经销商&nbsp;&nbsp;&nbsp;
                                    <apex:inputText styleClass="slds-input" value="{!accSearch}" style="width:170px"/>
                                </div>
                            </td>
                            <td width="210px">
                                <div style="color:#000;">
                                    &nbsp;担当人&nbsp;&nbsp;&nbsp;
                                    <apex:inputText styleClass="slds-input" value="{!aooSearch}" style="width:150px"/>
                                </div>
                            </td>
                            <td width="230px">
                                <div style="color:#000;">
                                    显示&nbsp;&nbsp;
                                    <apex:selectList styleClass="slds-input slds-combobox__input" style="width:100px;" value="{!limits}" size="1" onchange="searchOppJs_Account();return false;">
                                        <apex:selectOptions value="{!limitOpts}"/>
                                    </apex:selectList>
                                    &nbsp;&nbsp;条数据
                                </div>
                            </td>
                            <td><a href="#" onclick="expandAll();return false;" style="text-decoration: underline;color:#000;">全部展开</a></td> 
                            
                        </tr>
                    </table>
    
                    <!-- <p style="height:10px;"></p> -->
                    <table style="border-bottom-width: 0px; font-size:12px;color:#000;">
                        <tr style="height:32px">
                            <td width="253px">
                                <div style="color:#000;">
                                    <font>数&nbsp;据&nbsp;字&nbsp;段</font>&nbsp;&nbsp;&nbsp;&nbsp;
                                    <apex:selectList styleClass="slds-input slds-combobox__input" value="{!numtext1}" size="1" style="width:170px">
                                        <apex:selectOptions value="{!textOpts}"/>
                                    </apex:selectList>
                                </div>
                            </td>
                            <td width="210px">
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <apex:selectList styleClass="slds-input slds-combobox__input" value="{!numtext2}" size="1" style="width:150px">
                                    <apex:selectOptions value="{!equalOpts}"/>
                                </apex:selectList>
                            </td>
                            <td width="250px">
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <apex:inputText styleClass="slds-input" style="width:150px" value="{!numtext}"/>
                            </td>
                            
                        </tr>
                    </table>
    
                    <!-- <p style="height:10px;"></p> -->
                    <table style="border-bottom-width: 0px; font-size:12px;color:#000;width:100%">
                        <tr>
                            <td width="250px">
                                <div style="color:#000;">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日&nbsp;期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <apex:selectList styleClass="slds-input slds-combobox__input" value="{!timetext1}" size="1" style="width:170px">
                                        <apex:selectOptions value="{!timeOpts}"/>
                                    </apex:selectList>
                                </div>
                            </td>
    
                            <td width="217px">
                                <div style="color:#000;">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;从&nbsp;&nbsp;
                                    <apex:inputField styleClass="slds-input slds-combobox__input" style="width:150px" value="{!tmpAO.MaxActivityDate__c}"/>
                                </div>
                            </td>
    
                            <td width="250px">
                                <div style="color:#000;">
                                    &nbsp;到&nbsp;&nbsp;&nbsp;
                                    <apex:inputField styleClass="slds-input slds-combobox__input" style="width:150px" value="{!tmpBO.MaxActivityDate__c}"/>
                                </div>
                            </td>
    
                            <td width="188px">
                                <!-- slds-button slds-button_brand -->
                                <apex:commandButton value="检索" onclick="searchOppJs_Account();return false;" style="height:30px;width:70px;"/>&nbsp;&nbsp;&nbsp;&nbsp;
                                <apex:commandButton action="{!save}" value="保存" rerender="allPanel" onclick="showSpinner();" oncomplete="closeSpinner();expandAll();" style="height:30px;width:70px;"/>
                            </td>
                            <td>
                                <apex:outputPanel rendered="{! remindMsg != '' && remindMsg != null}">
                                    <div style="border: 1px solid #D4D4D4;height:32px;border-radius:5px;color:#ff6a00;font-size:16px;display: flex;align-items: center;">
                                        <span class="slds-icon_container slds-icon-custom-custom53 slds-icon-text-default" >
                                            <svg aria-hidden="true" class="slds-icon">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" 
                                                     xlink:href="/apexpages/slds/latest/assets/icons/custom-sprite/svg/symbols.svg#custom53">
                                                </use>
                                            </svg>
                                            <span class="slds-assistive-text">Custom 53</span>
                                        </span>
                                        <strong style="padding-top: 2px;">&nbsp;{!remindMsg}</strong>
                                    </div>
                                </apex:outputPanel>
                            </td>
                            <!-- <td width="300px"> -->
                                <!-- <apex:pageMessages />  -->
                                <!-- add by Link 2023-6-2 -->
                                
                            <!-- </td> -->
                        </tr>
                    </table>
                </apex:pageBlock>
                </div>
            
            <apex:pageBlock id="oppBlock" mode="maindetail">
<!--                <apex:pageblocksection columns="1" id="oppSection">-->
                <apex:outputPanel >
                    <apex:inputHidden id="oppCount" value="{!oppCount}"/>
                    <div id="out_Div_L">
                        <table class="list" style="border-bottom-width: 0px;font-size:14px !important; 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]}"></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="tableHeader col_{!columnLeftCss[cnt]}">
                                    <a href="#" onclick="sortTableJs_Account('{!cnt}');return false;" style="text-decoration: underline;color:black;font-size:14px !important;font-weight: bold;"><apex:outputText value="{!t}"/></a>{!sortOrder[cnt]}
                                </td>
                                <apex:variable value="{!cnt + 1}" var="cnt" />
                            </apex:repeat>
                            </tr>
                        </table>
                    </div>
                    <div id="out_Div">
                        <table class="list" style="border-bottom-width: 0px;font-size:14px !important; border-spacing:0;" 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="tableHeader col_{!columnRightCss[cnt]}">
                                    <a href="#" title="{!t}" onclick="sortTableJs_Account('{!cnt + titleLeft.size}');return false;" style="text-decoration: underline;color:black;font-size:14px !important;font-weight: bold;"><apex:outputText value="{!t}"/></a>{!sortOrder[cnt + 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="border-bottom-width: 0px; font-size:11px; border-spacing:0;" border="" id="tableData_L">
                            <apex:variable value="{!1}" var="cnt_2" />
                            <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]}">
                                      
                                      <apex:outputLink rendered="{!c[0]=='Name'}" value="/{!or.AgcOpp.Id}" target="LINK_{!or.AgcOpp.Id}"><apex:outputField rendered="{!c[0]=='Name'}" value="{!or.AgcOpp[c[0]]}" /></apex:outputLink>

                                      <apex:outputField rendered="{!c[0]<>'Name'}" value="{!or.AgcOpp[c[0]]}"/>
 
                                      <!-- <apex:outputField value="{!or.AgcOpp[c[0]]}" rendered="{!(c.size==1 && columnLeftRW[c[0]]=='r') && c[0] <> 'Name'}"/>

                                      <apex:outputField rendered="{!(c.size==2)}" value="{!or.AgcOpp[c[0]][c[1]]}"/>
                                     
                                      <apex:inputField value="{!or.AgcOpp[c[0]]}"  rendered="{!(c.size==1 && columnLeftRW[c[0]]=='w')}" onchange="setChangeFlg('{!or.lineNo}')"/> 
                                      
                                      <apex:outputPanel rendered="{!(c.size==1 && columnLeftRW[c[0]]=='wm' && c[0]<>'Name')}" layout="none"> 
                                        <div class="requiredInput">
                                          <div class="requiredBlock"></div>
                                              <apex:inputField value="{!or.AgcOpp[c[0]]}" onchange="setChangeFlg('{!or.lineNo}')"/>
                                        </div>
                                      </apex:outputPanel> -->
                                    </td>
                                    <apex:variable value="{!cnt_2 + 1}" var="cnt_2" />
                                </apex:repeat>
                                </tr>
                                <apex:variable value="{!cnt + 1}" var="cnt" />
                            </apex:repeat>
                        </table>
                    </div>
                    <div id="in_Div">
                        <table class="list" style="border-bottom-width: 0px;font-size:11px; border-spacing:0;" 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', '')}" style="height:35px;" 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]}">
                                       
                                    <apex:outputLink rendered="{!c[0]=='Name'}" value="/{!or.opp.Id}" target="LINK_{!or.opp.Id}"><apex:outputField rendered="{!c[0]=='Name'}" value="{!or.opp[c[0]]}" /></apex:outputLink>
 
                                    <apex:outputField id="q1111111111"  rendered="{!(c.size==1 && columnRightRW[c[0]]=='r' && or.opp.Id <> null && c[0] <> 'Name' && (c[0] <> 'Opp_Changed_Field__c' ||(c[0] == 'Opp_Changed_Field__c' &&
                                     not( or.opp.Opp_Changed_Field__c != '没有变化' && or.opp.Opp_Changed_Field__c != ''))))}" value="{!or.opp[c[0]]}" />
                                      <div style ="color:red">
                                        <apex:outputField id="q2222222" rendered="{!(c.size==1 && columnRightRW[c[0]]=='r' && or.opp.Id <> null && c[0] <> 'Name' && c[0] == 'Opp_Changed_Field__c' && ( 
                                     or.opp.Opp_Changed_Field__c != '没有变化' && or.opp.Opp_Changed_Field__c != ''))}" value="{!or.opp[c[0]]}" />

                                      </div>
                                    <apex:inputField rendered="{!(c.size==1 && columnRightRW[c[0]]=='w' && or.opp.Id <> null && c[0] <> 'Name')}" value="{!or.opp[c[0]]}" onchange="setChangeFlgRight('{!or.lineNo}')"/>
                                    <apex:outputPanel rendered="{!(c.size==1 && columnRightRW[c[0]]=='wm' && c[0] <> 'Name' && or.opp.Id <> null)}" layout="none">
                                      <div class="requiredInput_r">
                                        <div class="requiredBlock_r"></div>
                                          <apex:inputField value="{!or.Opp[c[0]]}" onchange="setChangeFlg('{!or.lineNo}',this)"/>
                                      </div>
                                    </apex:outputPanel>
                                    <apex:variable value="{!cnt_3 + 1}" var="cnt_3" />
                                  </td>
                                </apex:repeat>
                                <td id="cell_Scroll" class="col_Scroll">
                                    <apex:inputHidden value="{!or.changeFlg}" id="changeFlg"/>
                                    <apex:inputHidden value="{!or.changeFlgRt}" id="changeFlgRt"/>
                                    <script type="text/javascript">
                                        if ("{!or.canEdit}" == "false") {
                                            var right = j$("#tableData").find("tr").eq({!cnt-1});
                                            var rightline = j$(right).find("td");
                                            for (var i=0; i<rightline.length; i++) {
                                                j$(rightline[i]).find("input").each(function(){
                                                    j$(this).attr("disabled",true);
                                                });
                                                j$(rightline[i]).find("a").each(function(){
                                                    j$(this).attr("href","#");
                                                });
                                            }
                                        }
                                        if ("{!or.hasError}" == "true") {
                                            var left = j$("#tableData_L").find("tr").eq({!cnt-1});
                                            var leftFirst = j$(left).find("td").eq(1);
                                            j$(leftFirst).css("background-color", "gray");
                                        }
                                        if ("{!or.hasFieldError}" == "true") {
                                            var left = j$("#tableData_L").find("tr").eq({!cnt-1});
                                            var leftFirst = j$(left).find("td").eq(1);
                                            j$(leftFirst).css("background-color", "red");
                                        }
                                    </script>
                                </td>
                                </tr>
                                <apex:variable value="{!cnt + 1}" var="cnt" />
                            </apex:repeat> 
                        </table>
                    </div><!-- /in_Div -->
                </apex:outputPanel>
            </apex:pageBlock>
<script type="text/javascript">
j$(function() {
    var tableWidth = 0;
    j$('body .pbBody table#tableHeader tr.headerRow td').each(function() {
        var colClass = getColClassName(this);
        if (colClass != 'col_Scroll') {
            var headerCol = j$('body .pbBody table.list tr.headerRow td.' + colClass);
            tableWidth += headerCol.width();
        }
    });
    j$('table#tableData').css('width', (tableWidth + 62) + 'px');
    j$('table#tableHeader').css('width', (tableWidth + 62) + 'px');

    // list の headerRow の tdに toggleWidth() を追加
    bindTdToggleWidth();
});
var elements = document.getElementsByTagName("select");
for (i = 0; i < elements.length; i++) {
    var id = elements[i].id;
    if (id.length > 5 && id.substring(id.length - 5, id.length) == 'mlktp') {
        elements[i].style.display = "none";
    }
}
var tbl_l = document.getElementById("tableData_L");
var input_l = tbl_l.getElementsByTagName("input");
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%";
    }
}
var tbl = document.getElementById("tableData");
var input = tbl.getElementsByTagName("input");
for (i = 0; i < input.length; i++) {
    var id = input[i].id + '_lkid';
    if (document.getElementById(id) != null) {
        input[i].style.width = "75%";
    }
}

       
</script>
        </apex:outputPanel>
    </apex:form>
    <script>
     // 复杂组件 start
     function load(){
        var baseURL = '';
    	var ObjectType = 'Opportunity';
    	var QueryFieldApiName = '';
    	var inputFieldId = '';
    	var inputFieldId_lktp = '';
    	var SelectObj = 'Account';
    	var SelectFld = 'Name';
        var searchContactKeyWord = ''
        var cnt = j$(".lookupInput");
        console.log(cnt,'xxx')
        for (var i = 0; i < cnt.length; i++) {
        	inputFieldId = cnt[i].children[0].id;
        	inputFieldId_lktp = inputFieldId + '_lktp';
            searchContactKeyWord = cnt[i].children[0].defaultValue
            QueryFieldApiName = String(cnt[i].offsetParent.classList[1].substring(4,cnt[i].offsetParent.classList[1].length)).trim()
            console.log(QueryFieldApiName,'type<<<<<')
        	baseURL = '/apex/SearchContactPageLWC?ObjectType=' + ObjectType + '&QueryFieldApiName=' + QueryFieldApiName +'&QueryFieldApiName=' + QueryFieldApiName +'&ObjectType=' + ObjectType +'&inputFieldId=' + inputFieldId +'&SelectObj=' + SelectObj +'&SelectFld=' + SelectFld + '&searchContactKeyWord=' + searchContactKeyWord;
	        var obj = document.getElementById(inputFieldId+'_lkwgt');
	        if (obj != null) {
	        	obj.setAttribute('href', 'javascript:%20openLookup%28%27' + baseURL + '%26lktp%3D%27%20%2B%20getElementByIdCS%28%27' + inputFieldId_lktp + '%27%29.value%2C670%2C%271%27%2C%27%26lksrch%3D%27%20%2B%20escapeUTF%28getElementByIdCS%28%27' + inputFieldId + '%27%29.value.substring%280%2C%2080%29%29%29');
	        }
    	}
     }
     load()
        
    // 复杂组件 end
    </script>
</apex:page>