fj-dc-ui/.svn/pristine/63/63e9afae781d5f70dfa8e47135c2b3e87bfa294f.svn-base

<template>
    <div style="height:100%;width:100%;">
        <el-container style="height:100%;width:100%;">
        <!-- <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>
            <provTreeList
            rootCode
            :style="{'max-height':tableHeight+'px','height':tableHeight+'px'}"
            @provTreeSelectChange="provTreeSelectChangeHandler"
            ></provTreeList>
        </el-aside> -->
        <el-aside width="320px"  style="border-right:2px solid #d5d5ff;float:left" :style="{'max-height':testHeight+'px','height':testHeight+'px'}">
            <el-button size="mini" :class="tabType==1 ? 'skactive' : 'sknormal'" @click="tabChange('1')">当前数据</el-button>
<!--            <el-button size="mini" :class="tabType==2 ? 'skactive' : 'sknormal'" @click="tabChange('2')">历史数据</el-button>-->
            <el-button size="mini" :class="tabType==0 ? 'skactive' : 'sknormal'" @click="tabChange('0')">全部数据</el-button>
            <div class="tree" style="
            height: 100%;
            width: 100%;
            overflow: auto;
            display: inline-flex;">
            <el-tree
                :highlight-current="true"
                style="height:100%;"
                :data="treeData"
                node-key="id"
                :expand-on-click-node="false"
                @node-click = 'treeNodeClickHandler'
                ref="jigou_tree"
            >
                <div class="custom-tree-node" slot-scope="{ node, data }">
                        <span style="float:left;">{{ data.pnm}}

                        </span>
                </div>
            </el-tree>
            </div>

            </el-aside>
        <!-- 主要窗口 -->
        <el-main id="dxdcListMainsk" style="padding:5px 20px;">


            <el-row>
            <el-col :span="24">
                <el-form :inline="true" size="mini" class="demo-form-inline" style="padding-left: 10px;">
                <el-form-item label="督查状态">
                <el-select v-model="dcType" clearable placeholder="督查状态">
                    <el-option label="未督查" value="0"></el-option>
                    <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="adName" clearable placeholder="行政区名称"></el-input>
                </el-form-item>
                <el-form-item label="水库名称">
                <el-input v-model="rsvrName" placeholder="水库名称"></el-input>
                </el-form-item>
                <el-form-item label="工程规模">
                <el-select v-model="engScale" clearable placeholder="工程规模">
                    <el-option v-for="item in engScales" :key="item.id" :label="item.name" :value="item.id"></el-option>
                </el-select>
                </el-form-item>
                <!--<el-form-item label="检查单位">-->
                <!--<el-select v-model="orgName" clearable placeholder="检查单位">-->
                    <!--<el-option v-for="item in lyjg" :key="item.id" :label="item.pnm" :value="item.id"></el-option>-->
                <!--</el-select>-->
                <!--</el-form-item>-->
                <el-form-item label="所在组">
                <el-autocomplete v-model="groupName" clearable value-key='nm' :fetch-suggestions="querySearchAsync" placeholder="请输入内容"
                    @select="handleSelect"></el-autocomplete>
                </el-form-item>
                <el-form-item label="是否复查" v-if="isJiangXi">
                <el-select v-model="repeatId" clearable placeholder="督查状态">
                    <el-option label="是" value="1"></el-option>
                    <el-option label="否" value="2"></el-option>
                </el-select>
                </el-form-item>
                <el-form-item label="督查时间">
                <div style="display: flex;">
                    <el-date-picker
                    v-model="dateRange"
                    type="daterange"
                    value-format="yyyy-MM-dd"
                    style="width:280px"
                    range-separator="至"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期"
                    ></el-date-picker>

                    <!-- <el-date-picker v-model="sttm" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker>
                    <p style="padding-left: 10px;padding-right: 10px;">至</p>
                    <el-date-picker v-model="ettm" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker> -->
                </div>
                </el-form-item>
                <el-form-item>
                <el-button type="primary" @click="onSubmit" icon="el-icon-search">查询</el-button>
                </el-form-item>
                <!--<el-form-item style="float:right">-->
                    <!--<el-button type="success" style="float:right;margin-left:5px"-->
                            <!--@click="showPlDialog"-->
                            <!--icon="el-icon-upload2"-->
                            <!--:disabled="disabled"-->
                    <!--&gt;批量填报</el-button>-->
                    <!--<el-button type="success" style="float:right;"-->
                            <!--@click="downloadTemplate"-->
                            <!--:icon="downIcon"-->
                    <!--&gt;下载模板</el-button>-->
                <!--</el-form-item>-->

            </el-form>
            </el-col>
            </el-row>
            <el-table
            ref="table"
            border
            :height="tableHeight"
            :data="skDataList"
            style="width: 100%"
            v-loading="expLoading">
            <el-table-column prop="province" label="省"  v-if="isXj" show-overflow-tooltip min-width="100" align="center"></el-table-column>
            <el-table-column prop="city" :label="ownAdName" show-overflow-tooltip min-width="100" align="center"></el-table-column>
            <el-table-column prop="county" label="县" v-if="isXj" show-overflow-tooltip min-width="100" align="center"></el-table-column>
            <el-table-column prop="nm" label="水库名称" min-width="130" align="center" fixed="left"></el-table-column>
            <!--<el-table-column prop="riverName" label="检查单位" show-overflow-tooltip min-width="120" align="center"></el-table-column>-->
            <el-table-column prop="groupName" label="所在组" show-overflow-tooltip min-width="150" align="center"></el-table-column>
            <el-table-column prop="intm1" label="督查时间" show-overflow-tooltip min-width="120" align="center"></el-table-column>
            <el-table-column
                prop="uptm"
                label="更新时间"
                align="center"
                :formatter="formatDate"
                min-width="120">
            </el-table-column>
            <el-table-column
                prop="state"
                label="督查状态"
                align="center"
                min-width="130">
                <template slot-scope="scope">
                <span
                        style="padding: 3px 10px;background:#F56C6C;border-radius:15px;color:rgba(255,255,255,1)"
                        v-if="scope.row.state == 0"
                        >未督查</span>
                <span
                        style="padding: 3px 10px;background:#FBB56D;border-radius:15px;color:rgba(255,255,255,1)"
                        v-if="scope.row.state == 1"
                    >督查中</span>
                    <span
                        style="padding: 3px 10px;background:#63C25E;border-radius:15px;color:rgba(255,255,255,1)"
                        v-if="scope.row.state == 2"
                    >已督查</span>
            </template>
            </el-table-column>
            <el-table-column
                prop="engScal"
                label="工程规模"
                :formatter="formatEngScal"
                min-width="100">
            </el-table-column>
            <el-table-column
                prop="hystSite"
                min-width="200"
                label="水库所在位置">
                </el-table-column>
                <el-table-column
                prop="rsAdmName"
                min-width="180"
                label="管理单位"
                show-overflow-tooltip>
            </el-table-column>
            <el-table-column
                prop="totCap"
                label="总库容(万m³)"
                align="right"
                min-width="130">
            </el-table-column>
            <!-- <el-table-column
                prop="damTypeStr"
                label="主坝坝型"
                align="right"
                min-width="130">
            </el-table-column> -->

            <el-table-column
                prop="presStat"
                :label='zerenrenLabel'
                align="center"
                min-width="130">
                <template slot-scope="scope">

                    <p style="cursor:pointer;color:#F56C6C;" v-if="scope.row.presStat == 0 || !scope.row.presStat">待填报</p>
                    <p style="cursor:pointer;color:#fbb56d" v-if="scope.row.presStat == 1">未完成</p>
                    <p style="cursor:pointer;color:#67C23A" v-if="scope.row.presStat == 2">已完成</p>
                </template>
            </el-table-column>
            <el-table-column
                prop="baseStat"
                label='"三个重点环节"落实情况'
                align="center"
                min-width="130">
                <template slot-scope="scope">
                    <p style="cursor:pointer;color:#F56C6C;" v-if="scope.row.baseStat == 0 || !scope.row.baseStat">待填报</p>
                    <p style="cursor:pointer;color:#fbb56d" v-if="scope.row.baseStat == 1">未完成</p>
                    <p style="cursor:pointer;color:#67C23A" v-if="scope.row.baseStat == 2">已完成</p>
            </template>
            </el-table-column>
            <el-table-column
                prop="reverStat"
                label="水库工程实体"
                align="center"
                min-width="130">
                <template slot-scope="scope">
                    <p style="cursor:pointer;color:#F56C6C;" v-if="scope.row.reverStat == 0 || !scope.row.reverStat">待填报</p>
                    <p style="cursor:pointer;color:#67C23A" v-if="scope.row.reverStat == 1">未完成</p>
                    <p style="cursor:pointer;color:#67C23A" v-if="scope.row.reverStat == 2">已完成</p>
                </template>
            </el-table-column>
            <el-table-column
                prop="resRunStat"
                label="运行管理情况"
                align="center"
                min-width="130">
                <template slot-scope="scope">
                    <p style="cursor:pointer;color:#F56C6C;" v-if="scope.row.resRunStat == 0 || !scope.row.resRunStat">待填报</p>
                    <p style="cursor:pointer;color:#67C23A" v-if="scope.row.resRunStat == 1">未完成</p>
                    <p style="cursor:pointer;color:#67C23A" v-if="scope.row.resRunStat == 2">已完成</p>
                </template>
            </el-table-column>
            <el-table-column
                v-if="!isJiangXi"
                prop="benefitStat"
                label="效益发挥情况"
                align="center"
                min-width="130">
                <template slot-scope="scope">
                    <p style="cursor:pointer;color:#F56C6C;" v-if="scope.row.benefitStat == 0 || !scope.row.benefitStat">待填报</p>
                    <p style="cursor:pointer;color:#67C23A" v-if="scope.row.benefitStat == 1">未完成</p>
                    <p style="cursor:pointer;color:#67C23A" v-if="scope.row.benefitStat == 2">已完成</p>
                </template>
            </el-table-column>
            <el-table-column
                v-if="!isJiangXi"
                prop="viewStat"
                label="走访情况"
                align="center"
                min-width="130">
                <template slot-scope="scope">
                    <p style="cursor:pointer;color:#67C23A" v-if="scope.row.viewStat != 0">已填报</p>
                    <p style="cursor:pointer;color:#F56C6C;" v-if="scope.row.viewStat == 0">未填报</p>
                </template>
            </el-table-column>
            <el-table-column align="center" label="操作" min-width="330" fixed="right" v-if="ownPriv('manage')">
                <template slot-scope="scope">
                    <el-button size="mini" type="success" v-if="!scope.row.rgstrId" plain @click="toAddMember('填报',scope.row)">填报</el-button>
                    <el-button size="mini" type="success" v-if="scope.row.rgstrId" plain @click="toAddMember('编辑',scope.row)">督查</el-button>
                    <el-button size="mini" type="warning" v-if="currentRlcode.indexOf('36') == 0 && scope.row.repeatId && scope.row.state != '2'" plain @click="toShowDuchaDetail(scope.row)">复查</el-button>
                    <el-button size="mini" type="warning" v-if="currentRlcode.indexOf('36') == 0 && scope.row.state == '2'" plain @click="joinRecheck(scope.row)">加入复查</el-button>
                    <el-button size="mini" type="danger" plain @click="deleteMember(scope.row)">删除</el-button>
                    <el-button size="mini" type="danger" plain @click="submitHandler(scope.row)">提交</el-button>
                </template>
            </el-table-column>
            </el-table>
            <el-pagination background  :pager-count="5" :current-page="pageIndex"
            :page-size="pageSize" :page-sizes="[10, 20, 30, 40, 50, 100]"
                        layout="sizes, total, prev, pager, next" :total="total"
            @current-change="pageIndexChange" @size-change="handleSizeChange"
            ></el-pagination>
        </el-main>
        <!-- </el-container> -->
        <shuiKuTianBao v-if="showShuiKuTianBao" :rowData="rowData" :currentObjectRgstrId="currentObjectRgstrId"
            :currentResCode="currentResCode" :currentObjectId="currentObjectId"
            :currentObjectName="currentResName"
            :pType="pType"
            @cancelHandler="cancelHandler" @addShuiKuSuccess="addShuiKuSuccess"></shuiKuTianBao>
        </el-container>
        <!-- 添加/编辑人员弹窗 -->

        <!-- 上传模板弹窗 -->
        <shuiku-tian-bao-pl v-if="showShuiKuTianBaoPl"
        :showShuiKuTianBaoPl="showShuiKuTianBaoPl"
        :id="currentNodeId"
        @closePlDialog="closePlDialog"></shuiku-tian-bao-pl>
        <!-- 水库信息查看 -->
        <rsvr-info
            :currentObjectRgstrId="currentObjectRgstrId"
            :currentResCode="currentResCode"
            :currentObjectId="currentObjectId"
            :currentObjectName="currentResName"
            :isJiangXi="isJiangXi"
            v-if="showDuchaDetails" @cancelHandler="closeInfoDialog"></rsvr-info>
    </div>
