fj-dc-ui/.svn/pristine/c6/c6f4958dab57cc34da47c9a11112e2a3f9def00c.svn-base

<template>
	<!-- 弹出窗 -->
	<el-dialog title="添加督查对象" :visible.sync="dialogFormVisible" width="80%" @close="closeWindowEvent" modal-append-to-body append-to-body>
		<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="showLeftTree"
				:ddczId='dczId'
					rootCode="000000"
          :adCodes="adCodes"
					rootType="1"
					style="max-height:485px;"
					@treeDataEmit="treeDataEmit"
					@provTreeSelectChange="provTreeSelectChangeHandler_qy">

				</provTreeListQy>
				<provTreeList
				v-show="!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>

						<el-form size="mini" :inline="true" :model="formInline" class="demo-form-inline">
							<el-form-item label="单位名称">
								<el-input
									style="width:140px;"
									v-model="formInline.utName"
									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="nm"
								label="单位名称"
								min-width="100"
							></el-table-column>
							<el-table-column
								align="center"
								show-overflow-tooltip
								prop="trdType"
								label="行业类型"
								:formatter="trdTypeFormatter"
								min-width="100"
							></el-table-column>
							<el-table-column
								align="center"
								show-overflow-tooltip
								prop="utType"
								label="单位类型"
								:formatter="utTypeFormatter"
								min-width="80"
							></el-table-column>
							<el-table-column
								align="center"
								show-overflow-tooltip
								prop="utPpt"
								label="单位性质"
								:formatter="utPptFormatter"
								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>
					<!-- </el-form-item> -->
				</el-form>
			</el-main>
		</el-container>
		<el-dialog title="添加新单位" :visible.sync="addRsvrVisible" append-to-body>
			<el-form label-width="220px" :model="formObj" :rules="rules" ref="formObj">
				<el-form-item label="单位名称" required >
					<el-input v-model="formObj.utName" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="统一社会信用代码"  >
					<el-input v-model="formObj.utCode" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="行政区域" required>
					<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-form-item>
				<el-form-item label="单位类型" required >
                    <el-select v-model="formObj.utType" clearable>
                        <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-item label="单位性质" required >
                    <el-select v-model="formObj.utPpt" clearable>
                        <el-option label="节水型" value="1"></el-option>
                        <el-option label="非节水型" value="2"></el-option>
                    </el-select>
				</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="联系人)">
					<el-input v-model="formObj.utAttn" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="联系方式">
					<el-input v-model="formObj.utCont" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="注册地址">
					<el-input v-model="formObj.signAddr" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="单位地址">
					<el-input v-model="formObj.utAddr" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="经度">
					<el-input v-model="formObj.gdX" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="纬度">
					<el-input v-model="formObj.gdY" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="行业类型" required >
                    <el-select v-model="formObj.trdType" clearable>
                        <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-item label="绿地面积（m²）">
                    <el-input v-model="formObj.greenArea" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="取水来源-自来水">
                    <el-input v-model="formObj.wsTw" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="取水来源-自备井水">
                    <el-input v-model="formObj.wsBw" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="取水来源-其他">
                    <el-input v-model="formObj.wsOth" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="缴纳水费(水资源费)：">
                    <el-input v-model="formObj.payWb" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="单价">
						<el-input v-model="formObj.wbPer" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="主要产品">
						<el-input v-model="formObj.mainPrd" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="取水许可批注水量">
						<el-input v-model="formObj.wipaa" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
				<el-form-item label="水资源管理实时监控系统(m³)">
                    <el-select v-model="formObj.hasWrmrms" clearable>
                        <el-option label="有" value="1"></el-option>
                        <el-option label="无" value="2"></el-option>
                    </el-select>
				</el-form-item>
				<el-form-item label="是否纳入重点监控用水单位名录">
                    <el-select v-model="formObj.isKmwuul" clearable>
                        <el-option label="是" value="1"></el-option>
                        <el-option label="否" value="2"></el-option>
                    </el-select>
				</el-form-item>
                <el-form-item label="用水日常监管单位名称(水行政主管部门)">
                    <el-input v-model="formObj.wuUt" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
                <el-form-item label="监管单位联系人">
                    <el-input v-model="formObj.wuUtAttn" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
                <el-form-item label="监管单位联系方式">
                    <el-input v-model="formObj.wuUtCont" autocomplete="off" style="width:70%;"></el-input>
				</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button @click="addRsvrVisible = false">取 消</el-button>
				<el-button type="primary" @click="addNewRsvr('formObj')">确 定</el-button>
			</div>
		</el-dialog>

		<div slot="footer" class="dialog-footer">
			<el-button @click="dialogFormVisible = false">取 消</el-button>
			<el-button type="primary" :loading="addOnce" :disabled="addOnce" @click="saveChange">确 定</el-button>
		</div>
	</el-dialog>
