fj-dc-ui/.svn/pristine/4f/4fbaf03c9eeea8b473515a7b343fa904fa54204f.svn-base

<template>
  <div class="pblCou">
    <el-container>
      <el-header style="height: auto;">
        <el-form :inline="true" class="demo-form-inline">
          <el-form-item label="统计维度:" class="lableTitle">
            <el-radio-group v-model="type" @change="changetype">
              <el-radio label="addv">行政区</el-radio>
              <el-radio label="rvUnit">流域机构</el-radio>
              <el-radio label="dcGrp">督查组</el-radio>
              <el-radio label="peoAch">人员业绩</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item style="float:right;">
            <el-button type="primary" @click="searchData" icon="el-icon-search">查询</el-button>
          </el-form-item>
        </el-form>
        <el-form :inline="true" class="demo-form-inline">
          <el-form-item label="统计日期:" class="lableTitle">
              <el-date-picker
                  v-model="dateRange"
                  type="daterange"
                  value-format="yyyy-MM-dd"
                  style="width: 220px;"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  @change="dateChangeHandler"
                ></el-date-picker>
          </el-form-item>
            <el-form-item label="督查状态:" class="lableTitle">
              <el-select v-model="form.state" clearable>
                <el-option
                  v-for="item in stateOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                  style="height: 5vh">
                </el-option>
              </el-select>
            </el-form-item>

          <!-- <el-form-item label="行政区/机构名称" v-if="xzqjgmc">
              <el-input v-model="form.name"></el-input>
          </el-form-item>-->
          <el-form-item :label="lableXzqh + ':'" v-if="xzqh" class="lableTitle">
            <el-input v-model="form.name" clearable @keyup.enter.native="searchData"></el-input>
          </el-form-item>
          <!--<el-form-item :label="this.type == 'addv' ? '检查单位':'检查项目'" v-if="sfly">-->
          <el-form-item :label="lableJcxm + ':'" v-if="sfly" class="lableTitle">
            <el-input v-model="form.typeName" clearable @keyup.enter.native="searchData"></el-input>
          </el-form-item>
          <el-form-item label="人员:" v-if="sfRyXm" class="lableTitle">
            <el-input v-model="form.persName" clearable @keyup.enter.native="searchData"></el-input>
          </el-form-item>
          <el-form-item label="机构:" v-if="sflyId" class="lableTitle">
            <!--<el-input v-model="form.lyId"></el-input>-->
            <el-select v-model="form.lyId" clearable>
              <el-option
                v-for="item in gcType"
                :key="item.id"
                :label="item.pnm"
                :value="item.id"
                style="height: 5vh"
              ></el-option>
            </el-select>
          </el-form-item>

        </el-form>
      </el-header>
      <el-main>
        <el-tabs type="card" v-model="tableTabs" @tab-click="handleClick">
          <el-tab-pane v-if="totalTab" label="合计" key="1" name="total">
            <component
              :is="comHj"
              :sttm="sttm"
              :entm="entm"
              :formState="form.state"
              :formName="form.name"
              :formType="form.typeName"
              :formPersName="form.persName"
              :tableHeight="tableHeight"
              :tableHeightRyyj="tableHeightRyyj"
              ref="childPlHj"
            ></component>
          </el-tab-pane>
          <el-tab-pane label="小水库" name="xsk">
            <component
              :is="comXsk"
              key="2"
              :sttm="sttm"
              :entm="entm"
              :formName="form.name"
              :formLyId="form.lyId"
              :formState="form.state"
              :formType="form.typeName"
              :formPersName="form.persName"
              :tableHeight="tableHeight"
              :tableHeightRyyj="tableHeightRyyj"
              ref="childPlXsk"
            ></component>
          </el-tab-pane>
          <el-tab-pane label="人饮工程" key="3" name="rygc">
            <component
              :is="comRygc"
              :sttm="sttm"
              :entm="entm"
              :formName="form.name"
              :formLyId="form.lyId"
              :formState="form.state"
              :formType="form.typeName"
              :formPersName="form.persName"
              :tableHeight="tableHeight"
              :tableHeightRyyj="tableHeightRyyj"
              ref="childPlRygc"
            ></component>
          </el-tab-pane>
          <el-tab-pane label="水毁工程" key="4" name="shgc">
            <component
              :is="comShgc"
              :sttm="sttm"
              :entm="entm"
              :formName="form.name"
              :formLyId="form.lyId"
              :formType="form.typeName"
              :formState="form.state"
              :formPersName="form.persName"
              :tableHeight="tableHeight"
              :tableHeightRyyj="tableHeightRyyj"
              ref="childPlShgc"
            ></component>
          </el-tab-pane>
          <el-tab-pane label="水利工程建设" key="5" name="172gcjs">
            <component
              :is="com172gcjs"
              :sttm="sttm"
              :entm="entm"
              :formName="form.name"
              :formLyId="form.lyId"
              :formType="form.typeName"
              :formState="form.state"
              :formPersName="form.persName"
              :tableHeight="tableHeight"
              :tableHeightRyyj="tableHeightRyyj"
              ref="childPl172gcjs"
            ></component>
          </el-tab-pane>
          <el-tab-pane label="水利工程运行" key="6" name="172gcyx">
            <component
              :is="com172gcyx"
              :sttm="sttm"
              :entm="entm"
              :formName="form.name"
              :formLyId="form.lyId"
              :formState="form.state"
              :formType="form.typeName"
              :formPersName="form.persName"
              :tableHeight="tableHeight"
              :tableHeightRyyj="tableHeightRyyj"
              ref="childPl172gcyx"
            ></component>
          </el-tab-pane>
          <el-tab-pane label="水闸" key="7" name="sz">
            <component
              :is="comSz"
              :sttm="sttm"
              :entm="entm"
              :formName="form.name"
              :formLyId="form.lyId"
              :formState="form.state"
              :formType="form.typeName"
              :formPersName="form.persName"
              :tableHeight="tableHeight"
              :tableHeightRyyj="tableHeightRyyj"
              ref="childPlSz"
            ></component>
          </el-tab-pane>
        </el-tabs>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import request from "../../../utils/gw_ajax_request";
