<aura:component implements="force:appHostable,lightning:isUrlAddressable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,force:lightningQuickAction,forceCommunity:availableForAllPageTypes" 
 | 
controller="TaskFeedbackController" > 
 | 
        <aura:attribute name="opportunity_cfilter" type="String" default="" /> 
 | 
  
 | 
    <aura:attribute name="selectedData" type="Object[]" /> 
 | 
    <aura:attribute name="data" type="Object[]" /> 
 | 
    <aura:attribute name="dataCopy" type="Object[]" /> 
 | 
    <aura:attribute name="columns" type="List" /> 
 | 
    <aura:attribute name="data2" type="Object[]" /> 
 | 
    <aura:attribute name="data2Copy" type="Object[]" /> 
 | 
    <aura:attribute name="tempdata" type="Object" /> 
 | 
    <aura:attribute name="myOrSub" type="string" /> 
 | 
    <aura:attribute name="myTempTask" type="task__c" default="{sobjectType:'task__c'}" /> 
 | 
    <aura:attribute name="myTaskName" type="String" /> 
 | 
    <aura:attribute name="myTaskType" type="String" default=""/> 
 | 
    <aura:attribute name="myTaskStatus" type="String" default=""/> 
 | 
    <aura:attribute name="myStartDate" type="Date"  /> 
 | 
    <aura:attribute name="myEndDate" type="Date" /> 
 | 
    <aura:attribute name="subTempTask" type="task__c" default="{sobjectType:'task__c'}" /> 
 | 
    <aura:attribute name="subTaskName" type="String" /> 
 | 
    <aura:attribute name="subTaskType" type="String" default=""/> 
 | 
    <aura:attribute name="subTaskStatus" type="String" default=""/> 
 | 
    <aura:attribute name="subStartDate" type="Date" /> 
 | 
    <aura:attribute name="subEndDate" type="Date" /> 
 | 
    <aura:attribute name="subSFDCPosition" type="String"  default="" /> 
 | 
    <aura:attribute name="subfilter" type="String" default=" alias = '王慧' " /> 
 | 
    <!--20210104 CHAN-BWX3YU you start --> 
 | 
    <aura:attribute name="subfilter_Owner" type="String" default=" alias = '王慧' " /> 
 | 
    <!--20210104 CHAN-BWX3YU you end --> 
 | 
  
 | 
  
 | 
    <aura:attribute name="columns2" type="List" /> 
 | 
    <aura:attribute name="sortDirection" type="String" default="asc" /> 
 | 
    <aura:attribute name="sortDirection2" type="String" default="asc" /> 
 | 
    <aura:attribute name="defaultSortDirection" type="String" default="asc" /> 
 | 
    <aura:attribute name="sortedBy" type="String" /> 
 | 
    <aura:attribute name="sortedBy2" type="String" /> 
 | 
  
 | 
    <aura:attribute name="activeSections" type="List" default="['A','B']" /> 
 | 
    <aura:attribute name="cancelIsOpen" type="boolean" default="false"/> 
 | 
    <aura:attribute name="checkEnquiry" type="boolean" default="false"/> 
 | 
    <aura:attribute name="cancelReason" type="string" default=""/> 
 | 
    <aura:attribute name="cancelReasonOther" type="string" default=""/> 
 | 
    <aura:attribute name="delayIsOpen" type="boolean" default="false"/> 
 | 
    <aura:attribute name="delayReason"  type="string" default="" /> 
 | 
    <aura:attribute name="delayReasonOther"  type="string" default="" /> 
 | 
    <aura:attribute name="assignIsOpen" type="boolean" default="false"/> 
 | 
    <!--20210104 CHAN-BWX3YU you start --> 
 | 
    <aura:attribute name="assignIsOpen_Over" type="boolean" default="false"/> 
 | 
    <!--20210104 CHAN-BWX3YU you end --> 
 | 
  
 | 
    <!-- 20211020 合并任务确认弹框 start --> 
 | 
    <aura:attribute name="mergeIsOpen_Over" type="boolean" default="false"/> 
 | 
    <!-- 20211020 合并任务确认弹框 end --> 
 | 
  
 | 
    <aura:attribute name="taskTypeOptions" type="List" default="[ 
 | 
    {'label': '所有', 'value': ''}, 
 | 
    ]"/> 
 | 
  
 | 
    <aura:attribute name="taskStatusOptions" type="List" default="[ 
 | 
    {'label': '01 分配', 'value': '01 分配'}, 
 | 
  
 | 
    ]"/> 
 | 
    <aura:attribute name="SFDCPositionOptions" type="List" default="[ 
 | 
    {'label': '所有', 'value': ''}, 
 | 
    ]"/> 
 | 
    <aura:attribute name="cancelReasonOptions" type="List" default="[ 
 | 
    {'label': '其他', 'value': '其他'}, 
 | 
    ]"/> 
 | 
  
 | 
    <aura:attribute name="delayReasonOptions" type="List" default="[ 
 | 
    {'label': '其他', 'value': '其他'}, 
 | 
    ]"/> 
 | 
    <aura:attribute name="successMessage" type="String"/> 
 | 
    <aura:attribute name="errorMessage" type="String"/> 
 | 
    <!--2021-09-28  mzy 任务管理改善 start--> 
 | 
    <aura:attribute name="taskDifferentOptions" type="List" default="[ 
 | 
    {'label': '所有', 'value': ''}, 
 | 
  
 | 
    ]"/> 
 | 
    <aura:attribute name="myTaskDifferent" type="String"  default=""/> 
 | 
    <aura:attribute name="subTaskDifferent" type="String" default=""/> 
 | 
    <!--2021-09-28  mzy 任务管理改善 end--> 
 | 
    <!--2021-10-19  mzy  任务管理改善  start--> 
 | 
    <aura:attribute name="confirmIsOpen" type="boolean" default="false"/> 
 | 
    <aura:attribute name="IsEventDefault" type="boolean" default="false"/> 
 | 
    <aura:attribute name="IsGeneratePlan" type="boolean" default="false"/> 
 | 
    <aura:attribute name="feedBackContent" type="String" />     
 | 
    <!--2021-10-19  mzy  任务管理改善  end--> 
 | 
    <aura:handler name="init" value="{! this }" action="{! c.init }"/> 
 | 
  
 | 
    <div> 
 | 
        <lightning:spinner aura:id="mySpinner" size="large" class="slds-hide"/> 
 | 
    </div> 
 | 
    <div   style="margin-top:20px;   "> 
 | 
  
 | 
  
 | 
        <lightning:accordion 
 | 
                             allowMultipleSectionsOpen="true" 
 | 
                             activeSectionName="{! v.activeSections }" 
 | 
                             > 
 | 
            <lightning:accordionSection name="A" label="待反馈的任务"> 
 | 
                <div class="c-container"> 
 | 
                    <lightning:layout multipleRows="true"> 
 | 
                         
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:input name="myTaskName" label="任务名称" 
 | 
                                value="{! v.myTaskName }" 
 | 
                                 placeholder="请输入..." variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:combobox name="myTaskType" label="任务类型" 
 | 
                                    value="{! v.myTaskType }" placeholder="请选择" 
 | 
                                    options="{! v.taskTypeOptions }" 
 | 
                                    variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
  
 | 
                        <!-- <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:combobox name="myTaskStatus" label="任务状态" 
 | 
                                value="{! v.myTaskStatus }" placeholder="请选择" 
 | 
                                    options="{! v.taskStatusOptions }" 
 | 
                                    variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> --> 
 | 
                        <!--2021-11-05  mzy  任务管理改善  start --> 
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="1" padding="horizontal_small"> 
 | 
                            <div style="padding-top: 5px;padding-left: 15px;color:#6B6D70;">客户</div> 
 | 
                        </lightning:layoutItem> 
 | 
                        <!--2021-11-05  mzy  任务管理改善   end--> 
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="4" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                 <c:strike_lookup label="客户:" 
 | 
                                    object="Account" 
 | 
                                    searchField="Name" 
 | 
                                    placeholder="搜索客户..." 
 | 
                                    iconName="standard:account" 
 | 
                                    subtitleField="Is_Active_Formula__c,Management_Code__c" 
 | 
                                    order="Name" 
 | 
                                    limit="5" 
 | 
                                    loadingMessage="加载中..." 
 | 
                                    errorMessage="Invalid input" 
 | 
                                    allowNewRecords = "false" 
 | 
                                    overrideNewEvent = "true" 
 | 
                                    showRecentRecords ="true" 
 | 
                                    value="{!v.myTempTask.account__c}" 
 | 
                                                   
 | 
                                    subTitleFormat="{0}+{1}"/> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="1" padding="horizontal_small"> 
 | 
                              
 | 
                        </lightning:layoutItem> 
 | 
                         
 | 
                        <!--2021-09-28  mzy 任务管理改善 start--> 
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small">         
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:combobox name="myTaskDifferent" label="任务区分" 
 | 
                                value="{! v.myTaskDifferent }" placeholder="请选择" 
 | 
                                    options="{! v.taskDifferentOptions }" 
 | 
                                    variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
                        <!--2021-09-28  mzy 任务管理改善 end--> 
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:input type="date" name="myStartDate" 
 | 
                                label="创建日期" value="{! v.myStartDate }" 
 | 
                                 placeholder="请选择" variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
  
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:input type="date" name="myEndDate" 
 | 
                                label="至" value="{! v.myEndDate }" 
 | 
                                 placeholder="请选择" variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
  
 | 
  
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:button label="确认" iconName="utility:search" 
 | 
                                iconPosition="left" 
 | 
                                onclick="{! c.myTaskSearch }" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
  
 | 
                    </lightning:layout> 
 | 
                </div> 
 | 
  
 | 
  
 | 
                <div  style="height: 450px ;  margin-left:10px;  margin-right :10px;   "> 
 | 
                    <lightning:datatable 
 | 
                                         keyField="id" 
 | 
                                         data="{! v.data }" 
 | 
                                         columns="{! v.columns }" 
 | 
                                         hideCheckboxColumn="true" 
 | 
                                         defaultSortDirection="{!v.defaultSortDirection}" 
 | 
                                         sortedDirection="{!v.sortDirection}" 
 | 
                                         sortedBy="{!v.sortedBy}" 
 | 
                                         onsort="{!c.handleSort}" 
 | 
                                         onrowaction="{! c.handleMyRowAction }" 
 | 
                                         onrowselection="{! c.updateSelectedText }" 
 | 
                                         /> 
 | 
                </div> 
 | 
            </lightning:accordionSection> 
 | 
            <lightning:accordionSection name="B" label="下属的待反馈任务" > 
 | 
                <div class="c-container"> 
 | 
                    <lightning:layout multipleRows="true"> 
 | 
  
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:input name="subTaskName" label="任务名称" 
 | 
                                value="{! v.subTaskName }" 
 | 
                                 placeholder="请输入..." variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:combobox name="subTaskType" label="任务类型" 
 | 
                                    value="{! v.subTaskType }" placeholder="请选择" 
 | 
                                    options="{! v.taskTypeOptions }" 
 | 
                                    variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
  
 | 
                        <!-- <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:combobox name="subTaskStatus" label="任务状态" 
 | 
                                value="{! v.subTaskStatus }" placeholder="请选择" 
 | 
                                    options="{! v.taskStatusOptions }" 
 | 
                                    variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> --> 
 | 
  
 | 
  
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
  
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                客户: 
 | 
                               <c:strike_lookup label="客户:" 
 | 
                                    object="Account" 
 | 
                                    searchField="Name" 
 | 
                                    placeholder="搜索客户..." 
 | 
                                    iconName="standard:account" 
 | 
                                    subtitleField="Is_Active_Formula__c,Management_Code__c" 
 | 
                                    order="Name" 
 | 
                                    limit="5" 
 | 
                                    loadingMessage="加载中..." 
 | 
                                    errorMessage="Invalid input" 
 | 
                                    allowNewRecords = "false" 
 | 
                                    overrideNewEvent = "true" 
 | 
                                    showRecentRecords ="true" 
 | 
                                    value="{!v.subTempTask.account__c}" 
 | 
                                    subTitleFormat="{0}+{1}"/> 
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
                        <!--2021-09-28  mzy 任务管理改善 start--> 
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small">         
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:combobox name="subTaskDifferent" label="任务区分" 
 | 
                                value="{! v.subTaskDifferent }" placeholder="请选择" 
 | 
                                    options="{! v.taskDifferentOptions }" 
 | 
                                    variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
                        <!--2021-09-28  mzy 任务管理改善 end--> 
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:input type="date" name="subStartDate" 
 | 
                                label="创建日期" value="{! v.subStartDate }" 
 | 
                                 placeholder="请选择" variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
  
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:input type="date" name="subEndDate" 
 | 
                                label="至" value="{! v.subEndDate }" 
 | 
                                 placeholder="请选择" variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
                        <!--2021-09-28 mzy 任务管理改善 start--> 
 | 
                        <lightning:layoutItem  size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                        </lightning:layoutItem> 
 | 
                        <!--2021-09-28 mzy 任务管理改善 end--> 
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small"> 
 | 
                                <lightning:combobox name="subSFDCPosition" label=" SFDC职种" 
 | 
                                value="{! v.subSFDCPosition }" placeholder="请选择" 
 | 
                                    options="{! v.SFDCPositionOptions }" 
 | 
                                    variant="label-inline" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
  
 | 
  
 | 
                        <lightning:layoutItem size="12" smallDeviceSize="6" mediumDeviceSize="4" largeDeviceSize="3" padding="horizontal_small"> 
 | 
                            <p class="slds-p-horizontal_small" > 
 | 
                                <lightning:button label="确认" iconName="utility:search" 
 | 
                                iconPosition="left" 
 | 
                                onclick="{! c.subTaskSearch }" /> 
 | 
  
 | 
                            </p> 
 | 
                        </lightning:layoutItem> 
 | 
  
 | 
                    </lightning:layout> 
 | 
                </div> 
 | 
                <div  style="height: 250px ;  margin-left:10px;  margin-right :10px;    "> 
 | 
                    <lightning:datatable 
 | 
                                         keyField="id" 
 | 
                                         data="{! v.data2 }" 
 | 
                                         columns="{! v.columns2 }" 
 | 
                                         hideCheckboxColumn="true" 
 | 
                                         defaultSortDirection="{!v.defaultSortDirection}" 
 | 
                                         sortedDirection="{!v.sortDirection2}" 
 | 
                                         sortedBy="{!v.sortedBy2}" 
 | 
                                         onsort="{!c.handleSort2}" 
 | 
                                         onrowaction="{! c.handleSubRowAction }"/> 
 | 
                </div> 
 | 
            </lightning:accordionSection> 
 | 
  
 | 
            <div class="slds-modal slds-fade-in-open slds-hide" aura:id="successDiv"> 
 | 
                <ui:inputText aura:id="articleURL"/> 
 | 
                <div class="demo-only" style="height: 8rem;"> 
 | 
                    <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> 
 | 
            <div class="slds-modal slds-fade-in-open slds-hide" aura:id="errorDiv" style="z-index: 10001"> 
 | 
                <ui:inputText aura:id="articleURL"/> 
 | 
                <div class="demo-only" style="height: 8rem;"> 
 | 
                    <div class="slds-notify_container slds-is-relative"> 
 | 
                        <div class="slds-notify slds-notify_toast slds-theme_error" role="status"> 
 | 
                            <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="error" iconName="utility:error" size="small" 
 | 
                                                    class="buttonColor slds-m-right_small" /> 
 | 
                                    <h2 class="slds-text-heading_small ">{!v.errorMessage}</h2> 
 | 
                                </div> 
 | 
                            </div> 
 | 
                        </div> 
 | 
                    </div> 
 | 
                </div> 
 | 
            </div> 
 | 
  
 | 
        </lightning:accordion> 
 | 
        <!--2021-11-05   mzy  任务管理改善  start--> 
 | 
        <aura:if isTrue="{!v.confirmIsOpen}"> 
 | 
            <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" 
 | 
                     aria-modal="true" aria-describedby="modal-content-id-1" 
 | 
                     class="slds-modal slds-fade-in-open " > 
 | 
                <div class="slds-modal__container" style ="min-Height: 400px"> 
 | 
  
 | 
                    <header class="slds-modal__header" style= "max-width: 600px;" > 
 | 
                        <lightning:buttonIcon iconName="utility:close" 
 | 
                                              onclick="{! c.closeAcceptModel }" 
 | 
                                              alternativeText="close" 
 | 
                                              variant="bare-inverse" 
 | 
                                              class="slds-modal__close"/> 
 | 
                        <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">请填写反馈内容</h2> 
 | 
                    </header> 
 | 
                    <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1" style ="min-Height: 250px;max-width: 600px;">             
 | 
                        <!--反馈内容--> 
 | 
                        <ui:outputText value="反馈内容:" class="fontSize"/>     
 | 
                        <ui:inputTextArea aura:id="feedBackContent" label="" value="{!v.feedBackContent}" rows="5" class="fontSize TextArea" />    
 | 
                    </div> 
 | 
                    <!--###### MODAL BOX FOOTER Part Start ######--> 
 | 
                    <footer class="slds-modal__footer" style= "max-width: 600px;"> 
 | 
  
 | 
                        <lightning:button variant="brand" 
 | 
                                          label="确认" 
 | 
                                          title="Confirm" 
 | 
                                          onclick="{! c.ConfirmAccept }"/> 
 | 
                        <lightning:button variant="neutral" 
 | 
                                          label="取消" 
 | 
                                          title="Cancel" 
 | 
                                          onclick="{! c.closeAcceptModel }"/> 
 | 
                    </footer> 
 | 
                </div> 
 | 
            </section> 
 | 
            <div class="slds-backdrop slds-backdrop_open"></div> 
 | 
        </aura:if> 
 | 
        <!--2021-10-19   mzy  任务管理改善  end--> 
 | 
    </div> 
 | 
     
 | 
</aura:component> 
 |