<apex:page standardController="AssetModifyBelongsChange__c"  extensions="AssetModifyBelongsController" showHeader="false" sidebar="false" id="allPage" action="{!init}" title="最终用户变更申请" lightningStylesheets="true">
<!-- <apex:slds/> -->
<apex:includeLightning />
<apex:stylesheet value="{!URLFOR($Resource.blockUIcss)}"/>
<apex:stylesheet value="{!URLFOR($Resource.StyleUtilCss)}"/>
<!-- <apex:includeScript value="{!$Resource.SLDSDynamicLookupScript}"/> -->
<apex:includeScript value="{!URLFOR($Resource.jquery183minjs)}"/>
<apex:includeScript value="{!URLFOR($Resource.PleaseWaitDialog)}"/>
<apex:includeScript value="{!URLFOR($Resource.CommonUtilJs)}"/>
<apex:includeScript value="{!URLFOR($Resource.SelectFieldJs)}"/>
<style>


    #combobox-input-7-0-7{
        display: none;
    }
    .slds-scope .slds-has-error .slds-form-element__help {
        display: none;
    }

    #auraErrorMessage{
        display: none;
    }

</style>
<script>

    // //标准控件修改 start
    // let InputFieldCmpParam1={
    //     //输入框id，存储查询结果
    //     inputFieldId : 'allPage:allForm:allBlock:searchBlock:OEC',
    //     //存储值id，inputHidden,用于controller接收返回值
    //     inputHiddenId : 'allPage:allForm:AccountField__c',
    //     //lightning组件id
    //     lightningPageId : 'allPage:allForm:allBlock:searchBlock:lightningPage1',
    //     //查询对象api
    //     ObjectApiName : 'AssetModifyBelongsChange__c',
    //     //查询字段api
    //     FieldApiName : 'AccountField__c',
    //     //查询对象id
    //     recordId : '{!ambc.Id}',
    // }

    // $Lightning.use("c:LexSelectFieldApp", function() {
    //     $Lightning.createComponent(
    //         "c:LexSelectFieldCmp",
    //         {
    //             "objApiName": InputFieldCmpParam1.ObjectApiName,
    //             "fieldApiName": InputFieldCmpParam1.FieldApiName,
    //             "recordId" : InputFieldCmpParam1.recordId,
    //         },
    //         InputFieldCmpParam1.lightningPageId,
    //         function(cmp) {
    //         }
    //     );
    // });




    // function setValue(node,setid){
    //     return new Promise(function(resolve, reject) {
    //         node.attributes.getNamedItem('data-value').value=setid;
    //         resolve();
    //     });
    // }
    // function refreshLwcValue(InputFieldCmpParam){
    //     let lwcItem=document.getElementById(InputFieldCmpParam.lightningPageId);
    //     const inputFields = lwcItem.querySelectorAll('input');
    //     console.log(inputFields);
    //     if (inputFields) {
    //         try{
    //             let objName=inputFields[0].value;
    //             let objId=inputFields[1].value;
    //             j$(escapeVfId(InputFieldCmpParam.inputFieldId)).val(objName);
    //             j$(escapeVfId(InputFieldCmpParam.inputFieldId + '_lkold')).val(objName);
    //             j$(escapeVfId(InputFieldCmpParam.inputFieldId + '_lkid')).val(objId);
    //             j$(escapeVfId(InputFieldCmpParam.inputHiddenId)).val(objId);
    //         }catch(e){
    //             console.log(e);
    //         } 
    //     } 
    // }
    // //标准控件修改 end
