fj-dc-ui/.svn/pristine/93/93a7a294a5559083b60c62ae9108757dc86de44e.svn-base

<template>
  <div>
    <div>
      <h3 style="text-align: center;margin: 10px auto;">人员业绩水毁工程统计</h3>
    </div>
    <el-table border :data="tableData" :height="tableHeightRyyj" tooltip-effect="dark" 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="70"></el-table-column>
      <el-table-column align="center" show-overflow-tooltip prop="persName" label="人员" min-width="70"></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="70"-->
      <!--&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 align="center" show-overflow-tooltip prop="allWtdCount" label="项目数量" min-width="90"></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-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: [],
      loading: false,
    };
  },
  mounted() {
    // this.getLyShData();
  },

  watch: {
    sttm(n, o) {
      this.sttm = n;
    },
    entm(n, o) {
      this.entm = n;
    }
  },

  methods: {
    getTableData() {
      console.log(this.sttm + this.entm + this.title);
    },
    getLyShData(){
      this.loading = true;
      request.get(`/dc/brief/report/getWtdstPersAchive`,
        {
          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?basinId=${this.formLyId}`).then(res =>{
        this.loading = false;
        if(res.success){
          this.tableData = res.data;
        }

      }).catch(err =>{

      })
    }
  }
};
</script>

<style>
</style>