<template>
  <div class="eibs-tab">
    <c-list-search @form-reset="handleReset" @form-search="handleSearch">
      <!-- 持续展示区 -->
      <template v-slot="searchSlot">
        <el-row>
          <c-col :span="8">
            <el-form-item label="起始时间" prop="prop.begtim">
              <c-date-picker type="date" v-model="model.prop.begtim" style="width:100%"></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item label="截止时间" prop="prop.endtim">
              <c-date-picker type="date" v-model="model.prop.endtim" style="width:100%"></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item label="行号" prop="prop.bic">
              <c-input v-model="model.prop.bic" maxlength="11" style="width:100%"></c-input>
            </el-form-item>
          </c-col>
        </el-row>
        <!-- 可控展示区 -->
        <el-row v-show="searchSlot.searchToggle">
          
        </el-row>
      </template>
    </c-list-search>
    <el-col :span="24" style="margin-top: 10px">
      <c-col :span="24">
        <el-table v-loading="load" :data="model.fxdgrp.riglst" style="width: 100%" size="small"
          :border="true" height="calc(100vh - 280px)" :highlight-current-row="true">
          <el-table-column prop="upddat" label="更新日期" width="150">
          </el-table-column>
          <el-table-column prop="atytyp" label="参与机构权限清单" width="200">
          </el-table-column>
          <el-table-column prop="bic" label="参与机构行号" width="200">
          </el-table-column>
          <el-table-column prop="sndtyp" label="发送业务权限清单">
          </el-table-column>
          <el-table-column prop="rcvtyp" label="接收业务权限清单">
          </el-table-column>
        </el-table>
        <el-pagination layout="total, sizes, prev, pager, next, jumper"
          :total="pagination.total"
          :page-size="pagination.pageSize"
          :current-page.sync="pagination.pageNum"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange">
        </el-pagination>
      </c-col>
    </el-col>
  </div>
</template>
<script>
import event from "../event";
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  components: {
  },
  data() {
    return {
      load: false,
      pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0,
      },
    };
  },
  watch: {

  },
  computed: {},

  mounted() {

  },
  methods: {
    
  }
};
</script>
<style scoped lang="less">
.eibs-tabs /deep/ {
  .m-table-search {
    padding: 20px 0px 10px 0px;
  }
}

.header-wrap {
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .title {
    font-size: 16px;
    color: #000;
  }

  .close-btn {
    padding: 3px;
    cursor: pointer;
  }
}

.m-list-btns {
  height: 300px;
  overflow: auto;
}

.medium_bcs {
  border-radius: 5px;
}
</style>