function ClearJs(){
    blockme();
    document.getElementById("allPage:allForm:allBlock:searchBlock:text1").value = "";
    document.getElementById("allPage:allForm:allBlock:searchBlock:val1").value = "";
    searchConsumableorderdetails();
}
var selectedSize = 0;
var pageLimit = {!pageLimit};
function checkAll() {
    selectedSize = 0;
    var productCount = j$(escapeVfId('allPage:allForm:allBlock:ConsumableorderdetailsSection:ConsumableorderdetailsCount')).value();
    if (j$(escapeVfId('checker')).attr('checked') == 'checked') {
        for (var i = 0; i < productCount; i++) {
            if(selectedSize >= pageLimit){
                window.alert("页面所选数据不能超过500条");
                return;
            }
            j$(escapeVfId('allPage:allForm:allBlock:ConsumableorderdetailsSection:ConsumableorderdetailsTable:' + i + ':variableinfo' + ':consumablesCountproRowCheckbox')).attr('checked',true);
            selectedSize ++;
        }
    } else {
        for (var i = 0; i < productCount; i++) {
            j$(escapeVfId('allPage:allForm:allBlock:ConsumableorderdetailsSection:ConsumableorderdetailsTable:' + i + ':variableinfo' + ':consumablesCountproRowCheckbox')).attr('checked',false);
        }
    }
}

function CheckSize(j){
    var a = j.id;
    var productCount = j$(escapeVfId(a)).attr('checked');
    if (productCount == 'checked') {
        if(selectedSize >= pageLimit){
            window.alert("页面所选数据不能超过500条");
            j$(escapeVfId(a)).attr('checked',false);
            return;
        }
        selectedSize ++;
    } else {
        selectedSize --;
    }
}

function searchdisableJS(){
    //解除不可写状态
    blockme();
    setEditAble();
}


function EditConsumable(){
    //解除不可写状态
    blockme();
    setEditAble();
}

function backOrderJs(){
    //解除不可写状态
    blockme();
    backOrder();
    // UnabletoEdit();
}
function DeleteConsumable(){
    //删除这一单
    if(window.confirm('删除是不可恢复的，你确认要删除吗？')){
        DelConsumable();
    }
}


function saveJs() {
    blockme();
    // beforeSaveJs();
    save();
}

// function beforeSaveJs() {
//     var OffersPrice = j$(escapeVfId('allPage:allForm:allBlock:unEditable:sumPrice_buttom2')).value();
//     j$(escapeVfId('allPage:allForm:allBlock:unEditable:theHiddenInput')).val(OffersPrice.replace(/,/g,""));
// }


function SorderJs() {
    blockme();
    Sorder();
}
function uploadingAttachmentJs(){
    uploadingAttachment();
}
function searchProductJs() {
    blockme();
    var productCount = j$(escapeVfId('allPage:allForm:allBlock:ConsumableorderdetailsSection:ConsumableorderdetailsCount')).value();
    var isChanged = false;
    for (var i = 0; i < productCount; i++) {
        var nowChk = j$(escapeVfId('allPage:allForm:allBlock:ConsumableorderdetailsSection:ConsumableorderdetailsTable:' + i + ':sumablesCountproRowCheckbox')).attr('checked');
        var oldChk = j$(escapeVfId('allPage:allForm:allBlock:ConsumableorderdetailsSection:ConsumableorderdetailsTable:' + i + ':proRowOldCheckbox')).attr('checked');
        var consumablesCount= j$(escapeVfId('allPage:allForm:allBlock:ConsumableorderdetailsSection:ConsumableorderdetailsTable:' + i + ':consumablesCount')).value();
        var oldConsumableCount= j$(escapeVfId('allPage:allForm:allBlock:ConsumableorderdetailsSection:ConsumableorderdetailsTable:' + i + ':oldConsumableCount')).value();
        if (nowChk != oldChk || (nowChk == 'checked' && consumablesCount != oldConsumableCount)) {
            isChanged = true;
            break;
        }
    }

        searchConsumableorderdetails();
}
</script>
<style>
    .dateFormat  {
        display: none;
    }
    td.columuslowercolour {
        background-color:red;
        text-align: right;
    }
        td.columuscuperolour {
        background-color: yellow;
        text-align: right;
    }
