fj-dc-ui/.svn/pristine/10/10ef16b77f6e18f50b678a9100de2b8a5e2e5f46.svn-base

<template>
	<el-container style="height:100%;" id='contentRow'>
		 <el-header style="text-align: center;padding: 3vh 0;">
			<el-row>
        <span style="float:left;padding-left: 39px;"><el-button type="primary" size="mini" icon="el-icon-back" @click="backRouter">返回</el-button></span>
				<span class="title" @click="yearClickEvent()" v-if="yearClick">{{this.titleYear}}</span>
				<el-select
					style="width:5vw;"
					@change="titleYearChange()"
					v-if="!yearClick"
					v-model="titleYear"
					:placeholder="titleYear"
				>
					<el-option
						v-for="item in titleYears"
						:key="item.value"
						:label="item.label"
						:value="item.value"
					></el-option>
				</el-select>&nbsp;年&nbsp;
				<span
					class="title"
					@click="monthClickEvent()"
					v-if="monthClick"
				>{{this.titleMonth}}</span>
				<el-select
					style="width:5vw;"
					@change="titleMonthChange()"
					v-if="!monthClick"
					v-model="titleMonth"
					:placeholder="titleMonth"
				>
					<el-option
						v-for="item in titleMonths"
						:key="item.value"
						:label="item.label"
						:value="item.value"
					></el-option>
				</el-select>&nbsp;月督查计划
				</el-row>
				<el-row style="font-size: .7rem;color:rgb(88, 88, 88);width: calc(100% - 200px)">
				<span>（点击修改年月）</span>
				 </el-row>
		</el-header>
		<el-main id="dcjhMain">
			<span style="font-size: .7rem;color:rgb(88, 88, 88);font-style: italic;">提示：点击行数据进行添加或编辑</span>
<!--      <el-button-->
<!--        type="text"-->
<!--        icon="el-icon-circle-check-outline"-->
<!--        @click="CopyDcGrounp()"-->
<!--        style="float:right;">-->
<!--        复制督查组-->
<!--      </el-button>-->
			<el-button
        type="primary"
				icon="el-icon-circle-plus-outline"
				@click="addDcGrounp()"
        v-if="!isShwoBtn"
				style="float:right;cursor: pointer;">
				添加督查计划
			</el-button>

			<!-- 主要table -->
			<editTable
				ref="et"
				:tableData="currentDcTableData"
				@rowEditDone="refreshAfterEdit"
				@rowDelete="deleteRow"
			>
      <el-table-column
        header-align="center"
        align="center"
        min-width="150"
        prop="chkName"
        label="检查计划事项"
        show-overflow-tooltip
      ></el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="100"
        prop="chkType"
        label="类别"
        show-overflow-tooltip
      ></el-table-column>
			<el-table-column prop="ptype" label="督查类别" min-width="120"  align="center">
					<template slot-scope="scope">
						<!-- 针对单选 -->
						<transition name="el-fade-in-linear">
							<singleSelect
								@valueChange="addNewDclb"
								:initalValue="scope.row['ptype']"
								:selectData="DCTypeOption"
								:valueName="value"
								:labelName="label"
								:otherSearchParams="scope.row"
								v-if="tableCurrentRow == scope.row && !isShwoBtn"
								:disableSing="(scope.row.id)&&(scope.row.ptype)"
							></singleSelect>
						</transition>
						<transition name="el-fade-in-linear">
							<p
								v-if="tableCurrentRow != scope.row"
							>{{testformatterlabel(scope.row['ptype'],DCTypeOption,'value','label')}}</p>
						</transition>
					</template>
				</el-table-column>
				<el-table-column prop="nm" label="督查组名称" min-width="120"  align="center">
					<template slot-scope="scope">
						<transition name="el-fade-in-linear">
							<el-input
								@blur="submit_dczName()"
								v-if=" tableCurrentRow == scope.row  && !isShwoBtn"
								v-model="scope.row.nm"

								:disabled="(!scope.row.id)&&(!scope.row.ptype)"
							></el-input>
						</transition>
						<transition name="el-fade-in-linear">
							<p v-if="tableCurrentRow != scope.row">{{scope.row.nm}}</p>
						</transition>
					</template>
				</el-table-column>
