<import-sjs name="m" from="./index.sjs" />
<view class="mas-social-collapse-wrapper {{isOpen && 'collapse-active'}}">
  <view
    class="mas-social-collapse"
    onTap="onTapIcon"
  >
    <view
      class="mas-social-collapse-title"
      a:if="{{title}}"
    >{{title}}</view>
    <view class="mas-social-collapse-content">
      <view class="mas-social-collapse-content-item">
        <view class="item-desc">个人缴纳(元)</view>
        <view class="item-value">{{detail.individualAmount || ''}}</view>
      </view>
      <view class="mas-social-collapse-content-item">
        <view class="item-desc">单位缴纳(元)</view>
        <view class="item-value">{{detail.companyAmount || ''}}</view>
      </view>
      <view class="mas-social-collapse-content-item">
        <view class="item-desc">共计(元)</view>
        <view class="item-value">{{m.add(detail.individualAmount, detail.companyAmount)}}</view>
      </view>
    </view>
    <view class="list-wrapper mas_border_1px_before {{isOpen && 'list-active'}}">
      <view class="list-item list-item-big">
        <view class="list-item-key">个人缴纳</view>
        <view class="list-item-value">{{detail.individualAmount || ''}}</view>
      </view>
      <view class="list-item">
        <view class="list-item-key">医疗保险</view>
        <view class="list-item-value">{{detail.individualMedicareAmount || ''}}</view>
      </view>
      <view class="list-item">
        <view class="list-item-key">生育保险</view>
        <view class="list-item-value">{{detail.individualMaternityAmount || ''}}</view>
      </view>
      <view class="list-item list-item-big list-item-split">
        <view class="list-item-key">单位缴纳</view>
        <view class="list-item-value">{{detail.companyAmount || ''}}</view>
      </view>
      <view class="list-item">
        <view class="list-item-key">医疗保险</view>
        <view class="list-item-value">{{detail.companyMedicareAmount || ''}}</view>
      </view>
      <view class="list-item">
        <view class="list-item-key">生育保险</view>
        <view class="list-item-value">{{detail.companyMaternityAmount || ''}}</view>
      </view>
    </view>
    <view class="icon">
      <image
        class="image {{isOpen ? 'up' : 'down'}}"
        src="{{downIcon}}"
      />
    </view>
  </view>
</view>