fj-dc-ui/.svn/pristine/42/429d0a9761482efe18cf951fd14ff4e318c6053b.svn-base

<template>
    <div style="height:100%;width:100%" id="wenTiContainer_sk">
        <el-container>
            <el-aside
                    width="318px"
                    style="border-right:2px solid #d5d5ff;float:left;text-align: center;"
                    :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: calc(100% - 50px);
                      width: 100%;
                      overflow: auto;
                      display: inline-flex;"
                    >
                    <el-tree
                            :highlight-current="true"
                            style="height:100%;"
                            :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:0px;" class="shuiku" v-loading="exportLoading">
                <div class="pages" :style="{'max-height':testHeight+'px'}">
                    <div class="search">
                        <el-row type="flex" justify="space-between">
                            <el-col :span="24">
                                <el-form
                                        :inline="true"
                                        size="mini"
                                        class="demo-form-inline"
                                        style="padding-left: 10px;"
                                >
                                    <el-form-item label="行政区划:">
                                        <el-input
                                                resize="none"
                                                type="input"
                                                :rows="3"
                                                placeholder="请输入行政区划名称"
                                                v-model.trim="findParams.adFullName"
                                                clearable
                                        ></el-input>
                                    </el-form-item>
                                    <el-form-item label="工程名称:">
                                        <el-input
                                                resize="none"
                                                type="input"
                                                :rows="3"
                                                placeholder="请输入工程名称"
                                                v-model.trim="findParams.nm"
                                                clearable
                                        ></el-input>
                                    </el-form-item>
                                </el-form>
                            </el-col>
                        </el-row>

                        <el-row type="flex" justify="space-bv-fortween" v-show="showExpandSearchPanel">
                            <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="findParams.inspPblmName" clearable placeholder="请选择">
                                            <el-option
                                                    v-for="item in problemList"
                                                    :key="item.guid"
                                                    :label="item.inspPblmsName"
                                                    :value="item.inspPblmsName"
                                            ></el-option>
                                        </el-select>
                                    </el-form-item>
                                    <el-form-item label="是否典型:">
                                        <el-select v-model="findParams.ifCasePblm" clearable placeholder="请选择">
                                            <el-option
                                                    v-for="item in supervision"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value"
                                            ></el-option>
                                        </el-select>
                                    </el-form-item>
                                    <el-form-item label="问题筛选:">
                                        <el-select v-model="pblscr" clearable placeholder="请选择">
                                            <el-option
                                                    v-for="item in pblscrList"
                                                    :key="item.value"
                                                    :label="item.lable"
                                                    :value="item.value"
                                            ></el-option>
                                        </el-select>
                                    </el-form-item>
                                    <el-form-item label="上报人员:">
                                        <el-input
                                                resize="none"
                                                type="input"
                                                :rows="3"
                                                placeholder="请输入名称"
                                                v-model.trim="findParams.persName"
                                        ></el-input>
                                    </el-form-item>
                                    <el-form-item label="严重程度:">
                                        <el-select v-model="findParams.inspPblmCate" clearable placeholder="请选择">
                                            <el-option
                                                    v-for="item in supervisionState"
                                                    :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="value6"
                                                type="daterange"
                                                value-format="yyyy-MM-dd"
                                                style="width:240px"
                                                range-separator="至"
                                                start-placeholder="开始日期"
                                                end-placeholder="结束日期"
                                        ></el-date-picker>
                                    </el-form-item>
                                    <el-form-item label="所在组:">
                                        <el-input
                                                resize="none"
                                                type="input"
                                                :rows="3"
                                                placeholder="请输入所在组名称"
                                                v-model.trim="pblscrGroup"
                                                clearable
                                        ></el-input>
                                    </el-form-item>
                                    <el-form-item label="是否包含多媒体文件:">
                                        <el-select v-model="findParams.hasVedio" clearable placeholder="请选择">
                                            <el-option
                                                    v-for="item in hasVedio1"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value"
                                            ></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-form>
                            </el-col>
                        </el-row>
                        <el-row type="flex" justify="space-between" style="border-top:1px solid #0014ff2e;">
                            <el-col style="padding-bottom:10px;" :offset="11" :span="2">
                                <el-button
                                        style="float:right;margin-right:10px;border: 1px solid #0014ff2e;
                              border-radius: 0px 0px 5px 5px;border-top: 0px;"
                                        type="info"
                                        plain
                                        size="mini"
                                        @click="showExpandSearchPanel = !showExpandSearchPanel"
                                >
                                    {{showExpandSearchPanel?'收起':'更多条件'}}
                                    <i
                                            class="el-icon-arrow-down el-icon--right"
                                            v-show="!showExpandSearchPanel"
                                    />
                                    <i class="el-icon-arrow-up el-icon--right" v-show="showExpandSearchPanel"/>
                                </el-button>
                            </el-col>
                            <el-col :offset="2" :span="9">
                                <el-button
                                        style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                                        type="primary"
                                        icon="el-icon-search"
                                        @click="search"
                                >&nbsp;查&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;询&nbsp;
                                </el-button>
                                <!-- <el-button
                                  style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top: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-top: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-top:5px;"
                                      type="success"
                                      icon="el-icon-download"
                                      @click="showPlDialog"
                                      :disabled="uploadDisabled"
                                    >上传模板</el-button>
                                    <el-button
                                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                                      type="success"
                                      icon="el-icon-download"
                                      @click="downloadTemplate"
                                    >导出模板</el-button>
                                    <shuiZhaWentiPl v-if="showTianBaoPl"
                                      :showTianBaoPl="showTianBaoPl"
                                      @closePlDialog="closePlDialog">
                                </shuiZhaWentiPl>-->
                            </el-col>
                        </el-row>
                    </div>
                    <!-- 查询展示 -->
                    <div class="search" style="margin-top:10px;">
                        <el-table
                                v-loading="loading"
                                border
                                ref="multipleTable"
                                :height="tableHeight"
                                :data="searchResult"
                                tooltip-effect="dark"
                                style="width: 100%"
                                @selection-change="handleSelectionChange"
                        >
                            <el-table-column align="center" type="index" label="序号" min-width="25">
                                <template slot-scope="scope">{{ (currentPage - 1) * pageSize + (scope.$index + 1) }}
                                </template>
                            </el-table-column>

                            <el-table-column
                                    header-align="center"
                                    align="center"
                                    min-width="60"
                                    prop="province"
                                    label="省"  v-if="isXj"
                                    show-overflow-tooltip
                            ></el-table-column>
                            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="city"
              :label="ownAdName"
                                    show-overflow-tooltip
                            ></el-table-column>
                            <el-table-column
                    header-align="center"
                    align="center"
                    min-width="60"
                    prop="country"
                    label="县" v-if="isXj"
                                    show-overflow-tooltip
                            ></el-table-column>
                            <el-table-column
                                    header-align="center"
                                    align="center"
                                    min-width="110"
                                    prop="newVillName"
                                    label="督查对象名称"
                                    show-overflow-tooltip
                            ></el-table-column>
                            <el-table-column
                                    header-align="center"
                                    align="center"
                                    min-width="140"
                                    prop="inspPblmName"
                                    label="督查问题类别"
                                    show-overflow-tooltip
                            ></el-table-column>
                            <el-table-column
                                    header-align="center"
                                    align="center"
                                    min-width="70"
                                    prop="persName"
                                    label="上报人"
                            ></el-table-column>
                            <el-table-column
                                    header-align="center"
                                    align="center"
                                    min-width="80"
                                    show-overflow-tooltip
                                    prop="orgNm"
                                    label="所在组"
                            ></el-table-column>
                            <el-table-column
                                    prop="collTime"
                                    label="上报时间"
                                    :formatter="timestampToTime"
                                    sortable
                                    align="center"
                                    min-width="110"
                                    show-overflow-tooltip
                            ></el-table-column>
                            <el-table-column
                                    header-align="center"
                                    align="center"
                                    min-width="150"
                                    prop="hasVedio"
                                    label="是否包含多媒体文件"
                            >
                                <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
                                    align="center"
                                    prop
                                    min-width="100"
                                    label="操作"
                                    show-overflow-tooltip
                                    fixed="right"
                            >
                                <template slot-scope="scope">
                                    <el-button icon="el-icon-view"  title="查看详情"type="text"
                                               @click="showDetails(scope.row.pblmId)"></el-button>
                                    <el-button
                                            v-if="ownPriv('manage')"
                                            icon="el-icon-edit"
                                            type="text"
                                            @click="changeSup(scope.row.pblmId)"
                                    ></el-button>
                                    <el-button
                                            v-if="ownPriv('manage')"
                                            icon="el-icon-delete"
                                            type="text"
                                             title="删除问题" @click="removeSuperviseOne(scope.row.pblmId)"
                                    ></el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <!-- 分页 -->
                        <div class="paginationWarpper">
                            <el-pagination
                                    class="paginationCenter"
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="search"
                                    :current-page.sync="currentPage"
                                    :page-sizes="[10, 20, 50, 100]"
                                    :page-size="pageSize"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="total"
                            ></el-pagination>
                        </div>
                    </div>

                    <!-- 详情弹框 -->
                    <el-dialog
                            class="outerDialog custom_dialog"
                            title="问题详情"
                            @close="detailClose"
                            v-if="supervisionDetailsVisible"
                            :visible.sync="supervisionDetailsVisible"
                    >
                        <supervision-details ref="xianqing" :problemId="currentProblemId"></supervision-details>
                        <span slot="footer">
              <el-button style="margin-top:5px;" @click="supervisionDetailsVisible = false">返回</el-button>
            </span>
                    </el-dialog>
                    <!-- 删除弹窗 -->
                    <el-dialog class="deleteDialog" title="问题删除描述" :visible.sync="problemDeleteVisible">
                        <Problem-delete
                                ref="deleteMiaoShu"
                                :deleteProblemId="deleteId"
                                @deleteSuccess="deleteSuccess"
                        ></Problem-delete>
                        <span slot="footer">
              <el-button @click="problemDeleteVisible = false">返回</el-button>
            </span>
                    </el-dialog>
                    <!-- 修改弹框 -->
                    <problem-edit :editId="editId" @closeEditDialog="closeEditDialog"
                                  v-if="changeSupervisionVisible"></problem-edit>
                </div>
            </el-main>
        </el-container>
    </div>
