<template>
    <div class="" style="width: 100%;height:100%;" >
      <div class="ztfx-table-info table-container-style" style="width: calc(100% - 30px);height: calc(100% - 30px);">
        <el-table :data="tableData.list" height="200">
          <el-table-column type="index" align="center" label="编号" width="80"></el-table-column>
          <el-table-column prop="name" align="center" label="基金名称" ></el-table-column>
          <el-table-column prop="location" align="center" label="注册地"></el-table-column>
          <el-table-column prop="formed" align="center" label="成立时间"></el-table-column>
          <el-table-column prop="registryScale" align="center" label="注册规模" ></el-table-column>
          <el-table-column prop="manager" align="center" label="基金管理人"></el-table-column>
          <el-table-column prop="realScale" align="center" label="实际投资规模"></el-table-column>
          <el-table-column prop="project" align="center" label="投资项目" ></el-table-column>
          <el-table-column prop="onRecord" align="center" label="是否在基金协会备案"></el-table-column>
          <el-table-column prop="dataTime" align="center" label="更新时间"></el-table-column>
        </el-table>
        <el-pagination @current-change="handlePageChange" background layout="total, prev, pager, next" :total="tableData.total" :current-page="tableData.pageNum" :page-size="tableData.pageSize" :page-count="tableData.pages" style="text-align: right;"></el-pagination>
      </div>
    </div>
</template>

<script>
  let month = new Date().getMonth()==0?0:new Date().getMonth();
  let year = month<10?new Date().getFullYear()+"-0"+month :new Date().getFullYear()+"-"+month;
  export default {
    name: 'gmtj',
    data () {
      return {
        filter:{
          industryCode:'zcz',
          startDate: '',
          endDate:''
        },
        tableData:{
          list: [
            {jjmc:'产业基金东乡',zcd:'东乡区',clsj:'2018-05-16',zcgm:'2亿',jjglr:'杭州中科大成',sjtzhm:'首期0.7亿',tzxm:'',sfba:'是',gxsj:'2018-10-30'},
            {jjmc:'产业基金东乡',zcd:'东乡区',clsj:'2018-05-16',zcgm:'2亿',jjglr:'杭州中科大成',sjtzhm:'首期0.7亿',tzxm:'',sfba:'是',gxsj:'2018-10-30'}
          ],
          pageNum: 1,
          pageSize: 10,
          pages: 0,
          total: 0,
        }

      }
    },
    mounted(){
      this.filter.startDate = this.$route.query.startTime;
      this.filter.endDate =  this.$route.query.endTime;
      this.filter.industryCode =  this.$route.query.industryCode;
      this.getTableData();
    },
    watch:{
      $route(to,from){
        if(to.name === "gmtj"){
          this.getTableData();
        }
      }
    },
    methods:{
      getTableData(pageNum){
        let vm = this;
        let obj = {
          pageSize:10,
          pageNum: vm.$Util.isEmpty(pageNum) ? vm.tableData.pageNum : pageNum,
          startDate	:vm.$route.query.startTime,
          industryCode	:vm.$route.query.industryCode,
          endDate:vm.$route.query.endTime
        };
        vm.$http.get('/dx-economy-api/subject/cyydjj/fundScale',{params:obj}).then(function (resp) {
          let t = resp.data.data
          vm.tableData.list = t.list;
          vm.tableData.pageNum = t.pageNum;
          vm.tableData.pageSize = t.pageSize;
          vm.tableData.pages = t.pages;
          vm.tableData.total = t.total;

        })
      },
      handlePageChange(currentPage){
        this.getTableData(currentPage)
      },
    }
  }
</script>
<style>
  .search-row-condition .el-date-editor .el-range-input{width:35%!important;}
</style>
<style scoped>
.ztfx-table-info{width: calc(100% - 30px);height: calc(100% - 30px);padding: 15px;}

</style>