fj-dc-ui/.svn/pristine/dd/dd5f4fda6adb1b59eebb2bc2f6c75b369a8f12d4.svn-base

<template>
    <div>
        <el-container>
            <el-aside
                width="318px"
                style="border-right:2px solid #d5d5ff;float:left;height:calc(100vh - 100px);text-align: center;">
                <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: calc(100% - 50px);"
                    :data="treeData"
                    node-key="id"
                    show-checkbox
                    @check-change="handleCheckChange"
                    ref="jigou_tree">
                    <div class="custom-tree-node" slot-scope="{ node, data }">
                        <span style="float:left;">
                        {{ data.pnm}}
                        </span>
                        <div style="float:right;display: flex;justify-content: flex-end;align-items: center;width:50%;">
                            <span style="color:blue;width:80px;"></span>
                        </div>
                    </div>
                </el-tree>
                </div>
            </el-aside>
            <el-main style="margin:0px;padding:10px;overflow-y:hidden;" class="shuiku" v-loading="exportLoading">
                <div class="search_wrapper">
                    <el-form :inline="true" :model="problemSearch" class="demo-form-inline">
                        <el-form-item label="问题类别">
                            <el-select v-model="problemSearch.problemType" clearable>
                                <el-option :label="item.pblmType" :value="item.value" v-for="(item,index) in problemType" :key="index"></el-option>
                            </el-select>
                        </el-form-item>
<!--                        <el-form-item label="问题状态">-->
<!--                            <el-select v-model="problemSearch.reviConc" clearable>-->
<!--                                <el-option :label="item.name" :value="item.value" v-for="(item,index) in problemStatus" :key="index"></el-option>-->
<!--                            </el-select>-->
<!--                        </el-form-item>-->
                        <!-- <el-form-item label="整改情况">
                            <el-select v-model="problemSearch.region" clearable :disabled="problemSearch.reviConc !== '2'">
                                <el-option :label="item.name" :value="item.value" v-for="(item,index) in rectifyStatus" :key="index"></el-option>
                            </el-select>
                        </el-form-item> -->
                        <el-form-item label="严重程度">
                            <el-select v-model="problemSearch.inspPblmCate" clearable>
                                <el-option :label="item.name" :value="item.value" v-for="(item,index) in severity" :key="index"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="发现时间">
                            <el-date-picker
                                v-model="findTime"
                                type="daterange"
                                value-format="yyyy-MM-dd"
                                range-separator="至"
                                start-placeholder="开始日期"
                                end-placeholder="结束日期">
                            </el-date-picker>
                        </el-form-item>
                        <el-form-item label="问题督查状态:">
                          <el-select v-model="problemSearch.state" clearable placeholder="请选择">
                            <el-option
                              v-for="item in stateList"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>
                        <!-- <el-form-item label="复查时间">
                            <el-date-picker
                                v-model="problemSearch.recheckDate"
                                type="daterange"
                                value-format="yyyy-MM-dd"
                                range-separator="至"
                                start-placeholder="开始日期"
                                end-placeholder="结束日期">
                            </el-date-picker>
                        </el-form-item> -->
                    </el-form>
                    <div>
                        <el-button style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-bottom:5px;"
                            type="success"
                            icon="el-icon-download"
                            @click="exportExcel">导出EXCEL
                        </el-button>
