<template>
  <div class="app-container">
    <van-nav-bar
      title="收支明细公开表"
      left-arrow
      @click-left="$router.back(-1)"
    />
    <van-row style="margin-top: 20px">
      <van-col span="16" :offset="2">
        <h3>北行庄村账套</h3>
      </van-col>
      <van-col span="6">
        <van-button size="mini" round>&nbsp日期选择<van-icon name="arrow-down" /></van-button>
      </van-col>
    </van-row>
    <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
      <van-cell>
        <template #icon>
          <p style="line-height: 50px;font-size: 16px">157</p>
        </template>
        <template #title>
          <van-row>
            <van-col span="11" :offset="1">
              <p>池塘租赁收租</p>
            </van-col>
            <van-col span="12">
              <p style="color:#0AA214;text-align: right">180.00</p>
            </van-col>
          </van-row>
        </template>
        <template #label>
          <van-row>
            <van-col span="9" :offset="1">
              <p>经营收入</p>
            </van-col>
            <van-col span="5" :offset="2">
              记27
            </van-col>
            <van-col span="7">
              <p style="text-align: right">2021-08-06</p>
            </van-col>
          </van-row>
        </template>
      </van-cell>
    </van-cell-group>
    <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
      <van-cell>
        <template #icon>
          <p style="line-height: 50px;font-size: 16px">157</p>
        </template>
        <template #title>
          <van-row>
            <van-col span="11" :offset="1">
              <p>除草修路费</p>
            </van-col>
            <van-col span="12">
              <p style="color:#E50000;text-align: right">-180.00</p>
            </van-col>
          </van-row>
        </template>
        <template #label>
          <van-row>
            <van-col span="9" :offset="1">
              <p>经营支出</p>
            </van-col>
            <van-col span="5" :offset="2">
              记27
            </van-col>
            <van-col span="7">
              <p style="text-align: right">2021-08-06</p>
            </van-col>
          </van-row>
        </template>
      </van-cell>
    </van-cell-group>
    <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
      <van-cell>
        <template #icon>
          <p style="line-height: 50px;font-size: 16px">157</p>
        </template>
        <template #title>
          <van-row>
            <van-col span="11" :offset="1">
              <p>除草修路费</p>
            </van-col>
            <van-col span="12">
              <p style="color:#E50000;text-align: right">-180.00</p>
            </van-col>
          </van-row>
        </template>
        <template #label>
          <van-row>
            <van-col span="9" :offset="1">
              <p>经营支出</p>
            </van-col>
            <van-col span="5" :offset="2">
              记27
            </van-col>
            <van-col span="7">
              <p style="text-align: right">2021-08-06</p>
            </van-col>
          </van-row>
        </template>
      </van-cell>
    </van-cell-group>
    <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
      <van-cell>
        <template #icon>
          <p style="line-height: 50px;font-size: 16px">157</p>
        </template>
        <template #title>
          <van-row>
            <van-col span="11" :offset="1">
              <p>除草修路费</p>
            </van-col>
            <van-col span="12">
              <p style="color:#E50000;text-align: right">-180.00</p>
            </van-col>
          </van-row>
        </template>
        <template #label>
          <van-row>
            <van-col span="9" :offset="1">
              <p>经营支出</p>
            </van-col>
            <van-col span="5" :offset="2">
              记27
            </van-col>
            <van-col span="7">
              <p style="text-align: right">2021-08-06</p>
            </van-col>
          </van-row>
        </template>
      </van-cell>
    </van-cell-group>
    <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
      <van-cell>
        <template #icon>
          <p style="line-height: 50px;font-size: 16px">157</p>
        </template>
        <template #title>
          <van-row>
            <van-col span="11" :offset="1">
              <p>除草修路费</p>
            </van-col>
            <van-col span="12">
              <p style="color:#E50000;text-align: right">-180.00</p>
            </van-col>
          </van-row>
        </template>
        <template #label>
          <van-row>
            <van-col span="9" :offset="1">
              <p>经营支出</p>
            </van-col>
            <van-col span="5" :offset="2">
              记27
            </van-col>
            <van-col span="7">
              <p style="text-align: right">2021-08-06</p>
            </van-col>
          </van-row>
        </template>
      </van-cell>
    </van-cell-group>
    <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
      <van-cell>
        <template #icon>
          <p style="line-height: 50px;font-size: 16px">157</p>
        </template>
        <template #title>
          <van-row>
            <van-col span="11" :offset="1">
              <p>除草修路费</p>
            </van-col>
            <van-col span="12">
              <p style="color:#E50000;text-align: right">-180.00</p>
            </van-col>
          </van-row>
        </template>
        <template #label>
          <van-row>
            <van-col span="9" :offset="1">
              <p>经营支出</p>
            </van-col>
            <van-col span="5" :offset="2">
              记27
            </van-col>
            <van-col span="7">
              <p style="text-align: right">2021-08-06</p>
            </van-col>
          </van-row>
        </template>
      </van-cell>
    </van-cell-group>
    <onlineHomeIndex></onlineHomeIndex>
  </div>
</template>

<script>
  import onlineHomeIndex from "../onlineHomeIndex";

  export default {
    components: {
      onlineHomeIndex
    },
    name: "inAndOutDetail",
    data() {
      return {
        activeName: 'a',
        list: [],
        loading: false,
        finished: false,
        result:[],
      };
    },
    methods: {

    },
  }
</script>

<style scoped>
  >>>.van-cell::after {
    border-bottom: none;
  }
</style>