</style>
    <apex:form id="allForm">
        <apex:inputHidden value="{!ambc.AccountField__c}" id="AccountField__c" />
        <apex:actionFunction name="save" action="{!save}" rerender="editAble,ConsumableorderdetailsSection, message,editAble" onComplete="unblockUI();CheckStatusAfter();">
        </apex:actionFunction>
        <apex:actionFunction name="Sorder" action="{!Sorder}" rerender="ConsumableorderdetailsSection, message" onComplete="unblockUI();CheckStatusAfter();init();">
        </apex:actionFunction>
        <apex:actionFunction name="searchConsumableorderdetails" action="{!searchConsumableorderdetails}" rerender="ConsumableorderdetailsSection, message" onComplete="unblockUI();CheckStatusAfter();SumCompute()">
        </apex:actionFunction>
        <apex:actionFunction name="setEditAble" action="{!setEditAble}" rerender="ConsumableorderdetailsSection, message" onComplete="unblockUI();CheckStatusAfter()">
        </apex:actionFunction>
         <apex:actionFunction name="DelConsumable" action="{!DelConsumable}" rerender="ConsumableorderdetailsSection, message" onComplete="unblockUI();CheckStatusAfter()">
        </apex:actionFunction>
        <apex:actionFunction name="uploadingAttachmentJs" action="{!uploadingAttachmentLightning}" rerender="ConsumableorderdetailsSection, message" onComplete="unblockUI();CheckStatusAfter()">
        </apex:actionFunction>
        <apex:actionFunction name="returnChangePage" action="{!returnChangePage}" rerender="ConsumableorderdetailsSection, message" onComplete="unblockUI();CheckStatusAfter()">
        </apex:actionFunction>

        <apex:actionFunction name="backOrder" action="{!backOrder}" rerender="ConsumableorderdetailsSection, message" onComplete="unblockUI();searchConsumableorderdetails()">
        </apex:actionFunction>
        <!-- <apex:actionFunction name="UnabletoEdit" action="{!UnabletoEdit}" rerender="ConsumableorderdetailsSection, message" onComplete="unblockUI()">
        </apex:actionFunction> -->
        <apex:outputPanel id="allPanel">
            <apex:pageBlock id="allBlock" >
                <apex:pageBlock id="EDCline_1" >

                    <apex:commandButton style="display:none"/>
                    <apex:commandButton onclick="EditConsumable();"   value="编辑" style="margin-left:30px;width:180px" rerender="dummy" rendered="{!!(editAble)}"  disabled="{!IF(ambc.Change_status__c='已提交'||ambc.Change_status__c='批准'||ambc.Change_status__c='驳回',true,false)}"/>
                    <apex:commandButton onclick="SorderJs();"         value="提交订单" style="margin-left:30px;width:180px" rerender="dummy" rendered="{!!(editAble )}" disabled="{!IF(ambc.Change_status__c='已提交'||ambc.Change_status__c='批准',true,false)}"/>
                    <apex:commandButton onclick="saveJs();"           value="保存变更申请单" style="margin-left:30px;width:180px" rerender="dummy" rendered="{!IF((editAble) && ambc.Change_status__c !='驳回',true,false)}" />
                    <apex:commandButton onclick="saveJs();"           value="保存变更申请单" style="margin-left:30px;width:180px" rerender="dummy" rendered="{!IF(ambc.Change_status__c='驳回' && editAble,true,false)}" />
                    <apex:commandButton onclick="DeleteConsumable();" value="删除" style="margin-left:30px;width:180px" rerender="dummy" rendered="{!!(editAble)}" disabled="{!IF(ambc.Change_status__c='已提交'||ambc.Change_status__c='批准'||ambc.Change_status__c='驳回',true,false)}"/>
                   <apex:commandButton onclick="backOrderJs();"   value="再申请" style="margin-left:30px;width:180px" rerender="dummy" rendered="{!IF(ambc.Change_status__c='驳回' && !editAble,true,false)}" />
                </apex:pageBlock>
                
                 <apex:pageBlock title="变更申请单信息" id="unEditable" rendered="{!!(editAble)}">
                    <table>
                        <colgroup>
                            <col width="160px"/>
                            <col width="300px"/>
                            <col width="30px"/>
                            <col width="300px"/>
                            <col width="300px"/>
                            <col width="300px"/>
                            <col width="300px"/>
                        </colgroup>

                        <tr style='line-height: 25px;'>
                            <td align="right" >申请单编码：</td>
                            <td align="left" ><apex:outputField id="OrderCode_out"  value="{!ambc.Name}" style="width:300px"/></td>
                            <td/>
                            <td align="right" >状 态：</td>
                            <td align="left" ><apex:outputField id="OrderStatus_out" value="{!ambc.Change_status__c}" style="width:100px"/></td>
                            <td/>
                        </tr>
                        <tr  style='line-height: 25px;'>
                            <td align="right" >原客户：</td>
                            <td align="left" ><apex:outputField value="{!ambc.rawAccount__r.Name}"/></td>
                            <td/>
                            <td align="right" >目标客户：</td>
                            <td align="left" ><apex:outputField value="{!ambc.AccountField__r.Name}"/></td>
                            <td/>
                        </tr> 
                        
                        <tr  style='line-height: 25px;'>
                            <apex:outputPanel rendered="{!checkUser}">
                                <td align="right" >SPO表单号：</td>
                                <td align="left" ><apex:outputField value="{!ambc.SPOLink__c}"/></td>
                            </apex:outputPanel>
                            <td/>
                            <!-- CHAN-B9B68N Start -->
                            <td align="right">变更原因：</td>
                            <td align="left">
                             <apex:outputField value="{!ambc.ChangeReason__c}"/>
                            </td>
                            <!-- CHAN-B9B68N Stop -->
                        </tr>
                        <tr  style='line-height: 25px;'>
                            <td align="right">备注：</td>
                             <td align="left"><apex:outputField value="{!ambc.remark__c}" style="width:200px"/></td>
                            <!-- LZHU-BPJ8DF 20200513  Start -->
                            <td/>
                            <td align="right">变更设备总数：</td>
                            <td align="left">
                             <apex:outputField value="{!ambc.DetailCnt__c}"/>
                            </td>
                            <!--  LZHU-BPJ8DF 20200513 End -->
                        </tr>
                        <!-- WLIG-BS7B4T ---20200806---update By rentongxiao---Start -->
                        <tr  style='line-height: 25px;'>
                            <td align="right">共享：</td>
                             <td align="left"><apex:outputField value="{!ambc.share__c}" style="width:50px"/></td>
                            <td/>
                        </tr>
                         <!-- WLIG-BS7B4T ---20200806---update By rentongxiao---End -->
                    </table>
                </apex:pageBlock>
                <apex:pageBlock id="searchBlock" rendered="{!editAble}">
                    <table>
                        <colgroup>
                            <col width="0px"/>
                            <col width="0px"/>
                            <col width="60px"/>
                            <col width="85px"/>
                            <col width="60px"/>
                            <col width="60px"/>
                            <col width="180px"/>
                            <col width="60px"/>
                            <col width="60px"/>
                            <col width="180px"/>
                            <col width="60px"/>
                            <col width="60px"/>
                            
                        </colgroup>
                        <tr>
                            <td align="right"></td>
                            <td></td>
                            <td/>
                            <td align="right">&nbsp;&nbsp;&nbsp;选择条件：</td>
                            <td>
                             <apex:selectList value="{!text1}" id="text1" size="1" style="width:90px"><apex:selectOptions value="{!textOpts}"/>
                            </apex:selectList>
                            </td>                           
                            <td>
                            <apex:inputText value="{!val1}"
                            id="val1" style="width:200px"/>
                            </td>
                            <td align="left"><div id="seachdiv">合同编码精确查询<apex:inputCheckbox value="{!checkexact}" id="RowCheckbox"/></div></td>
                            <td><apex:commandButton value="保有设备搜索" style="width: 120px;" onclick="searchProductJs('0');return false;" /></td>
                            <td><input type="button" value="清空" style="width: 100px;" onclick="ClearJs();return false;" class="btn"/></td>
                            <td/>
                        </tr>
                        <tr>
                            <td colspan="14"></td>
                        </tr>
                        <tr>
                            <td colspan="3"/>
                            <td colspan="4" style="width:100px;">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;原客户：<apex:outputField value="{!ambc.rawAccount__c}"/></td>
                            <td colspan="4">目标客户：<apex:inputField id="OEC" value="{!ambc.AccountField__c}" style="height:25px;width:200px"/></td>
