<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes" 
access="global"  controller="eSignHospitalPageController">
<!-- eSignHospitalPageController -->
        <aura:attribute name="DNName" type="String" 
                    description="用来从父对象接收传递过来的DN号"
                    default=""/>
        <aura:attribute name="allWidth" type="String"
                    description="用来从父对象接收传递过来的屏幕宽度"
                    default=""/>
        <aura:attribute name="floatWidth" type="String"
                    description="用来从父对象接收传递过来的屏幕宽度"
                    default=""/>
        <aura:attribute name="SANumber" type="String" 
                    description="用来从父对象接收传递过来的注残号"
                    default=""/>
        <aura:attribute name="IsSubmit" type="boolean" default="false"
                     description="判断是否录入表需要提交"/>
        <aura:attribute name="IsWhole" type="boolean" default="false"
                     description="判断明细中是否有不完好的"/>
        <aura:attribute name="IsHaveFile" type="boolean" default="false"
                     description="判断是否上传附件"/>
        <aura:attribute name="IsUpLoad" type="boolean" default="false"
                     description="判断是否上传附件"/>
        <aura:attribute name="AgencyClick" type="boolean" default="false"
                     description="判断是否已提交过一次"/>
        <aura:attribute name="IsAgencyShow" type="Boolean" default=""/>
        <aura:attribute name="IsHPShow" type="Boolean" default=""/>

        <aura:attribute name="hideCheckboxColumn" type="boolean" default="true"
                     description="因为点上一页的时候不知道为什么置成false了所以用变量来设置"/>
        <aura:attribute name="recordId" type="String" default=""
                        description="在明细页点击下一步会上传录入表，
                                     然后返回的录入表ID存在这里，用于上传文件使用"/>
        <!-- 经销商扫描日 -->
        <aura:attribute name="agencyScanDayBack" type="Date" default=""/>
        <!-- 经销商签收日 -->
        <aura:attribute name="agencySignUpDateBack" type="Date" default=""/>
        <!-- 经销商确认日 -->
        <aura:attribute name="agencyConfirmDateBack" type="Date" default=""/>
        <!-- 医院验收结果 -->
        <aura:attribute name="HospitalAcceptanceResults" type="string" default="全部验收"/>
        <!-- 合同编号 -->
        <aura:attribute name="Contract_No" type="string" default="123455"/>
        <!-- 发货DN -->
        <aura:attribute name="DNSignUp" type="string" default="123456"/>
        <!-- 医院名称 -->
        <aura:attribute name="HospitalName" type="string" default="TEST BJ 医院"/>
        <!-- 科室 -->
        <aura:attribute name="DepartmentName" type="string" default="TEST BJ 医院 消化科"/>
        <!-- 箱数 -->
        <aura:attribute name="NumberOfCases" type="string" default="2箱"/>
        <aura:attribute name="HomePageDisplay" type="Boolean" default="true"/>
        <aura:attribute name="NextPageDisplay" type="Boolean" default="false"/>
        <!-- checkbox -->
        <aura:attribute name="chk" type="string" default=""/>
        <aura:attribute name="check" type="Boolean" default="false"/>
        <!-- 用于判断是直销还是分销 -->
        <aura:attribute name="isAgencyOrHp" type="Boolean" default=""/>
        <aura:attribute name="eSignForm" type="Object"
                    description="首页信息"/>
        <aura:attribute name="uploadFilePage" type="Boolean" default="false"
                    description="判断是否是文件上传页"/>
        <aura:attribute name="data" type="Object[]"
                        description="所有明细的信息"/>
        <aura:attribute name="currentData" type="Object[]"
                        description="明细页当前显示的明细的信息"/>
        <aura:attribute name="dataSize" type="Integer" default="0"
                        description="明细页当前显示的明细的数量"/> 
        <aura:attribute name="columns" type="List"
                         description="明细页表格的每列构造的设定"/>
        <aura:attribute name="pageNumber" type="Integer" default="1"
                        description="明细页表格的第几页"/>
        <aura:attribute name="pageSize" type="Integer" default="5"
                        description="明细页表格的每页明细容量"/>
        <aura:attribute name="isLastPage" type="Boolean" default="false"
                         description="是否最后一页，如果是最后一页，那么表格分页的下一页不可用"/>
        <aura:attribute name="draftValues" type="Object" default="[]"
                        description="明细页表格的修改内容，保存后从这里读值存到当前表格里面"
                        />
        <aura:attribute name="successMessage" type="String"
                        description="成功消息"/>
        <aura:attribute name="errorMessage" type="String"
                        description="失败消息"/>
        <!-- 适用+检索  start-->
        <aura:attribute name="searchSize" type="Integer" default=""
                    description="检索数据的长度"/>
        <aura:attribute name="searchCase" type="Integer" default=""
                        description="存放检索值，保留缓存"/>
        <aura:attribute name="searchCaseKey" type="Integer" default=""
                        description="存放检索值，赋值给searchCase"/>
        <aura:attribute name="searchFlag" type="boolean" default=""
        description="搜索框是否有值"/>
        <aura:attribute name="lineItemSize" type="Integer" default=""
                        description="存放一共有多少条明细size"/>
        <!-- 医院电子邮件 -->
        <aura:attribute name="HPWorkflowEmailBack" type="String"
                        description="医院邮箱"/>
        <aura:attribute name="applyButton" type="String" default=""
                        description="显示适用按钮"/>
        <aura:attribute name="allApplyButton" type="String" default=""
                        description="显示全部按钮"/>
        <!-- 文件名展示列 -->
        <aura:attribute name="activeSections" type="List" default="['A']" />
        <aura:attribute name="activeSectionsMessage" type="String" default="" />
        <aura:attribute name="flName" type="String" default=""
                        description="显示文件名"/>
        <aura:attribute name="nameList" type="Object[]"
                        description="显示所有文件名"/>    
        <aura:attribute name="fileSize" type="Integer" default=""
                        description="记录一共有几个文件"/> 
        <aura:attribute name="flUpLoadName" type="String" default=""
                    description="显示上传文件名"/>
        <aura:attribute name="fileUpLoadSize" type="Integer" default=""
                        description="显示上传文件数"/>
        <aura:attribute name="nameUpLoadList" type="Object[]"
                        description="显示所有文件名"/>
        <aura:attribute name="uploadFlag" type="Boolean" default="false" 
                        description="点击上传文件标识"/>
        <aura:attribute name="base64List" type="Object[]"
                        description="显示所有文件名"/>  
        <aura:attribute name="messageFlag" type="boolean" default="false" description="判断上传文件是否提示"  />
        <aura:attribute name="submitAfterShow" type="Boolean" default="false" 
                    description="提交后显示退回首页按钮"/>
        <aura:attribute name="errorFlag" type="boolean" default="false" description="网络不好的情况置成true，由于恢复网络上传文件！"  />

        <!-- CHAN-BWCBL8 精琢技术 wql 20201225 start -->
        <!-- 返回首页 end -->
        <aura:attribute name="ISDenyReason" type="boolean" default="false"  description="是否医院驳回" />
        <!-- CHAN-BWCBL8 精琢技术 wql 20201225 end -->
        <!-- 增加扫描标识，batch取消驳回勾选 2020/12/30 wql start -->
        <aura:attribute name="IsHPScan" type="boolean" default="false"  description="医院是否扫描" /> 
        <!-- 增加扫描标识，batch取消驳回勾选 2020/12/30 wql end -->
        <!-- 文件名展示列 -->
        <!-- 文件上传-->
        <aura:attribute name="parentId" type="Id" default="" />
     <!-- 'showLoadingSpinner' attribute for show/hide the uploading image and msg in aura:if-->
        <aura:attribute name="showLoadingSpinner" type="boolean" default="false" />
     <!-- 'fileName' attribute for display the selected file name -->  
        <aura:attribute name="fileName" type="String" default="No File Selected.." />
     <!-- Lightning Input with file type and on file change call the 'handleFilesChange' controller -->   <aura:attribute name="getchunk" type="String" default="" />

        <aura:attribute name="baseFile" type="String" default="" />               
        <!-- 文件名展示列 -->
        <!-- 适用+检索 end -->
        <aura:handler name="init" action="{!c.doInit}" value="{!this}"
                  description="初始化方法"/>


        <!-- 复选框组 -->
        <aura:attribute name="options" type="List" default="[
        {'label': '上述内容已阅读（默认勾选）点“下一步”到明细页', 'value': 'option1'}
        
        ]"/>
        <aura:attribute name="value" type="List" default="option1"/>
        
        <!-- 上传附件 图片预览 -->
        <aura:attribute name="imageSrc" type="String" default="" />
        <aura:attribute name="imgList" type="String" default="" />
        <!--wangweipeng  20210616   选择好上传图片以后预览-->
        <aura:attribute name="imageBigSrc" type="String" default="" />
        <!-- 增加删除功能  精琢技术 thh 2021-09-26 start -->
        <aura:attribute name="FontSrc" type="Map" default="{}" description="关联文件名和文件" />
        <aura:attribute name="FileSrc" type="Map" default="{}" description="关联压缩后的文件名和文件" />
        <aura:attribute name="attachmentID" type="Map" default="{}" description="关联附件ID和附件名" />
        <aura:attribute name="loaded" type="Boolean" default="true" description="根据传入文件类型决定是否显示图片"/>
        <aura:attribute name="isUploadName" type="Map" default="{}" description="关联文件名和该文件是否已经上传" />
        <aura:attribute name="pdfSrc" type="Map" default="{}" description="关联pdf文件名和空白src" />
        <!-- 增加删除功能  精琢技术 thh 2021-09-26 end -->

        <div>
            <lightning:spinner aura:id="mySpinner" size="large"
                               description="加载中组件，如果不隐藏整个页面就在加载中"/>
        </div>

        <!-- 成功toast 组件的实现-->
        <div class="slds-modal slds-fade-in-open slds-hide" aura:id="successDiv">
            <div class="demo-only" style="height: 8rem;width:40%">
                <div class="slds-notify_container slds-is-relative">
                    <div class="slds-notify slds-notify_toast slds-theme_success" role="alert">
                        <div class=" slds-m-left_xx-large">
                            <div class="slds-notify__content slds-m-left_small slds-align_absolute-center slds-m-left_xx-large">
                                <lightning:icon alternativeText="Success" iconName="utility:success" size="small"
                                                class="buttonColor slds-m-right_small" />
                                <h2 class="slds-text-heading_small ">{!v.successMessage}</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 失败toast 组件的实现-->
        <div class="slds-modal slds-fade-in-open slds-hide" aura:id="errorDiv">
            <div class="demo-only" style="height: 8rem;" id="errorSonDiv1">
                <div class="slds-notify_container slds-is-relative">
                    <div class="slds-notify slds-notify_toast slds-theme_error" role="status" id="errorSonDiv2" style="">
                        <div class="">
                            <div class="slds-notify__content slds-m-left_small slds-align_absolute-center">
                                <lightning:icon alternativeText="error" iconName="utility:error" size="small"
                                                class="buttonColor slds-m-right_small" />
                                <h2 class="slds-text-heading_small ">
                                    <div id="errorSonDiv3" style=" word-break: break-all;overflow: auto;">
                                    {!v.errorMessage}
                                    </div>
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <aura:registerEvent name="componentEvent" type="c:BackToHomePage"/>
        <!-- 首页 -->
        <aura:if isTrue="{!v.HomePageDisplay}">
        <p style="font-size: 17px;">
        首页
        </p>
        <div  id="qs"  style="   margin-bottom: 5%;" class="slds-card" >
         
            <!-- 首页，由于与医院确认页公用相同主页，所以使用这个组件,然后可以公用 -->
            <c:eSignHospitalHomePage
                                   HospitalAcceptanceResults = "{!v.HospitalAcceptanceResults}"
                                   eSignForm = "{!v.eSignForm}"
                                   />

         
        <!-- 高度 -->
       <!--  <div style="height: 20px;"></div> -->
       
        <!-- 注意事项： -->
        <div  id="attention"  style=" position:relative;margin-right: 4px;  margin-right: 4px; " class="" >
            <lightning:layout horizontalAlign="left" class="slds-m-top_large">
                    <!-- 未设置layoutItem的size大小 不涉及并列这种情况 目前自适应 -->
                         <lightning:layoutItem padding="around-small" >
                            <div class="header-column">
                               <p class="field-title" title="Field 3" style="font-weight:bold;font-size: 15px;">注意事项 ： </p>
                               <p class="field-title" title="Field 3" style="font-weight:bold;font-size: 15px;"> 1、收到货物请在24小时内确认 </p>
                               <p class="field-title" title="Field 3" style="font-weight:bold;font-size: 15px;"> 2、货物外观破损请当面与送货人签字确认 </p>
                               <p class="field-title" title="Field 3" style="font-weight:bold;font-size: 15px;"> 3、书面通知供货者破损情况并描述破损状态 </p>
                               <p class="field-title" title="Field 3" style="font-weight:bold;font-size: 15px;"> 4、必要时请拍照记录 </p>
                               <!-- 须知 -->
                               <!-- CHAN-BWCBL8 精琢技术 wql 20201225 start -->
                                <aura:if isTrue="{!v.ISDenyReason}">
                                <p class="field-title" title="Field 3" style="font-weight:bold;font-size: 20px;color: #0f218b;"></p>
                                <p class="field-title" title="Field 3" style="font-weight:bold;font-size: 15px;color: red;"> 驳回原因：{!v.eSignForm.HPDenyReason__c} </p>
                                </aura:if>
                                <!-- CHAN-BWCBL8 精琢技术 wql 20201225 end -->
                            </div>
                        </lightning:layoutItem>
                </lightning:layout>

            <!-- 须知 -->
                <lightning:layout horizontalAlign="left" class="slds-m-top_small">
                <!-- 未设置layoutItem的size大小 不涉及并列这种情况 目前自适应 -->
                        <lightning:layoutItem padding="around-small">
                            <!-- <lightning:checkboxGroup name="checkbox"
                                 label=""
                                 options="{! v.options }"
                                 value="{! v.value }"
                                 onchange="{! c.handleChange }"/> -->
                                 <lightning:input type="checkbox" label="上述内容已阅读，点“下一步”到明细页" id="chk" name="chk" checked="{!v.check}" />
                        </lightning:layoutItem>
                </lightning:layout>
            
        </div>  


        <!-- 从首页到检索页的上一步按钮 -->
        <!-- <div class="slds-float_left">
            <lightning:button variant="brand"
                              label="上一步" title="上一步" onclick="{! c.BackToHomePage }" />
        </div> -->
        <div class="slds-float_right">            
                <lightning:button variant="brand" 
                                  label="下一步" title="下一步" onclick="{! c.hospitalDetailsPageNextClick }" />
        </div>
