<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes"
|
access="global" controller="eSignAgencyConfirmPageController">
|
<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="IsAgencyShow" type="Boolean" default=""/>
|
<!-- 经销商扫描日 -->
|
<aura:attribute name="agencyScanDayBack" type="Date" default=""/>
|
<!-- 经销商签收日 -->
|
<aura:attribute name="agencySignUpDateBack" type="Date" default=""/>
|
<!-- 经销商确认日 -->
|
<aura:attribute name="agencyConfirmDateBack" type="Date" default=""/>
|
|
<!-- 医院扫描日 -->
|
<aura:attribute name="HPScanDay" type="Date" default=""/>
|
<!-- 医院签收日 -->
|
<aura:attribute name="HPSignUpDate" type="Date" default=""/>
|
<!-- 医院反馈日 -->
|
<aura:attribute name="salesHPManageFBDate" type="Date" default=""/>
|
<!-- 医院反馈确认日-->
|
<aura:attribute name="salesHPManageConfirmDate" type="Date" default=""/>
|
<!-- 医院确认日 -->
|
<aura:attribute name="HPConfirmDate" type="Date" default=""/>
|
<!-- 不完好明细 -->
|
<aura:attribute name="goodsData" type="Object[]"
|
description="不完好明细的信息"/>
|
|
|
<aura:attribute name="hideCheckboxColumn" type="boolean" default="true"
|
description="因为点上一页的时候不知道为什么置成false了所以用变量来设置"/>
|
<aura:attribute name="entryType" type="String" default=""/>
|
<aura:attribute name="IsSubmit" type="boolean" default="false"
|
description="判断是否录入表需要提交"/>
|
<aura:attribute name="AgencyClick" type="boolean" default="false"
|
description="判断是否已提交过一次"/>
|
<aura:attribute name="recordId" type="String" default=""
|
description="在明细页点击下一步会上传录入表，
|
然后返回的录入表ID存在这里，用于上传文件使用"/>
|
<aura:attribute name="filetype" type="List" default="['.png', '.jpg', '.jpeg']"
|
description="如果对于上传文件的格式有要求，可以用这个，但是现在还没用"/>
|
<aura:attribute name="HomePage" type="Boolean" default="true"
|
description="判断是否是首页"/>
|
<aura:attribute name="DetailsPage" type="Boolean" default="false"
|
description="判断是否是明细页"/>
|
<aura:attribute name="uploadFilePage" type="Boolean" default="false"
|
description="判断是否是文件上传页"/>
|
<aura:attribute name="handlingOpinionsPage" type="Boolean" default="false"
|
description="判断是否是处理意见页"/>
|
<aura:attribute name="eSignForm" type="Object"
|
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="失败消息"/>
|
<aura:attribute name="check" type="Boolean" default="false"
|
description="判断是否勾选须知"/>
|
<aura:attribute name="HospitalAcceptanceResults" type="string" default="全部验收"
|
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="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="base64List" 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="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="" />
|
<!-- 文件名展示列 -->
|
<!-- 返回首页 start -->
|
<aura:attribute name="agencyDNSignUpStatus" type="String" default="" description="DN签收状态(经销商)" />
|
<aura:attribute name="HPDNSignUpStatus" type="String" default="" description="DN签收状态(医院)" />
|
<aura:attribute name="agencySubmit" type="boolean" default="" description="是否提交" />
|
<aura:attribute name="DNNameSpare" type="String" default="" description="备用DN号" />
|
<aura:attribute name="messageFlag" type="boolean" default="false" description="判断上传文件是否提示" />
|
<aura:attribute name="errorFlag" type="boolean" default="false" description="网络不好的情况置成true，由于恢复网络上传文件！" />
|
|
<!-- 返回首页 end -->
|
<aura:attribute name="submitAfterShow" type="Boolean" default="false"
|
description="提交后显示退回首页按钮"/>
|
|
<!-- 上传附件 图片预览 -->
|
<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 -->
|
<!-- 检索 end -->
|
<aura:handler name="init" action="{!c.doInit}" value="{!this}"
|
description="初始化方法"/>
|
<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="errorSonDiv" 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.HomePage}">
|
<p style="font-size: 17px;">
|
首页
|
</p>
|
<div id="qs" style=" margin-bottom: 5%;" class="slds-card" >
|
<!-- 首页，由于与经销商确认页公用相同主页，所以使用这个组件,然后可以公用 -->
|
<c:eSignAgencyHomePage
|
HospitalAcceptanceResults = "{!v.HospitalAcceptanceResults}"
|
eSignForm = "{!v.eSignForm}"
|
/>
|
<!-- 注意事项： -->
|
<div id="attention1" style=" position:relative;margin-right: 4px; margin-right: 4px; " class="" >
|
<lightning:layout horizontalAlign="left" class="slds-m-top_large">
|
<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>
|
<u>
|
<p class="field-title" title="Field 3" style="font-weight:bold;font-size: 15px;"> 5、请于10天内对处理意见进行确认，超期将默认同意 </p>
|
</u>
|
<!-- 须知 -->
|
</div>
|
</lightning:layoutItem>
|
</lightning:layout>
|
|
|
</div>
|
|
<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="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.handleHomePageNextClick }" />
|
</div>
|
</div>
|
|
</aura:if>
|
<aura:if isTrue="{!v.DetailsPage}">
|
<!-- 加上滚动条 -->
|
<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:763px;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: 100px;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: 170px;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: 140px;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:30px;
|
">
|
<div class="slds-truncate">
|
<lightning:formattedText 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" style="
|
width: 361px;
|
padding-top: 6px;height:31px;
|
">
|
<div class="slds-truncate">
|
<lightning:formattedText 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 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">
|
|
<span class="slds-grid slds-grid_align-spread" style="text-align: center;display:block;">
|
<div class="slds-truncate">
|
<lightning:formattedText value="{!curr.agencyGoodStatus__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 value="{!curr.handleOpinion__c}" />
|
|
|
</div>
|
</span>
|
|
|
|
</th> -->
|
|
<!-- 行项目 第八列 经销商确认结果-->
|
<!-- <th class="slds-is-resizable" tabindex="-1" data-label="经销商确认结果" scope="row">
|
|
<input id="{!curr.Id}" lightning-input_input ="" type="text" class="slds-input" value="{!curr.agencyConfirmResult__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> -->
|
|
</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="当前页"> {!v.pageNumber}
|
</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>
|
<!-- 提示信息 slds-page-header-->
|
<div class="" role="banner">
|
<div class="slds-float_center" style="text-align:center">
|
<span style="float: center;color: red">（点下一步确认处理意见）</span>
|
</div>
|
|
</div>
|
</div>
|
|
<!-- 明细页跳转至文件上传页的按钮 -->
|
<div class="slds-float_right">
|
<div id="attention" style=" position:relative;margin-right: 4px; margin-right: 4px; " class="" >
|
</div>
|
|
<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:if>
|
|
<aura:if isTrue="{!v.handlingOpinionsPage}">
|
<div class="slds-box">
|
<div id="page-footer" style=" margin-bottom: 5%;" class="slds-card" >
|
<lightning:layout multipleRows="true">
|
<lightning:layoutItem padding="around-xsmall" size="12">
|
<div class="page-section page-header" style="height: 25px;">
|
<h2><b>营业担当处理意见如下：</b></h2>
|
</div>
|
<div class="page-section page-right" style="{!'width:'+v.floatWidth*0.8+'px;'}" >
|
|
<p style="word-break: break-word;text-indent: 2em;">{!v.eSignForm.handleOpinionAgency__c}
|
</p>
|
</div>
|
</lightning:layoutItem>
|
|
|
</lightning:layout>
|
|
</div>
|
<p style="word-break: break-word;text-indent: 2em;">对以上处理意见无疑义，请点击确认。如有其它问题，请联系奥林巴斯当地营业人员。</p>
|
|
<!-- <lightning:input aura:id="inputCmp" label="如有需要，请填写您的邮箱:" name="fullName" value=""
|
/> -->
|
|
</div>
|
<div id="footerDiv" style="{!'width:'+v.floatWidth+'px;display: flex;flex-direction: row;'}">
|
<!-- class="slds-float_left" -->
|
<div style="text-align:left;flex: 1;padding-top: 1px;">
|
<lightning:button variant="brand"
|
label="上一步" title="上一步" onclick="{!c.OpinionsTODetailsPage}" />
|
</div>
|
<!-- style="text-align:center" -->
|
<div style="text-align:center;flex: 1;padding-top: 1px;">
|
<lightning:button variant="brand"
|
label="确认" title="确认" onclick="{!c.submitClick }" />
|
</div>
|
<!-- class="slds-float_right" -->
|
<div style="text-align:right;flex: 1;padding-top: 1px;">
|
<lightning:button variant="brand"
|
label="返回" title="返回" onclick="{!c.BackToHomePage }" />
|
</div>
|
</div>
|
|
</aura:if>
|
<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 id="footerDiv" style="{!'width:'+v.floatWidth+'px;display: flex;flex-direction: row;'}"> -->
|
<div class="slds-float_left" style="padding-top: 1px;">
|
<lightning:button variant="brand"
|
label="上一步" title="上一步" onclick="{! c.handleShowFielePageNextClick }" />
|
</div>
|
|
|
<div class="slds-float_right" style="padding-top: 1px;">
|
<lightning:button variant="brand"
|
label="退回首页" title="退回首页" onclick="{! c.BackToHomePage }" />
|
</div>
|
<!-- </div> -->
|
</aura:if>
|
|
</aura:component>
|