<!--        <el-table-column prop="ptype" label="年度检查计划名称" min-width="80">-->
<!--          <template slot-scope="scope">-->
<!--            &lt;!&ndash; 针对单选 &ndash;&gt;-->
<!--            <transition name="el-fade-in-linear">-->
<!--              <singleSelect-->
<!--                @valueChange="planYearChange"-->
<!--                :initalValue="scope.row['inspTask']"-->
<!--                :selectData="planYearList"-->
<!--                :valueName="value"-->
<!--                :labelName="label"-->
<!--                :otherSearchParams="scope.row"-->
<!--                v-if="tableCurrentRow == scope.row"-->
<!--                :disableSing="(!scope.row.id)&&(!scope.row.ptype)"-->
<!--              ></singleSelect>-->
<!--            </transition>-->
<!--            <transition name="el-fade-in-linear">-->
<!--              <p-->
<!--                v-if="tableCurrentRow != scope.row"-->
<!--              >{{testformatterlabel(scope.row['inspTask'],planYearList,'value','label')}}</p>-->
<!--            </transition>-->
<!--          </template>-->
<!--        </el-table-column>-->
				<el-table-column prop="persAllAreaDtoList" label="地区" min-width="150"  align="center">
					<template slot-scope="scope">
						<transition name="el-fade-in-linear">
							<div style="width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;"  v-if=" tableCurrentRow == scope.row && !isShwoBtn">

							<mulitpleSelect
								style="width:100%;"
								@valueChange="multiInputData_dq"
								:initalValue="scope.row['persAllAreaDtoList']"
								:selectData="getAreaOptionByRow"
								valueName="adCode"
								labelName="adName"
								valueType="Object"
								:otherSearchParams="scope.row"
								v-if=" tableCurrentRow == scope.row  && !isShwoBtn"
								:disableMuti="(!scope.row.id)&&(!scope.row.ptype)"
							></mulitpleSelect>
								 <el-button type="primary" icon="el-icon-plus" plain v-if=" tableCurrentRow == scope.row  && !isShwoBtn" @click="popupAddAddvDialog(scope.row.id)" ></el-button>
								</div>

						</transition>
						<transition name="el-fade-in-linear">
							<p
								v-if="tableCurrentRow != scope.row"
							>{{scope.row['persAllAreaDtoList']&&scope.row['persAllAreaDtoList'].length>0?testformatterArray(scope.row['persAllAreaDtoList'],'adName'):''}}</p>
						</transition>
					</template>
				</el-table-column>


				<el-table-column prop="persAllObjDtoList" label="督查项目"  min-width="150"  align="center">
					<template slot-scope="scope">
						<transition name="el-fade-in-linear">
							<div style="width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;"  v-if=" tableCurrentRow == scope.row && !isShwoBtn">
								<mulitpleSelect
								style="width:100%;"
								@valueChange="multiInputData_dcxm"
								:initalValue="scope.row['persAllObjDtoList']"
								:selectData="getObjectOptionByRow"
								valueName="code"
								labelName="name"
								subLabelName="location"
								valueType="Object"
								:otherSearchParams="scope.row"
								v-if=" tableCurrentRow == scope.row  && !isShwoBtn"
								:disableMuti="(!scope.row.id)&&(!scope.row.ptype)"
							></mulitpleSelect>
							<el-button type="primary" icon="el-icon-plus" plain v-if=" tableCurrentRow == scope.row && !isShwoBtn" @click="popupAddObjectDialog" ></el-button>
								</div>

						</transition>
						<transition name="el-fade-in-linear">
							<p
								v-if="tableCurrentRow != scope.row"
							>{{scope.row['persAllObjDtoList']&&scope.row['persAllObjDtoList'].length>0?testformatterArray(scope.row['persAllObjDtoList'],'name'):''}}</p>
						</transition>
					</template>
				</el-table-column>

				<el-table-column prop="leader" label="组长"  min-width="150"  align="center">
				 <template slot-scope="scope">
						<transition name="el-fade-in-linear">
							<div style="width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;"  v-if=" tableCurrentRow == scope.row && !isShwoBtn">

							<mulitpleSelect
								style="width:100%;"
								@valueChange="multiInputData_teamLeader"
								:initalValue="scope.row['leader']"
								:selectData="getPeopleOptionByRow"
								valueName="guid"
								labelName="persName"
								valueType="Object"
								:otherSearchParams="scope.row"
								v-if=" tableCurrentRow == scope.row && !isShwoBtn"
								:disableMuti="(!scope.row.id)&&(!scope.row.ptype)"
							></mulitpleSelect>
									<el-button type="primary" icon="el-icon-plus" plain v-if=" tableCurrentRow == scope.row && !isShwoBtn" @click="popupAddMemberDialog('1')" ></el-button>
								</div>

						</transition>
						<transition name="el-fade-in-linear">
							<p
								v-if="tableCurrentRow != scope.row"
							>{{scope.row['leader']&&scope.row['leader'].length?testformatterArray(scope.row['leader'],'persName'):''}}</p>
						</transition>
					</template>
				</el-table-column>

				<el-table-column prop="teamMember" label="组员"  min-width="150"  align="center">
					<template slot-scope="scope">
						<transition name="el-fade-in-linear">
							<div style="width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;"  v-if=" tableCurrentRow == scope.row && !isShwoBtn">

							<mulitpleSelect
								style="width:100%;"
								@valueChange="multiInputData_zy"
								:initalValue="scope.row['teamMember']"
								:selectData="getPeopleOptionByRow"
								valueName="guid"
								labelName="persName"
								valueType="Object"
								:otherSearchParams="scope.row"
								v-if=" tableCurrentRow == scope.row && !isShwoBtn"
								:disableMuti="(!scope.row.id)&&(!scope.row.ptype)"
							></mulitpleSelect>
									<el-button type="primary" icon="el-icon-plus" plain v-if=" tableCurrentRow == scope.row && !isShwoBtn" @click="popupAddMemberDialog('2')" ></el-button>
								</div>

						</transition>
						<transition name="el-fade-in-linear">
							<p
								v-if="tableCurrentRow != scope.row"
							>{{scope.row['teamMember']&&scope.row['teamMember'].length?testformatterArray(scope.row['teamMember'],'persName'):''}}</p>
						</transition>
					</template>
				</el-table-column>
				<el-table-column prop="persAllDtoList" label="联络员" min-width="150"  align="center">
					<template slot-scope="scope">
						<transition name="el-fade-in-linear">
							<div style="width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;"  v-if=" tableCurrentRow == scope.row && !isShwoBtn">

							<mulitpleSelect
								style="width:100%;"
								@valueChange="multiInputData_concat"
								:initalValue="scope.row['concat']"
								:selectData="getPeopleOptionByRow"
								valueName="guid"
								labelName="persName"
								valueType="Object"
								:otherSearchParams="scope.row"
								v-if=" tableCurrentRow == scope.row && !isShwoBtn"
								:disableMuti="(!scope.row.id)&&(!scope.row.ptype)"
							></mulitpleSelect>
									<el-button type="primary" icon="el-icon-plus" plain v-if=" tableCurrentRow == scope.row && !isShwoBtn" @click="popupAddMemberDialog('3')" ></el-button>
								</div>

						</transition>
						<transition name="el-fade-in-linear">
							<p
								v-if="tableCurrentRow != scope.row"
							>{{scope.row['concat']&&scope.row['concat'].length?testformatterArray(scope.row['concat'],'persName'):''}}</p>
						</transition>
					</template>
				</el-table-column>
				<el-table-column prop="exp" label="专家" min-width="150"  align="center">
					<template slot-scope="scope">
						<transition name="el-fade-in-linear">
							<div style="width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;"  v-if=" tableCurrentRow == scope.row && !isShwoBtn">

							<mulitpleSelect
								style="width:100%;"
								@valueChange="multiInputData_exp"
								:initalValue="scope.row['exp']"
								:selectData="getPeopleOptionByRow"
								valueName="guid"
								labelName="persName"
								valueType="Object"
								:otherSearchParams="scope.row"
								v-if=" tableCurrentRow == scope.row && !isShwoBtn"
								:disableMuti="(!scope.row.id)&&(!scope.row.ptype)"
							></mulitpleSelect>
									<el-button type="primary" icon="el-icon-plus" plain v-if=" tableCurrentRow == scope.row && !isShwoBtn" @click="popupAddMemberDialog('4')" ></el-button>
								</div>

						</transition>
						<transition name="el-fade-in-linear">
							<p
								v-if="tableCurrentRow != scope.row"
							>{{scope.row['exp']&&scope.row['exp'].length?testformatterArray(scope.row['exp'],'persName'):''}}</p>
						</transition>
					</template>
				</el-table-column>
				<el-table-column prop="sttm" label="开始时间" min-width="140"  align="center">
					<template slot-scope="scope">
						<transition name="el-fade-in-linear">
							<el-date-picker
							@blur="submit_sttm()"
								v-if=" tableCurrentRow == scope.row && !isShwoBtn"
								:disabled="(!scope.row.id)&&(!scope.row.ptype)"
								style="width:100%;height:100%;"
								size="mini"
								v-model="scope.row.sttm"
								value-format="yyyy-MM-dd"
								type="date"
								placeholder="选择日期"
							></el-date-picker>
						</transition>
						<transition name="el-fade-in-linear">
							<p v-if="tableCurrentRow != scope.row">{{scope.row.sttm}}</p>
						</transition>
					</template>
				</el-table-column>

				<el-table-column prop="entm" label="结束时间" min-width="140"  align="center">
					<template slot-scope="scope">
						<transition name="el-fade-in-linear">
							<el-date-picker
							@blur="submit_entm()"
								v-if=" tableCurrentRow == scope.row && !isShwoBtn"
								:disabled="(!scope.row.id)&&(!scope.row.ptype)"
								style="width:100%;height:100%;"
								size="mini"
								v-model="scope.row.entm"
								value-format="yyyy-MM-dd"
								type="date"
								placeholder="选择日期"
							></el-date-picker>
						</transition>
						<transition name="el-fade-in-linear">
							<p v-if="tableCurrentRow != scope.row">{{scope.row.entm}}</p>
						</transition>
					</template>
				</el-table-column>
				<el-table-column
					fixed="right"
					label="操作"
          align="center"
					width="130">
					<template slot-scope="scope">
						<el-button  style="cursor:pointer" v-show="tableCurrentRow == scope.row && !isShwoBtn" @click.stop="singleRowSubmit(scope.row)" type="text" size="small">完成</el-button>
						<el-button style="cursor:pointer" @click.stop="singleRowDelete(scope.row)" type="text" size="small" v-if="!isShwoBtn">删除</el-button>
					</template>
				</el-table-column>
			</editTable>
		</el-main>


 <!-- add -->
		<editDczInfo ref="editDczInfoRef" :dczId="tableCurrentRowId" :jiGouId="orgId" :addPerType="addPerType" @addSuccess="singleRowSubmit" @deleteGroup="deleteGroup"></editDczInfo>
		<editDcdxInfo ref="editDcdxInfoRef" :objType="tableCurrentRowType" :plnaId ="tableCurrentRowId" :dczId="tableCurrentRowId" @addSuccess="singleRowSubmit"></editDcdxInfo>
		<editDcdxInfosz ref="editDcdxInfoSzRef" :objType="tableCurrentRowType" :plnaId ="tableCurrentRowId" :dczId="tableCurrentRowId" @addSuccess="singleRowSubmit"></editDcdxInfosz>
		<editDcdxInfojianshe ref="editDcdxInfoJianSheRef" :objType="tableCurrentRowType" :plnaId ="tableCurrentRowId" :dczId="tableCurrentRowId" @addSuccess="singleRowSubmit"></editDcdxInfojianshe>
		<editDcdxInfoyunxing ref="editDcdxInfoYunXingRef" :objType="tableCurrentRowType" :plnaId ="tableCurrentRowId" :dczId="tableCurrentRowId" @addSuccess="singleRowSubmit"></editDcdxInfoyunxing>
    <editDcdxInfoRyZj ref="editDcdxInfoRyZjRef" :objType="tableCurrentRowType" :plnaId ="tableCurrentRowId" :dczId="tableCurrentRowId" @addSuccess="singleRowSubmit"></editDcdxInfoRyZj>
    <editDcdxInfoDiFang ref="editDcdxInfoDiFangRef" :objType="tableCurrentRowType" :plnaId ="tableCurrentRowId" :dczId="tableCurrentRowId" @addSuccess="singleRowSubmit"></editDcdxInfoDiFang>
    <editDcdxInfoChaoBiaoHongYuAn ref="editDcdxInfoChaoBiaoHongYuAnRef" :objType="tableCurrentRowType" :plnaId ="tableCurrentRowId" :dczId="tableCurrentRowId" @addSuccess="singleRowSubmit"></editDcdxInfoChaoBiaoHongYuAn>
    <editDcdxInfoCommon ref="editDcdxInfoCommonRef" :objType="tableCurrentRowType" :plnaId ="tableCurrentRowId" :dczId="tableCurrentRowId" @addSuccess="singleRowSubmit"></editDcdxInfoCommon>
    <editDcdxXsdyhgl ref="editDcdxXsdyhglRef" :objType="tableCurrentRowType" :plnaId ="tableCurrentRowId" :dczId="tableCurrentRowId" @addSuccess="singleRowSubmit"></editDcdxXsdyhgl>
    <editDcdxInfoFjncysaq ref="editDcdxInfoFjncysaqRef" :objType="tableCurrentRowType" :plnaId ="tableCurrentRowId" :dczId="tableCurrentRowId" @addSuccess="singleRowSubmit"></editDcdxInfoFjncysaq>
		<editDcqyInfo ref="editDcqyInfoRef" :objType="tableCurrentRowType" :plnaId ="tableCurrentRowId" :dczId="tableCurrentRowId" @addSuccess="singleRowSubmit"></editDcqyInfo>
    <infomationReuse v-if="infomationReuseDialog" @closeDialog="closeDialog"></infomationReuse>
	</el-container>
