fj-dc-ui/.svn/pristine/44/44fed89ad423be56c9eeaca0662ca5ef1e6a3eef.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="treeNodeClickHandler"
                        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-input v-model="problemSearch.nm" clearable></el-input>
                        </el-form-item>
                        <el-form-item label="问题类别">
                            <el-select v-model="problemSearch.inspPblmName" clearable>
                                <el-option :label="item.inspPblmsName" :value="item.inspPblmsName"
                                           v-for="(item,index) in problemType" :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-select v-model="problemSearch.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-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>
                    <div>
                        <el-button
                            style="color:rgba(255,255,255,1);float:right;margin-right:10px;"
                            type="success"
                            icon="el-icon-upload2"
                            @click="showPlDialog"
                            :disabled="uploadDisabled"> 批 量 填 报
                        </el-button>
                        <el-button style="color:rgba(255,255,255,1);float:right;margin-right:20px;margin-bottom:5px"
                                   type="primary"
                                   icon="el-icon-search"
                                   @click="search">&nbsp;&nbsp; 查&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-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;"
                            type="success"
                            icon="el-icon-download"
                            @click="downloadTemplate"
                        >导出EXCEL
                        </el-button>
                        <el-button
                            style="color:rgba(255,255,255,1);float:right;margin-right:10px;"
                            type="success"
                            @click="submitBtn"
                        >问题提交
                        </el-button>
                        <el-button
                          v-if="isGd"
                          style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                          type="success"
                          icon="el-icon-download"
                          @click="toForm"
                        >导出一表一单
                        </el-button>
                        <YuDiBaWentiPl v-if="showTianBaoPl"
                                       :showTianBaoPl="showTianBaoPl"
                                       titleName="水源地"
                                       @closePlDialog="closePlDialog">
                        </YuDiBaWentiPl>
                    </div>
                </div>
                <el-table
                    :data="tableData"
                    border
                    @row-click="openDetails"
                    :height="tableHeight"
                    v-loading="loading"
                    style="width: 100%"
                    @selection-change="handleSelectionChange">
                    <el-table-column
                        type="selection"
                        min-width="55">
                    </el-table-column>
                    <el-table-column
                        fixed
                        prop="nm"
                        show-overflow-tooltip
                        label="工程名称"
                        min-width="180">
                    </el-table-column>
                    <el-table-column
                        min-width="140"
                        prop="inspPblmsName"
                        label="问题类别"
                        show-overflow-tooltip
                    ></el-table-column>
                    <!--<el-table-column-->
                    <!--show-overflow-tooltip-->
                    <!--prop="inspPblmName"-->
                    <!--label="检查事项"-->
                    <!--min-width="150">-->
                    <!--</el-table-column>-->
                    <el-table-column
                        show-overflow-tooltip
                        prop="inspPblmDesc"
                        label="详细描述"
                        min-width="150">
                    </el-table-column>
                    <!--<el-table-column-->
                    <!--prop="inspPblmCate"-->
                    <!--label="严重程度"-->
                    <!--min-width="90">-->
                    <!--<template slot-scope="scope">-->
                    <!--{{scope.row.inspPblmCate | inspPblmCate}}-->
                    <!--</template>-->
                    <!--</el-table-column>-->
                    <el-table-column
                        prop="ifCasePblm"
                        label="是否典型"
                        min-width="90">
                        <template slot-scope="scope">
                            {{scope.row.ifCasePblm == '1' ? '典型' : scope.row.ifCasePblm == '0' ? '非典型' : ''}}
                        </template>
                    </el-table-column>
                    <el-table-column
                        prop="collTime"
                        label="发现时间"
                        min-width="150">
                        <template slot-scope="scope">
                            {{scope.row.collTime ? formatDateTime(scope.row.collTime) : ''}}
                        </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
                    prop="zip"
                    label="复查时间"
                    width="120">
                    </el-table-column> -->
                    <!--<el-table-column-->
                    <!--prop="hasVedio"-->
                    <!--label="有无多媒体"-->
                    <!--min-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="130">
                        <template slot-scope="scope">
                        <span style="margin-right:10px;" v-if="ownPriv('manage')">
                          <el-button icon="el-icon-s-flag" type="text" v-if="scope.row.quote == '1'" title="已被督查简报引用"
                                     @click.native.stop="changeSfYy(scope.row.pblmId,1)"></el-button>
                          <i class="el-icon-s-flag" v-else title="未被督查简报引用"
                             @click.native.stop="changeSfYy(scope.row.pblmId,0)" style="cursor: pointer;"></i>
                        </span>
                            <el-button icon="el-icon-edit" type="text" title="修改问题"
                                       v-if="ownPriv('manage') && (!scope.row.reviConc || scope.row.reviConc =='0')"
                                       @click.native.stop="toEditProblem(scope.row)"></el-button>
                            <el-button icon="el-icon-edit" type="text" title="修改问题"
                                       v-if="ownPriv('manage') && (scope.row.reviConc == '1' || scope.row.reviConc =='2')"
                                       @click.native.stop="toRecheckProblem(scope.row)"></el-button>
                            <el-button icon="el-icon-view" title="查看详情" type="text"
                                       @click.native.stop="toShowDetail(scope.row)"></el-button>
                            <el-button icon="el-icon-delete" type="text" 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"
                               :page-size="pageSize" layout="total, prev, pager, next" :total="total"
                               @current-change="pageIndexChange" @size-change="handleSizeChange"
                ></el-pagination>
            </el-main>
        </el-container>
        <!-- 修改组件 -->
        <problem-edit :editId="problemId" @closeEditDialog="closeEditDialog" v-if="edit_dialogVisible"></problem-edit>
        <!-- 详情组件-->
        <el-dialog
            class="custom_dialog"
            title="问题详情"
            width="60%"
            append-to-body
            v-if="supervisionDetailsVisible"
            :visible.sync="supervisionDetailsVisible">
            <supervision-details ref="xianqing" :problemId="problemId" objType="13"></supervision-details>
            <span slot="footer">
              <el-button style="margin-top:5px;" @click="supervisionDetailsVisible = false">返回</el-button>
          </span>
        </el-dialog>
    </div>
