<view class="discharge-settlement-detail">
  <view class="headertitle" a:if="{{!details.online && completed}}">
    <view>
      <image class="logo" src="{{ logo }}" />
    </view>
    <view class="overhiddenheadertitle">
      <view animation="{{animationData}}" class="animation" bindtransitionend='animationend'>
        暂不支持在线结算，请至线下窗口办理暂不支持在线结算
      </view>
    </view>
  </view>
  <view class="settlement-total"  a:if="{{ completed }}">
    <view class="title">{{ details.headerTitle.label }}</view>
    <view class="price" style="color:{{repay? '#FF6430' : '#000000'}}">
      <text class="price-money">¥</text>
      <text>{{ details.headerTitle.value }}</text>
    </view>
    <view class="reason">{{ details.medicareAble ? '应退金额=押金余额+医保报销金额' : '暂不支持医保报销，如需医保报销请至线下窗口处理' }}</view>
    <!-- 三角形箭头 -->
    <view class="triangle"></view>
    <!-- 支出明细 -->
    <view class="detail">
       <view class="detail-price" a:for="{{ details.priceArrs }}">
          <text class="label">{{ item.label }}</text>
          <view class="value">
            <text class="items" style="color:{{repay&&item.label==='应补缴金额'? '#FF6430' : '#000000'}}">{{ item.value }}</text>
            <icon a:if="{{ item.label === '医保报销' }}" type="success" size="14"/>
          </view>
       </view>
       <view class="tips" a:if="{{ details.medicareAble }}">预计报销金额，实际以医保局确认为准</view>
    </view>
  </view>
  <view class="detail-block" a:if="{{completed}}">
    <view class="person-name">
      支出明细
    </view>
    <view class="detail-table">
      <view class="detail-table-title">
        <view class="detail-table-title-1">项目名称</view>
        <view class="detail-table-title-2">单价(元)</view>
        <view class="detail-table-title-3">数量</view>
        <view class="detail-table-title-4">单价(元)</view>
      </view>
      <view class="detail-table-data" a:for="{{details.payItemList}}">
        <view class="detail-table-title-1">{{item.itemName}}</view>
        <view class="detail-table-title-2">{{item.itemPrice}}</view>
        <view class="detail-table-title-3">{{item.itemCount}}</view>
        <view class="detail-table-title-4">{{item.itemAmount}}</view>
      </view>
    </view>
  </view>
  <view class="discharge-settlement-bottom" a:if="{{details.online}}">
    <view class="settlement-button" onTap="goSettlement"> 去结算 </view>
  </view>
  <modal
    show="{{ showModal }}"
    onButtonClick="onModalClick"
    buttons="{{ buttons }}"
  >
   <view slot="header">是否确认结算</view>
   <view>
     退款账户预计会将在{{detailInfos.refundCostDay}}个工作日内退返原付款账户
   </view>
  </modal>
</view>
