fj-dc-ui/.svn/pristine/74/748a82bfdc09a326fa0d8c25d6cde07ec6d93205.svn-base

<template>
    <div style="height:100%;width:100%;">
        <!-- <h3 style="text-align: center;margin: 10px 0 20px;">{{title}}</h3> -->
            <el-container style="height:100%;width:100%;">
          <el-aside :height="asideHeight" style="padding-right: 10px;width: 300px;">
              <div :style="{'height': asideHeight + 'px','overflow': 'auto'}" class="left_tree">
                <el-card class="box-card" style="min-height: 99%;" id="headerBtn">
                  <div slot="header" class="clearfix">
                    <div style="width: 100%;text-align: center;">
                      <el-button size="mini" :class="tabType==1 ? 'c_active' : 'c_normal'" @click="tabChange('1')">当前数据</el-button>
<!--                      <el-button size="mini" :class="tabType==2 ? 'c_active' : 'c_normal'" @click="tabChange('2')">历史数据</el-button>-->
                      <el-button size="mini" :class="tabType==0 ? 'c_active' : 'c_normal'" @click="tabChange('0')">全部数据</el-button>
                    </div>
                  </div>
                    <el-tree :data="groupTreeData" :props="defaultProps" :expand-on-click-node="false" @node-click="groupHandleNodeClick">
                    </el-tree>
                  </el-card>
              </div>
          </el-aside>
            <el-aside style="width: 350px;" :height="asideHeight">
                <div :style="{'height': asideHeight + 'px','overflow': 'auto'}" class="left_tree">
                    <el-card class="box-card" style="min-height: 99%">
                        <div slot="header" class="clearfix">
                            <span>工程信息</span>
