<template> 
 | 
    <div class="exampleHolder" if:true={IsLoading}> 
 | 
        <lightning-spinner alternative-text="Loading" size="large"></lightning-spinner> 
 | 
    </div> 
 | 
  
 | 
    <!-- 弹框 --> 
 | 
    <div style="float:right" > 
 | 
        <div class="demo-only demo-only_viewport" style="height:4.5rem;" if:true = {Tongzhishow}> 
 | 
          <div class="slds-notification-container" style={IsLeftStyle} > 
 | 
            <div aria-live="assertive" aria-atomic="true" class="slds-assistive-text">提示</div> 
 | 
            <section class="slds-notification" role="dialog" aria-labelledby="noti77" aria-describedby="dialog-body-id-43"> 
 | 
              <div class="slds-notification__body" id="dialog-body-id-43"> 
 | 
                <a class="slds-notification__target slds-media" href="#" style={BgColorStyle}> 
 | 
                  <span class="slds-icon_container slds-icon-standard-task slds-media__figure" title="task"> 
 | 
                      <lightning-icon icon-name={TongzhiIcon} alternative-text="Account" title="Account"></lightning-icon>                   
 | 
                  </span> 
 | 
                  <div class="slds-media__body"> 
 | 
                    <h2 class="slds-text-heading_small slds-m-bottom_xx-small" id="noti77"> 
 | 
                      <span class="slds-assistive-text">task notification:</span>提示</h2> 
 | 
                    <p>{SaveShowText}</p> 
 | 
                  </div> 
 | 
                </a> 
 | 
                <button class="slds-button slds-button_icon slds-button_icon-container slds-notification__close" title="close"> 
 | 
                    <lightning-icon icon-name="utility:close" alternative-text="close" title="close"  size="x-small" onclick={CloseAlert}></lightning-icon>      
 | 
                </button> 
 | 
              </div> 
 | 
            </section> 
 | 
   
 | 
   
 | 
          </div> 
 | 
        </div> 
 | 
    </div> 
 | 
  
 | 
    <!-- End --> 
 | 
  
 | 
    <div style="margin-left: 5px;margin-top: 5px;height:160px"> 
 | 
        <div style="width: 800px;"> 
 | 
            <div class="slds-grid slds-wrap"> 
 | 
                <div class="slds-col slds-size_3-of-12"  > 
 | 
                    <lightning-input  type="text" label="合同询价编码"  placeholder="请输入合同询价编码" value={ManagementCodeSearch}  onchange={ManagementCodeSearchChange}  ></lightning-input> 
 | 
                </div> 
 | 
  
 | 
                <div class="slds-col slds-size_3-of-12"  > 
 | 
                    <lightning-input  type="text" label="合同名"  placeholder="请输入合同名" value={NameSearch}  onchange={NameSearchChange}></lightning-input> 
 | 
                </div> 
 | 
  
 | 
                <div class="slds-col slds-size_3-of-12"  > 
 | 
                    <!-- <lightning-input  type="text" label="记录类型"  placeholder="请输入记录类型" value={RecordTypeSearch} onchange={RecordTypeSearchChange}  ></lightning-input> 
 | 
                   --> 
 | 
                    <lightning-combobox 
 | 
                    label="记录类型" 
 | 
                    value={RecordTypeSearch} 
 | 
                    placeholder="请选择记录类型" 
 | 
                    options={RecordTypeSearchList} 
 | 
                    onchange={RecordTypeSearchChange} 
 | 
                ></lightning-combobox> 
 | 
                </div> 
 | 
                <div class="slds-col slds-size_1-of-12"  > 
 | 
                    <button class="slds-button slds-button_brand" onclick={OnSearch} style="margin-top:20px">检索</button>  
 | 
                </div> 
 | 
  
 | 
                <div class="slds-col slds-size_3-of-12"  > 
 | 
                    <lightning-input  type="text" label="医院"  placeholder="请输入医院" value={HospitalSearch} onchange={HospitalSearchChange} ></lightning-input> 
 | 
                </div> 
 | 
             
 | 
                <div class="slds-col slds-size_3-of-12"  > 
 | 
                    <lightning-input  type="text" label="OCSM管理省"  placeholder="请输入OCSM管理省" value={OCSMglsSearch} onchange={OCSMglsSearchChange}  ></lightning-input> 
 | 
                </div> 
 | 
  
 | 
                <div class="slds-col slds-size_3-of-12"  > 
 | 
                    <lightning-input  type="text" label="主担当"  placeholder="请输入主担当" value={ZddSearch} onchange={ZddSearchChange}  ></lightning-input> 
 | 
                </div> 
 | 
  
 | 
                <div class="slds-col slds-size_1-of-12"  > 
 | 
                    <button class="slds-button slds-button_brand" onclick={OnUpdateDataFn} style="margin-top:20px">保存</button>  
 | 
                </div> 
 | 
            </div> 
 | 
        </div> 
 | 
    </div> 
 | 
    <div  style={tab} if:true={iftab}> 
 | 
        <c-jz-table data-parent-id="table2" selecttitle={selecttitle2} notselecttitle={notselecttitle2} selectdata={selectdata2} isselectedtable={isselectedtable2} optionsdata={optionsdata2} notselectdata={notselectdata2} ondatachange={datachange2} onselectedchange={selectedchange2} onurlclick={urlClickFn}> </c-jz-table> 
 | 
    </div> 
 | 
    <!-- 分页 start--> 
 | 
    <div class="customPagination"> 
 | 
        <a onclick={lastPage}>上一页</a> 
 | 
        <template for:each={paginationRange} for:item="pageNumber"> 
 | 
            <!-- style={apagination} --> 
 | 
                <a if:true={pageNumber.ifagechange} data-target-number={pageNumber.i} key={pageNumber.i} style="color: red;" onclick={handlePaginationClick}>{pageNumber.i}</a> 
 | 
                <a if:true={pageNumber.ifagenochange} data-target-number={pageNumber.i} key={pageNumber.i}  onclick={handlePaginationClick}>{pageNumber.i}</a> 
 | 
        </template> 
 | 
        <a onclick={nextPage}>下一页</a> 
 | 
    </div> 
 | 
    <!-- 分页 end--> 
 | 
    <!-- 模态框 --> 
 | 
    <div if:true={ModelShow}> 
 | 
        <section role="dialog" tabindex="-1" aria-label="Meaningful description of the modal content" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open"> 
 | 
        <div class="slds-modal__container"> 
 | 
            <header class="slds-modal__header slds-modal__header_empty"> 
 | 
            <button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close"> 
 | 
                <svg class="slds-button__icon slds-button__icon_large" aria-hidden="true"> 
 | 
                <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#close"></use> 
 | 
                </svg> 
 | 
                <span class="slds-assistive-text">关闭</span> 
 | 
            </button> 
 | 
            </header> 
 | 
            <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1"> 
 | 
                <div> 
 | 
                      <lightning-combobox 
 | 
                        label="具体原因" 
 | 
                        value={TempData.Specific_Reasons__c} 
 | 
                        placeholder="请选择失单原因(次)" 
 | 
                        options={JTYYList} 
 | 
                        onchange={Specific_Reasons__cFn} 
 | 
                        data-parent-id="model1" 
 | 
                        ></lightning-combobox> 
 | 
                </div> 
 | 
  
 | 
                <div if:true={Other_Reasons__cShow}> 
 | 
                    <lightning-input    type="text" label="其他原因(手写)"  placeholder="请选择失单型号"  
 | 
                    value={TempData.Other_Reasons__c} onchange={Other_Reasons__cFn}    data-parent-id="model2" > 
 | 
                    </lightning-input> 
 | 
                                                 
 | 
                </div> 
 | 
  
 | 
                <div> 
 | 
                    <lightning-combobox 
 | 
                      label="去向" 
 | 
                      value={TempData.To_Where__c} 
 | 
                      placeholder="请选择去向" 
 | 
                      options={QXList} 
 | 
                      onchange={To_Where__cFn} 
 | 
                      data-parent-id="model3" 
 | 
                      ></lightning-combobox> 
 | 
                </div> 
 | 
  
 | 
                <div if:true={Third_Party_Company__cShow}> 
 | 
                    <lightning-input    type="text" label="第三方公司"  placeholder="第三方公司"  
 | 
                    value={TempData.Third_Party_Company__c} onchange={Third_Party_Company__cFn}   data-parent-id="model4" > 
 | 
                    </lightning-input> 
 | 
                                                 
 | 
                </div> 
 | 
  
 | 
                <div if:true={Third_Party_Contract_Price__cShow}> 
 | 
                    <lightning-input    type="text" label="第三方成约价格"  placeholder="请选择第三方成约价格"  
 | 
                    value={TempData.Third_Party_Contract_Price__c} onchange={Third_Party_Contract_Price__cFn}   data-parent-id="model5" > 
 | 
                    </lightning-input> 
 | 
                                                 
 | 
                </div> 
 | 
  
 | 
  
 | 
                <div if:true={Other__cShow}> 
 | 
                    <lightning-input    type="text" label="其他(手写)"  placeholder="请选择其他(手写)"  
 | 
                    value={TempData.Other__c} onchange={Other__cFn}    data-parent-id="model6"> 
 | 
                    </lightning-input> 
 | 
                                                 
 | 
                </div> 
 | 
  
 | 
                <div style="height:100px;width:200px"></div> 
 | 
            </div> 
 | 
            <footer class="slds-modal__footer"> 
 | 
                <button class="slds-button slds-button_brand" onclick={SaveClickFn}   data-parent-id="model7">保存</button> 
 | 
                <button class="slds-button slds-button_brand"  onclick={SubmitClickFn}   data-parent-id="model8" >提交审核</button> 
 | 
                 <button class="slds-button slds-button_neutral" onclick={ModelCancelFn}>取消</button> 
 | 
            
 | 
            </footer> 
 | 
        </div> 
 | 
        </section> 
 | 
        <div class="slds-backdrop slds-backdrop_open"></div> 
 | 
    </div> 
 | 
</template> 
 |