</template>
<script>
import request from '../../utils/gw_ajax_request.js';
import provTreeList from "../../widgets/provTreeList.vue";
// import provTreeListQy from "../../widgets/provTreeList_quyu.vue"
import {getObjListNotInspGroupId} from "../../api/duChaDuiXiang_xsk_API.js";
import {getTdfjList,addDcAndObjRel,getOtherTableData} from "../../api/duChaDuiXiang_tdfj_API.js";
export default {
	components: {
		provTreeList: provTreeList,
		provTreeListQy:resolve => {require(['../../widgets/provTreeList_quyu.vue'],resolve)},
	},
	props: ["dczId", "dczName", "plnaId", "objType","adCodes","isNewPlan"],
	computed: {},
	data() {
		return {
            formInline:{
                name:'',
            },
			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: {
                "adCode":'',
                "adName":'',
                "utName": '',
                "utCode": "",
                "utType": "",
                "utPpt": '',
                "utAttn": "",
                "utCont": "",
                "signAddr": "",
                "utAddr": "",
                "gdX": "",
                "gdY":"",
                "trdType":'',
                "greenArea": "",
                "wsTw": "",
                "wsBw": "",
                "wsOth": "",
                "payWb": "",
                "wbPer": "",
                "mainPrd": "",
                "wipaa": "",
                "hasWrmrms": "",
                "isKmwuul": "",
                "wuUt": "",
                "wuUtAttn": "",
                "wuUtCont": "",
            },
			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 == "16") {
				this.xsk = true;
				this.ncys = false;
				this.shgc = false;
				this.dxs = false;
				this.getTableData_sk();
				this.getAreaList()
			} else if (this.objType == "2") {
				let _self = this;

				this.getTableData(function(){
					_self.xsk = false;
				_self.ncys = true;
				_self.shgc = false;
				_self.dxs = false;
				});
			} else if (this.objType == "3") {
				this.xsk = false;
				this.ncys = false;
				this.shgc = true;
				this.dxs = false;
				this.getTableData();
			}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;
            }
            this.getTableData_sk();
        }

	},
	mounted() {
        this.formObj.adCode = ""
		// 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;
		// }
	},
	computed:{
				userId:function(){
						return localStorage.getItem("userid")? localStorage.getItem("userid"): '1098101939614724096'
				},
	},
	methods: {
		changeCurrentObjSelectName(item){
			this.objType = item;
		},
		selectChange(val){
			console.log(val);
			this.objType = val;
		},
		utTypeFormatter: function(row, column) {
			return row.utType == 1 ? "企业" :
				row.utType == 2 ? "机关" :"学校";
		},
		trdTypeFormatter: function(row, column) {
			return row.trdType == 1 ? "工业企业" :
				row.trdType == 2 ? "宾馆" :"其他";
		},
		wtdstStateFormatter: function(row, column) {
			return row.wtdstState == 1 ? "已修复" : "未修复";
		},
		utPptFormatter: function(row, column) {
			return row.utPpt == 1
				? "节水型": "非节水型";
		},
		adGradFormatter: function(row, column) {
			return row.adGrad == 1
				? "国家级"
				: row.adGrad == 2
				? "省级"
				: row.adGrad == 3
				? "地市级"
				: row.adGrad == 4
				? "县级"
				: row.adGrad == 5
				? "乡级"
				: row.adGrad == 6
				? "村"
				: "村组";
		},
		adNameFormatter:function(row,column){
			return row.adName;
		},
		adFullNameFormatter:function(row,column){
			return row.adFullName;
		},
		adCodeFormatter:function(row,column){
			return row.adCode;
		},
		showDialog(tableCurrentRowType = null,yqList) {
			this.dialogFormVisible = true;
			if(this.$refs['provTreeListQyRef']){
				this.$refs['provTreeListQyRef'].getQyList();
			}
			this.getTableData_sk();
		},
		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;
            if(_self.qyDataList.length > 1){
                var str = '';
                for(var i=0;i<_self.qyDataList.length;i++){
                    str+= _self.qyDataList[i].adCode+',';
                }
                str = str.substring(0,str.length-1);
                _self.searchProvTreeListCode = str;
            }else{
                _self.searchProvTreeListCode = _self.searchProvTreeListCode;
            }
            getTdfjList(_self.pageIndex,_self.pageSize,16,_self.formInline.utName,_self.dczId,_self.searchProvTreeListCode).then((response)=>{
				    _self.loading = false;
					_self.currentShowList = response.data.list;
					_self.currentShowList.forEach((element, index) => {
						element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
                    });
					_self.total = response.data.total;
			})
		},
		// getTableData: function(callBackFunction = null) {
		// 	var _self = this;
		// 	if (!this.dczId) {
		// 		// this.dczId = 'jwW2Wihf5E9X3UC9t45fmSHyffUs2rzI';
		// 	}
		// 	if(_self.objType == '1' || _self.objType == "5"){
		// 		return;
		// 	}
		// 	let str = '';
		// 	for(var i=0;i<_self.qyDataList.length;i++){
		// 		str+= _self.qyDataList[i].adCode+',';
		// 	}
		// 	str = str.substring(0,str.length-1);
		// 	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==''?str:this.searchProvTreeListCode,
		// 	).then(
		// 		res => {
		// 			_self.currentShowList = [];
		// 			 res.data.list.forEach((element,index) =>{
		// 				 element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
		// 				 _self.currentShowList.push(element);
		// 			 });
		// 			// _self.currentShowList = res.data.list;
		// 			// 	console.log(	_self.currentShowList);
		// 			// _self.currentShowList.forEach((element, index) => {
		// 			// 	element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
		// 			// });
		// 				console.log(	_self.currentShowList);
		// 			_self.total = res.data.total;
		// 			if(callBackFunction&&typeof(callBackFunction)=='function'){
		// 				callBackFunction();
		// 			}
		// 		},
		// 		err => {
		// 			console.log("查询错误");
		// 			if(callBackFunction&&typeof(callBackFunction)=='function'){
		// 				callBackFunction();
		// 			}
		// 		}
		// 	);
		// },
		handleSelectionChange(val) {
			this.multipleSelection = val;
		},
		handleCurrentChange(val) {
			console.log(`当前页: ${val}`);
			this.refreshCurrentShow();
		},
		refreshCurrentShow: function() {
			if(this.objType == '16'){
				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;
            var names = [];
            if(_self.addOnce){
                _self.addOnce = false;
                return;
            }
            _self.addOnce = true
            var objArr = [];
            const length = _self.multipleSelection.length;
                for (let i = 0; i < length; i++) {
                    var obj = {};
                    obj['code'] = _self.multipleSelection[i].id;
                    obj['name'] = _self.multipleSelection[i].nm;
                    obj['ptype'] = '16';
                    objArr.push(obj);
                    names.push(_self.multipleSelection[i].nm);
                }
            if(this.isNewPlan){
                var obj = {
                    persid :this.userId,
                    nm: this.dczName,
                    id: this.dczId,
                    persAllAreaDtoList: [],
                    persAllDtoList: [],
                    persAllObjDtoList: objArr
                };
                this.addOnce = false;
                this.dialogFormVisible = false;
                this.$message.success("选择成功");
                this.$emit("addSuccess",{obj:obj,names:names.join(",")});
                return;
            }
            try {
                request.post("/supervision/plan/insertSupervisionObj", {
                    persid :this.userId,
                    nm: this.dczName,
                    id: this.dczId,
                    persAllAreaDtoList: [],
                    persAllDtoList: [],
                    persAllObjDtoList: objArr
                }).then(response => {
                    if (response.success == true) {
                        _self.addOnce = false;
                        _self.dialogFormVisible = false;
                        _self.$message.success("添加成功");
                        _self.$emit("addSuccess");
                    }
                });

            } catch (e) {
                alert("暂无数据");
            }
		},
        provTreeSelectChangeHandler: function(params) {
            this.searchProvTreeListCode = params.code;
			this.formObj.adCode = params.code;
			this.getTableData_sk();
        },
		provTreeSelectChangeHandler_qy(params){
			//this.qyDataList.length = 1;
            this.searchProvTreeListCode = params.code;
            this.formObj.adCode = params.code;
            this.getTableData_sk();
        },

		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;
            if(_self.qyDataList.length == 0){
                _self.showLeftTree = false;
            }else{
                _self.showLeftTree = true;
            }
            _self.loading = true;
            if(_self.qyDataList.length > 1){
                var str = '';
                for(var i=0;i<_self.qyDataList.length;i++){
                    str+= _self.qyDataList[i].adCode+',';
                }
                str = str.substring(0,str.length-1);
                _self.searchProvTreeListCode = str;
            }else{
                _self.searchProvTreeListCode = _self.searchProvTreeListCode;
            }
            getTdfjList(_self.pageIndex,_self.pageSize,16,_self.formInline.utName,_self.dczId,_self.searchProvTreeListCode).then((response)=>{
				    _self.loading = false;
					_self.currentShowList = response.data.list;
					_self.currentShowList.forEach((element, index) => {
						element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
					});
					_self.total = response.data.total;
			})
			// var _self = this;
			// 	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/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.utName){
				this.$message.warning('请输入单位名称')
				return
			}

			if(!this.formObj.trdType){
				this.$message.warning('请选择行业类型')
				return
			}
			if(!this.provName){
				this.$message.warning('请选择省份')
				return
			}
			if(!this.cityName){
				this.$message.warning('请选择市区')
				return
			}
			if(!this.countryName){
				this.$message.warning('请选择区县')
				return
			}

			// this.formObj.centerXGd = this.formObj.longitude
			// this.formObj.centerYGd = this.formObj.latitude
			this.$refs[formName].validate((valid) => {
				if (valid) {
					request.post('/att/wunt/base',this.formObj).then(res=>{
						if(res.success){
							_this.$message.success('添加成功')
							this.getTableData_sk();
							_this.addRsvrVisible = false
							_this.formObj = {
                                "adName":'',
                                "adCode":'',
                                "utName": '',
                                "utCode": "",
                                "utType": "",
                                "utPpt": '',
                                "utAttn": "",
                                "utCont": "",
                                "signAddr": "",
                                "utAddr": "",
                                "gdX": "",
                                "gdY":"",
                                "trdType":'',
                                "greenArea": "",
                                "wsTw": "",
                                "wsBw": "",
                                "wsOth": "",
                                "payWb": "",
                                "wbPer": "",
                                "mainPrd": "",
                                "wipaa": "",
                                "hasWrmrms": "",
                                "isKmwuul": "",
                                "wuUt": "",
                                "wuUtAttn": "",
                                "wuUtCont": "",
                            };
						}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.adName = 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.adName = 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.adName = this.provNames + this.cityNames + this.countryNames
						this.formObj.adCode = val
				}
        },
        closeWindowEvent(){
            this.formObj.adCode = ""
        }
	}
};
</script>
<style>
</style>