<!--                            <el-button style="float: right; padding: 3px 0" type="text" @click="batchImport" v-if="ownPriv('manage')">批量导入</el-button>-->
                            <!-- 水利工程基础信息批量导入弹窗 -->
                            <slgc-tian-bao-pl v-if="showGongChengTianBaoPl" @closePlDialog="closePlDialog"></slgc-tian-bao-pl>
                        </div>
                        <el-tree :data="treeData" :props="defaultProps" :expand-on-click-node="false" @node-click="handleNodeClick">
                        <span class="custom-tree-node" slot-scope="{ node, data }">
                            <span :title="node.label">{{ node.label?(node.label.length>12?(node.label.substring(0,12))+"...":node.label):""}}</span>
                            <span>
                            <el-button
                                type="text"
                                size="mini"
                                v-if="node.level == 1 && data.state!='2' && ownPriv('manage')"
                                @click="() => toCorrect(data,node)">
                                纠错
                            </el-button>
                            <el-button
                                type="text"
                                size="mini"
                                v-if="node.level == 1 && !data.children && data.state!='2' && ownPriv('manage')"
                                @click="() => toAddUnitOne(data,node)">
                                添加一级单位
                            </el-button>
                            <el-button
                                type="text"
                                size="mini"
                                v-if="node.level == 1  && data.state!='2' && ownPriv('manage')"
                                @click="() => submitState(data,node,2)">
                                提交
                            </el-button>
                            <el-button
                                type="text"
                                size="mini"
                                style="color:#ff5b5d"
                                v-if="node.level == 1 && data.state=='2' && ownPriv('revoke')"
                                @click="() => submitState(data,node,1)">
                                撤回
                            </el-button>
                            <el-button
                                type="text"
                                size="mini"
                                v-if="node.level == 2 && data.state!='2' && ownPriv('manage')"
                                @click="() => toEditUnitOne(data,node)">
                                编辑
                            </el-button>
                            <el-button
                                type="text"
                                size="mini"
                                v-if="node.level == 2 && data.state!='2' && ownPriv('manage')"
                                @click="() => toAddUnitTwo(data,node)">
                                添加二级单位
                            </el-button>
                            <el-button
                                type="text"
                                size="mini"
                                v-if="node.level == 3 && data.state!='2' && ownPriv('manage')"
                                @click="() => toEditUnitTwo(data,node)">
                                编辑
                            </el-button>
                            <el-button
                                type="text"
                                size="mini"
                                v-if="node.level == 3 && data.state!='2' && ownPriv('manage')"
                                @click="() => delete_unitTwo(data,node)">
                                删除
                            </el-button>
                            <el-button
                                type="text"
                                size="mini"
                                v-if="node.level == 3 && data.state!='2' && ownPriv('manage')"
                                @click="() => toAddUnitThree(data,node)">
                                添加三级单位
                            </el-button>
                            <el-button
                                type="text"
                                size="mini"
                                v-if="node.level == 4 && data.state!='2' && ownPriv('manage')"
                                @click="() => toEditUnitThree(data,node)">
                                编辑
                            </el-button>
                            <el-button
                                type="text"
                                size="mini"
                                v-if="node.level == 4 && data.state!='2' && ownPriv('manage')"
                                @click="() => delete_unitThree(data,node)">
                                删除
                            </el-button>
                            </span>
                            </span>
                        </el-tree>
                    </el-card>
                </div>
            </el-aside>
            <el-main id="dxdcListMainsk" style="width: calc(100% - 650px);height:100%;padding:0px 0px 0px 10px;">
                <div class="flex_wrapper" :style="{'height': asideHeight-9 + 'px'}">
                    <!-- 工程问题清单 -->
                    <project-problem :villType="'9'" :currentRow="currentRow" :isSubmit="isSubmit" :unitProblemInfo="unitProblemInfo" :unitLevel="unitLevel" :showAddBtn="showAddBtn" :tabType="tabType"></project-problem>
                </div>
            </el-main>
        </el-container>
        <!-- 工程纠错 -->
        <el-dialog :title="'基本信息纠错'" :visible.sync="correct_Dialog">
            <div style="text-align: right; margin-bottom: 10px;">
              <el-button type="warning" @click="imageClick">影像</el-button>
              <el-button type="warning" @click="recentAppearance">近期面貌</el-button>
            </div>
            <el-form label-width="130px">
                <el-form-item label="工程名称">
                <el-input v-model="project.nm" clearable readonly></el-input>
                </el-form-item>
                <el-form-item label="工程类型">
                <el-input v-model="projectType" clearable readonly></el-input>
                </el-form-item>
                <el-form-item label="开工时间" required>
                <el-date-picker
                    v-model="project.stwktm"
                    align="right"
                    type="year"
                    value-format="yyyy"
                    placeholder="选择年"
                ></el-date-picker>
                </el-form-item>
                <el-form-item label="完工时间" required>
                <el-date-picker
                    v-model="project.buidTimeYear"
                    align="right"
                    type="year"
                    value-format="yyyy"
                    placeholder="选择年"
                ></el-date-picker>
                </el-form-item>
                <el-form-item label="概算批复总投资" required>
                <el-input v-model="project.estapp" clearable>
                    <template slot="append">亿元</template>
                </el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="correct_Dialog = false">取 消</el-button>
                <el-button type="primary" @click="saveCorrect">确 定</el-button>
            </div>
        </el-dialog>
        <!-- 添加/编辑一级管理单位 -->
        <el-dialog :title="dialogType + '一级管理单位'" :visible.sync="unitOne_Dialog">
            <el-form label-width="120px">
                <el-form-item label="一级单位名称" required>
                <el-input v-model="unitOne.nm" clearable></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="unitOne_Dialog = false">取 消</el-button>
                <el-button type="primary" @click="addUnitOne">确 定</el-button>
            </div>
        </el-dialog>
        <!-- 添加/编辑二级管理单位 -->
        <el-dialog :title="dialogType + '二级管理单位'" :visible.sync="unitTwo_Dialog">
            <el-form label-width="120px">
                <el-form-item label="二级单位名称" required>
                <el-input v-model="unitTwo.nm" clearable></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="unitTwo_Dialog = false">取 消</el-button>
                <el-button type="primary" @click="add_unitTwo">确 定</el-button>
            </div>
        </el-dialog>
        <!-- 添加/编辑三级管理单位 -->
        <el-dialog :title="dialogType + '三级管理单位'" :visible.sync="unitThree_Dialog">
            <el-form label-width="120px">
                <el-form-item label="三级单位名称" required>
                <el-input v-model="unitThree.nm" clearable></el-input>
                </el-form-item>
                <!-- <el-form-item label="所属二级单位" required>
                <el-select v-model="unitThree.pid" placeholder="请选择">
                    <el-option
                    :label="item.nm"
                    :value="item.id"
                    v-for="(item,index) in unitTwoList"
                    :key="index"
                    ></el-option>
                </el-select>
                </el-form-item> -->
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="unitThree_Dialog = false">取 消</el-button>
                <el-button type="primary" @click="add_unitThree">确 定</el-button>
            </div>
        </el-dialog>

      <!--近期面貌弹窗-->
      <theRecentAppearance v-if="jqmmShow" @jqmmDialogClose="jqmmDialog" :jqmmShow="jqmmShow" :jqmmEngId="jqmmEngId" :dialogTitle="slgcyxName + '近期面貌'"></theRecentAppearance>
      <!--影像弹窗-->
      <el-dialog :title="slgcyxName + '影像'" :visible.sync="imageShow" append-to-body :close-on-click-modal="false" width="60%">
        <div style="height: 60vh;">
          <mapLocation ref="mapRef" v-if="imageShow" :gdX="centerX" :gdY="centerY"></mapLocation>
        </div>
      </el-dialog>
    </div>
