fj-dc-ui/.svn/pristine/c3/c3c818a7a16aa7c5657c19d2d5959fae58d663e6.svn-base

<template>
  <!-- 弹出窗 -->
  <draggable initWidth=1200 initHeight=600  title="督查对象" style="z-index: 500;top: 60px;left: 65px;background-color:white;"  @closeDraggable="closeHandler">
    <el-container>
      <el-aside width="200px" style="border:1px solid #d5d5ff">
        <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">
          <i class="el-icon-share"></i>所属机构
        </p>
        <provTreeListQy
        ref="provTreeListQyRef"
        v-show="(objType=='1' || objType=='5') && showLeftTree"
        :ddczId='dczId'
          rootCode="000000"
          rootType="1"
          style="max-height:485px;"
          @treeDataEmit="treeDataEmit"
          @provTreeSelectChange="provTreeSelectChangeHandler_qy">
          
        </provTreeListQy>
        <provTreeList
        v-show="(objType!='1' || objType!='5') && !showLeftTree"
          rootCode="000000"
          rootType="1"
          style="max-height:485px;"
          @provTreeSelectChange="provTreeSelectChangeHandler"
        ></provTreeList>
      </el-aside>
      <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
        <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">督查对象</p>
        <el-form v-if="xsk" style="padding:10px">
          <div style="padding: 5px;">
            <el-form size="mini" :inline="true" class="demo-form-inline" style="display:none;">
              <el-form-item label="督查对象">
                <el-select style="width:150px;" v-model="objTypeName" placeholder="请选择" @change="selectChange">
                  <el-option label="小水库" value="1"></el-option>
                  <el-option label="农村饮水工程" value="2"></el-option>
                  <el-option label="水毁" value="3"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
            <el-form size="mini" :inline="true" class="demo-form-inline">
              <el-form-item label="工程规模">
                <el-select style="width:100px;" v-model="engScal" clearable placeholder="请选择">
                  <el-option label="小一型" value="4"></el-option>
                  <el-option label="小二型" value="5"></el-option>
                </el-select>
              </el-form-item>
              <!-- <el-form-item label="归口管理部门">
                <el-select v-model="rsAdmDep" clearable placeholder="请选择">
                  <el-option label="水利部门" value="1"></el-option>
                  <el-option label="电力部门" value="2"></el-option>
                  <el-option label="农业部门" value="3"></el-option>
                  <el-option label="林业部门" value="4"></el-option>
                  <el-option label="城建部门" value="5"></el-option>
                  <el-option label="航运部门" value="6"></el-option>
                  <el-option label="环保部门" value="7"></el-option>
                  <el-option label="其他部门" value="8"></el-option>
                </el-select>
              </el-form-item> -->
              <el-form-item label="水库名称">
                <el-input
                  style="width:140px;"
                  v-model="searchNameOfRsName"
                  clearable
                  placeholder="请输入水库名称"
                ></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="refreshCurrentShow">查询</el-button>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="toAddNewRsvr">添加新水库</el-button>
              </el-form-item>
            </el-form>
            <el-table
              border
              v-loading="loading"
              :data="currentShowList"
              tooltip-effect="dark"
              style="width: 100%"
              @selection-change="handleSelectionChange"
            >
              <el-table-column align="center" type="selection" width="60"></el-table-column>
              <el-table-column align="center" prop="index" label="序号" min-width="40"></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="rsName"
                label="水库名称"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="location"
                label="行政区划"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="engScal"
                label="工程规模"
                :formatter="engScalFormatter"
                min-width="80"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="rsAdmDep"
                label="归口管理部门"
                :formatter="rsAdmDepFormatter"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="totCap"
                label="总库容"
                min-width="100"
              ></el-table-column>
            </el-table>
            <div
              class="block"
              style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top: 5px;background-color: #fff;"
            >
              <el-pagination
                small
                @current-change="handleCurrentChange"
                :pager-count="5"
                :current-page.sync="pageIndex"
                :page-size="pageSize"
                layout="total, prev, pager, next"
                :total="total"
              ></el-pagination>
            </div>
            <div slot="footer" class="dialog-footer" style="float: right;padding: 10px;">
            <el-button @click="closeHandler">取 消</el-button>
            <el-button type="primary" @click="saveChange">确 定</el-button>
            </div>
          </div>
          <!-- </el-form-item> -->
        </el-form>
        <el-form v-if="ncys" style="padding:10px">
          <div>
            <el-form size="mini" :inline="true" class="demo-form-inline"  style="display:none;">
              <el-form-item label="督查对象">
                <el-select style="width:150px;" v-model="objTypeName" placeholder="请选择" @change="selectChange">
                  <el-option label="小水库" value="1"></el-option>
                  <el-option label="农村饮水工程" value="2"></el-option>
                  <el-option label="水毁" value="3"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
            <el-form size="mini" :inline="true" class="demo-form-inline">
              <el-form-item label="行政区名称">
                <el-input
                  style="width:140px;"
                  v-model="searchNameOfAdName"
                  clearable
                  placeholder="请输入行政区名称"
                ></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="getTableData">查询</el-button>
              </el-form-item>
            </el-form>
            <el-table
              border
              :data="currentShowList"
              tooltip-effect="dark"
              style="width: 100%"
              @selection-change="handleSelectionChange"
            >
              <el-table-column align="center" type="selection" width="60"></el-table-column>
              <el-table-column align="center" prop="index" label="序号" min-width="40"></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="adName"
                label="行政区划名称"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="adFullName"
                label="全称"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="adCode"
                label="行政区划编码"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="adGrad"
                label="行政区划级别"
                min-width="100"
                :formatter="adGradFormatter"
              ></el-table-column>
              <!-- <el-table-column align="center" show-overflow-tooltip prop="adArea" label="面积" min-width="100"></el-table-column> -->
            </el-table>
            <div
              class="block"
              style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top: 5px;background-color: #fff;"
            >
              <el-pagination
                small
                @current-change="handleCurrentChange"
                :pager-count="5"
                :current-page.sync="pageIndex"
                :page-size="pageSize"
                layout="total, prev, pager, next"
                :total="total"
              ></el-pagination>
            </div>
            <div slot="footer" class="dialog-footer" style="float: right;padding: 10px;">
            <el-button @click="closeHandler">取 消</el-button>
            <el-button type="primary" @click="saveChange">确 定</el-button>
            </div>
          </div>
          <!-- </el-form-item> -->
        </el-form>
        <el-form v-if="shgc" style="padding:10px">
          <div>
            <el-form size="mini" :inline="true" class="demo-form-inline"  style="display:none;">
              <el-form-item label="督查对象">
                <el-select style="width:150px;" v-model="objTypeName" placeholder="请选择" @change="selectChange">
                  <el-option label="小水库" value="1"></el-option>
                  <el-option label="农村饮水工程" value="2"></el-option>
                  <el-option label="水毁" value="3"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
            <el-form size="mini" :inline="true" class="demo-form-inline">
              <el-form-item label="工程类别">
                <el-input style="width:130px;" v-model="wtdstType" clearable placeholder="请输入工程类别"></el-input>
              </el-form-item>
              <el-form-item label="修复状态">
                <el-select style="width:85px;" v-model="wtdstState" clearable placeholder="请选择">
                  <el-option label="已修复" value="1"></el-option>
                  <el-option label="未修复" value="0"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="项目名称">
                <el-input
                  style="width:130px;"
                  v-model="searchNameOfwtdstNm"
                  clearable
                  placeholder="请输入项目名称"
                ></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="getTableData">查询</el-button>
              </el-form-item>
            </el-form>
            <el-table
              border
              :data="currentShowList"
              tooltip-effect="dark"
              style="width: 100%"
              @selection-change="handleSelectionChange"
            >
              <el-table-column align="center" type="selection" width="60"></el-table-column>
              <el-table-column align="center" prop="index" label="序号" min-width="40"></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="wtdstNm"
                label="项目名称"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="locNm"
                label="项目所在位置"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                :formatter="wtdstStateFormatter"
                prop="wtdstState"
                label="修复状态"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="wtdstType"
                label="工程类别"
                min-width="100"
              ></el-table-column>
            </el-table>
            <div
              class="block"
              style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top: 5px;background-color: #fff;"
            >
              <el-pagination
                small
                @current-change="handleCurrentChange"
                :pager-count="5"
                :current-page.sync="pageIndex"
                :page-size="pageSize"
                layout="total, prev, pager, next"
                :total="total"
              ></el-pagination>
            </div>
            <div slot="footer" class="dialog-footer" style="float: right;padding: 10px;">
            <el-button @click="closeHandler">取 消</el-button>
            <el-button type="primary" @click="saveChange">确 定</el-button>
            </div>
          </div>
          <!-- </el-form-item> -->
        </el-form>
        <el-form v-if="dxs" style="padding:10px">
          <div>
            <el-form size="mini" :inline="true" class="demo-form-inline">
              <el-form-item label="测站名称">
                <el-input style="width:130px;" v-model="stnm" clearable placeholder="请输入测站名称"></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="refreshCurrentShow">查询</el-button>
              </el-form-item>
            </el-form>
            <el-table
              border
              :data="currentShowList"
              tooltip-effect="dark"
              style="width: 100%"
              @selection-change="handleSelectionChange"
            >
              <el-table-column align="center" type="selection" width="60"></el-table-column>
              <el-table-column align="center" prop="index" label="序号" min-width="40"></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="stnm"
                label="测站名称"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="stcd"
                label="测站编码"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="adnm"
                label="所属行政区"
                min-width="100"
              ></el-table-column>
            </el-table>
            <div
              class="block"
              style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top: 5px;background-color: #fff;"
            >
              <el-pagination
                small
                @current-change="handleCurrentChange"
                :pager-count="5"
                :current-page.sync="pageIndex"
                :page-size="pageSize"
                layout="total, prev, pager, next"
                :total="total"
              ></el-pagination>
            </div>
            <div slot="footer" class="dialog-footer" style="float: right;padding: 10px;">
            <el-button @click="closeHandler">取 消</el-button>
            <el-button type="primary" @click="saveChange">确 定</el-button>
            </div>
          </div>
          <!-- </el-form-item> -->
        </el-form>
      </el-main>
    </el-container>
    <el-dialog title="添加新水库" :visible.sync="addRsvrVisible" append-to-body>
      <el-form label-width="120px" :model="formObj" :rules="rules" ref="formObj">
        <el-form-item label="水库名称" required prop="rsName">
          <el-input v-model="formObj.rsName" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="管理机构" required prop="rsAdmName">
          <el-input v-model="formObj.rsAdmName" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="所在地点">
          <!-- <el-select v-model="formObj.location" placeholder="请选择">
            <el-option
              v-for="item in areasList"
              :key="item.value"
              :label="item.adName"
              :value="item.adName">
            </el-option>
          </el-select> -->
          <div>
            <el-select v-model="provName" placeholder="选择省" @change="provChange" style="width:20%">
              <el-option
                v-for="item in provList"
                :key="item.adCode"
                :label="item.adName"
                :value="item.adCode">
              </el-option>
            </el-select>
            <el-select v-model="cityName" placeholder="选择市" @change="cityChange" style="width:20%">
              <el-option
                v-for="item in cityList"
                :key="item.adCode"
                :label="item.adName"
                :value="item.adCode">
              </el-option>
            </el-select>
            <el-select v-model="countryName" placeholder="选择县" @change="countryChange" style="width:20%">
              <el-option
                v-for="item in countryList"
                :key="item.adCode"
                :label="item.adName"
                :value="item.adCode">
              </el-option>
            </el-select>
          </div>
          <!-- <el-cascader
            :options="initLoacData"
            @active-item-change="handleItemChange"
            :props="props"
            v-model="formObj.location"
            style="width:70%;">
          </el-cascader> -->
        </el-form-item>
        <el-form-item label="建成时间" required prop="compDate">
            <el-date-picker v-model="formObj.compDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
            </el-date-picker>
        </el-form-item>
        <el-form-item label="工程规模" required>
          <el-select v-model="formObj.engScal"  placeholder="请选择">
              <el-option v-for="item in gongchengguimo" :key="item.value" :label="item.label" :value="item.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="总库容(万m³)">
          <el-input v-model="formObj.totCap" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="最大坝高(m)">
          <el-input v-model="formObj.damSizeHig" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="主坝坝型">
          <el-select v-model="formObj.rsType"  placeholder="请选择">
              <el-option v-for="item in zhubaleixing" :key="item.value" :label="item.label" :value="item.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="注册登记号">
            <el-input v-model="formObj.regCode" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="经度">
            <el-input v-model="formObj.longitude" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="纬度">
            <el-input v-model="formObj.latitude" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="outerVisible = false">取 消</el-button>
        <el-button type="primary" @click="addNewRsvr('formObj')">确 定</el-button>
      </div>
    </el-dialog>

    
    </draggable>
