fj-dc-ui/.svn/pristine/5a/5a1463fee373636de75af5e58ef914b9c47a8a83.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="tableHeightRyyj"  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="100"
      ></el-table-column>
      <el-table-column align="center" show-overflow-tooltip prop="basinName" label="机构" min-width="60"></el-table-column>
      <el-table-column align="center" show-overflow-tooltip prop="persName" label="人员" min-width="60"></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="100"-->
      <!--&gt;</el-table-column>-->
      <!--<el-table-column align="center" show-overflow-tooltip prop="persCount" label="人数" min-width="70"></el-table-column>-->
      <!--<el-table-column-->
        <!--align="center"-->
        <!--show-overflow-tooltip-->
        <!--prop="countyCount"-->
        <!--label="县（市、区）"   v-if="isXj"-->
        <!--min-width="90"-->
      <!--&gt;</el-table-column>-->
      <el-table-column label="水闸数量" align="center" show-overflow-tooltip>
        <el-table-column align="center" show-overflow-tooltip prop="oneWagaCount" label="大型" min-width="50"></el-table-column>
        <el-table-column align="center" show-overflow-tooltip prop="twoWagaCount" label="中型" min-width="50"></el-table-column>
        <el-table-column align="center" show-overflow-tooltip prop="threeWagaCount" label="小型" min-width="50"></el-table-column>
        <el-table-column align="center" show-overflow-tooltip prop="fourWagaCount" label="其他" min-width="50"></el-table-column>
        <el-table-column align="center" show-overflow-tooltip prop="allWagaCount" label="小计" min-width="50"></el-table-column>
      </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="50"></el-table-column>
        <el-table-column align="center" show-overflow-tooltip prop="twoProCount" label="较重" min-width="50"></el-table-column>
        <el-table-column align="center" show-overflow-tooltip prop="threeProCount" label="严重" min-width="50"></el-table-column>
        <el-table-column align="center" show-overflow-tooltip prop="fourProCount" label="特别严重" min-width="80"></el-table-column>
        <el-table-column align="center" show-overflow-tooltip prop="allProCount" label="小计" min-width="50"></el-table-column>
      </el-table-column>
      <el-table-column align="center" show-overflow-tooltip prop="mileage" label="人员轨迹里程(米)" min-width="120"></el-table-column>
    </el-table>
  </div>
</template>

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

  data() {
    return {
      tableData: [],
      title: "人员业绩水闸统计",
      loading: false,
      state:''
    };
  },
  mounted() {
    // this.getRyyjSzData();
  },
  methods: {
    getTableData() {
      console.log(this.sttm + this.entm + this.title);
    },
    getRyyjSzData(){
      this.loading = true;
      request.get(`/dc/brief/report/getWagaPersAchive`,
        {
          params: {
            'adName': this.formName,
            'state': this.formState,
            'basinId': this.formLyId,
            'sttm': this.sttm,
            'entm': this.entm,
            'persName': this.formPersName
          },
        }
        ).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>