<!--                        <el-button style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-bottom:5px;"-->
<!--                            type="success"-->
<!--                            icon="el-icon-download"-->
<!--                            @click="exportWord">导出WORD-->
<!--                        </el-button>-->
                      <el-button
                        style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-bottom:5px;"
                        type="success"
                        @click="submitBtn"
                      >问 题 提 交
                      </el-button>
                        <el-button style="color:rgba(255,255,255,1);float:right;margin-right:10px;"
                            type="primary"
                            icon="el-icon-search"
                            @click="search">&nbsp;查&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;询&nbsp;
                        </el-button>
                    </div>
                </div>
                <el-table
                    v-loading="loading"
                    :data="tableData"
                    border
                    @selection-change="handleSelectionChange"
                    @row-click="openDetails"
                    :height="tableHeight"
                    style="width: 100%">
                    <el-table-column
                      type="selection"
                      min-width="55">
                    </el-table-column>
                    <el-table-column
                    fixed
                    prop="nm"
                    show-overflow-tooltip
                    label="工程名称"
                    width="180">
                    </el-table-column>
                    <el-table-column
                      prop="inspPblmName"
                      label="问题类别"
                      width="180">
                    </el-table-column>
                    <!-- <el-table-column
                    prop="reviOrg"
                    label="责任单位"
                    width="180">
                    </el-table-column> -->
                    <el-table-column
                    label="单位名称"
                    show-overflow-tooltip
                    width="180">
                        <template slot-scope="scope">
                            {{ scope.row.firstName ? scope.row.firstName : scope.row.secondName ? scope.row.secondName : scope.row.thirdName}}
                        </template>
                    </el-table-column>
                    <el-table-column
                    show-overflow-tooltip
                    prop="inspPblmDesc"
                    label="质量问题信息"
                    width="150">
                    </el-table-column>
                    <el-table-column
                    prop="inspPblmCate"
                    label="程度"
                    width="100">
                        <template slot-scope="scope">
                            <p v-if="scope.row.inspPblmCate == 0"><span class="inspPblmCate" style="background: #27C19F;">一般</span></p>
                            <p v-if="scope.row.inspPblmCate == 1"><span class="inspPblmCate" style="background: #E6A23C;" >较重</span></p>
                            <p v-if="scope.row.inspPblmCate == 2"><span class="inspPblmCate" style="background: #F56C6C;" >严重</span></p>
                            <p v-if="scope.row.inspPblmCate == 3"><span class="inspPblmCate" style="background: #795548;">特别严重</span></p>
                        </template>
                    </el-table-column>
                    <el-table-column
                    prop="ifCasePblm"
                    label="是否典型"
                    width="90">
                        <template slot-scope="scope">
                            {{scope.row.ifCasePblm == '1' ? '典型' : scope.row.ifCasePblm == '0' ? '非典型' : ''}}
                        </template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="100"
                      prop="state"
                      label="问题督查状态">
                      <template slot-scope="scope">
                        <p v-if="Number(scope.row.state) === 0"><span class="inspPblmCate"
                                                                      style="background: #F56C6C;">未提交</span>
                        </p>
                        <p v-if="scope.row.state == 2"><span class="inspPblmCate"
                                                             style="background: #409EFF;">已提交</span>
                        </p>
                        <p v-if="scope.row.state == 3"><span class="inspPblmCate"
                                                             style="background: #67C23A;">已发布</span>
                        </p>
                      </template>
                    </el-table-column>
                    <el-table-column
                    show-overflow-tooltip
                    prop="attachWgName"
                    label="违规行为附件"
                    width="120">
                    </el-table-column>
                    <el-table-column
                    show-overflow-tooltip
                    prop="attachWgSn"
                    label="违规行为序号"
                    width="120">
                    </el-table-column>
                    <el-table-column
                    show-overflow-tooltip
                    prop="attachHetongName"
                    label="合同管理附件"
                    width="120">
                    </el-table-column>
                    <el-table-column
                    show-overflow-tooltip
                    prop="attachHetongSn"
                    label="合同管理序号"
                    width="120">
                    </el-table-column>
                    <el-table-column
                    show-overflow-tooltip
                    prop="attachDefName"
                    label="缺陷管理附件"
                    width="120">
                    </el-table-column>
                    <el-table-column
                    show-overflow-tooltip
                    prop="attachDefSn"
                    label="缺陷管理序号"
                    width="120">
                    </el-table-column>
                    <el-table-column
                    show-overflow-tooltip
                    prop="persName"
                    label="上报人"
                    width="100">
                    </el-table-column>
                    <el-table-column
                    show-overflow-tooltip
                    prop="orgNm"
                    label="所在组"
                    width="150">
                    </el-table-column>
                    <el-table-column
                    prop="collTime"
                    label="发现时间"
                    width="150">
                        <template slot-scope="scope">
                            {{scope.row.collTime ? formatDateTime(scope.row.collTime) : ''}}
                        </template>
                    </el-table-column>
