fj-dc-ui/.svn/pristine/78/785da13d38eb5b4adcd718ef65842d1a92f30a9d.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>
                    <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="exportExcel"
                        >导出EXCEL</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%">
                <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="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
                  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-view"  title="查看详情" type="text" @click.native.stop="toShowDetail(scope.row)"></el-button>
                    <el-button icon="el-icon-edit" title="修改问题" type="text" v-if="ownPriv('manage')" @click.native.stop="toEditProblem(scope.row)"></el-button>
                    <el-button icon="el-icon-delete" type="text"  title="删除问题" @click.native.stop="removeSuperviseOne(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"></supervision-details>
          <span slot="footer">
              <el-button style="margin-top:5px;" @click="supervisionDetailsVisible = false">返回</el-button>
          </span>
        </el-dialog>
        <!-- 删除组件 -->
        <el-dialog class="deleteDialog" title="问题删除描述" append-to-body :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>
    </div>
</template>
<script>
import {formatDateTime2} from '@util/gw_date.js'
import request from '@util/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: '',
                regid: '',
                regId: '',
                pType: '',
                pageSize: '20',
                pageNum: 1,
                nm: ''
            },
            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: '',
            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: "否"
              }
            ],
            problemDeleteVisible: false
        }
    },
    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(["../duChaTianBao/yongshuidw/problemModify.vue"], resolve);
        },
        //详情页
        supervisionDetails: resolve => {
          require(["../duChaTianBao/yongshuidw/problemDetail.vue"], resolve);
        },
        // 删除描述页
        ProblemDelete: resolve => {
            require(["../duChaWenTi/problemDelete.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.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: "016",
                    tabType:this.tabType
                }
            }).then(res => {
                let data = res.data;
                data.forEach(ele => {
                    if (ele.pid == null || ele.pid == "") {
                        ele.pid = "016";
                    }
                });
                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 = '16'
            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]
            }else{
                this.problemSearch['startTime'] = ''
                this.problemSearch['endTime'] = ''
            }
            this.problemSearch.tabType = this.tabType;
          await request.get("/dc/organization/base/getAllNode", {params: {userId: this.persId,orgType: "016",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/sdPblm`, this.problemSearch).then(res => {
              _self.loading = false;
              this.tableData = res.data.list;
              this.total = res.data.total;
            });
          })
        },
        toEditProblem(row){
            this.dialogType = '修改'
            this.unitProblemInfo = row
            this.problemId = row.pblmId
            this.edit_dialogVisible = true
        },
        // 查看详情
        toShowDetail(row){
            this.problemId = row.pblmId
            this.supervisionDetailsVisible = true
        },
        //删除问题
        removeSuperviseOne(row){
            this.deleteId = row.pblmId
            this.problemDeleteVisible = true
        },
        deleteSuccess() {
            this.problemDeleteVisible = false;
            this.searchList();
        },
        // 文件上传
        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.searchList()
        },
        closeRectifyEditDialog(){
            this.recheck_dialogVisible = false
            this.searchList()
        },
        // async exportExcel() {
        //     let _self = this;
        //     _self.exportLoading = true;
        //     await request.get("/dc/organization/base/getAllNode", {
        //         params: {
        //             userId: this.persId,
        //             orgType: "016"
        //         }
        //     }).then(res => {
        //         let orgAllNode = res.data;
        //         let data = _self.findParams;
        //         data.pageNum = _self.pageIndex;
        //         data.pageSize = _self.pageSize;
        //         data.villType = "16";
        //         data.pType = "16";
        //         this.datas = JSON.stringify(data);
        //         _self.treeNodeArray.forEach(item => {
        //             console.log(item);
        //             if (item.id.length < 12) {
        //                 orgAllNode.forEach(orgItem => {
        //                     if (orgItem.id.startsWith(item.id)) {
        //                     _self.findUseOrgArray.push(orgItem.id);
        //                     }
        //                 });
        //             } else {
        //                 _self.findUseOrgArray.push(item.id);
        //             }
        //         });
        //
        //     });
        //   let url = "/pdcApi/dc/insp/pblm/page/keyReg/export";
        //   let type = "post";
        //   let exportName = "用水单位问题列表.xls"
        //   let result = await exportModel(type,url,exportName,this.datas);
        //   _self.exportLoading = result;
        // },
        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 exportExcel() {
            this.exportLoading = true;
            let _self = this;
            let orgAllNode = _self.treeAllData;
            let data = _self.findParams;
            data.pageNum = _self.currentPage;
            data.pageSize = _self.pageSize;
            data.villType = "";
            data.pType = "16";
            _self.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.persId,
                    orgType: "016"
                }
            }).then(res => {
                let orgAllNode = res.data;
                let data = _self.findParams;
                data.pageNum = _self.pageIndex;
                data.pageSize = _self.pageSize;
                data.pType = "16";
                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);
          })
        },
        // 下载模板
        async downloadTemplate(){

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

        },
        async downloadTemplateSet(){
            let url = '/pdcApi/dc/imp/pblm/download?userId='+this.persId+'&orgType=016&orgIds='+this.orgIds;
            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: '16',
              pguid: '16000000000000000000000000000000'
            }
          }).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>