export default {
  components: {
    xzqHj: resolve => {
      require(["../../tongjibaobiao/xingzhengqu_heji.vue"], resolve);
    },
    xzqSk: resolve => {
      require(["../../tongjibaobiao/xingzhengqu_shuiku.vue"], resolve);
    },
    xzqRy: resolve => {
      require(["../../tongjibaobiao/xingzhengqu_renyin.vue"], resolve);
    },
    xzqSh: resolve => {
      require(["../../tongjibaobiao/xingzhengqu_shuihui.vue"], resolve);
    },
    lyjgHj: resolve => {
      require(["../../tongjibaobiao/liuyujigou_heji.vue"], resolve);
    },
    lyjgSk: resolve => {
      require(["../../tongjibaobiao/liuyujigou_shuiku.vue"], resolve);
    },
    lyjgRy: resolve => {
      require(["../../tongjibaobiao/liuyujigou_renyin.vue"], resolve);
    },
    lyjgSh: resolve => {
      require(["../../tongjibaobiao/liuyujigou_shuihui.vue"], resolve);
    },
    dczxsk: resolve => {
      require(["./dczxsk.vue"], resolve);
    },
    dczRygc: resolve => {
      require(["./dczRygc.vue"], resolve);
    },
    dczShgc: resolve => {
      require(["./dczShgc.vue"], resolve);
    },
    dcz172gcjs: resolve => {
      require(["./dcz172gcjs.vue"], resolve);
    },
    dcz172gcyx: resolve => {
      require(["./dcz172gcyx.vue"], resolve);
    },
    dczSz: resolve => {
      require(["./dczSz.vue"], resolve);
    },
    ryyjXsk: resolve => {
      require(["./ryyjXsk.vue"], resolve);
    },
    ryyjRygc: resolve => {
      require(["./ryyjRygc.vue"], resolve);
    },
    ryyjShgc: resolve => {
      require(["./ryyjShgc.vue"], resolve);
    },
    ryyj172gcjs: resolve => {
      require(["./ryyj172gcjs.vue"], resolve);
    },
    ryyj172gcyx: resolve => {
      require(["./ryyj172gcyx.vue"], resolve);
    },
    ryyjSz: resolve => {
      require(["./ryyjSz.vue"], resolve);
    },
    xzq172gcjs: resolve => {
      require(["../../tongjibaobiao/xzq172gcjs.vue"], resolve);
    },
    xzq172gcyx: resolve => {
      require(["../../tongjibaobiao/xzq172gcyx.vue"], resolve);
    },
    xzqSz: resolve => {
      require(["../../tongjibaobiao/xzqSz.vue"], resolve);
    },
    lyjg172gcjs: resolve => {
      require(["../../tongjibaobiao/lyjg172gcjs.vue"], resolve);
    },
    lyjg172gcyx: resolve => {
      require(["../../tongjibaobiao/lyjg172gcyx.vue"], resolve);
    },
    lyjgSz: resolve => {
      require(["../../tongjibaobiao/lyjgSz.vue"], resolve);
    },
  },
  props: [],
  data() {
    return {
      tableHeight: 0,
      tableHeightRyyj: 0,
      dateRange:[],
      type: "addv",
      sttm: "",
      entm: "",
      tableTabs: "total",
      comHj: "xzqHj",
      comXsk: "xzqSk",
      comRygc: "xzqRy",
      comShgc: "xzqSh",
      totalTab: true,
      dczTabs: false,
      yryjTabs: false,
      xzqjgmc: true,
      xzqh: true,
      form: {
        name: "",
        typeName: "",
        lyId: "",
        persName: "",
        state:""
      },
      sfly: true,
      sfrq: false,
      sflyId: false,
      sfRyXm: false,
      tableData: [],
      gcType: [{}],
      stateOptions:[
        {label:'未督查',id:'0',value:0},
        {label:'督查中',id:'1',value:1},
        {label:'已督查',id:'2',value:2},
      ],
      ryyjType: 1,
      lableXzqh: "省份",
      lableJcxm: "检查项目",
      com172gcjs: "xzq172gcjs",
      com172gcyx: "xzq172gcyx",
      comSz: "xzqSz",
    };
  },
  created(){
    this.$nextTick(function () {
      this.tableHeight = window.innerHeight - 234;
      this.tableHeightRyyj = window.innerHeight - 274;
      let self = this;
      window.onresize = function() {
        self.tableHeight = window.innerHeight - 234;
        self.tableHeightRyyj = window.innerHeight - 274;
      }
    })
  },
  mounted() {

  },
  watch:{
    dateRange:function(){
      console.log(this.dateRange);
       if(this.dateRange&&this.dateRange.length>1&&this.dateRange[0]!=''&&this.dateRange[1]!=''){
         this.sttm = this.dateRnage[0];
         this.entm = this.dateRange[1];
       }else{
         this.sttm = '';
         this.entm = '';
       }
    }
  },
  computed: {
    persId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  methods: {
    dateChangeHandler:function(){
      console.log(this.dateRange+'变化');
       if(this.dateRange&&this.dateRange.length>1&&this.dateRange[0]!=''&&this.dateRange[1]!=''){
         this.sttm = this.dateRange[0];
         this.entm = this.dateRange[1];
       }else{
         this.sttm = '';
         this.entm = '';
       }
    },
    changetype: function(value) {
      this.form = {
        name: "",
        typeName: "",
        lyId: "",
        persName: "",
        state:''
      };
      this.sttm = "";
      this.entm = "";
      this.dateRange = [];
      this.type = value;
      if (this.type == "dcGrp") {
        this.totalTab = false;
        this.sfly = false;
        this.sfrq = true;
        this.sflyId = true;
        // this.xzqjgmc = false;
        this.xzqh = true;
        this.tableTabs = "xsk";
        this.comXsk = "dczxsk";
        this.comRygc = "dczRygc";
        this.comShgc = "dczShgc";
        this.com172gcjs = "dcz172gcjs";
        this.com172gcyx = "dcz172gcyx";
        this.comSz = "dczSz";
        this.sttm = "";
        this.entm = "";
        this.dateRange = [];
        this.lableXzqh = "省份";
        this.sfRyXm = false;
        this.getRyYjTypeData();
      } else if (this.type == "peoAch") {
        this.totalTab = false;
        this.sfly = false;
        this.sfrq = false;
        this.sflyId = true;
        // this.xzqjgmc = false;
        this.xzqh = true;
        this.tableTabs = "xsk";
        this.comXsk = "ryyjXsk";
        this.comRygc = "ryyjRygc";
        this.comShgc = "ryyjShgc";
        this.com172gcjs = "ryyj172gcjs";
        this.com172gcyx = "ryyj172gcyx";
        this.comSz = "ryyjSz";
        this.sfRyXm = true;
        this.getRyYjTypeData();
      } else if (this.type == "addv") {
        this.totalTab = true;
        this.sfly = true;
        this.sfrq = false;
        this.sflyId = false;
        // this.xzqjgmc = true;
        this.xzqh = true;
        this.tableTabs = "total";
        this.comHj = "xzqHj";
        this.comXsk = "xzqSk";
        this.comRygc = "xzqRy";
        this.comShgc = "xzqSh";
        this.com172gcjs = "xzq172gcjs";
        this.com172gcyx = "xzq172gcyx";
        this.comSz = "xzqSz";
        this.lableXzqh = "省份";
        this.lableJcxm = "检查项目";
        this.sfRyXm = false;
      } else if (this.type == "rvUnit") {
        this.sfly = true;
        this.totalTab = true;
        this.sfrq = false;
        this.sflyId = false;
        // this.xzqjgmc = true;
        this.xzqh = true;
        this.tableTabs = "total";
        this.comHj = "lyjgHj";
        this.comXsk = "lyjgSk";
        this.comRygc = "lyjgRy";
        this.comShgc = "lyjgSh";
        this.com172gcjs = "lyjg172gcjs";
        this.com172gcyx = "lyjg172gcyx";
        this.comSz = "lyjgSz";
        this.lableXzqh = "检查单位";
        this.lableJcxm = "检查项目";
        this.sfRyXm = false;
      }
    },
    searchData() {
      if (this.type == "rvUnit") {
        if (this.tableTabs == "xsk") {
          this.$refs.childPlXsk.getLySkData();
        } else if (this.tableTabs == "rygc") {
          this.$refs.childPlRygc.getLyRyData();
        } else if (this.tableTabs == "shgc") {
          this.$refs.childPlShgc.getLyShData();
        } else if (this.tableTabs == "total") {
          this.$refs.childPlHj.getLyData();
          this.$refs.childPlXsk.getLySkData();
          this.$refs.childPlRygc.getLyRyData();
          this.$refs.childPlShgc.getLyShData();
          this.$refs.childPl172gcjs.getLyjgGcjsData();
          this.$refs.childPl172gcyx.getLyjgGcyxData();
          this.$refs.childPlSz.getLyjgSzData();
        } else if (this.tableTabs == "172gcjs") {
          this.$refs.childPl172gcjs.getLyjgGcjsData();
        } else if (this.tableTabs == "172gcyx") {
          this.$refs.childPl172gcyx.getLyjgGcyxData();
        } else if (this.tableTabs == "sz") {
          this.$refs.childPlSz.getLyjgSzData();
        }
      }
      else if (this.type == "addv") {
        if (this.tableTabs == "xsk") {
          this.$refs.childPlXsk.getLySkData();
        } else if (this.tableTabs == "rygc") {
          this.$refs.childPlRygc.getLyRyData();
        } else if (this.tableTabs == "shgc") {
          this.$refs.childPlShgc.getLyShData();
        } else if (this.tableTabs == "total") {
          this.$refs.childPlHj.getLyData();
          this.$refs.childPlXsk.getLySkData();
          this.$refs.childPlRygc.getLyRyData();
          this.$refs.childPlShgc.getLyShData();
          this.$refs.childPl172gcjs.getXzqGcjsData();
          this.$refs.childPl172gcyx.getXzqGcyxData();
          this.$refs.childPlSz.getXzqSzData();
        } else if (this.tableTabs == "172gcjs") {
          this.$refs.childPl172gcjs.getXzqGcjsData();
        } else if (this.tableTabs == "172gcyx") {
          this.$refs.childPl172gcyx.getXzqGcyxData();
        } else if (this.tableTabs == "sz") {
          this.$refs.childPlSz.getXzqSzData();
        }
      }
      else if (this.type == "dcGrp") {
        if (this.tableTabs == "xsk") {
          this.$refs.childPlXsk.getLySkData();
        } else if (this.tableTabs == "rygc") {
          this.$refs.childPlRygc.getLyRyData();
        } else if (this.tableTabs == "shgc") {
          this.$refs.childPlShgc.getLyShData();
        } else if (this.tableTabs == "172gcjs") {
          this.$refs.childPl172gcjs.getDczGcJsData();
        } else if (this.tableTabs == "172gcyx") {
          this.$refs.childPl172gcyx.getDczGcYxData();
        } else if (this.tableTabs == "sz") {
          this.$refs.childPlSz.getDczSzData();
        }
      }
      else if (this.type == "peoAch") {
        if (this.tableTabs == "xsk") {
          this.$refs.childPlXsk.getLySkData();
        } else if (this.tableTabs == "rygc") {
          this.$refs.childPlRygc.getLyRyData();
        } else if (this.tableTabs == "shgc") {
          this.$refs.childPlShgc.getLyShData();
        } else if (this.tableTabs == "172gcjs") {
          this.$refs.childPl172gcjs.getRyyjGcJsData();
        } else if (this.tableTabs == "172gcyx") {
          this.$refs.childPl172gcyx.getRyyjGcYxData();
        } else if (this.tableTabs == "sz") {
          this.$refs.childPlSz.getRyyjSzData();
        }
      }
    },
    exPort() {
      //流域机构

      if (this.type == "rvUnit") {
        if (this.tableTabs == "xsk") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getRsvrWork?orgName=${this.form.name}&state=${this.form.state}&sttm=${
              this.sttm
            }&entm=${this.entm}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "流域小水库督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        } else if (this.tableTabs == "rygc") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getVillWork?orgName=${this.form.name}&state=${this.form.state}&sttm=${
              this.sttm
            }&entm=${this.entm}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "流域人饮工程督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        } else if (this.tableTabs == "shgc") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getRectWork?orgName=${this.form.name}&state=${this.form.state}&sttm=${
              this.sttm
            }&entm=${this.entm}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "流域水毁工程督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "172gcjs") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getEmpwtConWork?orgName=${this.form.name}&state=${this.form.state}&basinId=${this.form.lyId}&sttm=${this.sttm}&entm=${this.entm}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "流域水利工程建设督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "172gcyx") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getEmpwtRunWork?orgName=${this.form.name}&state=${this.form.state}&basinId=${this.form.lyId}&sttm=${this.sttm}&entm=${this.entm}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "流域水利工程运行督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "sz") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getWagaWork?orgName=${this.form.name}&state=${this.form.state}&sttm=${this.sttm}&entm=${this.entm}&basinId=${this.form.lyId}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "流域水闸督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        } else {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getVillRsvrRectWork?orgName=${
              this.form.name
            }&typeName=${this.form.typeName}&state=${this.form.state}&sttm=${this.sttm}&entm=${
              this.entm
            }&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "流域合计督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }
      }
      //行政区
      else if (this.type == "addv") {
        if (this.tableTabs == "xsk") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getRsvrWorkByOrgPro?adName=${
              this.form.name
            }&orgName=${this.form.typeName}&state=${this.form.state}&sttm=${this.sttm}&entm=${
              this.entm
            }&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "行政区小水库督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        } else if (this.tableTabs == "rygc") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getVillWorkByOrgPro?adName=${
              this.form.name
            }&orgName=${this.form.typeName}&state=${this.form.state}&sttm=${this.sttm}&entm=${
              this.entm
            }&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "行政区人饮工程督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        } else if (this.tableTabs == "shgc") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getRectWorkByOrgPro?adName=${
              this.form.name
            }&orgName=${this.form.typeName}&state=${this.form.state}&sttm=${this.sttm}&entm=${
              this.entm
            }&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "行政区水毁工程督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "172gcjs") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getEmpwtConWorkByOrgPro?adName=${this.form.name}&state=${this.form.state}&orgName=${this.form.typeName}&sttm=${this.sttm}&entm=${this.entm}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "行政区水利工程建设督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "172gcyx") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getEmpwtRunWorkByOrgPro?adName=${this.form.name}&state=${this.form.state}&orgName=${this.form.typeName}&sttm=${this.sttm}&entm=${this.entm}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "行政区水利工程运行督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "sz") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getWagaWorkByOrgPro?adName=${this.form.name}&state=${this.form.state}&orgName=${this.form.typeName}&sttm=${this.sttm}&entm=${this.entm}&basinId=${this.form.lyId}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "行政区水闸督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        } else {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getVillRsvrRectWorkByPro?adName=${
              this.form.name
            }&typeName=${this.form.typeName}&state=${this.form.state}&sttm=${this.sttm}&entm=${
              this.entm
            }&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "行政区合计督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }
      }
      //督查组
      else if (this.type == "dcGrp") {
        if (this.tableTabs == "xsk") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getRiverSupervisionRivCount?adName=${
              this.form.name
            }&sttm=${this.sttm}&state=${this.form.state}&entm=${this.entm}&basinId=${
              this.form.lyId
            }&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "督查组小水库督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        } else if (this.tableTabs == "rygc") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getRiverSupervisionCwsCount?adName=${
              this.form.name
            }&sttm=${this.sttm}&state=${this.form.state}&entm=${this.entm}&basinId=${
              this.form.lyId
            }&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "督查组人饮工程督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        } else if (this.tableTabs == "shgc") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getRiverSupervisionWtdCount?adName=${
              this.form.name
            }&sttm=${this.sttm}&state=${this.form.state}&entm=${this.entm}&basinId=${
              this.form.lyId
            }&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "督查组水毁工程督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "172gcjs") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getRiverSupervisionEmpwtConCount?adName=${this.form.name}&state=${this.form.state}&sttm=${this.sttm}&entm=${this.entm}&basinId=${this.form.lyId}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "督查组水利工程建设督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "172gcyx") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getRiverSupervisionEmpwtRunCount?adName=${this.form.name}&state=${this.form.state}&sttm=${this.sttm}&entm=${this.entm}&basinId=${this.form.lyId}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "督查组水利工程运行督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "sz") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getRiverSupervisionWagaCount?adName=${this.form.name}&state=${this.form.state}&sttm=${this.sttm}&entm=${this.entm}&basinId=${this.form.lyId}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "督查组水闸督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }
      }
      //人员业绩
      else if (this.type == "peoAch") {
        if (this.tableTabs == "xsk") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getRiverPersAchive?adName=${
              this.form.name
            }&basinId=${this.form.lyId}&state=${this.form.state}&sttm=${this.sttm}&entm=${
              this.entm
            }&persName=${this.form.persName}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "人员业绩小水库督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        } else if (this.tableTabs == "rygc") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getCwsPersAchive?adName=${
              this.form.name
            }&basinId=${this.form.lyId}&state=${this.form.state}&sttm=${this.sttm}&entm=${
              this.entm
            }&persName=${this.form.persName}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "人员业绩人饮工程督查工作情况表.xls";
              a.click();
          };
        }
          xhr.send();
        } else if (this.tableTabs == "shgc") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getWtdstPersAchive?basinId=${
              this.form.lyId
            }&adName=${this.form.name}&state=${this.form.state}&sttm=${this.sttm}&entm=${
              this.entm
            }&persName=${this.form.persName}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "人员业绩水毁工程督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "172gcjs") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getEmpwtConPersAchive?adName=${this.form.name}&state=${this.form.state}&basinId=${this.form.lyId}&sttm=${this.sttm}&entm=${this.entm}&persName=${this.form.persName}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "人员业绩水利工程建设督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "172gcyx") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getEmpwtRunPersAchive?adName=${this.form.name}&state=${this.form.state}&basinId=${this.form.lyId}&sttm=${this.sttm}&entm=${this.entm}&persName=${this.form.persName}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "人员业绩水利工程运行督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }else if (this.tableTabs == "sz") {
          var xhr = new XMLHttpRequest();
          xhr.open(
            "get",
            `/pdcApi/dc/brief/report/getWagaPersAchive?adName=${this.form.name}&state=${this.form.state}&sttm=${this.sttm}&entm=${this.entm}&persName=${this.form.persName}&basinId=${this.form.lyId}&isExport=1`,
            true
          );
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "人员业绩水闸督查工作情况表.xls";
              a.click();
            }
          };
          xhr.send();
        }
      }
    },
    handleClick(tab, event) {
      this.gcType = [];
      this.form.lyId = "";
      if (this.type == "peoAch") {
        if (tab.name == "rygc") {
          this.ryyjType = 2;
          this.getRyYjTypeData();
        } else if (tab.name == "shgc") {
          this.ryyjType = 3;
          this.getRyYjTypeData();
        } else if (tab.name == "xsk") {
          this.ryyjType = 1;
          this.getRyYjTypeData();
        } else if (tab.name == "172gcjs") {
          this.ryyjType = 4;
          this.getRyYjTypeData();
        } else if (tab.name == "172gcyx") {
          this.ryyjType = 7;
          this.getRyYjTypeData();
        } else if (tab.name == "sz") {
          this.ryyjType = 6;
          this.getRyYjTypeData();
        }
      } else if (this.type == "dcGrp") {
        if (tab.name == "rygc") {
          this.ryyjType = 2;
          this.getRyYjTypeData();
        } else if (tab.name == "shgc") {
          this.ryyjType = 3;
          this.getRyYjTypeData();
        } else if (tab.name == "xsk") {
          this.ryyjType = 1;
          this.getRyYjTypeData();
        } else if (tab.name == "172gcjs") {
          this.ryyjType = 4;
          this.getRyYjTypeData();
        } else if (tab.name == "172gcyx") {
          this.ryyjType = 7;
          this.getRyYjTypeData();
        } else if (tab.name == "sz") {
          this.ryyjType = 6;
          this.getRyYjTypeData();
        }
      } else if (this.type == "rvUnit") {
        if (tab.name == "total") {
          this.lableXzqh = "检查单位";
          this.sfly = true;
        } else {
          // this.lableXzqh = "检查单位";
          this.sfly = false;
        }
      } else if (this.type == "addv") {
        if (tab.name == "total") {
          this.lableJcxm = "检查项目";
        } else {
          this.lableJcxm = "检查单位";
        }
      }

      // console.log(tab, event);
    },
    getRyYjTypeData() {
      request
        .get(`dc/brief/report/getRiverNode?type=${this.ryyjType}`)
        .then(res => {
          if (res.success) {
            this.gcType = res.data;
          }
        })
        .catch(err => {});
    }
  },
  watch: {
    sttm(n, o) {
      if (n == null) {
        this.sttm = "";
      }
    },
    entm(n, o) {
      if (n == null) {
        this.entm = "";
      }
    },
    "form.lyId": {
      handler(val, oldVal) {
        if (val == null) {
          this.form.lyId = "";
        }
      },
      deep: true
    }
  }
};
</script>

<style lang="scss">
.pblCou{
  height:100%;
}
.pblCou .el-header {
  padding: 10px 20px 0;

}
.pblCou .el-main {
  padding: 0 20px;
}
.pblCou .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  border-top: 4px solid #3EBEA1;
  color: #3EBEA1;
  font-family:MicrosoftYaHei-Bold;
  font-weight:bold;
}
.pblCou .el-tabs--top.el-tabs--card .el-tabs__item:last-child,.pblCou .el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2) {
  padding-left: 2vw !important;
  padding-right: 2vw !important;
}
.pblCou .el-tabs__item {
  padding: 0 2vw;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 500;
  color: #303133;
}
.pblCou .el-select, .pblCou .el-input {
  width: 120px;
}
.pblCou .el-form-item--mini.el-form-item,.pblCou .el-form-item--small.el-form-item {
  margin-bottom: 15px;
}
</style>