fj-dc-ui/.svn/pristine/d4/d4d2f09fc8f4a6f70f56370a321b0b6bcf30b7d3.svn-base

<template>
  <div style="height:100%;">
    <el-container>
      <el-aside width="240px" style="border:1px solid #d5d5ff" v-loading="loadingType">
        <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">
          <i class="el-icon-share"></i>督查对象
        </p>
        <provTreeList
          rootCode
          :style="{'max-height':dxdcAsideHeight+'px','height':dxdcAsideHeight+'px'}"
          @provTreeSelectChange1="provTreeSelectChangeHandler"
          @LoadingCompleted="LoadingCompletedType"
          @emitCurrentNodeId="emitCurrentNodeId"
          @emitLyjgList="emitLyjgList"
        ></provTreeList>
      </el-aside>
      <el-main>
        <el-tabs id="ncysDcdxTabs" type="card" v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="暗访调研行政村统计" name="villAndPeo">
            <villAndPeo :engIdh="xianEngId" :currentNodeType=currentNodeType :fengongxianCode=fengongxianCode :adCode="code" :adName="name" :lyjg=lyjg :fenggongxianName="fengongxianName"
             :fengongxianChildren="fengongxianChildren"></villAndPeo>
          </el-tab-pane>
          <el-tab-pane label="村内农村饮水工程设施运行维护情况表" name="drkEngVill">
            <drkEngVill :engIdh="xianEngId" :currentNodeType=currentNodeType :fengongxianCode=fengongxianCode :adCode="code" :adName="name" :lyjg=lyjg :fenggongxianName="fengongxianName"
            :fengongxianChildren="fengongxianChildren"></drkEngVill>
          </el-tab-pane>
          <el-tab-pane label="用水户情况" name="homeInfo">
            <homeInfo :engIdh="xianEngId" :currentNodeType=currentNodeType :fengongxianCode=fengongxianCode :adCode="code" :adName="name" :lyjg=lyjg :fenggongxianName="fengongxianName"
                      :fengongxianChildren="fengongxianChildren"></homeInfo>
          </el-tab-pane>
          <el-tab-pane label="农村饮水工程运行管理情况表" name="driWatPro">
            <driWatPro :engIdh="xianEngId" :currentNodeType=currentNodeType :fengongxianCode=fengongxianCode :adCode="code" :adName="name" :lyjg=lyjg
                       :fenggongxianName="fengongxianName"
                       :fengongxianChildren="fengongxianChildren"></driWatPro>
          </el-tab-pane>
          <el-tab-pane label="千人以上供水工程水源地保护情况表" name="watSouPro">
            <watSouPro :engIdh="xianEngId" :currentNodeType=currentNodeType :fengongxianCode=fengongxianCode :adCode="code" :adName="name" :lyjg=lyjg :fenggongxianName="fengongxianName" :fengongxianChildren="fengongxianChildren"></watSouPro>
          </el-tab-pane>
          <!-- <el-tab-pane label="管理责任体系落实情况表" name="resbSysImp">
            <resbSysImp :engIdh="xianEngId" :adCode="code" :adName="name"></resbSysImp>
          </el-tab-pane> -->
        </el-tabs>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import { getTableId_ny } from "../../api/duChaTianBao.js";