</div>
   <!--  </lightning:datatable> -->
    </aura:if> 
    <aura:renderIf isTrue="{!v.NextPageDisplay}">
        <!-- 加上滚动条 -->

        <div id="header" style="{!'width:'+v.floatWidth+'px;'}">
            <tr>
            <td class="field-title" title="Field 3" style="font-weight:bold;font-size: 15px;" align="left">（向右滑动查看更多信息） 
            
            </td>
            </tr>
               
        </div>
        <!-- 检索 -->
        <div id="searchDiv" class="slds-page-header" role="banner"  style="{!'width:'+v.floatWidth+'px;'}">
            <div class="slds-float_center" style="text-align:center">
            <tr>
            <td align="right" style="{!'padding-left:'+v.floatWidth*0.15+'px;'}">箱号:
            <input id="searchInput" lightning-input_input ="" type="text" class="slds-input" value="{!v.searchCase}" name=""  onchange="{!c.searchByCaseNumber}" style="{!'width:'+v.floatWidth*0.2+'px;'}"/>
            </td>

            <td style="padding-left: 5px;">
            <aura:if isTrue="{!v.searchFlag}">
                    该箱共有{!v.searchSize}条数据。
                <aura:set attribute="else">
                    该单共有{!v.lineItemSize}条数据。
                </aura:set>
            </aura:if>
            </td>
            </tr>
            </div>
        </div>       
        <div id="allDiv" style="{!'width:'+v.allWidth+'px;overflow-x:scroll;'}">
        <div  id="in" style=" width:799px;margin-right: 4px; ">
            <!-- 显示在明细页的当前明细的表格 -->
            <div id="inTable" >
                <!-- <lightning:card> -->
                    <aura:set attribute="title">
                        货物签收单明细
                    </aura:set>
                
                    <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-hint-parent slds-no-row-hover " style="table-layout: fixed;">
                        <thead>
                            <tr class="slds-line-height_reset slds-text-title_caps">
                                <!-- 第一列 产品型号 -->
                                <th  class="slds-is-resizable" tabindex="-1" data-label="产品型号"  scope="row">
                                            
                                    <span class="slds-grid slds-grid_align-spread" style="
                                            width: 110px;text-align: left;display:block;">
                                            <div class="slds-truncate">
                                                <span title="产品型号" class="slds-truncate" style="padding-bottom: 3px;">产品型号</span>    </div>
                                    </span>
                                                
                                            
                                </th>
                                <!-- 第二列 CODE -->
                                <!-- <th  class="slds-is-resizable" tabindex="-1" data-label="CODE"  scope="row" style="width: 137px;height: 35px; outline: none;">
                                          
                                    <span class="slds-grid slds-grid_align-spread" style="text-align: center;display:block;">
                                        <div class="slds-truncate">
                                                <span title="CODE" class="slds-truncate" style="padding-bottom: 3px;">CODE</span>    
                                        </div>          
                                                      
                                    </span>
                                                    
                                    
                                </th> -->
                                
                                <!-- 第三列 产品名称-->
                                <th  class="slds-is-resizable" tabindex="-1" data-label="产品名称"  scope="row" style="width: 361px;height: 35px;">
                                            
                                    <span class="slds-grid slds-grid_align-spread" style="text-align: left;display:block;">
                                        <div class="slds-truncate">
                                                <span title="产品名称" class="slds-truncate" style="padding-bottom: 3px;">产品名称</span>   
                                                
                                            
                                        </div>
                                    </span>
                                        
                                    
                                </th>

                                <!-- 第四列 数量-->
                                <th  class="slds-is-resizable" tabindex="-1" data-label="数量"  scope="row" style="width: 50px;height: 35px;">
                                            
                                    <span class="slds-grid slds-grid_align-spread" style="text-align: center;display:block;">
                                        <div class="slds-truncate">
                                                <span title="数量" class="slds-truncate" style="padding-bottom: 3px;">数量</span>   
                                                
                                            
                                        </div>
                                    </span>
                                                
                                        
                                </th>
                                
                                <!-- 第五列 箱号-->
                                <th  class="slds-is-resizable" tabindex="-1" data-label="箱号"  scope="row" style="width: 50px;height: 35px;">
                                            
                                    <span class="slds-grid slds-grid_align-spread" style="text-align: center;display:block;">
                                        <div class="slds-truncate">
                                                <span title="箱号" class="slds-truncate" style="padding-bottom: 3px;">箱号</span>   
                                                
                                            
                                        </div>
                                    </span>
                                                
                                        
                                </th>
                                <!-- 第六列  货物情况-->
                                <th  class="slds-is-resizable" tabindex="-1" data-label="货物情况"  scope="row" style="width: 110px;height: 35px;">
                                            
                                    <span class="slds-grid slds-grid_align-spread" style="text-align: center;display:block;">
                                        <div class="slds-truncate">
                                                <span title="货物情况" class="slds-truncate" style="padding-bottom: 3px;">货物情况</span>   
                                                
                                            
                                        </div>
                                    </span>
                                                
                                        
                                </th>
                                <!-- 第七列 按钮列-->

                                <th  class="slds-is-resizable" tabindex="-1" data-label="按钮列"  scope="row" style="width: 86px;height: 35px;">
                                            
                                    <span class="slds-grid slds-grid_align-spread" style="text-align: center;display:block;">
                                        <div class="slds-truncate">
                                                <span title="按钮列" class="slds-truncate" style="padding-bottom: 3px;">按箱适用</span>   
                                                
                                            
                                        </div>
                                    </span>
                                                
                                        
                                </th>
                                
                                
                            </tr>
                        </thead>
                        <aura:if isTrue="{!v.currentData.length > 0}">
                            <tbody>
                                <aura:iteration items="{!v.currentData}" var="curr" indexVar="idx">
                            <tr class="slds-hint-parent">
                            <!-- 行项目也用th 因为用td标签点击列的高光 在苹果设备上 有痕迹 -->
                            <!-- 行项目 第一列 产品型号 -->
                            <th  class="slds-is-resizable" tabindex="-1" data-label="产品型号"  scope="row">
                                
                                        <span class="slds-grid slds-grid_align-spread" style="
                                            width: 110px;
                                            padding-top: 6px;height:31px;
                                        ">
                                            <div class="slds-truncate">
                                                    <lightning:formattedText id="{!curr.Id+':'+idx+':Asset_Model_No__c'}" value="{!curr.Asset_Model_No__c}" />                        
                                            </div>
                                        </span>
                                    
                                
                            </th>
                                        
                            <!-- 行项目 第二列  CODE-->
                            <!-- <th  class="slds-is-resizable" tabindex="-1" data-label="CODE"  scope="row">
                              
                                        <span class="slds-grid slds-grid_align-spread">
                                            <div class="slds-truncate">
                                                    <lightning:formattedText value="{!curr.OTCode__c}" />
                                                    
                                                    
                                            </div>
                                        </span>
                                    
                                
                            </th> -->
                            <!-- 行项目 第三列  产品名称-->          
                            <th  class="slds-is-resizable" tabindex="-1" data-label="产品名称"  scope="row" style="white-space:nowrap;
                            overflow:hidden;
                            text-overflow: ellipsis;">
                                
                                        <span class="slds-grid slds-grid_align-spread">
                                            <div class="slds-truncate">
                                                    <lightning:formattedText id="{!curr.Id+':'+idx+':productName__c'}" value="{!curr.productName__c}" />
                                                    
                                                
                                            </div>
                                        </span>
                                    
                            
                            </th>
                            <!-- 行项目 第四列  数量-->           
                            <th  class="slds-is-resizable" tabindex="-1" data-label="数量"  scope="row" >
                              
                                        <span class="slds-grid slds-grid_align-spread" style="text-align: center;display:block;">
                                            <div class="slds-truncate">
                                                    <lightning:formattedText id="{!curr.Id+':'+idx+':Count_Text__c'}" value="{!curr.Count_Text__c}" />
                                                    
                                                
                                            </div>
                                        </span>
                                    
                                
                            </th>
                            <!-- 行项目 第五列  箱号-->          
                            <th  class="slds-is-resizable" tabindex="-1" data-label="箱号"  scope="row">
                             
                                        <span class="slds-grid slds-grid_align-spread" style="text-align: center;display:block;">
                                            <div class="slds-truncate">
                                                    <lightning:formattedNumber id="{!curr.Id+':'+idx+':CaseNumber__c'}" value="{!curr.CaseNumber__c}"/>
                                                    
                                                
                                            </div>
                                        </span>
                                    
                                
                            </th>

                            <!-- 行项目 第六列  货物情况-->          
                            <th  class="slds-is-resizable" tabindex="-1" data-label="货物情况"  scope="row">
                               
                                        <input id="{!curr.Id+':'+idx+':'+curr.CaseNumber__c}" lightning-input_input ="" type="text" class="slds-input" value="{!curr.HPGoodStatus__c}"   onchange="{!c.GoodsChanged}" />
                                       
                                        
                                        <button id="{!curr.Id+idx}" tabindex="-1"   class="slds-button slds-button_icon slds-cell-edit__button slds-m-left_x-small" style="display: none;" >
                                            <lightning:icon  iconName="utility:success" alternativeText="Success!" variant="Success"
                                            title="success variant xx-small" size="xx-small"/>
                                        </button>
                                        
                            </th>
                            <!-- 行项目 第七列 按钮列 -->
                            <!-- <aura:if isTrue="{!v.applyButton}"> -->
                            <th  class="slds-is-resizable" tabindex="-1" data-label=""  scope="row">
                                        
                                        <button id="{!curr.Id+':'+idx+':'}" tabindex="-1" class="slds-button ReturnButton" name="{!curr.CaseNumber__c}" style="{!'display:'+curr.isBlockButton__c+';width: 40px;'}" onclick="{!c.BatchUpdateByCase}">适用</button>
                                        
                                        
                            </th>
                 
                            </tr>
                        </aura:iteration>
                    </tbody>
                    
                </aura:if>
            </table>
                    
                    <!-- <div class="slds-box">
                        
                        <div align="center" style="float: left;padding-left: 370px;">
                            <lightning:button variant="neutral"
                                                              label="cancel" title="cancel" onclick=""  />
                        </div>
                        
                        <div align="center" style="padding-right: 370px;">
                            <lightning:button variant="brand"
                                                      label="save" title="save" onclick=""/>
                        </div>      
                    </div> -->
                    <aura:if isTrue="{!empty(v.currentData)}">
                        <div class="slds-align_absolute-center">
                            No records found
                        </div>
                    </aura:if>
        <!-- </lightning:card> -->


            </div>
            </div>
            </div>
            <!-- 分页功能的上一页和下一页， 还是最左侧的显示当前页数的逻辑-->
            <div id="floatDiv" style="{!'width:'+v.floatWidth+'px;'}">
            <div class="slds-clearfix">
                <div class="slds-page-header" role="banner">
                    <div class="slds-float_center" style="text-align:center">
                        <!-- iconName="utility:chevronleft" iconPosition="left" -->
                        <lightning:button  iconName="utility:left"
                                          onclick="{!c.handleHome}" disabled="{! v.pageNumber == 1}"/>
                        <lightning:button  iconName="utility:chevronleft" iconPosition="left"
                                          onclick="{!c.handlePrev}" disabled="{! v.pageNumber == 1}"/>
                        <span title="当前页">&nbsp;&nbsp;&nbsp;{!v.pageNumber}&nbsp;&nbsp;&nbsp;
                            </span>
                        <lightning:button  iconName="utility:chevronright" iconPosition="right"
                                          disabled="{! v.isLastPage}" onclick="{!c.handleNext}"/>
                        <!-- iconName="utility:chevronright" iconPosition="right" -->
                        <lightning:button  iconName="utility:right" 
                                          disabled="{! v.isLastPage}" onclick="{!c.handleLast}"/>

                    </div>
                    
                </div>
            </div>

            <!-- 明细页跳转至文件上传页的按钮 -->
             <!-- 明细页跳转至文件上传页的按钮 -->

            <div class="slds-float_right">
                <!-- <aura:if isTrue="{!v.isAgencyOrHp}"> -->
                      <div  id="attention"  style=" position:relative;margin-right: 4px;    margin-right: 4px; " class="" >
                      <!-- 确认提交 -->
                        <!-- <lightning:layout horizontalAlign="left" class="slds-m-top_small">
                            <lightning:layoutItem padding="around-small">
                                <lightning:input type="checkbox"
                                                 label="是否提交填写内容(默认勾选),点“下一步”到图片上传页"
                                                 id="IsSubmit" name="IsSubmit"
                                                 checked="{!v.IsSubmit}" />
                            </lightning:layoutItem>
                        </lightning:layout> -->
                      </div>
                <!-- </aura:if> -->
                <lightning:button variant="brand"
                                  label="下一步" title="下一步" onclick="{! c.handleDetailsPageNextClick }" />
            </div>
            <div class="slds-float_left">
                <div  id="attention"  style=" position:relative;margin-right: 4px;  margin-right: 4px; " class="" >
                    <!-- 确认提交 -->
                    <lightning:button variant="brand"
                                  label="上一步" title="上一步" onclick="{! c.handleShowPageNextClick }" />
                </div>
            </div>
        </div>
            
        
    </aura:renderIf>
    <aura:if isTrue="{!v.uploadFilePage}">
        <!-- 文件上传组件 -->
        <div aura:id="uploadFile" id="uploadFileDiv">
            <div class="slds-box">
                <lightning:input aura:id="fileId" onchange="{!c.handleFilesChange}" type="file" label="1.选择附件" multiple="false" />
                <lightning:notificationsLibrary aura:id="notifLibPlanA" />
                <div style="display: inline-block; vertical-align: top;"> 
                    <div id="imgDiv">
                        <div id="font">预览区域</div>
                        <!-- 当上传的附件为pdf时，隐藏预览区域  精琢技术 thh 2021-09-15 -->
                        <div id = "loaded" style="display: none;">
                            <img id="image" class="imgeBigCss" src="{!v.imageSrc}" style="display: none;" onclick="{!c.imgeBig}" />
                            <!--wangweipeng  20210616    图片选好以后，客户可能需要预览放大查看-->
                            <div id="outerdiv" onclick="{!c.imgeSmall}">
                                <img id="bigImg" src="{!v.imageBigSrc}" style="border:1px solid #fff;" />
                            </div>
                        </div>
                        <div id = "fontpdf" style="display: none;">PDF文件暂不支持预览</div>
                    </div>
                </div>
                <!-- 增加文件列表删除功能  精琢技术 thh 2021-08-25 start -->
                <!-- inline-block 元素保持行内排列且可以设置宽高 -->
                <div style="display: inline-block; vertical-align: top;">
                    <!-- <lightning:buttonIcon iconName="utility:close" variant="bare" onclick="{!c.deleteClick}" alternativeText="Close modal" title="删除" iconClass="deleteicon"/> -->
                    <lightning:button label="删除" onclick="{!c.deleteClick}" title="删除" />
                </div>
                <!-- 增加文件列表删除功能  精琢技术 thh 2021-08-25 end -->
                <!-- 标识预览图片名字  精琢技术 thh 2021-09-09 start -->
                <div>
                    <div id = "filenow" class="field-title" title="Field 3" style="display: inline-block; margin-left:10px; word-break: break-all; word-wrap: break-word; font-weight:bold; font-size: 15px; padding-top: 5px; color:#0f218b;"></div>
                    <!-- 文件上传后当前文件名后面出现绿色小勾  精琢技术 thh 2021-09-15 start-->
                    <div id = "uploadicon" style="display: none;">
                        <div style="margin-left: 5px;">
                            <lightning:icon iconName="utility:success" alternativeText="Success!" variant="Success" title="success variant x-small" size="x-small" />
                        </div>
                    </div>
                    <!-- 文件上传后当前文件名后面出现绿色小勾  精琢技术 thh 2021-09-15 end-->
                </div>
                <!-- 标识预览图片名字  精琢技术 thh 2021-09-09 end -->
                <p class="field-title" title="Field 3" style="font-weight:bold;font-size: 15px;padding-top: 7px;color:red;">
                    （随货同行单盖章后拍照上传）
                </p>
                <p class="field-title" title="Field 3" style="font-weight:bold;font-size: 15px;padding-top: 7px;color:red;">
                    （附件上传成功后请点击提交）
                </p>
                <aura:if isTrue="{!v.showLoadingSpinner}">
                    <div class="slds-text-body_small slds-text-color_error">上传中...
                        <img src="/auraFW/resources/aura/images/spinner.gif" class="spinner-img" alt="Loading" />
                    </div>
                </aura:if>
                <br/>
                <button class="slds-button slds-button_brand" onclick="{!c.doSave}">2.上传附件</button>
                <lightning:accordion allowMultipleSectionsOpen="true" onsectiontoggle="{! c.handleSectionToggle }" activeSectionName="{! v.activeSections }">
                    <lightning:accordionSection name="A" label="文件列表">
                        <!-- 增加小色块  精琢技术 thh 2021-09-26 start -->
                        <div>
                            <div style="display: inline-block; background-color: Grey; width:10px; height:10px;" />
                            <div style="margin-left: 5px; display: inline-block; font-weight:bold;font-size: 10px;padding-top: 7px;color:Grey;">   未上传  </div>
                            <div style="margin-left: 40px; display: inline-block; background-color: Green; width:10px; height:10px;" />
                            <div style="margin-left: 5px; display: inline-block; font-weight:bold;font-size: 10px;padding-top: 7px;color:Green;">   已上传  </div>
                        </div>
                        <!-- 增加小色块  精琢技术 thh 2021-09-26 end -->
                        <!-- overflow: scroll; 自动隐藏滚动条 -->
                        <div id="fileNameDiv" style="height:50px;width:250px; overflow: scroll;">
                            <!-- 增加点击文件列表切换查看图片附件  精琢技术 thh 2021-08-24 start -->
                            <p id='file00' onclick="{!c.buttonClicked}"></p>
                            <!-- 增加点击文件列表切换查看图片附件  精琢技术 thh 2021-08-24 end -->
                        </div>
                    </lightning:accordionSection>
                </lightning:accordion>
                <div id="emailDiv" style="height: 90px;padding-top: 30px;">
                    <lightning:input aura:id="inputCmp" name="fullName" type="email" value="" label="如有需要，请填写您的邮箱:" messageWhenTypeMismatch="请您输入有效的电子邮箱。" />
                </div>
            </div>
        </div>
        <!-- 明细页跳转至文件上传页的按钮 -->
            <div class="slds-float_left">
                <lightning:button variant="brand" 
                                  label="上一步" title="上一步" onclick="{! c.handleShowFielePageNextClick }" />
            </div>
            <!-- <div style="position: fixed;margin-left:36%;">
                <lightning:button variant="brand" 
                                  label="提交" title="提交" onclick="{! c.submitClick }" />
            </div>
            <div class="slds-float_right">
                <lightning:button variant="brand" 
                                  label="退回首页" title="退回首页" onclick="{! c.BackToHomePage }" />
            </div> -->
            <div id="submitAgency" style="text-align:right;flex: 1;padding-top: 1px;">
                        <lightning:button  variant="brand" 
                                      label="3.提交" title="3.提交" onclick="{! c.submitClick }" />
                </div>
                
            <aura:if isTrue="{!v.submitAfterShow}">
                <div id="backHome" style="text-align:right;flex: 1;padding-top: 1px;">
                    <lightning:button  variant="brand" 
                                      label="退回首页" title="退回首页" onclick="{! c.BackToHomePage }" />
                </div>
            </aura:if>
    </aura:if>
</aura:component>