</template>
<script>
import request from '../../utils/gw_ajax_request.js';
import provTreeList from "../../widgets/provTreeList.vue";
import draggable from '../../widgets/draggable.vue'
// import provTreeListQy from "../../widgets/provTreeList_quyu.vue"
import {
  getObjListNotInspGroupId,
  addDcAndObjRel
} from "../../api/duChaDuiXiang_xsk_API.js";
export default {
  components: {
      draggable,
    provTreeList: provTreeList,
    provTreeListQy:resolve => {require(['../../widgets/provTreeList_quyu.vue'],resolve)},
  },
  props: ["dczId", "dczName", "plnaId", "objType"],
  computed: {},
  data() {
    return {
      addOnce:false,
      objTypeName:'小水库',
      xsk: true,
      ncys: false,
      shgc: false,
      dxs:false,
      searchNameOfRsName: "",
      searchNameOfAdName: "",
      searchNameOfwtdstNm: "",
      addLevel: "",
      rsAdmDep: "",
      engScal: "",
      wtdstState: "",
      engLevel: "",
      wtdstType: "",
      stnm:'',
      pageIndex: 1,
      pageSize: 10,
      total: 0,
      currentShowList: [],
      dialogFormVisible: false,
      formLabelWidth: "120",
      addArr: "",
      addName:"",
      addLttd:"",
      addLgtd:"",
      multipleSelection: [],
      searchProvTreeListCode: "",
      qyDataList:[],
      loading:false,
      showLeftTree:true,
      addRsvrVisible: false,
      formObj: {
        "rsName": '',
        "rsAdmName": "",
        "rsLoc": "",
        "location": '',
        "intm": "",
        "engScal": "",
        "totCap": "",
        "damMaxHigh": "",
        "damTypeStr": "",
        "damType":"",
        "rsType":'',
        "regCode": "",
        "rsvrLong": "",
        "rsvrLat": "",
        "compDate": "",
        "admDiv": ""
      },
      areasList:[],
      gongchengguimo:[
        {
          value: "4",
          label: "小（1）型"
        },
        {
          value: "5",
          label: "小（2）型"
        }
      ],
      zhubaleixing:[
          {
          value: "1",
          label: "混凝土坝"
        },
          {
          value: "2",
          label: "碾压混凝土坝"
        },
          {
          value: "3",
          label: "浆砌石坝"
        },
        {
          value: "4",
          label: "土坝"
        },
        {
          value: "5",
          label: "堆石坝"
        },
        {
          value: "6",
          label: "挡水坝"
        },
        {
          value: "7",
          label: "其他"
        }
      ],
      initLoacData: [{
          label: '江苏',
          cities: []
        }, {
          label: '浙江',
          cities: []
        }],
      props: {
          value: 'id',
          label: 'label',
          children: 'cities'
      },
      rules: {
        rsName: [
          { required: true, message: '请输入水库名称', trigger: 'blur' },
        ],
        rsAdmName: [
          { required: true, message: '请输入管理单位', trigger: 'blur' }
        ],
        // location: [
        //   { required: true, message: '请选择所在地', trigger: 'blur' }
        // ],
        compDate: [
          { required: true, message: '请选择完成时间', trigger: 'blur' }
        ]
      },
      provList: [],
      cityList: [],
      countryList: [],
      provName: '',
      cityName: '',
      countryName: '',
      provNames: '',
      cityNames: '',
      countryNames: '',
      curSelectItem: 0
    }
  },
  watch: {
    dczId: function(n, o) {
      this.searchProvTreeListCode = "";
    },
    objType: function(n, o) {
      this.searchProvTreeListCode = "";
      
      this.objType = n;
      if (this.objType == "1") {
        this.xsk = true;
        this.ncys = false;
        this.shgc = false;
        this.dxs = false;
        this.getTableData_sk();
        this.getAreaList()
      } else if (this.objType == "2") {
        this.xsk = false;
        this.ncys = true;
        this.shgc = false;
        this.dxs = false;
        this.getTableData(n);
      } else if (this.objType == "3") {
        this.xsk = false;
        this.ncys = false;
        this.shgc = true;
        this.dxs = false;
        this.getTableData(n);
      }else{
        this.xsk = false;
        this.ncys = false;
        this.shgc = false;
        this.dxs = true;
        this.getTableData_dxs(n);
      }
      
    },
    qyDataList(n,o){
      if(this.qyDataList.length == 0){
        this.showLeftTree = false;
      }else{
        this.showLeftTree = true;
      }
      console.log("区域树"+n.length+this.showLeftTree+this.objType);
      if(this.objType == '1'){
        this.getTableData_sk();
        this.getAreaList()
      }else if(this.objType == '5'){
        this.getTableData_dxs();
      }
    }
  },
  mounted() {
    if (this.objType == "1") {
      // this.getTableData_sk();
      this.xsk = true;
      this.ncys = false;
      this.shgc = false;
      this.dxs = false;
      this.getAreaList()
    } else if (this.objType == "2") {
      this.getTableData();
      this.xsk = false;
      this.ncys = true;
      this.shgc = false;
      this.dxs = false;
    } else if (this.objType == "3"){
      this.getTableData();
      this.xsk = false;
      this.ncys = false;
      this.shgc = true;
      this.dxs = false;
    }else {
      this.xsk = false;
        this.ncys = false;
        this.shgc = false;
        this.dxs = true;
    }
    this.$refs['provTreeListQyRef'].getQyList();
      if(this.objType == '1'){
        this.getTableData_sk();
      }else if(this.objType == '2' || this.objType == '3'){
        this.getTableData();
      }else{
        this.getTableData_dxs();
      }
  },
  computed:{
        userId:function(){
            return localStorage.getItem("userid")? localStorage.getItem("userid"): '1098101939614724096'
        },
  },
  methods: {
      closeHandler(){
          this.$emit('close1','editDuChaDx')
      },
    changeCurrentObjSelectName(item){
      this.objType = item;
    },
    selectChange(val){
      console.log(val);
      this.objType = val;
    },
    engScalFormatter: function(row, column) {
      return row.engScal == 4 ? "小一型" : 
        row.engScal == 5 ? "小二型" :"";
    },
    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
        ? "村"
        : "村组";
    },
    showDialog() {
      this.dialogFormVisible = true;
      this.$refs['provTreeListQyRef'].getQyList();
      if(this.objType == '1'){
        this.getTableData_sk();
      }else if(this.objType == '2' || this.objType == '3'){
        this.getTableData();
      }else{
        this.getTableData_dxs();
      }
    },
    saveChange() {
      this.addObjectChange();
    },
    treeDataEmit(item){
      this.qyDataList = item;
      if(this.qyDataList.length == 0){
        this.showLeftTree = false;
      }else{
        this.showLeftTree = true;
      }
    },
    getTableData_dxs(){
      var _self = this;
      if(_self.qyDataList.length == 0){
        _self.showLeftTree = false;
      }else{
        _self.showLeftTree = true;
      }
      _self.loading = true;
      var str = '';
      for(var i=0;i<_self.qyDataList.length;i++){
        str+= _self.qyDataList[i].adCode+',';
      }
      str = str.substring(0,str.length-1)
      var obj = {
          "adcd": str,
          "adnm":'',
          "groupId": _self.dczId,
          "stcd": '',
          "stnm":_self.stnm,
          "sttp":'',
          "pageNum":_self.pageIndex,
          "pageSize":_self.pageSize
        }
      request.post('/dc/insp/obj/getGrwNotInGroup',obj).then((res)=>{
        _self.loading = false;
          _self.currentShowList = res.data.list;
          _self.currentShowList.forEach((element, index) => {
            element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
          });
          _self.total = res.data.total;
      })
    },
    getTableData_sk(){
      var _self = this;
      if(_self.qyDataList.length == 0){
        _self.showLeftTree = false;
      }else{
        _self.showLeftTree = true;
      }
      _self.loading = true;
      var str = '';
      for(var i=0;i<_self.qyDataList.length;i++){
        str+= _self.qyDataList[i].adCode+',';
      }
      str = str.substring(0,str.length-1);
      var obj = {
          "adcd": str,
          "rsName": _self.searchNameOfRsName,
          "engScal": _self.engScal,
          "id": _self.userId,
          "groupId":_self.dczId,
          "pageNum":_self.pageIndex,
          "pageSize":_self.pageSize
        }
      // request.post('/dc/insp/selarea/getResByArea',obj).then((res)=>{
      //   _self.loading = false;
      //     _self.currentShowList = res.data.list;
      //     _self.currentShowList.forEach((element, index) => {
      //       element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
      //     });
      //     _self.total = res.data.total;
      // })
      request.post('/dc/insp/selarea/getResByGroup',obj).then((res)=>{
        _self.loading = false;
          _self.currentShowList = res.data.list;
          _self.currentShowList.forEach((element, index) => {
            element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
          });
          _self.total = res.data.total;
      })
    },
    getTableData: function() {
      var _self = this;
      if (!this.dczId) {
        // this.dczId = 'jwW2Wihf5E9X3UC9t45fmSHyffUs2rzI';
      }
      if(_self.objType == '1' || _self.objType == "5"){
        return;
      }
      getObjListNotInspGroupId(
        this.dczId,
        this.objType,
        this.pageSize,
        this.pageIndex,
        this.searchNameOfRsName, //水库名称
        this.searchNameOfAdName, //农村饮水行政区划名称
        this.searchNameOfwtdstNm, //水毁工程名称
        this.engScal, //水库-工程规模
        this.rsAdmDep, //水库-归口管理部门
        this.wtdstType, //水毁-工程类别
        this.wtdstState, //水毁-修复状态
        this.searchProvTreeListCode
      ).then(
        res => {
          console.log(res);
          _self.currentShowList = res.data.list;
          _self.currentShowList.forEach((element, index) => {
            element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
          });
          _self.total = res.data.total;
        },
        err => {
          console.log("查询错误");
        }
      );
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
      this.refreshCurrentShow();
    },
    refreshCurrentShow: function() {
      if(this.objType == '1'){
        if(this.searchProvTreeListCode){
          this.getTableData_sk1();
        }else{
          this.getTableData_sk();
        }
      }else if(this.objType == '2' || this.objType == '3'){
        this.getTableData();
      }else{
        this.getTableData_dxs();
      }
    },

    addObjectChange: function() {
      //提交当前选中对象
      var _self = this;
      if(_self.addOnce){
        _self.addOnce = false;
        return;
      }
      _self.addOnce = true
      _self.addArr = '';
      _self.addName = '';
      _self.addLttd = '';
      _self.addLgtd = '';
      const length = _self.multipleSelection.length;
      if (this.objType == "1") {
        for (let i = 0; i < length; i++) {
          _self.addArr += _self.multipleSelection[i].rsCode + ",";
          _self.addName += _self.multipleSelection[i].rsName + ",";
          _self.addLttd += _self.multipleSelection[i].latitude + ",";
          _self.addLgtd += _self.multipleSelection[i].longitude + ",";
        }
      } else if (this.objType == "2") {
        for (let i = 0; i < length; i++) {
          _self.addArr += _self.multipleSelection[i].adCode + ",";
          _self.addName += _self.multipleSelection[i].adName + ",";
          _self.addLttd += _self.multipleSelection[i].lttd + ",";
          _self.addLgtd += _self.multipleSelection[i].lgtd + ",";
        }
      } else if (this.objType == "3"){
        for (let i = 0; i < length; i++) {
          _self.addArr += _self.multipleSelection[i].wtdstId + ",";
          _self.addName += _self.multipleSelection[i].wtdstNm + ",";
          _self.addLttd += _self.multipleSelection[i].wtdstLttd + ",";
          _self.addLgtd += _self.multipleSelection[i].wtdstLgtd + ",";
        }
      } else if (this.objType == "5"){
        for (let i = 0; i < length; i++) {
          _self.addArr += _self.multipleSelection[i].stcd + ",";
          _self.addName += _self.multipleSelection[i].stnm + ",";
          _self.addLttd += _self.multipleSelection[i].lttd + ",";
          _self.addLgtd += _self.multipleSelection[i].lgtd + ",";
        }
      }

      _self.addArr = _self.addArr.substr(0, _self.addArr.length - 1);
      _self.addName = _self.addName.substr(0, _self.addName.length - 1);
      _self.addLttd = _self.addLttd.substr(0, _self.addLttd.length - 1);
      _self.addLgtd = _self.addLgtd.substr(0, _self.addLgtd.length - 1);
      //   alert(_self.addArr);
      console.log(_self.addArr);
      try {
        // inspGroupId,objId,objType,plnaId
        addDcAndObjRel(
          _self.addArr,
          _self.addName,
          _self.addLttd,
          _self.addLgtd,
          _self.objType,
          _self.dczId,
          _self.plnaId,
          _self.plnaId,
        ).then(response => {
          _self.addOnce = false;
          if (response.success == true) {
            _self.addOnce = false;
            this.dialogFormVisible = false;
            // this.getTableData();
            this.$message.success("添加成功");
            this.$emit("addSuccess");
            // _self.dczId = "";
            _self.addArr = "";
          }else{
              _self.addOnce = false;
              if(response.code == 201){
                    _self.$message.warning(res.message);
                }
          }
        });
      } catch (e) {
        alert("暂无数据");
      }
    },
    provTreeSelectChangeHandler: function(params) {
      this.searchProvTreeListCode = params.code;
      if(this.objType=='1'){
        this.getTableData_sk1();
      }else if(this.objType=='2' || this.objType=='3'){
        this.getTableData();
      }else{

      }
    },
    provTreeSelectChangeHandler_qy(params){
      this.searchProvTreeListCode = params.code;
      if(this.objType == '1'){
        this.getTableData_sk1();
      }else if(this.objType == '5'){
        this.getTableData_dxs1();
      }
    },
    getTableData_dxs1(){
      var _self = this;
      var obj = {
          "adcd": _self.searchProvTreeListCode,
          "adnm":'',
          "groupId": _self.dczId,
          "stcd": '',
          "stnm":_self.stnm,
          "sttp":'',
          "pageNum":_self.pageIndex,
          "pageSize":_self.pageSize
        }
      request.post('/dc/insp/obj/getGrwNotInGroup',obj).then((res)=>{
        _self.loading = false;
          _self.currentShowList = res.data.list;
          _self.currentShowList.forEach((element, index) => {
            element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
          });
          _self.total = res.data.total;
      })
    },
    getTableData_sk1(){
      var _self = this;
      // var obj = {
      //     "adCode": _self.searchProvTreeListCode,
      //     "adName": _self.searchNameOfRsName,
      //     "areaId": _self.engScal,
      //     "id": _self.userId,
      //     "pageNum":_self.pageIndex,
      //     "pageSize":_self.pageSize
      //   }
        var obj = {
          "adcd": _self.searchProvTreeListCode,
          "rsName": _self.searchNameOfRsName,
          "engScal": _self.engScal,
          "id": _self.userId,
          "groupId":_self.dczId,
          "pageNum":_self.pageIndex,
          "pageSize":_self.pageSize
        }
      // request.post('/dc/insp/selarea/getResByArea',obj).then((res)=>{
      //     _self.currentShowList = res.data.list;
      //     _self.currentShowList.forEach((element, index) => {
      //       element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
      //     });
      //     _self.total = res.data.total;
      // })
      request.post('/dc/insp/selarea/getResByGroup',obj).then((res)=>{
        _self.loading = false;
          _self.currentShowList = res.data.list;
          _self.currentShowList.forEach((element, index) => {
            element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
          });
          _self.total = res.data.total;
      })
    },
    toAddNewRsvr(){
      this.addRsvrVisible = true
      this.formObj.engScal = this.gongchengguimo[0].value
      this.formObj.rsType = this.zhubaleixing[0].value
    },
    addNewRsvr(formName){
      let _this = this
      if(!this.formObj.location){
        this.$message.warning('请选择所在位置')
        return
      }
      this.$refs[formName].validate((valid) => {
        if (valid) {
          request.post('/dc/att/rsBase',this.formObj).then(res=>{
            if(res.success){
              _this.$message.success('添加成功')
              this.getTableData_sk1();
              _this.addRsvrVisible = false
            }else{
              _this.$message.error(res.message)
            }
          }).catch(res=>{
            _this.$message.error('请求错误'+ res.message)
          })
        } else {
          console.log('error submit!!');
          return false;
        }
      });
    },
    getAreaList(val){
      let areaParams = {
        adName: "",
        id: this.dczId,
        pageNum: 1,
        pageSize: 10000
      }
      // request.post('/dc/insp/selarea/list',areaParams).then(res=>{
      //   if(res.success){
      //     this.areasList = res.data.list
      //   }
      // })

      let adCode = ''
      if(!val){
        adCode = '000000000000'
      }else{
        adCode = val
      }
      request.get('/dc/ad/base/getAdData',{params:{'adCode':adCode}}).then(res=>{
        if(res.success){
          if(this.curSelectItem == 1){
            this.cityList = res.data
          }else if(this.curSelectItem == 2){
            this.countryList = res.data
          }else{
            this.provList = res.data
          }
          
        }
      })

      // let adCode = ''
      // if(!val){
      //   adCode = '000000000000'
      // } else if (val.length === 1) {
      //   adCode = val[0]
      // } else if (val.length === 2) {
      //   adCode = val[1]
      // }
      // request.get('/dc/ad/base/getAdData',{params:{'adCode':adCode}}).then(res=>{
      //   if(res.success){
      //     let Items = res.data
      //     if(!val){
      //       this.initLoacData = Items.map((value, i) => {
      //         return {
      //           id: value.adCode,
      //           label: value.adName,
      //           cities: []
      //         }
      //       })
      //     } else if (val.length === 1) { // 点击一级 加载二级 市
      //       this.initLoacData.map((value, i) => {
      //         if (value.id === val[0]) {
      //           if (!value.cities.length) {
      //             value.cities = Items.map((value, i) => {
      //               return {
      //                 id: value.adCode,
      //                 label: value.adName,
      //                 cities: []
      //               }
      //             })
      //           }
      //         }
      //       })
      //     } else if (val.length === 2) { // 点击二级 加载三级 区
      //       this.initLoacData.map((value, i) => {
      //         if (value.id === val[0]) {
      //           value.cities.map((value, i) => {
      //             if (value.id === val[1]) {
      //               if (!value.cities.length) {
      //                 value.cities = Items.map((value, i) => {
      //                   return {
      //                     id: value.adCode,
      //                     label: value.adName
      //                   }
      //                 })
      //               }
      //             }
      //           })
      //         }
      //       })
      //     }
      //   }
      // })
    },
    handleItemChange(val){
      this.getAreaList(val)
    },
    provChange(val){
      this.curSelectItem = 1
      this.cityName = ''
      this.countryName = ''
      this.formObj.admDiv = val
      this.provList.forEach(ele=>{
          if(ele.adCode == this.provName){
              this.provNames = ele.adName
          }
      })
      this.formObj.location = this.provNames
      this.getAreaList(val)
    },
    cityChange(val){
        this.curSelectItem = 2
        if(val && val != ''){
            this.formObj.admDiv = val 
            this.countryName = ''
            this.cityList.forEach(ele=>{
                if(ele.adCode == this.cityName){
                    this.cityNames = ele.adName
                }
            })
            this.formObj.location = this.provNames + this.cityNames
            this.getAreaList(val)
        }
    },
    countryChange(val){
        if(val && val != ''){
            this.formObj.admDiv = val 
            this.countryList.forEach(ele=>{
                if(ele.adCode == this.countryName){
                    this.countryNames = ele.adName
                }
            })
            this.formObj.location = this.provNames + this.cityNames + this.countryNames
        }
    }
  }
};
</script>
<style>
</style>