<!--pages/finance/detailed_liabilities/detailed_liabilities.wxml-->
<view class="ns"  id="top_ban" style="height:{{isIPX?'88px':'64px'}};">
  <image src="/image/apply/back.png" style="top:{{isIPX?'54px':'30px'}};" mode="widthFix" bindtap="back"></image>
  <text style="top:{{isIPX?'54px':'30px'}};">负债表</text>
</view>

<view class="home_wrapper" style="margin-top:{{isIPX?'88px':'64px'}};">
      <view class="search_info">
        <view class="date_box" bind:tap="openPick">
          <image src="/image/icon/date_icon.png"></image>
          <p>{{date}}</p>
        </view>
        <van-popup show="{{showPickerTime}}" position="bottom"> 
          <van-datetime-picker
            value="{{currentDate}}"
            type="year-month"
            title="选择年月"
            min-date="{{minDate}}"
            max-date="{{maxDate}}"
            bind:confirm="onConfirm"
            bind:cancel="closePick"
          />
        </van-popup>
        <view class="search_block">
          <image src="/image/apply/fixedAssets_icon_1.png" mode="" class="icon"/>
          <view class="ipt" bind:tap="openPickEx">{{searchDate.templateName}}</view>
        </view>
        <van-popup show="{{visible}}" position="bottom">
          <van-picker
            show-toolbar
            columns="{{expressionOptions}}"
            value-key="name"
            bind:confirm="onConfirmExpression"
            bind:cancel="closePickEx"
          />
        </van-popup>
<!--      visible=true  <view class="total">共{{listLength}}个资产</view> @input="getSearch"-->
      </view>

      <view class="balance-main">
        <view class="main-title">
          <view class="company">单位:{{ this.$store.getters.bookName }}</view>
          <view class="nper">{{ accountingYear }}年{{ accountingMonth }}期</view>
          <view class="amountOf">金额:元</view>
        </view>
        <view class="main-center">
          <view class="datagrid">
            <view class="header">
              <view class="xmmc">资产</view>
              <view class="qj">年初余额</view>
              <view class="zy">期末余额</view>
              <view class="dfje">负债与所有者权益</view>
              <view class="fx">年初余额</view>
              <view class="ye">期末余额</view>
            </view>
            <view class="mok_list">
              <ul class="list">
                <li wx:for="{{list}}" wx:key="index">
                  <view class="xmmc">{{ item.subjectNameLeft }}</view>
                  <view class="qj">{{ item.ncyeLeft }}</view>
                  <view class="zy">{{ item.qmyeLeft }}</view>
                  <view class="dfje">{{ item.subjectNameRight }}</view>
                  <view class="fx">{{ item.ncyeRight }}</view>
                  <view class="ye">{{ item.qmyeRight }}</view>
                </li>
              </ul>
            </view>
          </view>
        </view>
      </view>
</view>