<!--                         <td colspan="4" style="display:flex;flex-direction:column;">
                            <div>目标客户：</div>
                            <div style="width:200px;height:100%;" id="lightningPage"></div></td> -->
<!--                            <td colspan="4" style="height:50px;width:300px;display: flex;flex-direction:column;justify-content:center;">
                                <apex:inputField id="OEC" value="{!ambc.AccountField__c}" style="display: none;"/>
                                <div style="display: flex;flex-direction:row;justify-content:flex-start;" onmousemove="" onmouseleave="refreshLwcValue(InputFieldCmpParam1)">
                                    <div style="height:50px;display: flex;flex-direction:column;justify-content:center;">目标客户：</div>
                                    <apex:outputPanel id="lightningPage1" style="height:50px;width: 230px;padding-top: 8px;" onmouseout="refreshLwcValue(InputFieldCmpParam1)"></apex:outputPanel>
                                </div>
                            </td> -->
<!--                             <td colspan="4">目标客户：<apex:inputField onclick="openPage()" id="OEC" value="{!ambc.AccountField__c}"  style="height:25px;width:200px"/><div style="width:100%;height:100%;" id="lightningPage"></div></td>
 -->
<!--                             <td colspan="4" style="height:50px;display: flex;flex-direction:column;justify-content:center;">
                                <div style="display: flex;flex-direction:row;justify-content:flex-start;">
                                    <div style="height:50px;display: flex;flex-direction:column;justify-content:center;">目标客户：</div>
                                    <div style="height:50px;display: flex;flex-direction:column;justify-content:center;padding-bottom: 10px">
                                        <apex:inputField id="OEC" value="{!ambc.AccountField__c}" style="display: none;"/>
                                        <c:SLDSDynamicLookup  SLDSResourceName="{!$Resource.SLDS}" ObjectApiName="Account" DisplayFieldApiNames="Name" DisplayFieldsPattern="Name"  LabelName="Name" SetValueToField="{!ambc.AccountField__c}" setStyleCss="width:300px;"/>
                                    </div>
                                </div>
                            </td> -->
                        </tr>
                       
                        <tr  >
                            <apex:outputPanel rendered="{!checkUser}">
                                <td colspan="3"/>
                                <td colspan="4">&nbsp;&nbsp;&nbsp;SPO表单号：<apex:inputText value="{!ambc.SPOLink__c}" style="width:200px"/></td>
                            </apex:outputPanel>
                            <!-- CHAN-B9B68N Start -->
                            <td  colspan="4">变更原因：<!-- <apex:selectList value="{!ambc.ChangeReason__c}" id="changeReason01" size="1" style="width:204px"><apex:selectOptions value="{!changeReasonOpts}"/> --><apex:inputField value="{!ambc.ChangeReason__c}"></apex:inputField>
                            <!-- </apex:selectList> -->
                            </td>
                            <!-- CHAN-B9B68N Stop -->
                           
                        </tr>
                         <tr>
                            <td colspan="3"/>
                            
                                <td colspan="4" style="height:50px;">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    &nbsp;&nbsp;备注：<apex:inputText value="{!ambc.remark__c}" style="width:200px"/></td>
                             <!-- LZHU-BPJ8DF 20200513  Start -->
                                <td colspan="4" style="height:50px;">变更设备总数：<apex:outputField value="{!ambc.DetailCnt__c}"/></td>
                            <!--  LZHU-BPJ8DF 20200513 End -->
                            </tr>
                        <!-- WLIG-BS7B4T ---20200806---update By rentongxiao---Start -->
                         <tr>
                            <!-- 共享字段的回显 -->
                             <td colspan="3"/>
                                <td colspan="4">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
                                    &nbsp;&nbsp;&nbsp;共享：<apex:inputCheckbox value="{!ambc.share__c}" style="height:20px;width:20px"/>
                                </td>
                                <td colspan="4"></td>
                        </tr>
                        <!-- WLIG-BS7B4T ---20200806---update By rentongxiao---End -->
                    </table>
                </apex:pageBlock>
                <apex:outputPanel id="message">
                    <apex:pageMessages />
                 </apex:outputPanel>
                <apex:pageBlock title="保有设备所属变更明细" id="ConsumableorderdetailsSection">
                <input type="hidden" id="allPage:allForm:allBlock:ConsumableorderdetailsSection:ConsumableorderdetailsCount" value="{!ConsumableorderdetailsviewCount}" />
                <input type="hidden" id="allPage:allForm:allBlock:ConsumableorderdetailsSection:Id" value="{!Id}" />
                    <table class="list" border="0" cellpadding="0" cellspacing="0">
                        <tr class="headerRow">
                            <apex:variable var="v" value="" rendered="{!editAble}">
                                <th><input type='checkbox' onClick='checkAll()' id='checker'/>选择</th>
                            </apex:variable>
                            <th>保有设备名称</th>
                            <th>订单编码</th>
                            <th>机身编码</th>
                            <th>装机地点</th>
                            <th>科室</th>
                        </tr>
                            <apex:repeat value="{!assetModifyBelongsChangeDetailRecordsview}" var="records" id="ConsumableorderdetailsTable">
                                <tr class="dataRow">
                                    <apex:variable var="v" value="" rendered="{!editAble}" id="variableinfo">
                                        <td>
                                        <apex:inputCheckbox value="{!records.check}" onclick="CheckSize(this);" id="consumablesCountproRowCheckbox" disabled="{!!records.canSelect}"/>
                                         <apex:inputCheckbox value="{!records.oldCheck}" id="proRowOldCheckbox" style="display:none"/></td>
                                     </apex:variable>
                                    <td class="dataCell">
                                        <apex:outputText value="{!records.ast.Name}"/>
                                    </td>
                                    <td class="dataCell">
                                        <apex:outputText value="{!records.ast.Order_No__c}"/>
                                    </td>
                                    <td class="dataCell">
                                        <apex:outputText value="{!records.ast.SerialNumber}"/>
                                    </td>
                                    <td class="dataCell">
                                        <apex:outputText value="{!records.ast.Installation_Site__c}"/>
                                    </td>
                                    <td class="dataCell">
                                        <apex:outputText value="{!records.ast.Account.Name}"/>
                                    </td>
                                </tr>
                            </apex:repeat>
                    </table>

                </apex:pageBlock>
                
                <!-- CHAN-BC6BV2 XHL AddStart 20190522 -->
                <apex:pageBlock title="文件" id="accessory" rendered="{!isShow}">
                
                    <apex:pageBlockButtons location="top">
                        <apex:commandButton value="文件上传"  onclick="uploadingAttachmentJs();" disabled="{!IF(ambc.Change_status__c='已提交'||ambc.Change_status__c='批准',true,false)}"/>
                    </apex:pageBlockButtons>
                    
                    <apex:pageBlockTable value="{!contents}" var="attachment" >
                        
                        
                        <apex:column headerValue="标题" style="width: 33%">
                            <apex:outputField value="{!attachment.Title}"/>
                        </apex:column>
                        <apex:column headerValue="上次修改时间" style="width: 33%">
                            <apex:outputField value="{!attachment.ContentModifiedDate}"/>
                        </apex:column>
                        <apex:column headerValue="创建人" style="width: 33%">
                            <apex:outputField value="{!attachment.OwnerId}"/>
                        </apex:column>

                    </apex:pageBlockTable>
                </apex:pageBlock>
                <!-- CHAN-BC6BV2 XHL AddEnd 20190522 -->
            </apex:pageBlock>
        </apex:outputPanel>
    </apex:form>
<script>
        let SelectFieldParamList=[
            // 
            {
                //原apex:inputField的id值，需要在页面上获取
                inputFieldId : 'allPage:allForm:allBlock:searchBlock:OEC',
                //查找字段所在对象
                ObjectType : 'AssetModifyBelongsChange__c',
                //查找字段的api名称
                QueryFieldApiName : 'AccountField__c',
                //查找字段的查找对象
                SelectObj : 'Account',
                //搜索时使用的字段
                SelectFld : 'Name',
            },
        ]
        //初始化
        resetOpenPage(SelectFieldParamList);
</script>
</apex:page>