</template>

<script>
import request from "../../utils/gw_ajax_request.js";
import { dateFormat } from "../../utils/gw_date.js";
import { getTrees } from "@util/gw_formatTree.js";
import provTreeList from "../../widgets/provTreeList.vue";
import projectProblem from "./project/projectProblem.vue";
import projectBuild from './project/jianshe.vue';
import projectOperate from './project/yunxing.vue';
import slgcTianBaoPl from './slgcTianBao_piliang.vue';
import theRecentAppearance from  '../duChaDuiXiang/theRecentAppearance';
import mapLocation from '../../views/duChaTianBao/mapLocation';

export default {
    components: {
        provTreeList: provTreeList,
        projectProblem: projectProblem,
        projectOperate: projectOperate,
        projectBuild: projectBuild,
        slgcTianBaoPl: slgcTianBaoPl,
        theRecentAppearance: theRecentAppearance,
        mapLocation:mapLocation
    },
    props: [],

    data() {
        return {
            asideHeight: window.innerHeight - 106,
            tableHeight: window.innerHeight - 256,
            treeData: [],
            defaultProps: {
                children: 'children',
                label: 'pnm'
            },
            searchObj:{
                "engScal": '1'
            },
            project: {
                nm: "",
                ptype: "",
                stwktm: "",
                buidTimeYear: "",
                estapp: ""
            },
            unitOne: {
                nm: ""
            },
            currentRow: {},
            pageIndex: 1,
            pageSize: 20,
            total: 0,
            dialogType: "添加",
            unitOne_Dialog: false,
            correct_Dialog: false,
            showProblemDialog: false,
            typeOfProject: '2',
            title: '水利工程运行情况检查填报',
            isClicked: true,
            showGongChengTianBaoPl: false,
            //
            unitTwoList: [],
            unitThreeList: [],
            unitTwo: {
                nm: ""
            },
            unitThree: {
                nm: "",
                pid: ""
            },
            unitTwo_Dialog: false,
            unitThree_Dialog: false,
            showProblemDialog: false,
            unitProblemInfo: {
                codes: ''
            },
            unitLevel: '一级管理单位',   //一级管理单位 二级管理单位   三级管理单位
            currentUnitTwoRow: {},
            isClicked: true,
            currentUnitOneRow: {},
            currentUnitThreeRow: {},
            jqmmShow: false,
            imageShow: false,
            jqmmEngId: '',
            slgcyxName: '',
            centerX: 0,
            centerY: 0,
            //
            groupTreeData: [],
            plnaId: '007',  //督查组id
            showAddBtn: false,
            isSubmit:false,
            tabType:"0"
        };
    },
    computed: {
        persId() {
            return localStorage.getItem("userid")
                ? localStorage.getItem("userid")
                : "1098101939614724096";
        },
        projectType() {
            let val = this.project.ptype;
            if (val != "0" && !val) {
                return "";
            }
            if (val == "0") {
                return "重大农业节水工程";
            } else if (val == "1") {
                return "重大引调水工程";
            } else if (val == "2") {
                return "重点水源工程";
            } else if (val == "3") {
                return "江河湖泊治理骨干工程";
            } else if (val == "4") {
                return "新建大型灌区工程";
            } else if (val == "5") {
                return "非水利部下达投资计划";
            } else if (val == "6") {
                return "全部由地方投资";
            } else if (val == "7") {
                return "其他项目";
            } else {
                return "未知项目";
            }
        }
    },
    mounted() {
        this.getGroupData();
    },
    activated() {
        this.getDataList();
    },
    watch: {
    },
    methods: {
        tabChange(tabType){
            this.tabType = tabType;
            this.plnaId='007';
            this.getGroupData();
        },
        //获取工程列表信息
        getDataList() {
            let paramObj = {
                type: "empwtrun",
                presId: this.persId,
                pageSize: this.pageSize,
                pageNum: this.pageIndex,
                plnaId: this.plnaId,
                tabType:this.tabType
            }
            Object.assign(this.searchObj,paramObj)
            request.post(`/dc/insp/rsvrRgstr/list/tree`, this.searchObj).then(res => {
                if (res.success) {
                    this.treeData = res.data;
                    if (this.treeData.length) {
                        this.currentRow = this.treeData[0];
                        // this.addRegister()
                    }
                }
            });
        },
        submitState(row,node,state){
            this.$confirm('确定要提交吗？', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                var param = {
                    id:row.id,
                    state:state
                }
                request.post(`/bis/insp/key/register/add`, param).then(res => {
                    if (res.success && res.data) {
                        this.getDataList()
                    } else {
                        this.$message.error(res.message);
                    }
                })
            })
        },
        // 工程信息纠错
        toCorrect(row) {
            this.currentRow = row
            request.get(`/bis/insp/empwtprj/base/${row.code}`).then(res => {
                if (res.success) {
                    this.project = res.data;
                    if(this.project.stwktm && this.project.buidTimeYear){
                      this.project.stwktm = this.project.stwktm.toString();
                      this.project.buidTimeYear = this.project.buidTimeYear.toString();
                    }else{
                      this.project.stwktm = "";
                      this.project.buidTimeYear = "";
                    }
                    this.slgcyxName = this.project.nm;
                    this.jqmmEngId = this.currentRow.id;
                    this.centerX = this.project.lgtdPc;
                    this.centerY = this.project.lttdPc;
                }
            });
            this.correct_Dialog = true;
        },
        saveCorrect() {
            this.project.persId = this.persId;
            request.post(`/bis/insp/empwtprj/base/update`, this.project).then(res => {
                if (res.success) {
                    this.$message.success("修改成功");
                    this.correct_Dialog = false;
                    this.getDataList();
                } else {
                    this.$message.error(res.message);
                }
            })
            .catch(error => {
                this.$message.error(res.message);
            });
        },
        // 添加一级管理单位
        toAddUnitOne(row,node) {
            this.dialogType = "添加";
            this.currentRow = row
            this.unitOne = {
                nm: ""
            };
            this.unitOne.regId = row.id;
            this.unitOne_Dialog = true;
        },
        toEditUnitOne(row){
            this.dialogType = '编辑'
            this.currentUnitOneRow = row
            request.get(`/bis/insp/mampu/info/${row.id}`).then((res) => {
                if(res.success){
                    this.unitOne = res.data;
                    this.unitOne_Dialog = true
                }else{
                    this.$message.error(res.message)
                }
            });
        },
        addUnitOne() {
            if(!this.unitOne.nm){
                this.$message.warning('请填写一级单位名称')
                return
            }
            if(this.isClicked){
                this.isClicked = false
                if(this.dialogType == '添加'){
                    this.unitOne.lev = "1";
                    this.unitOne.pid = "0";
                    this.unitOne.persId = this.persId;
                    request.post(`/bis/insp/mampu/info/add`, this.unitOne).then(res => {
                        if (res.success) {
                            this.$message.success(this.dialogType + "成功");
                            //向树节点追加已添加的新单位
                            const newChild = { id: res.data.id, objId: res.data.objId, pnm: res.data.nm, children: [] };
                            if (!this.currentRow.children) {
                                this.$set(this.currentRow, 'children', []);
                            }
                            this.currentRow.children.push(newChild);

                            this.unitOne_Dialog = false;
                            setTimeout(()=> {
                                this.isClicked = true
                            }, 1000);
                        } else {
                            this.$message.error(res.message);
                        }
                    })
                    .catch(error => {
                        this.$message.error(res.message);
                    });
                }else{
                    request.post(`/bis/insp/mampu/info/update`, this.unitOne).then(res => {
                        if (res.success) {
                            this.$message.success(this.dialogType + "成功");
                            //编辑成功后改变树节点显示的标段名称
                            this.currentUnitOneRow.pnm = res.data.nm

                            this.unitOne_Dialog = false;
                            setTimeout(()=> {
                                this.isClicked = true
                            }, 1000);
                        } else {
                            this.$message.error(res.message);
                        }
                    })
                    .catch(error => {
                        this.$message.error(res.message);
                    });
                }
            }
        },
        addRegister(){
            let paramObj = {
                "code": this.currentRow.code,
                "objId": this.currentRow.objId,
                "nodeId": this.currentRow.nodeId,
                "recPersId": this.persId,
                "id": this.currentRow.id
            }
            request.post(`/bis/insp/key/register/add`, paramObj).then(res => {
                if (res.success && res.data) {
                    this.currentRow.id = res.data.id
                } else {
                    this.$message.error(res.message);
                }
            }).catch(error => {
                this.$message.error(res.message);
            });
        },
        formatDate(row, column) {
            if (row.uptm) {
                return dateFormat(row.uptm, "yyyy-MM-dd");
            }
        },
        batchImport(){
            this.showGongChengTianBaoPl = true
        },
        closePlDialog(){
            this.showGongChengTianBaoPl = false
        },
        //树节点点击事件
        handleNodeClick(data,node) {
            this.isSubmit = data.state=="2"?false:true;
            console.log(data);
            // this.addRegister()
            if(node.level != 1){
                this.showAddBtn = true
                request.get(`/bis/insp/mampu/info/${data.id}`).then((res) => {
                    if(res.success){
                        let data = res.data
                        data['codes'] = ''
                        this.unitProblemInfo = data
                    }else{
                        this.$message.error(res.message)
                    }
                });
                if(node.level == 2){
                    this.currentRow = node.parent.data
                    this.unitLevel = '一级管理单位'
                }else if(node.level == 3){
                    this.currentRow = node.parent.parent.data
                    this.unitLevel = '二级管理单位'
                }else if(node.level == 4){
                    this.currentRow = node.parent.parent.parent.data
                    this.unitLevel = '三级管理单位'
                }
            }else{
                this.showAddBtn = false
                this.unitProblemInfo.codes = data.code
                this.unitProblemInfo.id = ''
            }
        },
        // 添加二级管理单位
        toAddUnitTwo(row) {
            // this.addRegister()
            this.dialogType = "添加";
            this.currentUnitOneRow = row
            this.unitTwo = {
                nm: ""
            };
            this.unitTwo_Dialog = true;
        },
        toEditUnitTwo(row) {
            this.dialogType = "编辑";
            this.currentUnitTwoRow = row
            request.get(`/bis/insp/mampu/info/${row.id}`).then((res) => {
                if(res.success){
                    this.unitTwo = res.data;
                    this.unitTwo_Dialog = true
                }else{
                    this.$message.error(res.message)
                }
            });
        },
        add_unitTwo() {
            if(!this.unitTwo.nm){
                this.$message.warning('请填写二级单位名称')
                return
            }
            if(this.isClicked){
                this.isClicked = false
                if (this.dialogType == "添加") {
                    this.unitTwo.lev = "2";
                    this.unitTwo.regId = this.currentRow.id;
                    this.unitTwo.pid = this.currentUnitOneRow.id;
                    this.unitTwo.persId = this.persId;
                    request
                    .post(`/bis/insp/mampu/info/add`, this.unitTwo)
                    .then(res => {
                        if (res.success) {
                            this.$message.success(this.dialogType + "成功");
                            //向树节点追加已添加的新标段
                            const newChild = { id: res.data.id, objId: res.data.objId, pnm: res.data.nm, children: [] };
                            if (!this.currentUnitOneRow.children) {
                                this.$set(this.currentUnitOneRow, 'children', []);
                            }
                            this.currentUnitOneRow.children.push(newChild);

                            this.unitTwo_Dialog = false;
                            setTimeout(()=> {
                                this.isClicked = true
                            }, 1000);
                        } else {
                        this.$message.error(res.message);
                        }
                    })
                    .catch(error => {
                        this.$message.error(res.message);
                    });
                } else {
                    request
                    .post(`/bis/insp/mampu/info/update`, this.unitTwo)
                    .then(res => {
                        if (res.success) {
                            this.$message.success(this.dialogType + "成功");
                            //编辑成功后改变树节点显示的标段名称
                            this.currentUnitTwoRow.pnm = res.data.nm

                            this.unitTwo_Dialog = false;
                            setTimeout(()=> {
                                this.isClicked = true
                            }, 1000);
                        } else {
                            this.$message.error(res.message);
                        }
                    })
                    .catch(error => {
                        this.$message.error(res.message);
                    });
                }
            }
        },
        delete_unitTwo(row,node) {
            this.$confirm("确认删除当前二级单位吗?", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            })
            .then(() => {
                request.post(`/bis/insp/mampu/info/delete/${row.id}`).then(res => {
                    if (res.success) {
                        this.$message.success("删除成功");
                        const parent = node.parent;
                        const children = parent.data.children || parent.data;
                        const index = children.findIndex(d => d.id === row.id);
                        children.splice(index, 1);
                    } else {
                        this.$message.error(res.message);
                    }
                });
            })
            .catch(() => {});
        },
        // 添加三级管理单位
        toAddUnitThree(row,node) {
            this.dialogType = "添加";
            this.currentRow = node.parent.parent.parent.data
            this.currentUnitTwoRow = row
            this.unitThree = {
                nm: "",
                pid: this.currentUnitTwoRow.id
            };
            this.unitThree_Dialog = true;
        },
        toEditUnitThree(row) {
            this.dialogType = "编辑";
            this.currentUnitThreeRow = row
            request.get(`/bis/insp/mampu/info/${row.id}`).then((res) => {
                if(res.success){
                    this.unitThree = res.data;
                    this.unitThree_Dialog = true
                }else{
                    this.$message.error(res.message)
                }
            });
        },
        add_unitThree() {
            if(!this.unitThree.nm){
                this.$message.warning('请填写三级单位名称')
                return
            }
            if(this.isClicked){
                this.isClicked = false
                if (this.dialogType == "添加") {
                    this.unitThree.lev = "3";
                    this.unitThree.regId = this.currentRow.id;
                    this.unitThree.pid = this.currentUnitTwoRow.id;
                    this.unitThree.persId = this.persId;
                    request
                    .post(`/bis/insp/mampu/info/add`, this.unitThree)
                    .then(res => {
                        if (res.success) {
                            this.$message.success(this.dialogType + "成功");
                            //向树节点追加已添加的新单位
                            const newChild = { id: res.data.id, objId: res.data.objId, pnm: res.data.nm, children: [] };
                            if (!this.currentUnitTwoRow.children) {
                                this.$set(this.currentUnitTwoRow, 'children', []);
                            }
                            this.currentUnitTwoRow.children.push(newChild);

                            this.unitThree_Dialog = false;
                            setTimeout(()=> {
                                this.isClicked = true
                            }, 1000);
                        } else {
                            this.$message.error(res.message);
                        }
                    })
                    .catch(error => {
                        this.$message.error(res.message);
                    });
                } else {
                    request
                    .post(`/bis/insp/mampu/info/update`, this.unitThree)
                    .then(res => {
                        if (res.success) {
                            this.$message.success(this.dialogType + "成功");
                            //编辑成功后改变树节点显示的标段名称
                            this.currentUnitThreeRow.pnm = res.data.nm

                            this.unitThree_Dialog = false;
                            setTimeout(()=> {
                                this.isClicked = true
                            }, 1000);
                        } else {
                            this.$message.error(res.message);
                        }
                    })
                    .catch(error => {
                        this.$message.error(res.message);
                    });
                }
            }
        },
        delete_unitThree(row,node) {
            this.$confirm("确认删除当前单位吗?", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(() => {
                request.post(`/bis/insp/mampu/info/delete/${row.id}`).then(res => {
                    if (res.success) {
                        this.$message.success("删除成功");

                        const parent = node.parent;
                        const children = parent.data.children || parent.data;
                        const index = children.findIndex(d => d.id === row.id);
                        children.splice(index, 1);
                    } else {
                        this.$message.error(res.message);
                    }
                });
            })
            .catch(() => {});
        },
      //  近期面貌
      recentAppearance(){
        this.jqmmShow = true;
        // this.jqmmShow += 1;

      },
      jqmmDialog(){
        this.jqmmShow = false;
      },

      //  影像
      imageClick(){
        if(!this.centerX && !this.centerY){
          this.$message.warning('暂无经纬度信息！');
          return false;
        }
        this.imageShow = true;

      },
        // 点击督查组
        getGroupData(){
            let params = {
                userId: this.persId,
                orgType: '007',
                tabType:this.tabType
            }
            request.get(`/dc/organization/base/getAllNode`,{params:params}).then(res=>{
                if(res.success){
                    let data = res.data;
                    data = getTrees(data);
                    this.groupTreeData = data.length>0?data[0].children:[];
                    if(data[0] && data[0].id != '007'){
                        this.plnaId = this.groupTreeData[0].id
                    }
                    this.getDataList();
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        groupHandleNodeClick(data,node){
            this.plnaId = data.id
            this.getDataList()
        }
    },
    watch:{
        typeOfProject(val){
            this.title = val == '2' ? '水利工程建设情况检查填报' : '水利工程运行情况检查填报'
            this.searchObj.engScal = val
            this.getDataList()
        }
    },
    filters: {
        pType(val) {
            if (val != "0" && !val) {
                return "";
            }
            if (val == "0") {
                return "重大农业节水工程";
            } else if (val == "1") {
                return "重大引调水工程";
            } else if (val == "2") {
                return "重点水源工程";
            } else if (val == "3") {
                return "江河湖泊治理骨干工程";
            } else if (val == "4") {
                return "新建大型灌区工程";
            } else if (val == "5") {
                return "非水利部下达投资计划";
            } else if (val == "6") {
                return "全部由地方投资";
            } else if (val == "7") {
                return "其他项目";
            } else {
                return "未知项目";
            }
        },
        nature(val) {
            if (val != "0" && !val) {
                return "";
            }
            if (val == "1") {
                return "项目法人(建设单位)";
            } else if (val == "2") {
                return "勘察设计单位";
            } else if (val == "3") {
                return "监理单位";
            } else if (val == "4") {
                return "施工单位";
            } else if (val == "5") {
                return "金属结构及机电设备安装单位";
            } else if (val == "6") {
                return "安全监测单位";
            } else if (val == "7") {
                return "质量检测单位";
            } else {
                return "其它";
            }
        },
        government(val) {
            if (val != "0" && !val) {
                return "";
            }
            if (val == "1") {
                return "直管";
            } else if (val == "2") {
                return "代建";
            }
            }
        }
    };
</script>

<style lang="scss">
    #dcdxHeader {
    padding: 15px 20px;
    }
    #dxdcFooter {
        text-align: center;
    }
    #dxdcAside {
        border: 1px solid #d5d5ff;
    }
    .el-table .warning-row {
        background: oldlace;
    }
    .el-table .success-row {
        background: #f0f9eb;
    }
    .left_tree .custom-tree-node {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        padding-right: 8px;
    }
    .c_active{
      background: #3f8eff !important;
      color:white !important;
      padding: 7px 10px !important;
    }
    .c_normal{
      background: white !important;
      padding: 7px 10px !important;
    }
    #headerBtn div.el-card__header{
      padding: 5px 3px !important;
    }
</style>