</template>
<script>
import request from "../../utils/gw_ajax_request.js";
import {
	formatterValueToLabel,
	formatterArrayToLabel
} from "../../utils/gw_formatter.js";
// import {getArenGrpMen, addDczOthersMens,getPlanNodeByPersid,getTermByPersid,getPersPlanType} from "@api/duChaPlan.js";
import {
	getArenGrpMen,
	addDczOthersMens,
	getPlanNodeByPersid,
	getTermByPersid,
	deleteMember,
	setHeadMan,
	deleteDcdxByObjid,
	getSupObjListNotInspGroupId,
	getOptionalArea,
	deleteDcqy,
	setPersRole,
	getPersPlanType,
	deleteDcdq,
	editDcz
} from "@api/duChaPlan.js";

import editTable from "@widget/editableTable.1.vue";

import singleSelect from "@baseWidget/singleSelect.vue";
import mulitpleSelect from "@baseWidget/multipleSelect.vue";
import datePicker from "@baseWidget/datePicker.vue";

// add
import editDczInfo from './editDczInfo.vue';
import infomationReuse from './InformationReuse'

export default {
	props: [],
	components: {
    infomationReuse: infomationReuse,
		editTable: editTable,
		singleSelect: singleSelect,
		mulitpleSelect: mulitpleSelect,
		editDczInfo:editDczInfo,
		editDcqyInfo:resolve => {require(['./editDcqyInfoNew.vue'],resolve)},
		editDcdxInfo:resolve => {require(['./editDcdxInfo.vue'],resolve)},
		// editDcdxInfo_172:resolve => {require(['./editDcdxInfo.vue'],resolve)},
		editDcdxInfosz:resolve => {require(['./editDcdxInfo_sz.vue'],resolve)},
		editDcdxInfojianshe:resolve => {require(['./editDcdxInfo_jianshe.vue'],resolve)},
		editDcdxInfoyunxing:resolve => {require(['./editDcdxInfo_yunxing.vue'],resolve)},
    editDcdxInfoRyZj: resolve => {
        require(['./editDcdxInfo_ryZj.vue'], resolve)
    },   //浙江人饮
    editDcdxInfoDiFang: resolve => {
        require(['./editDcdxInfo_difang.vue'], resolve)
    },  //堤防
    editDcdxInfoChaoBiaoHongYuAn: resolve => {
        require(['./editDcdxInfo_chaobiaohongyuan.vue'], resolve)
    },  //超标
    editDcdxInfoCommon:resolve => {
        require(['./editDcdxInfo_common.vue'], resolve)
    },
    editDcdxXskSd:resolve => {
        require(['./editDcdxInfo.vue'], resolve)
    },
    editDcdxXsdyhgl:resolve => {
        require(['./editDcdxInfo_xsdyhgl.vue'], resolve)
    },
    editDcdxInfoFjncysaq: (resolve) => {
        require(['./editDcdxInfo_fjncysaq.vue'], resolve)
    },//福建农村饮水安全
		datePicker
	},
	data() {
		return {
      infomationReuseDialog: false,
			sttm: "",
			entm: "",
			addPerType:'',
			// orgId: localStorage.getItem("orgId") ? localStorage.getItem("orgId") : "",
			dczName: "",
			dczNameNormal: true,
			yearClick: true,
			monthClick: true,
			titleYear: "",
			titleMonth: "",
			titleYears: [
				{ label: "2017", value: "2017" },
				{ label: "2018", value: "2018" },
				{ label: "2019", value: "2019" }
			],
			titleMonthNum: 12,
			titleMonths: [],
			currentDCType: "1",
			DCTypeOption: [
				// { value: "1", label: "小水库督查" },
				// { value: "2", label: "人饮督查" },
				// { value: "3", label: "水毁督查" }
			],
			pageObject: {
				pageSize: 10,
				pageIndex: 1,
				total: 0
			},
			jihuaId: "",
			dcjhMainHeight: 0,
			currentDcTermId: "",
			currentDcTermObject: "",
			DCTermOption: [],
			currentDcTableData: [],

			addPICIDialogVisible: false,
			has_pType: false,
			piciForm: {
				name: "",
				startDate: "",
				endDate: ""
			},
			againType:false,
			tableCurrentRowId:'',
			tableCurrentRowType:'',
      planYearList:[]
		};
	},
	//生命周期 - 创建完成（可以访问当前this实例）
	created() {
		let date = new Date();
		let year = date.getFullYear();
		let month = date.getMonth() + 1;
		month = month < 10 ? "0" + month : month;
		this.titleYear = year;
		this.titleMonth = month;
	},
	computed: {
    isShwoBtn(){
        return this.$route.query.state=='1'?true:false;
    },
		userId: function() {
			return localStorage.getItem("userid")
				? localStorage.getItem("userid")
				: "1098101939614724096";
		},
		userInAllNode: function() {
			//当前登录用户所在的所有组信息
			return JSON.parse(localStorage.getItem("allNode"))
				? JSON.parse(localStorage.getItem("allNode"))
				: [];
		},

		orgName() {
			return localStorage.getItem("orgName")
				? localStorage.getItem("orgName")
				: "";
		},
		orgId() {
			return localStorage.getItem("currentOrgId") ? localStorage.getItem("currentOrgId") : "";
		},
		userType() {
			return localStorage.getItem("userType")
				? localStorage.getItem("userType")
				: "1";
		},

		currentShowLists: function() {
			return this.currentShowList.filter(
				item => item.persName.indexOf(this.member_search) > -1
			);
		},
		isAdmin: function() {
			return localStorage.getItem("isAdmin")
				? localStorage.getItem("isAdmin")
				: "";
		},
		tableCurrentRow: function() {
			if (this.$refs["et"]) {
				return this.$refs["et"].currentRow;
			} else {
				return null;
			}
		},


	},

	watch: {
		currentDCType: function() {
			console.log("点选了新的督查类型");

		}
	},
	mounted() {
		console.log(this.orgId, this.isAdmin);
		this.monthSelect();
		this.getUserPlanType();
		this.getUsrPlanInformationByYearAndMounth();
		this.getAllYearPlan();
		this.dcjhMainHeight = 700;
	},
	activated() {
		// this.test_getDuChaPlanInformation();
		this.getUsrPlanInformationByYearAndMounth();
	},
	methods: {
    backRouter(){
        this.$router.push({path:"/planCheckSd"});
    },
    getAllYearPlan(){
        var _self = this;
        this.planYearList = [];
        request.post('/bis/insp/plan/year/findList',{}).then(res=>{
            if(res.success){
                if(res.data && res.data.length > 0){
                    res.data.forEach((item)=>{
                        _self.planYearList.push({
                            value:item.id,
                            label:item.chkName+"("+item.chkType+")"
                        })
                    })
                }
            }else{
                _self.$message.warning(res.message);
            }
        })
    },
		singleRowSubmit:function(){
				this.dczName = "";
				this.sttm = "";
				this.entm = "";
				// this.has_pType = false;
					this.getUsrPlanInformationByYearAndMounth();
				// this.tableCurrentRow = {
				//   nm: "",
				//   persAllAreaDtoList: "",
				//   persAllObjDtoList: "",
				//   leader: "",
				//   persAllDtoList: "",
				//   sttm: "",
				//   entm: ""
				// };
				this.tableCurrentRow.nm = "";
				this.tableCurrentRow.persAllAreaDtoList = "";
				this.tableCurrentRow.persAllObjDtoList = "";
				this.tableCurrentRow.leader = "";
				this.tableCurrentRow.persAllDtoList = "";
				this.tableCurrentRow.sttm = "";
				this.tableCurrentRow.entm = "";
				delete this.tableCurrentRow.ptype;
				delete this.tableCurrentRow.id;
				// delete this.againType.key;
				this.againType = false;
				console.log(this.tableCurrentRow);
		},
    deleteGroup(){
     var params = {}
     params.id = this.tableCurrentRowId;
     this.singleRowDelete(params);
    },
		singleRowDelete:function(params){
			console.log(params);
						this.$confirm('此操作将全部删除 “'+ params.nm +'” 组的所有业务信息，是否继续？', '提示', {
										confirmButtonText: '确定',
										cancelButtonText: '取消',
										type: 'warning'
								}).then(() => {
										request.get(`/supervision/plan/cleanGroupInfo?groupId=${params.id}`).then((res)=>{
											 if(res.code!=50001&&res.code!='50001'){
														this.$message({
																type: 'success',
																message: '删除成功!'
														});
											 }else{
														this.$message({
																type: 'error',
																message: '请先清空相关填报内容!'
														});
											 }

												this.refreshAfterEdit();
										})
								}).catch(() => {
								this.$message({
										type: 'info',
										message: '已取消删除'
								});
						});
				},
		submit_dczName(){
			var _this = this;
			request
				.post("/supervision/plan/insertSupervisionObj", {
					persid :this.userId,
          inspTask: this.$route.query.id,
					nm: this.tableCurrentRow.nm,
					id: this.tableCurrentRow.id,
					persAllAreaDtoList: [],
					persAllDtoList: [],
					persAllObjDtoList: []
				})
				.then(response => {
					_this.$message.success("设置督查组名称成功");
				});
		},
    planYearChange(val){
        var _this = this;
        if(val.changeType === "change") {
            request.post("/supervision/plan/insertSupervisionObj", {
                    persid: this.userId,
                    inspTask: val.newValue,
                    id: this.tableCurrentRow.id,
                    persAllAreaDtoList: [],
                    persAllDtoList: [],
                    persAllObjDtoList: []
                })
                .then(response => {
                    _this.$message.success("设置年度计划成功");
                });
        }
    },
		submit_sttm(){
			var _this = this;
			var obj = {
          persid :this.userId,
          sttm:  this.tableCurrentRow.sttm,
          id: this.tableCurrentRow.id,
          persAllAreaDtoList: [],
          persAllDtoList: [],
          persAllObjDtoList: []
      }
			request.post("/supervision/plan/insertSupervisionObj",obj).then(res => {

				  if(res.data.msg){
              this.$confirm(res.data.msg+'是否继续编辑?', '提示', {
                  confirmButtonText: '确定',
                  cancelButtonText: '取消',
                  type: 'warning'
              }).then(() => {

                  obj.isInsert = "1";
                  request.post(`/supervision/plan/insertSupervisionObj`,obj).then(res1=>{
                      if(res1.success){
                          _this.$message.success("设置督查开始时间成功");
                      }
                  }).catch(error=>{
                      _this.$message.error(error)
                  })
              }).catch(() => {
                  _this.$message({
                      type: 'warning',
                      message: '已取消设置!'
                  });
                  _this.refreshAfterEdit();
              });
          }else{
              _this.$message.success("设置督查开始时间成功");
          }
				});
		},
		submit_entm(){
			var _this = this;
			var obj = {
          persid :this.userId,
          entm: this.tableCurrentRow.entm,
          id: this.tableCurrentRow.id,
          persAllAreaDtoList: [],
          persAllDtoList: [],
          persAllObjDtoList: []
      }
			request.post("/supervision/plan/insertSupervisionObj",obj).then(res => {
          if(res.data.msg){
              this.$confirm(res.data.msg+'是否继续编辑?', '提示', {
                  confirmButtonText: '确定',
                  cancelButtonText: '取消',
                  type: 'warning'
              }).then(() => {

                  obj.isInsert = "1";
                  request.post(`/supervision/plan/insertSupervisionObj`,obj).then(res1=>{
                      if(res1.success){
                          _this.$message.success("设置督查结束时间成功");
                      }
                  }).catch(error=>{
                      _this.$message.error(error)
                  })
              }).catch(() => {
                  _this.$message({
                      type: 'warning',
                      message: '已取消设置!'
                  });
                  _this.refreshAfterEdit();
              });
          }else{
              _this.$message.success("设置督查结束时间成功");
          }
			});
		},
		addNewDclb(val) {
			console.log(val);
			var _this = this;
			if(val.changeType === "change"){
				_this.has_pType = true;
				let params = {};
				params["orgId"] = localStorage.getItem("currentOrgId")
					? localStorage.getItem("currentOrgId")
					: "";
				params["ptype"] = val.newValue;
				params["inspMnth"] = _this.titleMonth;
				params["inspYear"] = _this.titleYear;
				// if (val.changeElement != "add") {
					// if(!_this.againType.hasOwnProperty('key') || _this.againType === null){
					if(!_this.tableCurrentRow.id){
						request.post("/supervision/plan/insertGroupInfo", params).then(res => {
							// _this.againType = res.data;
							_this.againType = res.success;
							if(res.data != null){
								_this.tableCurrentRow["id"] = res.data.key;
								_this.tableCurrentRow["ptype"] = params["ptype"];
							}
						});
					}
				// }
			}
		},
		isArray(value){
			if(typeof Array.isArray === 'function'){
				return Array.isArray(value);
			}else{
				return Object.prototype.toString.call(value) === '[object Array]';
			}
		},
		singleSeletData_zz(val){
			 console.log(val);
			let _self = this;
			let guidUse;
			//以下判断是偷懒处理，没有解决问题症结 0509
			//(Object.prototype.toString.call(val.changeElement) != '[object Array]')
			 if((!this.isArray(val.changeElement)) && val.changeElement != null){
				 if(typeof val.newValue === 'object'){
					 guidUse = val.newValue.guid;
					 setPersRole(guidUse,'','1',this.tableCurrentRow.id).then((res)=>{
					 _self.$message.success("设置组长成功");
						})
				 }else{
					 guidUse = val.newValue;
					 setPersRole(guidUse,'','1',this.tableCurrentRow.id).then((res)=>{
					 _self.$message.success("设置组长成功");
						})
				 }
				}
		},
		multiInputData_dq(val) {

			console.log(val);
			let _self = this;
			if (val.changeType === "add") {
				// 添加督查区域
				request
					.post("/supervision/plan/insertSupervisionObj", {
						id: this.tableCurrentRow.id,
						persAllAreaDtoList: [
							{
								adCode: val.changeElement.adCode,
								adName: val.changeElement.adName
							}
						],
						persAllDtoList: [],
						persAllObjDtoList: []
					})
					.then(response => {
						_self.tableCurrentRow["persAllAreaDtoList"] = val["newValue"];
						_self.$message.success("添加地区成功");
					});
			} else if (val.changeType == "delete") {
				// 删除督查区域
				// request.get('/dc/insp/selarea/deleteByGroupId/' + this.tableCurrentRow.id + '/' + val.changeElement.adCode)
				//     .then(response => {
				//       _self.$message.success("删除分工成功");
				// });
				deleteDcdq(this.tableCurrentRow.id,val.changeElement.adCode).then((res)=>{
					 _self.$message.success("删除地区成功！");
				})
			}
		},
		multiInputData_zy(val) {
			console.log(val);
			let _self = this;
			if (val.changeType === "add") {
				addDczOthersMens(val.changeElement.guid,this.tableCurrentRow.id).then(response => {
					if (response.success == true) {
								_self.$message.success("添加组员成功");
					}
			});
				// request
				//   .post("/supervision/plan/insertSupervisionObj", {
				//     id: this.tableCurrentRow.id,
				//     persAllAreaDtoList: [],
				//     persAllDtoList: [
				//       {
				//         guid: val.changeElement.guid,
				//         persName: val.changeElement.persName,
				//         persType: val.changeElement.persType
				//       }
				//     ],
				//     persAllObjDtoList: []
				//   })
				//   .then(response => {
				//     _self.tableCurrentRow["persAllDtoList"] = val["newValue"];
				//     _self.$message.success("添加成员成功");
				//   });
			} else if (val.changeType == "delete") {
				deleteMember(this.tableCurrentRow.id,val.changeElement.guid).then((res)=>{
						if(res.success){
								_self.$message.success("删除组员成功");
						}else{
								_self.$message.error("请先删除登记表");
						}
				});
			}
		},
		 multiInputData_exp(val) {
			console.log(val);
			let _self = this;
			if (val.changeType === "add") {

			request.post('/supervision/plan/insertSupervisionObj',{
										"id": _self.tableCurrentRow.id,
										"persAllAreaDtoList":[],
										"persAllDtoList":[
											{
												guid:val.changeElement.guid,
												persName: val.changeElement.persName,
												persType: '4'
											}
										],
										"persAllObjDtoList": [],
										"pid": _self.tableCurrentRow.pid
									})
						.then(response => {
							_self.$message.success("添加专家成功");
			});



			} else if (val.changeType == "delete") {
				deleteMember(this.tableCurrentRow.id,val.changeElement.guid).then((res)=>{
						if(res.success){
								_self.$message.success("删除组员成功");
						}else{
								_self.$message.error("请先删除登记表");
						}
				});
			}
		},
		 multiInputData_teamLeader(val) {
			console.log(val);
			let _self = this;
			if (val.changeType === "add") {

			request.post('/supervision/plan/insertSupervisionObj',{
										"id": _self.tableCurrentRow.id,
										"persAllAreaDtoList":[],
										"persAllDtoList":[
											{
												guid:val.changeElement.guid,
												persName: val.changeElement.persName,
												persType: '1'
											}
										],
										"persAllObjDtoList": [],
										"pid": _self.tableCurrentRow.pid
									})
						.then(response => {
							_self.$message.success("添加专家成功");
			});



			} else if (val.changeType == "delete") {
				deleteMember(this.tableCurrentRow.id,val.changeElement.guid).then((res)=>{
						if(res.success){
								_self.$message.success("删除组员成功");
						}else{
								_self.$message.error("请先删除登记表");
						}
				});
			}
		},
		 multiInputData_concat(val) {
			console.log(val);
			let _self = this;
			if (val.changeType === "add") {

			request.post('/supervision/plan/insertSupervisionObj',{
										"id": _self.tableCurrentRow.id,
										"persAllAreaDtoList":[],
										"persAllDtoList":[
											{
												guid:val.changeElement.guid,
												persName: val.changeElement.persName,
												persType: '3'
											}
										],
										"persAllObjDtoList": [],
										"pid": _self.tableCurrentRow.pid
									})
						.then(response => {
							_self.$message.success("添加专家成功");
			});



			} else if (val.changeType == "delete") {
				deleteMember(this.tableCurrentRow.id,val.changeElement.guid).then((res)=>{
						if(res.success){
								_self.$message.success("删除组员成功");
						}else{
								_self.$message.error("请先删除登记表");
						}
				});
			}
		},
		delete_dxxm(val){
			console.log(val);

			var _self = this;
			this.$confirm('此操作将删除 “' + val.changeElement.name + '” 有关的所有业务数据，是否继续？', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					deleteDcdxByObjid(val.changeElement.objId,val.changeElement.ptype).then(
						res => {
							if(res.success){
								 this.$message({
										type: 'success',
										message: '删除成功!'
									});
							}
						}
					);
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '已取消删除'
					});
				});

		},
		multiInputData_dcxm(val) {
			console.log(val);
			let _self = this;
			if (val.changeType === "add") {
				request
					.post("/supervision/plan/insertSupervisionObj", {
						id: this.tableCurrentRow.id,
						persid :this.userId,
						persAllAreaDtoList: [],
						persAllDtoList: [],
						persAllObjDtoList: [
							{
								code: val.changeElement.code,
								name: val.changeElement.name,
								ptype: this.tableCurrentRow.ptype
							}
						]
					})
					.then(response => {
						_self.tableCurrentRow["persAllObjDtoList"] = val["newValue"];
						_self.$message.success("添加项目成功");
					});
			} else if (val.changeType == "delete") {
					_self.delete_dxxm(val);
			}
		},
		editData(rowData) {
			var _this = this;
			editDcz(this.userId, this.titleYear, this.titleMonth, this.orgId).then(
				res => {
					this.currentDcTableData = res.data;
				}
			);
		},
		addDcGrounp: function() {
			// this.currentDcTableData.push();
      this.againType = false;
			//to-do 改这里
			this.$refs["et"].addOneRow({
        chkName:this.$route.query.chkName,
        chkType:this.$route.query.chkType,
				nm: "",
				persAllAreaDtoList: "",
				ptype: "",
				persAllObjDtoList: "",
				leader: "",
				persAllDtoList: "",
				sttm: "",
				entm: ""
			});
		},
    CopyDcGrounp: function() {
      this.infomationReuseDialog = true;
    },
    closeDialog(){
      this.infomationReuseDialog = false;
      this.getUsrPlanInformationByYearAndMounth();
    },
		monthSelect: function() {
			var _this = this;
			for (var i = 0; i < this.titleMonthNum; i++) {
				if (i < 9) {
					_this.titleMonths.push({
						label: "0" + (i + 1) + "月",
						value: "0" + (i + 1)
					});
				} else {
					_this.titleMonths.push({
						label: i + 1 + "月",
						value: i + 1
					});
				}
			}
		},
		yearClickEvent: function() {
			this.yearClick = !this.yearClick;
		},
		monthClickEvent: function() {
			this.monthClick = !this.monthClick;
		},
		titleYearChange: function() {
			this.yearClick = !this.yearClick;
			this.getUsrPlanInformationByYearAndMounth();
		},
		titleMonthChange: function() {
			this.monthClick = !this.monthClick;
			this.getUsrPlanInformationByYearAndMounth();
		},
		testformatterArray: function(
			arr,
			labelPropName,
			splitMark = ",",
			nonLabel = "",
			isAddNonLabel = true
		) {
			let r = formatterArrayToLabel(
				arr,
				labelPropName,
				(splitMark = ","),
				(nonLabel = ""),
				(isAddNonLabel = true)
			);
			return r;
		},
		testformatterlabel: function(
			value,
			labelDatas,
			valuePropName,
			labelPropName,
			nonLabel = ""
		) {
			let r = formatterValueToLabel(
				value,
				labelDatas,
				valuePropName,
				labelPropName,
				(nonLabel = "")
			);
			return r;
		},

		getUsrPlanInformationByYearAndMounth: function() {
			getTermByPersid(
				this.userId,
				this.titleYear,
				this.titleMonth,
				this.orgId,
        this.$route.query.id
			).then(res => {
				this.currentDcTableData = res.data;
				this.$nextTick(()=>{
            this.$refs.et.doLayout();
        })
				// 为列表分开组员,组长
				this.currentDcTableData.forEach(element => {
					element["leader"] = [];
					element["exp"] = [];
					element["teamMember"] = [];
					element["concat"] = [];
					element["persAllDtoList"].forEach(per => {
						if (per.persType == "1") {
							element["leader"].push(per);
						} else if (per.persType == "4") {
							element["exp"].push(per);
						} else if (per.persType == "3") {
							element["concat"].push(per);
						} else if (per.persType == "2") {
							element["teamMember"].push(per);
						}
					});
				});
			});
		},
		getUserPlanType: function() {
			let _self = this;
			var list = [];
			getPersPlanType(this.userId).then(res => {
          res.data.forEach(option => {
          if(option.id==_self.$route.query.objType){
              list.push({
                  label: option["name"],
                  value:Number(option["id"]) + ""
              });
          }
				});
          this.DCTypeOption = list;
			});
		},

		getAreaOptionByRow: function(query, rowObject) {
			//根据行数据获取可选区域
			return new Promise((resolve, reject) => {
				getOptionalArea(rowObject.id, "000000000000", query).then(
					response => {
						var arr = response.data;
						var result = [];
						arr.forEach((arrItem, index) => {
							arrItem["adName"] = arrItem["AD_NAME"];
							arrItem["adCode"] = arrItem["AD_CODE"];
							if (arrItem["AD_GRAD"] == "2") {
								result.push(arrItem);
							}
						});
						resolve({ result: result });
					},
					re => {
						reject(null);
					}
				);
			});
		},

		getObjectOptionByRow: function(query, rowObject) {
			//根据行数据获取督查对象选项，主要考虑因为行督查对象类型 选用不同的方法
			if (rowObject.ptype == "1") {
				// 小水库
				console.log("远端查询水库");
				if(rowObject.persAllAreaDtoList === ""){
					 this.$message({
							message: '请先添加督查区域！',
							type: 'warning'
						});
				}else{
					let adcds = [];
					rowObject.persAllAreaDtoList.forEach(element => {
						adcds.push(element.value);
					});
					return new Promise((resolve, reject) => {
						request
							.post("/supervision/plan/getSupResByGroup", {
								rsName: query,
								adcd: adcds.join(","),
								pageNum: 0,
								pageSize: 20,
								groupId: rowObject.id
							})
							.then(
								response => {
									var arr = response.data.list;

									resolve({ result: arr });
								},
								re => {
									reject(null);
								}
							);
					});
				}
			} else {
				// 非小水库
				console.log("远端查询" + query + rowObject);
				console.log(rowObject);
				if(rowObject.persAllAreaDtoList === ""){
					 this.$message({
							message: '请先添加督查区域！',
							type: 'warning'
						});
				}else{
						let adcds = [];
						let adCode = "";
						rowObject.persAllAreaDtoList.forEach(element => {
							adcds.push(element.value);
						});
						adCode = adcds.join(",");
						return new Promise((resolve, reject) => {
							getSupObjListNotInspGroupId(
								adCode,
								rowObject.id,
								null,
								20,
								1,
								rowObject.ptype,
								// query,
								query,
							)
							.then(
								response => {
									var arr = response.data.list;
									resolve({ result: arr });
								},
								re => {
									reject(null);
								}
							);
						});
					}
			}
		},

		getPeopleOptionByRow: function(query, rowObject) {
			let _self = this;
			//根据行数据获取督查人员选项，主要考虑因为行督查对象类型 选用不同的方法
			return new Promise((resolve, reject) => {
				getArenGrpMen(_self.orgId, rowObject.id, 20, 1, query).then(
					response => {
						var arr = response.data.list;

						resolve({ result: arr });
					},
					re => {
						reject(null);
					}
				);
			});
		},

		deleteRow: function(params) {
			this.$confirm("是否删除督查组:" + params.row.nm + "?", "提示", {
				confirmButtonText: "确定",
				cancelButtonText: "取消",
				type: "warning"
			})
				.then(() => {
					request
						.post(`/dc/insp/group/delete?id=${params.row.id}`)
						.then(res => {
							if (res.code != 50001 && res.code != "50001") {
								this.$message({
									type: "success",
									message: "删除成功!"
								});
							} else {
								this.$message({
									type: "error",
									message: "请先清空相关填报内容!"
								});
							}

							this.refreshAfterEdit();
						});
				})
				.catch(() => {
					this.$message({
						type: "info",
						message: "已取消删除"
					});
				});
		},
		refreshAfterEdit: function() {
			this.getUsrPlanInformationByYearAndMounth();
		},
		popupAddAddvDialog:function(id){

			// alert('popupAddAddvDialog');
			this.tableCurrentRowId = this.tableCurrentRow?this.tableCurrentRow['id']:null;
			this.tableCurrentRowType = this.tableCurrentRow?this.tableCurrentRow['ptype']:null;
			var _self = this;
      setTimeout(function(){
          _self.$refs['editDcqyInfoRef'].showDialog(id);
      },500)
		},
		popupAddObjectDialog:function(){
			// alert('popupAddObjectDialog');
			this.tableCurrentRowId = this.tableCurrentRow?this.tableCurrentRow['id']:null;
			this.tableCurrentRowType = this.tableCurrentRow?this.tableCurrentRow['ptype']:null;
			if(this.tableCurrentRowType=='6'){
				 this.$refs['editDcdxInfoSzRef'].showDialog(this.tableCurrentRowType);
			}
			if(this.tableCurrentRowType=='1' || this.tableCurrentRowType=='3' || this.tableCurrentRowType=='26' || this.tableCurrentRowType=='34' || this.tableCurrentRowType=='115'){
				 this.$refs['editDcdxInfoRef'].showDialog(this.tableCurrentRowType,this.tableCurrentRow['persAllAreaDtoList']);
			}
      if(this.tableCurrentRowType=='27'){
          this.$refs['editDcdxInfoRyZjRef'].showDialog(this.tableCurrentRowType);
      }
      if(this.tableCurrentRowType=='29'){
          this.$refs['editDcdxInfoDiFangRef'].showDialog(this.tableCurrentRowType);
      }
      if(this.tableCurrentRowType=='30'){
          this.$refs['editDcdxInfoChaoBiaoHongYuAnRef'].showDialog(this.tableCurrentRowType);
      }
      if(this.tableCurrentRowType=='97'){
          this.$refs['editDcdxInfoFjncysaqRef'].showDialog(this.tableCurrentRowType);
      }
      if(this.tableCurrentRowType=='111'){
          this.$refs['editDcdxInfoCommonRef'].showDialog(this.tableCurrentRowType);
      }
      if(this.tableCurrentRowType=='116'){
          this.$refs['editDcdxXsdyhglRef'].showDialog(this.tableCurrentRowType);
      }
		},
		popupAddMemberDialog:function(addPersType){
			// alert('popupAddMemberDialog');
			this.addPerType = addPersType;
			this.tableCurrentRowId = this.tableCurrentRow?this.tableCurrentRow['id']:null;
			this.tableCurrentRowType = this.tableCurrentRow?this.tableCurrentRow['ptype']:null;
			var _self = this;
      setTimeout(function(){
          _self.$refs['editDczInfoRef'].showDialog();
      },500)


		},
	}
};
</script>
<style lang="scss" scoped>
.title {
	font-weight: 700;
	color: #022349;
	cursor: pointer;
	&:hover {
		color: rgba(34, 157, 251, 1);
	}
}
#dcjhMain{
	padding:0vw 2vw;
}
</style>