import { getDuChaFenGongList } from "../../api/duChaTianBao.js";
import provTreeList from "../../widgets/duChaFenGongList_nongyin.vue";
import dczTree from "../../widgets/dczTree.vue";
import request from "../../utils/gw_ajax_request.js";
import draggable from "../../widgets/draggable.vue";
// import villAndPeo from "./villAndPeo.vue";
// import driWatPro from "./driWatPro.vue";
import watSouPro from "./watSouPro.vue";
// import homeInfo from "./homeInfo.vue";
import drkEngVill from "./drkEngVill.vue";
import { getDcdxList } from "../../api/duChaPlan.js";
export default {
  components: {
    provTreeList: provTreeList,
    draggable,
    dczTree: dczTree,
    // villAndPeo: villAndPeo,
    // driWatPro:driWatPro,
    watSouPro:watSouPro,
    // homeInfo:homeInfo,
    drkEngVill:drkEngVill,
    villAndPeo: resolve => {
      require(["./villAndPeo.vue"], resolve);
    },
    driWatPro: resolve => {
      require(["./driWatPro.vue"], resolve);
    },
    // watSouPro: resolve => {
    //   require(["./watSouPro.vue"], resolve);
    // },
    homeInfo: resolve => {
      require(["./homeInfo.vue"], resolve);
    },
    // drkEngVill: resolve => {
    //   require(["./drkEngVill.vue"], resolve);
    // },
  },
  props: [],

  data() {
    return {
      staticProvData: {
        "11": "北京市",
        "12": "天津市",
        "13": "河北省",
        "14": "山西省",
        "15": "内蒙古自治区",
        "21": "辽宁省",
        "22": "吉林省",
        "23": "黑龙江省",
        "31": "上海市",
        "32": "江苏省",
        "33": "浙江省",
        "34": "安徽省",
        "35": "福建省",
        "36": "江西省",
        "37": "山东省",
        "41": "河南省",
        "42": "湖北省",
        "43": "湖南省",
        "44": "广东省",
        "45": "广西壮族自治区",
        "46": "海南省",
        "50": "重庆市",
        "51": "四川省",
        "52": "贵州省",
        "53": "云南省",
        "54": "西藏自治区",
        "61": "陕西省",
        "62": "甘肃省",
        "63": "青海省",
        "64": "宁夏回族自治区",
        "65": "新疆维吾尔自治区",
        "66": "新疆生产建设兵团"
      },
      pageTypem: "",
      checkList: false,
      activeName: "villAndPeo",
      county: "",
      radioForProv: "allProv",
      provList: [
        {
          addName: "湖北"
        },
        {
          addName: "重庆"
        },
        {
          addName: "四川"
        }
      ],
      checkboxForCounty: [
        {
          orgCode: "",
          orgName: ""
        }
      ],
      dcCountyList: [
        {
          orgCode: "001",
          orgName: "郧西县"
        },
        {
          orgCode: "002",
          orgName: "长阳县"
        },
        {
          orgCode: "003",
          orgName: "建始县"
        },
        {
          orgCode: "004",
          orgName: "罗田县"
        },
        {
          orgCode: "005",
          orgName: "兴山县"
        },
        {
          orgCode: "006",
          orgName: "随县"
        },
        {
          orgCode: "007",
          orgName: "浠水县"
        }
      ],
      provName: "",
      groupId: "",
      dczType: "",
      loading: false,
      dxdcMainHeight: window.innerHeight - 190,
      dxdcAsideHeight: window.innerHeight - 90,
      dcType: "2",
      dcTypeDefault: "小水库",
      searchNameOfRsName: "",
      searchNameOfAdName: "",
      searchNameOfwtdstNm: "",
      searchName: "",
      dcCount: "",
      engScal: "",
      rsAdmDep: "",
      wtdstType: "",
      wtdstState: "",
      dcBatch: "",
      dcgroup: "",
      pageNum: 1,
      pageSize: 9,
      total: 50,
      currentShowList: [],
      xskSer: true,
      ncysSer: false,
      shgcSer: false,
      mapLocationWindow: false,
      searchProvTreeListCode: "",
      treeShow: 0,
      treeData: [],
      fengongxianCode: "",
      xianEngId: "",
      currentNodeType:"",
      code: "",
      name: "",
      loadingType: false,
      lyjg:[],
      fengongxianName:'',
      fengongxianChildren:[],
    };
  },
  computed: {
    userId: function() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    },
    guId: function() {
      return localStorage.getItem("guid")
        ? localStorage.getItem("guid")
        : "000";
    }
  },
  mounted() {
    // this.loadTreeListData();
    this.pageTypem = "ncys";
    if (this.groupId == "noData" || this.groupId == "") {
      this.currentShowList = [];
    } else {
      //   this.getTableData();
    }
  },
  computed: {
    userId: function() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  watch: {
    groupId: function(n, o) {
      if (n != "noData") {
        this.groupId = n;
        this.getTableData();
      } else {
        this.currentShowList = [];
      }
    },
    xianEngId: function(n, o) {
      // alert(n);
      this.xianEngId = n;
    },
    loadingType: function(n, o) {
      this.loadingType = n;
    }
  },

  methods: {
    // loadTreeListData: function() {
    //   try {
    //     getDuChaFenGongList(this.userId, 100).then(
    //       res => {
    //         let _self = this;
    //         console.log(res);
    //         var children = [];
    //         var tempTreeData = [];
    //         var hasProv = false;

    //         res.data.list.forEach((element, index) => {
    //           tempTreeData.forEach(provNode => {
    //             if (element.code.startsWith(provNode.code)) {
    //               provNode["children"].push(element);
    //               hasProv = true;
    //             }
    //           });
    //           if (!hasProv) {
    //             let newProvNode = {};
    //             newProvNode["nm"] =
    //               _self.staticProvData[element.code.substr(0, 2)];
    //             newProvNode["code"] = element.code.substr(0, 2);
    //             newProvNode["children"] = [];
    //             newProvNode["children"].push(element);
    //             tempTreeData.push(newProvNode);
    //           }
    //           tempTreeData;
    //           hasProv = false;
    //           children.push(element);
    //         });
    //         console.log(tempTreeData);

    //         this.treeData = tempTreeData;
    //         this.$emit("provTreeSelectChange", {
    //           code: children[0].code,
    //           name: children[0].nm
    //         });
    //       },
    //       err => {}
    //     );
    //   } catch (e) {
    //     this.$message.error("超时");
    //   }
    // },
    appendPlan() {
      var _self = this;
      var myString = "";
      for (var i = 0; i < this.dcCountyList.length; i++) {
        for (var j = 0; j < this.checkboxForCounty.length; j++) {
          if (this.dcCountyList[i].orgName == this.checkboxForCounty[j]) {
            myString += this.checkboxForCounty[j] + ",";
          }
        }
      }
      myString = myString.substr(0, myString.length - 1);
      alert(myString);
    },
    changePorv: function(value) {
      alert(value);
      if (value == "allProv") {
        this.checkList = false;
        this.checkboxForCounty = [];
      } else {
        this.checkList = true;
      }
    },
    showTree() {
      this.treeShow = 1;
    },
    hideTree(hide) {
      console.log(hide);
      this.treeShow = hide;
    },
    engScalFormatter: function(row, column) {
      return row.engScal == 1
        ? "大(1)型"
        : row.engScal == 2
        ? "大(2)型"
        : row.engScal == 3
        ? "中型"
        : row.engScal == 4
        ? "小(1)型"
        : "小(2)型";
    },
    nyTypeFormatter: function(row, column) {
      return row.type == 1
        ? "Ⅰ"
        : row.type == 2
        ? "Ⅱ"
        : row.type == 3
        ? "Ⅲ"
        : "Ⅳ";
    },
    wtdstStateFormatter: function(row, column) {
      return row.wtdstState == 1 ? "已修复" : "未修复";
    },
    rsAdmDepFormatter: function(row, column) {
      return row.rsAdmDep == 1
        ? "水利部门"
        : row.rsAdmDep == 2
        ? "电力部门"
        : row.rsAdmDep == 3
        ? "农业部门"
        : row.rsAdmDep == 4
        ? "林业部门"
        : row.rsAdmDep == 5
        ? "城建部门"
        : row.rsAdmDep == 6
        ? "航运部门"
        : row.rsAdmDep == 7
        ? "环保部门"
        : "其他部门";
    },
    adGradFormatter: function(row, column) {
      return row.adGrad == 1
        ? "国家级"
        : row.adGrad == 2
        ? "省级"
        : row.adGrad == 3
        ? "地市级"
        : row.adGrad == 4
        ? "县级"
        : row.adGrad == 5
        ? "乡级"
        : row.adGrad == 6
        ? "村"
        : "村组";
    },
    getTableData: function() {
      var _self = this;
      getDcdxList(
        this.groupId,
        this.dcType,
        this.pageSize,
        this.pageNum,
        this.searchNameOfRsName, //水库名称
        this.searchNameOfAdName, //农村饮水行政区划名称
        this.searchNameOfwtdstNm, //水毁-工程名称
        this.engScal, //水库-工程规模
        this.rsAdmDep, //水库-归口管理部门
        this.wtdstType, //水毁-工程类别
        this.wtdstState //水毁-工程类别
      ).then(response => {
        this.loading = false;
        var res = response.data;
        _self.currentShowList = res.list;
        _self.total = res.total;
        _self.currentShowList.forEach((element, index) => {
          element["index"] = _self.pageSize * (_self.pageNum - 1) + index + 1;
        });
      });
    },
    handleCurrentChange(val) {
      this.getTableData();
    },
    dczTreeSelectChangeHandler: function(params) {
      this.groupId = params.id;
    },
    mapLocation: function(params) {
      this.mapLocationWindow = true;
    },
    closeMapLocationWindow: function() {
      this.mapLocationWindow = false;
    },
    provTreeSelectChangeHandler: function(params) {
      var _self = this;
      this.code = params.code;
      this.name = params.name;
      if (params.objCode == "") {
        _self.xianEngId = "";
      } else {
        this.fengongxianCode = params.objCode;
        getTableId_ny(this.fengongxianCode,this.userId).then(res => {
          _self.xianEngId = res.data.engId;
        });
      }
    },
    LoadingCompletedType: function(params) {
      this.loadingType = params.type;
    },
    emitCurrentNodeId(item){
      if(item.children){
        this.fengongxianChildren = item.children.length;
      } else {
        this.fengongxianChildren = 0;
      }
      this.code = item.code;
      this.currentNodeType = item.noteType;
      this.xianEngId = item.engId;
      this.fengongxianName = item.nm;
      this.fengongxianCode = item.code;
      console.log('engId++++'+this.xianEngId);
    },
      emitLyjgList(item){
        this.lyjg = item;
      },
    handleClick: function() {
      // this.xianEngId = "";
    }
  }
};
</script>

<style>
#dcdxHeader {
  padding: 15px 20px;
}

#dxdcFooter {
  text-align: center;
}

#dxdcAside {
  border: 1px solid #d5d5ff;
}
.el-form-item__content {
  z-index: 1;
}
#ncysDcdxTabs .el-tabs__header {
  margin: 0;
}
#ncysLabel .el-form-item--mini .el-form-item__label {
  /* background-color: #ececec;
  text-align: left;
  margin-right: 10px;
  padding:5px 0px 5px 10px; */
  font-weight: bold;
}
</style>