fj-dc-ui/.svn/pristine/bf/bfc931fd305dc44bd946a2cd70615888dc96f182.svn-base

<template>
  <div>
    <div>
      <h3 style="text-align: center;margin: 10px auto;">{{title}}</h3>
    </div>
    <el-table border :data="tableData" tooltip-effect="dark" :height="tableHeight" style="width: 100%" v-loading="loading" show-summary>
      <el-table-column type="index" label="序号" width="50"></el-table-column>
      <el-table-column
        align="center"
        show-overflow-tooltip
        prop="proName"
        label="省"  v-if="isXj"
        min-width="140"
      ></el-table-column>
      <el-table-column align="center" show-overflow-tooltip prop="basinName" label="机构" min-width="100"></el-table-column>
      <el-table-column align="center" show-overflow-tooltip prop="groupName" label="组名" min-width="100"></el-table-column>
      <el-table-column
        align="center"
        show-overflow-tooltip
        prop="proCount"
        :label="ownAdName+'（市、自治区）数量'"
        min-width="80"
      ></el-table-column>
      <el-table-column align="center" show-overflow-tooltip prop="persCount" label="人数" min-width="50"></el-table-column>
      <el-table-column
        align="center"
        show-overflow-tooltip
        prop="countyCount"
        label="县（市、区）"   v-if="isXj"
        min-width="90"
      ></el-table-column>
        <el-table-column align="center" show-overflow-tooltip prop="allWtdCount" label="项目数量" min-width="70"></el-table-column>
        <el-table-column label="问题数量" align="center" show-overflow-tooltip>
          <el-table-column align="center" show-overflow-tooltip prop="oneProCount" label="一般" min-width="70"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="twoProCount" label="较重" min-width="70"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="threeProCount" label="严重" min-width="70"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="allProCount" label="小计" min-width="70"></el-table-column>
        </el-table-column>
    </el-table>
  </div>
</template>

<script>
  import request from '../../../utils/gw_ajax_request'
  export default {
    components: {},
    props: ["sttm", "entm" ,"formName" ,"formLyId","tableHeight",'formState'],

  data() {
    return {
      tableData: [],
      title: "督查组水毁统计",
      loading: false,
      state:''
    };
  },
  mounted() {
    // this.getLyShData();
  },
  methods: {
    getTableData() {
      console.log(this.sttm + this.entm + this.title);
    },
    getLyShData(){
      this.loading = true;
      request.get(`/dc/brief/report/getRiverSupervisionWtdCount?adName=${this.formName}&state=${this.formState}&sttm=${this.sttm}&entm=${this.entm}&basinId=${this.formLyId}`).then(res =>{
      // request.get(`/dc/brief/report/getRiverSupervisionWtdCount`).then(res =>{
        this.loading = false;
        if(res.success){
          this.tableData = res.data;
        }

      }).catch(err =>{

      })
    }
  }
};
</script>

<style>
</style>