<view class="tag3">
  <view id="settlement-container">
    <view class="settlement-tit">
      缴费明细
    </view>
    <view class="settlement-cnt">
      <view class="line-cnt-item" a:for="{{paymentDetails.orderItemList}}" a:key="*this">
        <text class="line-cnt-key">{{item.itemName}}{{item.itemNum}}</text>
        <text class="line-cnt-value">￥{{item.amount}}</text>
      </view>
    </view>
    <view class="settlement-bottom">
      <view class="line-cnt-item">
        <text>
          账户余额：{{paymentDetails.cardBalance}}元
        </text>
        <view>
          <icon type="success_no_circle" size="20"/>
        </view>
      </view>
    </view>
    <view class="settlement-bottom">
      <view class="line-cnt-item {{sourceType === 1 ? 'last-item':''}}">
        <text>
          缴费总额
        </text>
        <text>
          ￥{{paymentDetails.totalAmount}}
        </text>
      </view>
      <view
        class="line-cnt-item"
        a:if="{{sourceType === 0}}"
      >
        <text>
          医保支付
        </text>
        <text>
          ￥{{paymentDetails.medicareCost}}
        </text>
      </view>
      <view
        class="line-cnt-item"
        a:if="{{sourceType === 0}}"
      >
        <text>
          自费支付
        </text>
        <text>
          ￥{{paymentDetails.payWithoutBalanceAmount}}
        </text>
      </view>
      <view class="line-cnt-bottom top-line">
        <view class="money-container">
          实付金额： <text class="orange-txt">￥{{paymentDetails.payWithBalanceAmount}}</text>
        </view>
      </view>
    </view>
    <view class="btn-container">
      <view style="background: #1677FF; border-radius: 8rpx; margin: 30rpx 20rpx 30rpx 20rpx;">
        <button
          type="primary"
          onTap="surePay"
          disabled="{{loading}}"
        >
          支付宝支付
        </button>
      </view>
    </view>
  </view>
</view>