<!--                    <el-table-column-->
<!--                    prop="reviConc"-->
<!--                    label="问题状态"-->
<!--                    width="90">-->
<!--                        <template slot-scope="scope">-->
<!--                            <p v-if="scope.row.reviConc == 0">新问题</p>-->
<!--                            <p v-if="scope.row.reviConc == 1">未复查</p>-->
<!--                            <p v-if="scope.row.reviConc == 2">已复查</p>-->
<!--                        </template>-->
<!--                    </el-table-column>-->
                    <!-- <el-table-column
                    prop="zip"
                    label="复查时间"
                    width="120">
                    </el-table-column> -->
                    <el-table-column
                    prop="hasVedio"
                    label="有无多媒体"
                    width="100">
                        <template slot-scope="scope">
                            <p v-if="scope.row.hasVedio == 1">是</p>
                            <p v-if="scope.row.hasVedio == 0">否</p>
                        </template>
                    </el-table-column>
                    <el-table-column
                    fixed="right"
                    label="操作"
                    min-width="100">
                    <template slot-scope="scope">
                        <el-button type="text" icon="el-icon-edit" title="修改问题" v-if="ownPriv('manage') && (!scope.row.reviConc || scope.row.reviConc =='0')" @click.native.stop="toEditProblem(scope.row)"></el-button>
                        <el-button type="text" icon="el-icon-edit" title="修改问题" v-if="ownPriv('manage') && (scope.row.reviConc == '1' || scope.row.reviConc =='2')" @click.native.stop="toRecheckProblem(scope.row)"></el-button>
                        <el-button type="text" icon="el-icon-view"  title="查看详情" @click.native.stop="toShowDetail(scope.row)"></el-button>
                        <el-button type="text" icon="el-icon-delete"  title="删除问题" @click.native.stop="deteleProblem(scope.row)" v-if="ownPriv('manage')"></el-button>
                    </template>
                    </el-table-column>
                </el-table>
                <el-pagination :pager-count="5" :current-page="pageIndex" background
                :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"
                :page-sizes="[10, 20, 50, 100]"
                @current-change="pageIndexChange" @size-change="handleSizeChange"
                ></el-pagination>
            </el-main>
        </el-container>
        <problem-modify :problemId="problemId" :projectType="projectType" :villType="'8'" :unitProblemInfo="unitProblemInfo" unitLevel="一级管理单位" v-if="add_dialogVisible" @closeEditDialog="closeEditDialog"></problem-modify>
        <rectify-modify :problemId="problemId" :projectType="projectType" :villType="'8'" :rectifyProblemInfo="rectifyProblemInfo" v-if="recheck_dialogVisible" @closeEditDialog="closeRectifyEditDialog"></rectify-modify>
        <el-dialog class="outerDialog custom_dialog detail_dialog" width="60%" title="" v-if="supervisionDetailsVisible" :visible.sync="supervisionDetailsVisible">
            <el-tabs v-model="activeName" @tab-click="handleDetailClick">
                <el-tab-pane label="问题详情" name="problem-detail">
                    <problem-detail :problemId="problemId" :projectType="projectType" :reviConc="reviConc"></problem-detail>
                </el-tab-pane>
                <el-tab-pane label="整改详情" name="rectify-detail" v-if="reviConc == '2'">
                    <rectify-detail :rectifyId="rectifyId"></rectify-detail>
                </el-tab-pane>
            </el-tabs>
            <span slot="footer">
                <el-button style="margin-top:5px;" @click="supervisionDetailsVisible = false">返回</el-button>
            </span>
        </el-dialog>
    </div>