</template>

<script>
import request from '../../utils/gw_ajax_request.js'
import {dateFormat} from '../../utils/gw_date.js'
import {getSKList_xsk,getrgstrIdObject,deleteXSKByObjId,deleteObjByObjId} from "../../api/duChaTianBao.js";
import provTreeList from "../../widgets/provTreeList.vue";
import shuiKuTianBao from "../duChaTianBao/shuiKuTianbao.vue"
import shuikuTianBaoPl from "../duChaTianBao/shuiKuTianbao_piliang.vue"
import rsvrInfo from "./shuiku/skInfo/main.vue"
import { exportModel } from "@util/gw_exportModel";
export default {
    components: {
        provTreeList: provTreeList,
        shuiKuTianBao:shuiKuTianBao,
        shuikuTianBaoPl:shuikuTianBaoPl,
        rsvrInfo: rsvrInfo
    },
    props: [],

    data() {
        return {
            tabType:"0",//0全部数据，1当前数据，2历史数据
            dateRange:[],
            tableHeight:50,
            lyjg:[],
            engScales:[
                {id:'1',name:'大（1）型'},
                {id:'2',name:'大（2）型'},
                {id:'3',name:'中型'}
            ],
            engScale:'',
            orgName:'',
            groupName:'',
            groupId:'',
            groups:[],
            // sttm:'',
            // ettm:'',
            adName:'',
            treeData:[],
            dxdcMainHeight: window.innerHeight - 304,
            testHeight: window.innerHeight - 111,
            skDataList: [],
            pageIndex:1,
            pageSize:20,
            total:0,
            tableHeight:0,
            currentResCode:'',
            currentResName:'',
            currentObjectId:'',
            currentObjectRgstrId:'',
            currentObjectInfoObject:null,
            showShuiKuTianBao:false,
            currentAdCode:'',
            currentNodeId:'',
            rsvrName:'',
            dcType:'',
            rowData:'',
            disabled:true,
            showShuiKuTianBaoPl:false,
            downIcon:'el-icon-download',
            expLoading:false,
            //
            repeatId: '',
            showDuchaDetails: false,
            zerenrenLabel: '"三个责任人"落实情况',
            pType: 36
        };
    },
    computed: {
        persId() {
        return localStorage.getItem("userid")
            ? localStorage.getItem("userid")
            : "1098101939614724096";
        },
        isAdmin:function(){
            return localStorage.getItem("isAdmin")? localStorage.getItem("isAdmin"): ''
        },
        currentRlcode(){
        return localStorage.getItem('currentRlcode') ? localStorage.getItem('currentRlcode') : ''
        },
        isJiangXi(){
        return this.currentRlcode.indexOf('36') == '0' ? true :false
        }
    },
    mounted() {
        this.$nextTick(function () {
            this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 50;
            let _self = this;
            window.onresize = function() {
                _self.tableHeight = window.innerHeight - _self.$refs.table.$el.offsetTop - 50
            }
        })
        this.getSkDataList();
        this.getAllGroup();
        if(this.currentRlcode.indexOf('36')=='0'){
        this.zerenrenLabel = '"五个责任人"落实情况'
        }else{
        this.zerenrenLabel = '"三个责任人"落实情况'
        }
    },
    activated(){
        this.getLeftTreeData();
        this.currentNodeId = "";
        this.rsvrName = "";
        this.dcType = "";
        this.getSkDataList();
    },
    watch: {
        currentNodeId(n,o){
        this.getSkDataList();
        },
        groupName(n,o){
        if(n==''){
            this.groupId = '';
        }
        },
    },

    methods: {
        tabChange(tabType){
            this.tabType = tabType;
            this.currentNodeId = "";
            this.getAllGroup();
            this.getLeftTreeData();
            this.getSkDataList();
        },
        //获取所有的组
        getAllGroup(){
            var _self = this;
            request.get('/dc/user/getGroupByPersid',{params:{'persid':this.persId,'ptype':'36','tabType':this.tabType}}).then((res)=>{
                if(res.success){
                _self.groups = res.data;
                }
            })
        },
        querySearchAsync(queryString, cb) {
            var restaurants = this.groups;
            var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants;

            clearTimeout(this.timeout);
            this.timeout = setTimeout(() => {
                cb(results);
            }, 1500 * Math.random());
        },
        createStateFilter(queryString) {
            return (state) => {
                return (state.nm.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
            };
        },
        handleSelect(item) {
            console.log(item);
            this.groupId = item.id;
        },
        getLeftTreeData(){
            var _self = this;
            _self.lyjg = [];
            request.get('/dc/organization/base/getAllNode',{params:{'userId':this.persId,'orgType':'036','tabType':this.tabType}}).then((res)=>{
                let data = res.data
                data.forEach(ele => {
                    if(ele.pid == null || ele.pid == ''){
                        ele.pid = '036'
                    }
                    if(ele.id.length == 6){
                        _self.lyjg.push(ele);
                    }
                });
                data = _self.getTrees(data)
                _self.treeData = data;
                console.log(data);

                // _self.duChaType = _self.treeData[0].id.substring(2,3);
            })
        },
        //格式化树形数据
        getTrees(list) {
            //@wxcwater重写方法 适应多个树
            let highLevelLength = 99;//预设最大节点id长度，目前最大应该为12，所以设置为99保证正常
            let _self =this;
            list.forEach((item,index)=>{
            item['pidLength'] = item.pid&&item.pid!=''?item.pid.length:0;
            if(highLevelLength>item.pidLength){
                highLevelLength = item.pidLength;
            }
            });
            console.log(highLevelLength);
            let heightLevelNode = [];
            list.forEach((item,index)=>{

            if(highLevelLength>=item.pidLength){
                heightLevelNode.push(item);
            }
            });

            list.forEach((item,index)=>{
                heightLevelNode.forEach((pItem)=>{
                _self.addTreeNode(pItem,item);
                });

            });
            console.log(heightLevelNode);
            return heightLevelNode;
        },
        addTreeNode:function(treeNode,leafNode){
            let _self = this;
            if(!treeNode.hasOwnProperty('children')){
                treeNode['children'] = [];
            }
            if(leafNode.pid == treeNode.id){
                treeNode.children.push(leafNode);
                return;
            }
            treeNode.children.forEach((item) => {
                _self.addTreeNode(item,leafNode);
            });
        },
        treeNodeClickHandler:function(data,node,tree){
            this.currentNodeId = data.id;
        },
        provTreeSelectChangeHandler:function(params){
            this.currentAdCode = params.likeCode;
            this.getSkDataList();
        },
        formatDate(row,column){
            if(row.uptm){
                return (dateFormat(row.uptm,'yyyy-MM-dd'));
            }
        },
        formatEngScal(row,column){
            let engScal = row.engScal;
            let _engScal = '其他';
            switch (engScal) {
                case '1' : _engScal = '大（1）型';break;
                case '2' : _engScal = '大（2）型';break;
                case '3' : _engScal = '中型';break;
                case '4' : _engScal = '小（1）型';break;
                case '5' : _engScal = '小（2）型';break;
                case '9' : _engScal = '其他';break;
            }
            return _engScal;
        },
        getSkDataList:function(){
            let paramStartDate = '';
            let paramEndDate = '';
            if(this.dateRange&&this.dateRange.length>1&&this.dateRange[0]!=''&&this.dateRange[1]!=''){
                paramStartDate = this.dateRange[0];
                paramEndDate = this.dateRange[1];
            }
            let paramsData = {
                "type": "rsvr",
                'presId': this.persId,
                "pType": "36",
                "pageSize": this.pageSize,
                'pageNum': this.pageIndex,
                'id': this.currentNodeId,
                'rsName': this.rsvrName,
                'state': this.dcType,
                'adName': this.adName,
                'sttm': paramStartDate,
                'entm': paramEndDate,
                'riverId': this.orgName,
                'engScal': this.engScale,
                'groupId': this.groupId,
                'tabType': this.tabType
            }
            if(this.currentRlcode.indexOf('36') == '0'){
            paramsData['repeatId'] = this.repeatId
            }
            getSKList_xsk(paramsData).then(
            (res) => {
                console.log(res);
                res.data.list.forEach((item)=>{
                if(item.intm){
                    item.intm1 = dateFormat(item.intm,'yyyy-MM-dd');
                }
                })
                this.skDataList = res.data.list;
                this.total = res.data.total;
            }
            );
        },
        onSubmit(){
            this.getSkDataList();
        },
        toAddMember(type,rowData){
            var _self = this;
            this.rowData = rowData;
            // ;
            console.log(rowData);
            // getrgstrIdObject(rowData.code,rowData.objId,_self.pageIndex).then(
            //   (res) =>{
            //     console.log(res);
                _self.currentResCode =  this.rowData.code;
                _self.currentObjectId = this.rowData.objId;
                _self.currentObjectRgstrId = this.rowData.rgstrId;
                _self.currentResName = this.rowData.nm;
                _self.showShuiKuTianBao = true;
                // 获取完成
            //   },
            //   (err) =>{

            //   }
            // );
        },
        cancelHandler(){
            this.showShuiKuTianBao = false;
        },
        addShuiKuSuccess(){
            this.getSkDataList();
            // this.showShuiKuTianBao = false;
        },
        deleteMember(obj){
            console.log(obj);
            var _self = this;
            // /dc/insp/rsvrRgstr/delete/{id}
            this.$confirm('此操作将督查对象从列表中删除，确认删除该水库吗？', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {

            request.get(`/supervision/plan/cleanObjDataByObjId?objType=36&objId=${obj.objId}`).then((res)=>{
                if(res.success){
                    _self.pageIndexChange();
                    _self.$message.success('删除成功')
                }else{
                    _self.$message.error(res.message)
                }
            });
            }).catch(() => {

            });

        },
        submitHandler(rowData){
            console.log(rowData)
            var _self = this;
            getrgstrIdObject(rowData.code,rowData.objId).then(
            (res) =>{
                if(res.data.presStat !='2'){
                    this.$message({
                        message: '责任人填报未完成！',
                        type: 'warning'
                    });
                    return
                }else if(res.data.baseStat !='2'){
                    this.$message({
                        message: '重点环节落实情况填报未完成！',
                        type: 'warning'
                    });
                    return
                }else if(res.data.reverStat !='2'){
                    this.$message({
                        message: '水库工程实体填报未完成',
                        type: 'warning'
                    });
                    return
                }else if(res.data.resRunStat !='2'){
                    this.$message({
                        message: '运行管理情况填报未完成',
                        type: 'warning'
                    });
                    return
                }else if(!this.isJiangXi && res.data.benefitStat !='2'){
                    this.$message({
                        message: '效益发挥情况填报未完成',
                        type: 'warning'
                    });
                    return
                }
                this.$confirm('请确认所有信息填报完毕？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    let formObj = {
                        "rgstrId":rowData.rgstrId,
                        "state":"2"
                    }
                    request.post('/dc/insp/rsvrRgstr/update', formObj).then((res) => {
                        if (res.success) {
                            _self.addShuiKuSuccess();
                            _self.$message.success("提交成功");
                        } else {
                            _self.cancelHandler();
                        }
                    });
                }).catch(() => {

                });
            },(err) =>{

            });

        },
        pageIndexChange(val){
            console.log(val);
            this.pageIndex = val;
            this.getSkDataList();
        },
        handleSizeChange(val){
            this.pageSize = val;
            this.getSkDataList();
        },
        async downloadTemplate(){
            let url = '/pdcApi/dc/impExcel/downloadTemplate/sk?userId='+this.persId+'&id='+this.currentNodeId;
            let downloadName =  "小水库填报模板.xls";
            let type = "get";
            await exportModel(type,url,downloadName);
            this.disabled = false;
        },
        showPlDialog(){
            this.showShuiKuTianBaoPl = true
        },
        closePlDialog(val){
            this.showShuiKuTianBaoPl = false
        },
        // 新需求  点击复查显示以前的督查信息
        toShowDuchaDetail(row){
            this.currentResCode =  row.code;
            this.currentObjectId = row.objId;
            this.currentObjectRgstrId = row.rgstrId;
            this.currentResName = row.nm;
            this.showDuchaDetails = true
        },
        closeInfoDialog(){
            this.showDuchaDetails = false
        },
        // 加入复查
        joinRecheck(row){
            let _self = this
            let data = {
                regerId: row.rgstrId,
                type: '36'
            }
            this.$confirm('确定加入复查吗？', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                request.post(`/bis/insp/repeat/check/log`, data).then((res)=>{
                    if(res.success){
                    _self.$message.success('已加入复查')
                    _self.getSkDataList();
                    }else{
                    _self.$message.error(res.message)
                    }
                }).catch(err=>{
                _self.$message.error(res.message)
                });
            }).catch(() => {

            });
        }

    },
};
</script>

<style>
  .skactive{
    background: #3f8eff !important;
    color:white !important;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .sknormal{
    background: white;
    margin-top: 5px;
    margin-bottom: 5px;
  }
 .el-table .warning-row {
    background: oldlace;
  }

  .el-table .success-row {
    background: #f0f9eb;
  }
#dxdcListMainsk{
  overflow-y: hidden;
}
</style>