</template>

<script>
    import {
        removeSupervise,
        showDetailsXq,
        submitUpload,
        getSupervisdByID,
        deleteFileById,
        updatelist
    } from "../../api/duChaAPI.js";
    import {getXSKProblemNew} from "@api/fujian_api.js"
    import {formatDateTime2} from '@util/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 elaudio from "../../widgets/elAudioShort.vue";
    import inuptWithDuChaTreeNode from "../../widgets/inuptWithDuChaTreeNode.vue";
    import inputWidthDuChaNodes from "../../widgets/inputWithDuChaNodes.vue";
    import inputWidthDuChaShuiKu from "../../widgets/inputWith_sk.vue";
    import problemDialog from "./problemDialog.vue";
    import shuiZhaWentiPl from "./problemBatchImp/shuiZhaWenti_piliang.vue";

    export default {
        props: ["codeId"],
        components: {
            // 问题详情
            supervisionDetails: resolve => {
                require(["./problemDetails/supervisionDetails_renyinNew.vue"], resolve);
            },
            // 问题删除
            ProblemDelete: resolve => {
                require(["./problemDelete.vue"], resolve);
            },
            // 问题修改
            problemEdit: resolve => {
                require(["./problemModify/renyinNewProblemModify.vue"], resolve);
            },
            elaudio: elaudio,
            inuptWithDuChaTreeNode: inuptWithDuChaTreeNode,
            inputWidthDuChaNodes: inputWidthDuChaNodes,
            inputWidthDuChaShuiKu: inputWidthDuChaShuiKu,
            problemDialog: problemDialog
        },
        data() {
            return {
                tabType:"0",//0全部数据，1当前数据，2历史数据
                showExpandSearchPanel: false,
                tableHeight: window.innerHeight - 290,
                dataAll: {},
                globoId: "",
                currentDate: new Date(),
                deleteId: "",
                treeNodeArray: [],
                treeNodeSelectVisible: false,
                adNodeArray: [],
                adNodeSelectVisible: false,
                areaSelectVisible: false,
                rsvrNodeArray: [],
                rsvrNodeSelectVisible: false,
                skSelectVisible: false,
                currentProblemId: "",
                updateIdXiuGai: "",
                rules1: {
                    inspPblmName: [
                        {
                            required: true,
                            message: "请输入问题名称",
                            trigger: "blur"
                        },
                        {
                            min: 1,
                            max: 999,
                            message: "不超过100字符",
                            trigger: "blur"
                        }
                    ],
                    inspPblmDesc: [
                        {
                            required: true,
                            message: "请输入问题描述",
                            trigger: "blur"
                        }
                    ],
                    recPers: [
                        {
                            required: true,
                            message: "请输入记录人",
                            trigger: "blur"
                        },
                        {
                            min: 1,
                            max: 999,
                            message: "不超过100字符",
                            trigger: "blur"
                        }
                    ],
                    objType: [
                        {
                            required: true,
                            message: "请选择督查对象类型",
                            trigger: "change"
                        }
                    ],
                    objId: [
                        {
                            required: true,
                            message: "请选择督查对象类型",
                            trigger: "change"
                        }
                    ],
                    inspPblmType: [
                        {
                            required: true,
                            message: "请选择督查问题类型",
                            trigger: "change"
                        }
                    ],
                    dataStat: [
                        {
                            required: true,
                            message: "请选择数据状态",
                            trigger: "change"
                        }
                    ],
                    collTime: [
                        {
                            required: true,
                            message: "请选择采集时间",
                            trigger: "change"
                        }
                    ],
                    ifCasePblm: [
                        {
                            required: true,
                            message: "请选择是否典型",
                            trigger: "change"
                        }
                    ],
                    pblmStat: [
                        {
                            required: true,
                            message: "请选择问题类型",
                            trigger: "change"
                        }
                    ],
                    inspPblmCate: [
                        {
                            required: true,
                            message: "请选择问题程度",
                            trigger: "change"
                        },
                        {
                            trigger: "change"
                        }
                    ]
                },
                dxdcAsideHeight: window.innerHeight - 220,
                maxHeight: window.innerHeight - 300,
                testHeight: window.innerHeight - 80,
                supervisionStateList: [
                    {
                        value: "0",
                        label: "暂存"
                    },
                    {
                        value: "1",
                        label: "上报"
                    }
                ],
                supervisionState: [
                    {
                        value: "0",
                        label: "一般"
                    },
                    {
                        value: "1",
                        label: "较重"
                    },
                    {
                        value: "2",
                        label: "严重"
                    },
                    {
                        value: "3",
                        label: "特别严重"
                    }
                ],
                supervision: [
                    {
                        value: "1",
                        label: "是"
                    },
                    {
                        value: "0",
                        label: "否"
                    }
                ],
                hasVedio1: [
                    {
                        value: "1",
                        label: "是"
                    },
                    {
                        value: "0",
                        label: "否"
                    }
                ],
                findUseOrgArray: [],
                areaInputValue: {},
                memberInputValue: {},
                multipleSelection: [], // 已选
                selectionType: {
                    remove: 0,
                    befor: 0,
                    now: 0,
                    after: 0
                },
                // 根据客户点击的督查类型查找督查对象ID
                // 新增
                listobjId: [],
                userId: localStorage.getItem("userid"),
                treeData: [],
                // 修改督查
                changeSupervisionVisible: false,
                leibie: [],
                // 查询
                value6: [],
                findParams: {
                    hasVedio: "",
                    adCode: "",
                    pblmStat: "",
                    inspPblmCate: "",
                    ifCasePblm: "",
                    nm: "",
                    adFullName: "",
                    startTime: "",
                    endTime: "",
                    pType: 41,
                    inspPblmName: "",
                    persId: localStorage.getItem("userid")
                },
                currentPage: 1, // 页码
                pageSize: 20, // 条数
                loading: false,
                total: 0, // 总数
                searchResult: [], // 结果
                crId: "", // 当前督查id
                // 督查详情
                userid: localStorage.getItem("userid"),
                supervisionDetailsVisible: false,
                problemDeleteVisible: false,
                supervisionDetails: {},
                pblmId: "",
                gwComFiles: [],
                pblscr: "",
                pblscrList: [
                    {
                        lable: "我的问题",
                        value: localStorage.getItem("userid")
                    }
                ],
                pblscrGroup: "",
                problemList: [],
                currentCheckPointList: [],
                currentProblemDescList: [],
                t1: {},
                t2: {},
                t3: {},
                xiangqingmiaoshu: "",
                wenTiLeiBie: "",
                jianChaXiangMu: "",
                header: {
                    persId: localStorage.getItem("userid")
                },
                exportLoading: false,
                datas: {},
                showTianBaoPl: false,
                orgType: '041',
                // orgType:'006',
            };
        },
        computed: {
            hostUrl() {
                return hostUrl;
            },
            formatDateTime() {
                return formatDateTime2
            },
        },
        created() {
            if (this.userId) {
                console.log("已经登录");
                this.search();
            } else {
                this.$router.push("/login");
            }
            this.getLeftTreeData();
            this.getproblemSmallType();

        },
        activated() {

        },
        methods: {
            tabChange(tabType){
                this.tabType = tabType;
                this.getLeftTreeData();
                this.search();
            },
            handleCheckChange(data, checked, indeterminate) {
                let cNarray = this.$refs["jigou_tree"].getCheckedNodes();
                console.log(cNarray);
                this.treeNodeArray = cNarray;
            },
            getLeftTreeData() {
                var _self = this;
                request
                    .get("/dc/organization/base/getAllNode", {
                        params: {
                            userId: this.userId,
                            orgType: this.orgType,
                            tabType:this.tabType
                        }
                    })
                    .then(res => {
                        let data = res.data;
                        data.forEach(ele => {
                            if (ele.pid == null || ele.pid == "") {
                                ele.pid = "041";
                            }
                        });
                        data = _self.getTrees(data);
                        _self.treeData = data;

                    });
            },
            //格式化树形数据
            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);
                });
            },
            // 查询参数逻辑
            insertTreeNode: function (params) {
                this.treeNodeArray.push({
                    name: params.name,
                    code: params.code
                });
                this.treeNodeSelectVisible = false;
                this.areaSelectVisible = false;
                this.skSelectVisible = false;
            },
            deleteTreeNode: function (tag) {
                let deleteIndex;
                this.treeNodeArray.forEach((item, index) => {
                    if (item.code == tag.code) {
                        deleteIndex = index;
                    }
                });
                this.treeNodeArray.splice(deleteIndex, 1);
            },
            selectDuChaAreaNode(params) {
                this.adNodeArray.push(params);
                this.areaSelectVisible = false;
                this.skSelectVisible = false;
            },
            deleteAreaNode(tag) {
                let deleteIndex;
                this.adNodeArray.forEach((item, index) => {
                    if (item.adCode == tag.adCode) {
                        deleteIndex = index;
                        return;
                    }
                });
                this.adNodeArray.splice(deleteIndex, 1);
            },
            selectSkNode(params) {
                this.rsvrNodeArray.push(params);
                this.skSelectVisible = false;
            },
            deleteSkNode(tag) {
                let deleteIndex;
                this.rsvrNodeArray.forEach((item, index) => {
                    if (item.rsCode == tag.rsCode) {
                        deleteIndex = index;
                        return;
                    }
                });
                this.rsvrNodeArray.splice(deleteIndex, 1);
            },
            // end
            // 操作成功反馈
            successInfo() {
                this.$message({
                    type: "success",
                    message: "操作成功!"
                });
            },
            // 操作失败反馈
            failInfo(val) {
                this.$message.error(val);
            },
            // 已选择项
            handleSelectionChange(val) {
                this.multipleSelection = val;
            },
            // 文件上传
            submitUpload() {
                this.$refs.upload.submit();
            },
            // 查询
            search() {
                this.loading = true;
                let _self = this;
                request
                    .get("/dc/organization/base/getAllNode", {
                        params: {
                            userId: this.userId,
                            orgType: this.orgType,
                            tabType:this.tabType
                        }
                    })
                    .then(res => {
                        let orgAllNode = res.data;
                        _self.loading = true;
                        let data = _self.findParams;
                        data.startTime = _self.value6 && _self.value6.length > 0 ? _self.value6[0] : "";
                        data.endTime = _self.value6 && _self.value6.length > 0 ? _self.value6[1] : "";
                        data.pageNum = _self.currentPage;
                        data.recPers = _self.pblscr;
                        data.orgNm = _self.pblscrGroup;
                        data.pageSize = _self.pageSize;
                        _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"] = "";
                        }
                        this.dataAll = data;
                        data.tabType = this.tabType;
                        getXSKProblemNew(data).then(res => {
                            _self.loading = false;
                            _self.multipleSelection = [];
                            if (res.success) {
                                res.data.list.forEach(item => {
                                    if (item.inTm || item.upTm || item.rectTm || item.fdTm) {
                                        item.inTm =
                                            typeof item.inTm == "string"
                                                ? item.inTm
                                                : dateFormat(item.inTm, "yyyy-MM-dd");
                                        item.upTm =
                                            typeof item.upTm == "string"
                                                ? item.upTm
                                                : dateFormat(item.upTm, "yyyy-MM-dd");
                                        item.rectTm =
                                            typeof item.rectTm == "string"
                                                ? item.rectTm
                                                : dateFormat(item.rectTm, "yyyy-MM-dd");
                                        item.fdTm =
                                            typeof item.fdTm == "string"
                                                ? item.fdTm
                                                : dateFormat(item.fdTm, "yyyy-MM-dd");
                                    }
                                });
                                _self.searchResult = res.data.list;
                                _self.total = res.data.total;
                            } else {
                                _self.failInfo();
                            }
                        });
                    });
            },
            async exportExcel() {
                let _self = this;
                await request
                    .get("/dc/organization/base/getAllNode", {
                        params: {
                            userId: this.userId,
                            orgType: this.orgType
                        }
                    })
                    .then(res => {
                        let orgAllNode = res.data;
                        let data = _self.findParams;
                        data.pageNum = _self.currentPage;
                        data.pageSize = _self.pageSize;
                        data.villType = "0";
                        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/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.userId,
                            orgType: this.orgType
                        }
                    })
                    .then(res => {
                        let orgAllNode = res.data;
                        let data = _self.findParams;
                        data.pageNum = _self.currentPage;
                        data.pageSize = _self.pageSize;
                        data.villType = "0";
                        _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);
                            }
                        });
                    });
                await request
                    .post("/prdPblm/doc", _self.dataAll)
                    .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();
                        } else {
                            _self.$mesage.error(res.message);
                        }
                    })
                    .catch(res => {
                        _self.$mesage.error(res.message);
                    });
            },
            downFile(blob, fileName) {
                // 非IE下载
                if ("download" in document.createElement("a")) {
                    let link = document.createElement("a");
                    link.href = window.URL.createObjectURL(blob); // 创建下载的链接
                    link.download = fileName; // 下载后文件名
                    link.style.display = "none";
                    document.body.appendChild(link);
                    link.click(); // 点击下载
                    window.URL.revokeObjectURL(link.href); // 释放掉blob对象
                    document.body.removeChild(link); // 下载完成移除元素
                } else {
                    // IE10+下载
                    window.navigator.msSaveBlob(blob, fileName);
                }
            },
            handleSizeChange(pageSize) {
                this.pageSize = pageSize;
                this.search();
            },
            // 详情弹框
            showDetails(id) {
                this.currentProblemId = id;
                this.supervisionDetailsVisible = true;
            },
            // 删除弹窗
            removeSuperviseOne(id) {
                this.deleteId = id;
                this.problemDeleteVisible = true;
            },
            deleteSuccess() {
                this.problemDeleteVisible = false;
                this.search();
                this.$emit("problemCount");
            },
            // 修改弹窗显示
            changeSup(pblmId) {
                this.editId = pblmId
                this.changeSupervisionVisible = true
            },
            // 修改弹窗关闭
            closeEditDialog(val) {
                this.changeSupervisionVisible = false
                if (val == 'success') this.search()
            },
            showPlDialog() {
                this.showTianBaoPl = true;
            },
            closePlDialog(val) {
                this.showTianBaoPl = false;
                this.search();
            },
            getproblemSmallType() {
                let result = [];
                request.get('/dc/insp/pblms/getPblmType', {
                    params: {
                        type: 41,
                        pguid: '41000000000000000000000000000000'
                    }
                }).then(res => {
                    if (res.success) {
                        res.data.forEach((ele) => {
                            let haveinspPblmsName = false;
                            result.forEach((inspPblm) => {
                                if (inspPblm['inspPblmsName'] == ele.inspPblmsName) {
                                    let havechekPoint = false;
                                    inspPblm['checkPoints'].forEach((chekPoint) => {

                                        if (chekPoint['checkPointName'] == ele.checkPoint) {
                                            //
                                            chekPoint['pblmDescs'].push({
                                                pblmDesc: ele.pblmDesc,
                                                sn: ele.sn,
                                                guid: ele.guid,
                                            });
                                            havechekPoint = true;
                                        }
                                    });
                                    if (!havechekPoint) {
                                        let newCheckPoint = {};
                                        newCheckPoint['checkPointName'] = ele.checkPoint;
                                        newCheckPoint['sort2'] = ele.sort2;
                                        newCheckPoint['pblmDescs'] = [{
                                            pblmDesc: ele.pblmDesc,
                                            sn: ele.sn,
                                            guid: ele.guid,
                                        }]
                                        inspPblm['checkPoints'].push(newCheckPoint);
                                    }
                                    haveinspPblmsName = true;
                                }
                            });
                            if (!haveinspPblmsName) {
                                let haveinspPblmsObj = {};
                                haveinspPblmsObj['inspPblmsName'] = ele.inspPblmsName;
                                haveinspPblmsObj['sort1'] = ele.sort1;
                                haveinspPblmsObj['checkPoints'] = [{
                                    checkPointName: ele.checkPoint,
                                    sort2: ele.sort2,
                                    pblmDescs: [{
                                        pblmDesc: ele.pblmDesc,
                                        sn: ele.sn,
                                        guid: ele.guid,
                                    }]
                                }];
                                result.push(haveinspPblmsObj);
                            }
                        })

                        this.problemList = result;
                    }
                })
            },
            detailClose() {
                this.currentProblemId = ''
            },
            timestampToTime(row, column) {
                var date = new Date(row.collTime);
                var Y = date.getFullYear() + "-";
                var M =
                    (date.getMonth() + 1 < 10
                        ? "0" + (date.getMonth() + 1)
                        : "0" + date.getMonth() + 1) + "-";
                var D =
                    (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
                var h =
                    (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
                var m =
                    date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
                return Y + M + D + h + m;
            }
        },
        watch: {
            codeId: function () {
                this.search();
            },
            showExpandSearchPanel: function (val) {
                if (val) {
                    this.tableHeight = window.innerHeight - 389;
                } else {
                    this.tableHeight = window.innerHeight - 290;
                }
            }
        }
    };
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
    @import "./base.css";
    @import url("/src/assets/iconfont/iconfont.css");
    @import url("/src/assets/css/mixin.scss");

    .upload-container {
        width: 100%;
        position: relative;

        .image-uploader {
            width: 35%;
            float: left;
        }

        .image-preview {
            width: 200px;
            height: 200px;
            position: relative;
            border: 1px dashed #d9d9d9;
            float: left;
            // margin-left: 50px;
            .image-preview-wrapper {
                position: relative;
                width: 100%;
                height: 100%;

                img {
                    width: 100%;
                    height: 100%;
                }
            }

            .image-preview-action {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                cursor: default;
                text-align: center;
                color: #fff;
                opacity: 0;
                font-size: 20px;
                background-color: rgba(0, 0, 0, 0.5);
                transition: opacity 0.3s;
                cursor: pointer;
                text-align: center;
                line-height: 200px;

                .el-icon-delete {
                    font-size: 36px;
                }
            }

            &:hover {
                .image-preview-action {
                    opacity: 1;
                }
            }
        }

        .image-app-preview {
            margin-bottom: 10px;
            width: 40vh;
            height: 180px;
            position: relative;
            border: 1px dashed #d9d9d9;
            float: left;
            // margin-left: 50px;
            .app-fake-conver {
                height: 44px;
                position: absolute;
                width: 100%; // background: rgba(0, 0, 0, .1);
                text-align: center;
                line-height: 64px;
                color: #fff;
            }
        }
    }

    .bottom {
        margin-top: 13px;
        line-height: 12px;
    }

    .button {
        padding: 0;
        float: right;
    }

    .image {
        width: 100%;
        display: block;
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
    }

    .clearfix:after {
        clear: both;
    }

    #wenTiContainer_sk .el-tree-node {
        /* overflow: auto; */
    }

    #wenTiContainer_sk .el-tree-node > .el-tree-node__children {
        overflow: auto;
    }

    .shuiku .el-date-editor.el-input {
        min-width: 180px !important;
    }

    .shuiku .header {
        padding: 0px 10px;
    }

    .shuiku .el-row {
        margin-bottom: 5px;
    }

    .shuiku .content {
        margin: 10px;
    }

    /* .search .el-table>>>.el-tooltip {
        white-space: pre-wrap !important;
        line-height: 30px;
        font-size: 0;
    } */

    .shuiku .search > > > .el-table .el-button:nth-child(odd) {
        margin-left: 0 !important;
    }

    .custom_dialog .el-dialog {
        width: 60% !important;
    }

    .custom_dialog .scroll300 {
        max-height: 60vh !important;
    }

    .shuiku .el-tag + .el-tag {
        margin-left: 10px;
    }

    .shuiku .button-new-tag {
        margin-left: 10px;
        height: 28px;
        line-height: 28px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .shuiku .input-new-tag {
        width: 90px;
        margin-left: 10px;
        vertical-align: bottom;
    }

    .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>