</template>
<script>
import {formatDateTime2} from '../../utils/gw_date.js'
import {exportModel} from "@util/gw_exportModel";
import request from '../../utils/gw_ajax_request.js'
import { hostUrl } from "@util/global_variable.js";
import problemModify from '../duChaTianBao/project/problemModify.vue'
import rectifyModify from '../duChaTianBao/project/rectifyModify.vue'
import problemDetail from '../duChaTianBao/project/problemDetails.vue'
import rectifyDetail from '../duChaTianBao/project/rectifyDetails.vue'
import {pblmSubmit} from "../../api/duChaAPI.js";
export default {
    props: [],
    data(){
        return{
            tabType:"0",//0全部数据，1当前数据，2历史数据
            tableHeight: window.innerHeight - 250,
            tableData:[
                {
                    date: '',
                    name: '',
                    province: '',
                    city: '',
                    address: '',
                    zip: ''
                }
            ],
            problemSearch:{
                problemType: '',
                inspPblmCate: '',
                reviConc: '',
                regid: '',
                regId: '',
                pType: '',
                pageSize: '20',
                pageNum: 1
            },
            problemForm:{
                objId: '',
                objType: '',
                problemType: '',
                inspPblmDesc: '',
                pblmsTypeId: '',
                qualityTypeId: '',
                pblmsId: '',
                defectTypeId: '',
                ifCasePblm: '',
                inspPblmCate: '',
                weigui: '',
                hetong: '',
                quanlity: '',
                gongcheng: '',
                gwComFiles: []
            },
            rectifyForm: {
                rectConc: '',
                rectMeas: '',
                collTime: '',
                gwComFiles: [{
                    id: "",
                    filePath: "",
                    bizId: ""
                }]
            },
            weigui: {
                pblmRelDics: [],
                pblmSn: ''
            },
            hetong:  {
                pblmRelDics: [],
                pblmSn: ''
            },
            quanlity:  {
                pblmRelDics: [],
                pblmSn: ''
            },
            gongcheng:  {
                pblmRelDics: [],
                pblmSn: ''
            },
            pblmPointNum: '',
            pblmDescList: '',
            pblmDescListHetong: '',
            pblmAttach: [],
            pblmsTypeId: '',
            pblmId: '',
            imgList: [],
            videoList:[],
            audioList: [],
            pblmStat: '',
            gwComFiles: [],
            problemType: [
                {pblmType: '违规行为',value:'0'},
                {pblmType: '质量缺陷',value:'1'},
                {pblmType: '合同问题',value:'2'},
                {pblmType: '工程缺陷',value:'3'}
            ],
            problemStatus: [
                {name: '已复查',value:'2'},
                {name: '未复查',value:'1'},
                {name: '新问题',value:'0'}
            ],
            rectifyStatus: [
                {name: '未整改',value:'0'},
                {name: '整改中',value:'1'},
                {name: '已整改',value:'2'}
            ],
            severity:[
                {name: '一般',value:'0'},
                {name: '较重',value:'1'},
                {name: '严重',value:'2'},
                {name: '非常严重',value:'3'}
            ],
            dialogType: '添加',
            dialogVisible: true,
            add_dialogVisible: false,
            recheck_dialogVisible: false,
            chooseWeiguiProblem: false,
            chooseHeTongProblem: false,
            chooseQuanlityProblem: false,
            chooseGongchengProblem: false,
            checked: false,
            problemId: '',
            supervisionDetailsVisible:false,
            projectType: '',
            reviConc: '',
            findTime: [],
            stateList: [
                {
                    label: '未提交',
                    value: '0'
                },
                {
                    label: '已提交',
                    value: '2'
                },
                {
                    label: '已发布',
                    value: '3'
                }
            ],
            rectifyRow: {},
            isRectify: false,
            rectifyId: '',
            activeName: 'problem-detail',
            pageIndex: 1,
            pageSize: 20,
            total: 0,
            treeData: [],
            findUseOrgArray: [],
            treeNodeArray: [],
            loading: true,
            multipleSelection: [], // 已选
            rectifyProblemInfo: null,
            exportLoading: false,
            datas: {}
        }
    },
    computed: {
        persId() {
            return localStorage.getItem("userid")
                ? localStorage.getItem("userid")
                : "1098101939614724096";
        },
        formatDateTime(){
            return formatDateTime2
        },
        hostUrl(){
            return hostUrl
        }
    },
    components: {
        upload: resolve => {
            require(["../../widgets/uploadFile.vue"], resolve);
        },
        problemModify: problemModify,
        problemDetail: problemDetail,
        rectifyDetail: rectifyDetail,
        rectifyModify: rectifyModify
    },
    mounted(){
        this.getLeftTreeData();
        this.searchList()
    },
    activated(){
        // 监督司提的一个优化，来回切换页签的时候，能不能不主动刷新页面，这样他们不方便来回对比数据
        // this.getLeftTreeData();
        // this.search();
        this.findParams = {
            hasVedio:"",
            adCode: "",
            pblmStat: "",
            inspPblmCate: "",
            ifCasePblm: "",
            nm: "",
            rsName: "",
            adFullName: "",
            startTime: "",
            endTime: "",
            objType: 1,
            inspPblmName: "",
            persId: localStorage.getItem("userid")
        }
    },
    methods:{
        openDetails(row){
            this.problemId = row.pblmId
            this.rectifyId = row.guid
            this.projectType = row.villType == '8' ? '1' : row.villType == '9' ? '2' : '1'
            this.reviConc = row.reviConc
            this.supervisionDetailsVisible = true
        },
        tabChange(tabType){
            this.tabType = tabType;
            this.getLeftTreeData();
            this.searchList()
        },
        getLeftTreeData() {
            var _self = this;
            request.get("/dc/organization/base/getAllNode", {
                params: {
                    userId: this.persId,
                    orgType: "007",
                    tabType:this.tabType
                }
            }).then(res => {
                let data = res.data;
                data.forEach(ele => {
                    if (ele.pid == null || ele.pid == "") {
                        ele.pid = "007";
                    }
                });
                data = _self.getTrees(data);
                _self.treeData = data;
                console.log(data);
            });
        },
        search(){
            this.searchList()
        },
        searchList(){
            let _self = this;
            this.problemSearch.persId = this.persId
            this.problemSearch.pType = '7'
            // this.problemSearch.regid = this.unitProblemInfo.oneUnitId ? this.unitProblemInfo.oneUnitId : this.unitProblemInfo.id  //管理单位唯一标识
            // this.problemSearch.regId = this.unitProblemInfo.oneUnitId ? this.unitProblemInfo.oneUnitId : this.unitProblemInfo.id  //管理单位唯一标识
            this.problemSearch.pageSize = this.pageSize
            this.problemSearch.pageNum = this.pageIndex
            this.problemSearch.reviConc = "0"
            console.log(this.findTime)
            if(this.findTime && this.findTime.length){
                this.problemSearch['startTime'] = this.findTime[0]
                this.problemSearch['endTime'] = this.findTime[1]
            }else{
                this.problemSearch['startTime'] = ''
                this.problemSearch['endTime'] = ''
            }
            this.problemSearch.tabType = this.tabType;
            request.get("/dc/organization/base/getAllNode", {params: {userId: this.userId,orgType: "007",tabType:this.tabType}}).then(res => {
                _self.loading = true;
                let orgAllNode = res.data;
                let data = _self.problemSearch;

                _self.findUseOrgArray = [];
                _self.treeNodeArray.forEach(item => {
                    if (item.id.length < 12) {
                        orgAllNode.forEach(orgItem => {
                            if (orgItem.id.startsWith(item.code)) {
                            _self.findUseOrgArray.push(orgItem.id);
                            }
                        });
                    }
                    _self.findUseOrgArray.push(item.id);
                });

                if (_self.findUseOrgArray.length > 0) {
                    data["orgIds"] = _self.findUseOrgArray.join(",");
                } else {
                    data["orgIds"] = "";
                }
                request.post(`/dc/insp/pblm/page/keyReg`, this.problemSearch).then(res => {
                    _self.loading = false;
                    _self.multipleSelection = [];
                    if (res.success) {
                        this.tableData = res.data.list;
                        this.total = res.data.total;
                        if(this.problemSearch.pType == '7'){
                            this.tableData.forEach(ele=>{
                                ele['reviOrg'] = this.unitLevel
                            })
                        }
                    }
                });
            });
        },
        toEditProblem(row){
            this.dialogType = '修改'
            this.unitProblemInfo = row
            this.problemId = row.pblmId
            this.projectType = row.villType == '8' ? '1' : row.villType == '9' ? '2' : '1'
            this.add_dialogVisible = true
        },
        // 复查
        toRecheckProblem(row){
            this.rectifyProblemInfo = row
            this.problemId = row.pblmId
            this.projectType = row.villType == '8' ? '1' : row.villType == '9' ? '2' : '1'
            this.dialogType = row.reviConc == '1' ? '添加' : row.reviConc == '2' ? '修改' : '添加'
            this.rectifyForm.rectConc = row.rectConc
            this.rectifyForm.rectMeas = row.rectMeas
            Object.assign(this.rectifyRow,row)
            if(this.dialogType == '添加'){
                this.rectifyForm.collTime = ''
            }else{
                this.rectifyForm.collTime = this.formatDateTime(row.collTime)
            }
            this.recheck_dialogVisible = true
        },
        // 查看详情
        toShowDetail(row){
            this.problemId = row.pblmId
            this.rectifyId = row.guid
            this.projectType = row.villType == '8' ? '1' : row.villType == '9' ? '2' : '1'
            this.reviConc = row.reviConc
            this.supervisionDetailsVisible = true
        },
        deteleProblem(row){
            this.$confirm('确认删除当前问题吗?', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
            }).then(() => {
            request.get(`/dc/insp/pblm/delete/${row.pblmId}/${this.persId}`).then(res=>{
                if(res.success){
                    this.$message.success('删除成功')
                    this.searchList()
                }else{
                    this.$message.error(res.message)
                }
            })
            }).catch(() => {
            });
        },
        handleClose(){
            this.$emit('dialogClose')
        },
        handleDetailClick(tab, event) {
            console.log(tab, event);
        },
        pageIndexChange(val) {
            this.pageIndex = val;
            this.searchList();
        },
        handleSizeChange(val) {
            this.pageSize = val;
            this.searchList();
        },
        //格式化树形数据
        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);
            });
        },
        handleCheckChange(data, checked, indeterminate) {
            let cNarray = this.$refs["jigou_tree"].getCheckedNodes();
            console.log(cNarray);
            this.treeNodeArray = cNarray;
        },
        // 已选择项
        handleSelectionChange(val) {
            this.multipleSelection = val;
        },
        closeEditDialog(){
            this.add_dialogVisible = false
            this.searchList()
        },
        closeRectifyEditDialog(){
            this.recheck_dialogVisible = false
            this.searchList()
        },
        async submitBtn() {
            if (this.multipleSelection.length === 0) {
                this.$message.warning('请至少选择一条问题');
                return;
            }
            let newArray = this.multipleSelection.map((item) => {
                return {
                    "objId": item.objId,
                    "objType": item.objType,
                    "state": "3"
                }
            });
            const {success, message} = await pblmSubmit(newArray);
            if (success) {
                this.$message.success('问题发布成功');
                this.search();
            } else {
                this.$message.warning(message);
            }
        },
       async exportExcel() {

            let _self = this;
            _self.exportLoading = true;
            await request.get("/dc/organization/base/getAllNode", {
                params: {
                    userId: this.persId,
                    orgType: "007"
                }
            }).then(res => {
                let orgAllNode = res.data;
                let data = _self.problemSearch;
                data.pageNum = _self.pageIndex;
                data.pageSize = _self.pageSize;
                data.villType = "9";
                data.pType = "7";
                this.datas = JSON.stringify(data);
                _self.treeNodeArray.forEach(item => {
                    console.log(item);
                    if (item.id.length < 12) {
                        orgAllNode.forEach(orgItem => {
                            if (orgItem.id.startsWith(item.id)) {
                            _self.findUseOrgArray.push(orgItem.id);
                            }
                        });
                    } else {
                        _self.findUseOrgArray.push(item.id);
                    }
                });
            });
         let url = "/pdcApi/dc/insp/pblm/page/keyReg/export";
         let type = "post";
         let exportName = "水利工程运行问题列表.xls"
         let result = await exportModel(type,url,exportName,this.datas);
         _self.exportLoading = result;
        },
        async exportWord() {
            let _self = this;
            _self.exportLoading = true;
            await request.get("/dc/organization/base/getAllNode", {
                params: {
                    userId: this.persId,
                    orgType: "007"
                }
            }).then(res => {
                let orgAllNode = res.data;

                let data = _self.problemSearch;
                data.pageNum = _self.pageIndex;
                data.pageSize = _self.pageSize;
                data.villType = "9";
                data.pType = "7";
                this.datas = data;
                _self.treeNodeArray.forEach(item => {
                    if (item.id.length < 12) {
                    orgAllNode.forEach(orgItem => {
                        if (orgItem.id.startsWith(item.id)) {
                        _self.findUseOrgArray.push(orgItem.id);
                        }
                    });
                    } else {
                    _self.findUseOrgArray.push(item.id);
                    }
                });
            });
            //下载word文档2
            await request.post('/keyReg/doc',this.datas).then(res=>{
                if(res.success){
                  _self.exportLoading = false;
                  console.log(this.response)
                  var a = document.createElement('a');
                  a.href = `${this.hostUrl}${res.data.downloadPath}`;
                  //设置文件名称
                  a.download = '水利工程运行问题详情.doc';
                  a.click();
                  // window.open(`${this.hostUrl}${res.data.downloadPath}`)
                }else{
                  _self.$mesage.error(res.message)
                }
              }).catch(res=>{
                _self.$mesage.error(res.message)
              })
        },
    },
    watch:{

    },
    filters:{
        inspPblmCate(val){
            if(!val || val == ''){
                return ''
            }
            if(val == '0'){
                return '一般'
            }else if(val == '1'){
                return '较重'
            }else if(val == '2'){
                return '严重'
            }else if(val == '3'){
                return '非常严重'
            }else{
                return val
            }
        },
    }
}
</script>
<style lang="scss">
    .search_wrapper{
        display: flex;
        justify-content: space-between;
        min-height: 110px;
        div:last-child{
            min-width: 160px;
        }
    }
    .slide-line{
        width: 96%;
        margin-left: 3%;
        height: 1px;
        margin-bottom: 10px;
        border-bottom: dashed 1px #DCDFE6;
    }
    .detail_dialog .el-dialog__body{
        padding: 0 20px 30px;
    }
    .inspPblmCate{
        padding: 2px 10px;
        border-radius:10px;
        color: #ffffff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .skactive{
      background: #3f8eff !important;
      color:white !important;
      margin-top: 5px;
      margin-bottom: 5px;
    }
    .sknormal{
      background: white;
      margin-top: 5px;
      margin-bottom: 5px;
    }
</style>