</template>
<script>
    import {pblmSubmit} from "@api/duChaAPI.js";
    import {formatDateTime2} from '../../utils/gw_date.js'
    import request from '../../utils/gw_ajax_request.js'
    import {hostUrl} from "@util/global_variable.js";
    import YuDiBaWentiPl from './problemBatchImp/tongYongWenti_piliang.vue'
    import {exportModel} from "@util/gw_exportModel";

    export default {
        props: [],
        data() {

            return {
                tabType: "0",//0全部数据，1当前数据，2历史数据
                currentRow: {},
                edit_dialogVisible: false,
                tableHeight: window.innerHeight - 250,
                tableData: [
                    {
                        date: '',
                        name: '',
                        province: '',
                        city: '',
                        address: '',
                        zip: ''
                    }
                ],
                problemSearch: {
                    problemType: '',
                    inspPblmCate: '',
                    reviConc: '',
                    regid: '',
                    regId: '',
                    pType: '',
                    pageSize: '20',
                    pageNum: 1,
                    nm: '',
                    state: ''
                },
                stateList: [
                    {
                        label: '未提交',
                        value: '0'
                    },
                    {
                        label: '已提交',
                        value: '2'
                    },
                    {
                        label: '已发布',
                        value: '3'
                    }
                ],
                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: [],
                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: [],
                rectifyRow: {},
                isRectify: false,
                rectifyId: '',
                activeName: 'problem-detail',
                pageIndex: 1,
                pageSize: 20,
                total: 0,
                treeData: [],
                findUseOrgArray: [],
                treeNodeArray: [],
                loading: true,
                multipleSelection: [], // 已选
                rectifyProblemInfo: null,
                exportLoading: false,
                datas: {},
                showTianBaoPl: false,
                orgIds: '',
                uploadDisabled: true,
                supervision: [
                    {
                        value: "1",
                        label: "是"
                    },
                    {
                        value: "0",
                        label: "否"
                    }
                ]
            }
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            },
            formatDateTime() {
                return formatDateTime2
            },
            hostUrl() {
                return hostUrl
            },
            isGd(){
                if(localStorage.getItem('currentRlcode').substring(0,2)=="44"){
                    return true;
                }else{
                    return false;
                }
            }
        },
        components: {
            upload: resolve => {
                require(["../../widgets/uploadFile.vue"], resolve);
            },
            // 修改问题
            problemEdit: resolve => {
                require(["../duChaWenTi/shuiYuanDiProblemModify.vue"], resolve);
            },
            //详情页
            supervisionDetails: resolve => {
                require(["../duChaWenTi/supervisionDetails_shuiyuandiNew.vue"], resolve);
            },
            YuDiBaWentiPl: YuDiBaWentiPl
        },
        mounted() {
            // this.getLeftTreeData();
            // this.searchList()
            // this.getproblemSmallType();
        },
        activated() {
            this.getLeftTreeData();
            this.search();
            this.getproblemSmallType();
            this.findParams = {
                hasVedio: "",
                adCode: "",
                pblmStat: "",
                inspPblmCate: "",
                ifCasePblm: "",
                nm: "",
                rsName: "",
                adFullName: "",
                startTime: "",
                endTime: "",
                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.search();
            },
            getLeftTreeData() {
                var _self = this;
                request.get("/dc/organization/base/getAllNode", {
                    params: {
                        userId: this.persId,
                        orgType: "013",
                        tabType: this.tabType
                    }
                }).then(res => {
                    let data = res.data;
                    data.forEach(ele => {
                        if (ele.pid == null || ele.pid == "") {
                            ele.pid = "013";
                        }
                    });
                    data = _self.getTrees(data);
                    _self.treeData = data;
                    console.log(data);
                });
            },
            search() {
                this.searchList()
            },
            async searchList() {
                let _self = this;
                this.problemSearch.persId = this.persId
                this.problemSearch.pType = '13'
                this.problemSearch.pageSize = this.pageSize
                this.problemSearch.pageNum = this.pageIndex
                console.log(this.findTime)
                if (this.findTime && this.findTime.length) {
                    this.problemSearch['startTime'] = this.findTime[0]
                    this.problemSearch['endTime'] = this.findTime[1]
                    this.problemSearch.reviConc = this.problemSearch.reviConc || "0"
                } else {
                    this.problemSearch['startTime'] = ''
                    this.problemSearch['endTime'] = ''
                }
                this.problemSearch.tabType = this.tabType
                await request.get("/dc/organization/base/getAllNode", {
                    params: {
                        userId: this.persId,
                        orgType: "013",
                        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(",");
                        this.orgIds = _self.findUseOrgArray.join(",");
                    } else {
                        data["orgIds"] = "";
                    }
                    request.post(`/dc/insp/pblm/page/swhsPblm`, this.problemSearch).then(res => {
                        _self.loading = false;
                        this.tableData = res.data.list;
                        this.total = res.data.total;
                    });
                })
            },
            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);
                }
            },
            toEditProblem(row) {
                this.dialogType = '修改'
                this.unitProblemInfo = row
                this.problemId = row.pblmId
                this.edit_dialogVisible = true
            },
            // 复查
            toRecheckProblem(row) {
                this.rectifyProblemInfo = row
                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(() => {
                });
            },
            // 文件上传
            submitUpload() {
                this.$refs.upload.submit();
            },
            updatefilelist(arg) {
                if (this.isRectify) {
                    request.post('/dc/insp/rectFdbk', {
                        id: this.pblmId,
                        gwComFiles: arg
                    }).then(res => {
                        this.removeNewSupervision()
                    });
                } else {
                    if (this.dialogType == '修改') {
                        this.problemForm.gwComFiles = this.problemForm.gwComFiles.concat(arg)
                    } else {
                        this.problemForm.gwComFiles = arg
                    }
                    request.post('/dc/insp/pblm/update', {
                        pblmId: this.pblmId,
                        gwComFiles: this.problemForm.gwComFiles,
                        pblmStat: this.pblmStat
                    }).then(res => {
                        this.searchList()
                        this.removeNewSupervision()
                    });
                }
            },
            removeNewSupervision(arg) {
                if (arg) {
                    console.log(arg);
                    var args = this.gwComFiles.concat(arg);
                    this.updatefilelist(args);
                }
                this.$message.success('保存成功')
                this.$emit('closeDialog')
                this.gwComFiles = [];
                this.$refs.uploadFile.init();
            },
            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);
                });
            },
            //树节点点击事件
            treeNodeClickHandler: function () {
                let cNarray = this.$refs["jigou_tree"].getCheckedNodes();
                console.log(cNarray);
                this.treeNodeArray = cNarray;
            },
            // 已选择项
            handleSelectionChange(val) {
                this.multipleSelection = val;
            },
            closeEditDialog() {
                this.edit_dialogVisible = false;
                this.problemId = "";
                this.searchList();
            },
            async exportWord() {
                let _self = this;
                _self.exportLoading = true;
                await request.get("/dc/organization/base/getAllNode", {
                    params: {
                        userId: this.persId,
                        orgType: "013"
                    }
                }).then(res => {
                    let orgAllNode = res.data;
                    let data = _self.findParams;
                    data.pageNum = _self.pageIndex;
                    data.pageSize = _self.pageSize;
                    data.pType = "13";
                    data.orgIds = _self.orgIds;
                    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('/pblm/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();
                    } else {
                        _self.$mesage.error(res.message);
                    }
                }).catch(res => {
                    _self.$mesage.error(res.message);
                })
            },
            toForm(){
                var idArr = [];
                if(this.multipleSelection && this.multipleSelection.length==0){
                    this.$message.warning("请选择数据");
                    return false;
                }else{
                    this.multipleSelection.forEach((item)=>{
                        idArr.push(item.pblmId);
                    })
                }
                var ids = idArr.join(",");
                let host = hostUrl;
                let nginx = '/pageofficePath/';
                let href = 'pageoffice://|' + host + nginx + '/pageoffice/pblm/list/word?ids='+ids+'&filename=pblm|width=1100px;height=800px;ismodal=false;||91A4EE66EC1921F376873E85D6C74FFA|A890649B44577C32CE1930797E1299F9';
                let a = document.createElement('a'); // 创建a标签
                a.setAttribute('href', href);// href链接
                a.click();// 自执行点击事件
            },
            // 下载模板
            async downloadTemplate() {

                await this.searchList();
                await this.downloadTemplateSet();
                this.uploadDisabled = false;

            },
            async downloadTemplateSet() {
                let datas = JSON.stringify(this.problemSearch);

                let url = '/pdcApi/dc/imp/pblm/download?userId=' + this.persId + '&orgType=013&orgIds=' + this.orgIds + '&datas=' + datas;
                let downloadName = "水源地问题.xls";
                let type = "get";
                await exportModel(type, url, downloadName);
            },
            //切换问题是否被督查简报调用
            changeSfYy(row, val) {
                this.$confirm('此问题将切换是否被督查简报引用, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    if (val) {
                        request.post(`/dc/insp/pblm/update`, {
                            "pblmId": row,
                            "quote": 0
                        }).then(res => {
                            if (res.success) {
                                this.search();
                            }

                        })
                    } else {
                        request.post(`/dc/insp/pblm/update`, {
                            "pblmId": row,
                            "quote": 1
                        }).then(res => {
                            if (res.success) {
                                this.search();
                            }
                        })
                    }
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消切换'
                    });
                });

            },
            showPlDialog() {
                this.showTianBaoPl = true
            },
            closePlDialog(val) {
                this.showTianBaoPl = false
                this.search();
            },
            getproblemSmallType() {
                let result = [];
                request.get('/dc/insp/pblms/getPblmType', {
                    params: {
                        type: '13',
                        pguid: '13000000000000000000000000000000'
                    }
                }).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.problemType = result;
                        console.log(this.problemType);
                    }
                })
            },
        },
        watch: {

            // 'weigui.pblmSn':{
            //     deep: true,
            //     handler(val){
            //         this.showPblmList(this.weigui,this.problemForm.weigui,'违规')
            //     }
            // },
            // 'hetong.pblmSn':{
            //     deep: true,
            //     handler(val){
            //         this.showPblmList(this.hetong,this.problemForm.hetong,'合同')
            //     }
            // },
            // 'quanlity.pblmSn':{
            //     deep: true,
            //     handler(val){
            //         this.showPblmList(this.quanlity,this.problemForm.quanlity,'质量')
            //     }
            // },
            // 'gongcheng.pblmSn':{
            //     deep: true,
            //     handler(val){
            //         this.showPblmList(this.gongcheng,this.problemForm.gongcheng,'工程')
            //     }
            // }
        },
        filters: {
            inspPblmCate(val) {
                if (!val || val == '') {
                    return ''
                }
                if (val == '0') {
                    return '一般'
                } else if (val == '1') {
                    return '较重'
                } else if (val == '2') {
                    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>