fj-dc-ui/.svn/pristine/2f/2f30d74b810ce85119225a2f8bbfb8398c875934.svn-base

<template>
    <el-container class="problem_list">
        <el-main style="padding: 10px 10px;">
            <!-- <div class="content_wrapper" v-if="!showProblemClass"> -->
                <!-- <el-form ref="form" :inline="true" label-width="84px">
                    <el-form-item label="专业">
                        <el-select v-model="form.pblmChType" clearable placeholder="请选择" @change="professionChange" style="width: 200px;">
                            <el-option
                            v-for="item in professionList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="问题大类">
                        <el-select v-model="form.class1Name" clearable placeholder="请选择" @change="majorChange" style="width: 200px;">
                            <el-option
                            v-for="item in marjorClassList"
                            :key="item.className"
                            :label="item.className"
                            :value="item.className">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="问题小类">
                        <el-select v-model="form.class2Name" clearable placeholder="请选择" style="width: 200px;">
                            <el-option
                            v-for="item in subclassList"
                            :key="item.className"
                            :label="item.className"
                            :value="item.className">
                            </el-option>
                        </el-select>
                    </el-form-item>

                  <el-form-item label="序号">
                    <el-input v-model="form.sn" placeholder="请输入内容" style="width: 200px;" clearable></el-input>
                  </el-form-item>
                  <el-form-item label="问题描述">
                    <el-input v-model="form.pblmsDesc" placeholder="请输入内容" style="width: 200px;" clearable></el-input>
                  </el-form-item>
                  <el-form-item label="相关法规">
                    <el-input v-model="form.relativeLaw" placeholder="请输入内容" style="width: 200px;" clearable></el-input>
                  </el-form-item>
                  <el-form-item label="法规内容">
                    <el-input v-model="form.lawContent" placeholder="请输入内容" style="width: 200px;" clearable></el-input>
                  </el-form-item>
                  <el-form-item label="问题分类">
                    <el-select v-model="form.level" placeholder="请选择" style="width: 200px;" clearable>
                      <el-option label="一般" value="0"></el-option>
                      <el-option label="较重" value="1"></el-option>
                      <el-option label="严重" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                    <el-form-item label="审核状态">
                        <el-select v-model="form.dataStat" placeholder="请选择" style="width: 200px;" clearable>
                            <el-option label="未审核" value="0"></el-option>
                            <el-option label="已审核" value="1"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="清单类型">
                      <el-select v-model="form.isNew" clearable placeholder="请选择" style="width: 200px;">
                        <el-option label="清单内" value="0"></el-option>
                        <el-option label="清单外" value="1"></el-option>
                      </el-select>
                    </el-form-item>
                    <div class="operate_btn">
                        <el-button style="margin-left:0;padding:7px 10px;" type="primary" @click="getProblemList()">查询</el-button>
                        <el-button style="margin-left:0;padding:7px 10px;" type="primary" @click="toAddFile" v-if="ownPriv('manage')">添加</el-button>
                        <el-button style="margin-left:0;padding:7px 10px;" type="warning" @click="exportExcel()">下载模板</el-button>
                        <el-button style="margin-left:0;padding:7px 10px;" type="success" @click="exportWord()">上传</el-button>
                    </div>
                </el-form>   -->
                <div style="width: 100%;display: flex;">
                    <!-- <el-button style="margin-left:1%;" type="primary" @click="getProblemList()">查询</el-button>
                    <el-button style="margin-left:0.5%;" type="primary" @click="toAddFile" v-if="ownPriv('manage')">添加</el-button> -->
                    <el-button style="margin-left:0.5%;" type="warning" @click="downloadMoban">下载模板</el-button>
                     <PblmMendUploadAutoSimple
                    ref="ImportPlan"
                    :limit=1
                    :url="uploadUrl"
                    @uploadOver="uploadOver"
                    :accept="'.xls,.xlsx'"
                    style="margin-left: 1%;"
                    fileDesc="导入"
                    ></PblmMendUploadAutoSimple>
                    <el-button style="margin-left:auto;margin-right: 1%;" type="success" @click="dialogProblem = true,isAdd = true">添加问题</el-button>
                </div>
                <div style="display: flex;margin-top: 1%;">
                    <div style="width: 19%;">
                        <div style="font-size: 18px;width: 100%;display: flex;align-items: center;line-height: 1.5;">
                            <div>问题类型</div>
                            <el-button style="margin-left:2%;" type="success" size="mini" @click="dialogProblemClass = true,isAdd = true">新增</el-button>
                        </div>
                        <el-tree
                        ref="myTree"
                        :data="dataProblemclass"
                        node-key="id"
                        default-expand-all
                        @node-click="handleNodeClick"
                        style="margin-top: 2%;height: 80vh;"
                        :highlight-current="true"
                        :expand-on-click-node="false">
                        <span class="custom-tree-node" slot-scope="{node, data}">
                            <div v-if="node.data.isDefault!='0'">{{ node.data.nm }}(已启用)</div>
                            <div v-if="node.data.isDefault=='0'">{{ node.data.nm }}</div>
                            <span>
                                <i class="el-icon-edit" style="cursor: pointer;" @click="editClass(data)"></i>
                                <i class="el-icon-delete" style="cursor: pointer;color: red;margin-left: 10px;" @click="delClass(data)"></i>
                            </span>
                        </span>
                        </el-tree>
                        <!-- <el-tree :highlight-current="true" style="margin-top: 2%" :data="dataProblemclass" :props="defaultProps" @node-click="handleNodeClick"></el-tree> -->
                    </div>
                    <div style="width: 80%;margin-left: 1%;">
                        <el-table
                        :data="tableData"
                        border
                        stripe
                        v-loading='loading'
                        :height="tableHeight"
                        style="width: 100%">
                        <el-table-column
                        prop="sn"
                        label="序号"
                        min-width="80">
                        </el-table-column>
                        <el-table-column
                        prop="inspPblmsName"
                        label="一级问题"
                        min-width="120">
                        </el-table-column>
                        <el-table-column
                        prop="checkPoint"
                        label="二级问题"
                        min-width="200">
                        </el-table-column>
                        <el-table-column
                        prop="pblmDesc"
                        label="三级问题"
                        min-width="200">
                        </el-table-column>
                        <el-table-column
                        prop="inspPblmOrgName"
                        label="问题责任单位">
                        </el-table-column>
                        <el-table-column
                            prop="inspPblmCate"
                            label="问题严重程度">
                            <template slot-scope="scope">
                                <span v-if="scope.row.inspPblmCate == '0'" style="color: #67C23A">一般</span>
                                <span v-if="scope.row.inspPblmCate == '1'" style="color: #E6A23C">较重</span>
                                <span v-if="scope.row.inspPblmCate == '2'" style="color: #F56C6C">严重</span>
                                <span v-if="scope.row.inspPblmCate == '3'" style="color: #F56C6C">特别严重</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                        fixed="right"
                        label="操作"
                        width="130">
                        <template slot-scope="scope">
                            <el-button type="text" size="small" @click="showEditproblem(scope.row)">编辑</el-button>
                            <el-button v-if="scope.row.dataStat == '0'" type="text" size="small" @click="checkProblem(scope.row)">审核</el-button>
                            <el-button @click="deleteProblem(scope.row)" type="text" size="small">删除</el-button>
                        </template>
                        </el-table-column>
                    </el-table>
                    <!-- <el-pagination style="margin-left: 30px;" :pager-count="5" :current-page="pageIndex" background
                    :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"
                    :page-sizes="[10, 20, 50, 100]"
                    @current-change="pageIndexChange" @size-change="handleSizeChange"
                    ></el-pagination> -->
                    </div>
                </div>
            <edit-problem-class v-if="showProblemClass" @goBack="goBack"></edit-problem-class>
            <add-problem-com v-if="addFileVisiual" :titleType="titleType" :rowData="rowData" :currentNodeId="currentNodeId" :objId="objId" :listType="type" :pertype="pertype" @dialogClose="dialogClose"></add-problem-com>
            <export-excel v-if="exportEvent" @dialogClose="dialogClose" :currentNodeId="currentNodeId" :listType="type"></export-excel>
            <export-word v-if="exportWordDialog" @dialogClose="dialogClose" :problemId="problemId" :professionType="type"></export-word>
        </el-main>
        <el-dialog title="请为已选问题选择问题大类和问题小类" :visible.sync="dialogFormVisible">
            <el-form :model="changeClassForm" :rules="rules" ref="form">
                <el-form-item label="请选择问题大类：" prop="class1">
                    <el-select v-model="changeClassForm.class1" clearable placeholder="请选择">
                        <el-option
                        v-for="item in marjorClassList"
                        :key="item.classCode"
                        :label="item.className"
                        :value="item.classCode">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="请选择问题小类：" prop="class2">
                    <el-select v-model="changeClassForm.class2" clearable placeholder="请选择">
                        <el-option
                        v-for="item in subclassList"
                        :key="item.classCode"
                        :label="item.className"
                        :value="item.classCode">
                        </el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="changeClass">确 定</el-button>
            </div>
        </el-dialog>
        <el-dialog title="问题类型" :visible.sync="dialogProblemClass" width="30%" @close="problemClass = {nm:'',objType:'',isDefault:'1'}">
            <el-form :model="problemClass" :rules="rules" ref="form">
                <el-form-item label="名称：" prop="nm">
                    <el-input v-model="problemClass.nm" placeholder="请输入内容" style="width: 200px;" clearable></el-input>
                </el-form-item>
                <el-form-item label="类型：" prop="objType">
                    <el-select v-model="problemClass.objType" style="width: 200px;" clearable placeholder="请选择">
                        <el-option
                        v-for="item in problemClasslist"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="是否默认清单：" prop="isDefault">
                    <el-select v-model="problemClass.isDefault" style="width: 200px;" clearable placeholder="请选择">
                        <el-option label="是" value="1"></el-option>
                        <el-option label="否" value="0"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
           
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogProblemClass = false">取 消</el-button>
                <el-button type="primary" v-if="isAdd" @click="addProblemclass">确 定</el-button>
                <el-button type="primary" v-if="!isAdd" @click="editProblemclass">确 定</el-button>
            </div>
        </el-dialog>
        <el-dialog title="问题" :visible.sync="dialogProblem" width="30%" @close="problemClass = {nm:'',objType:'',isDefault:'1'}">
            <el-form :model="problemForm" :rules="rulesProblem" ref="form1" label-width="150px" position="right">
                <el-form-item label="问题类型:" prop="type">
                    <!-- <el-select v-model="problemForm.type" style="width: 200px;" clearable placeholder="请选择">
                        <el-option
                        v-for="item in dataProblemclass"
                        :key="item.nm"
                        :label="item.nm"
                        :value="item.id">
                        </el-option>
                    </el-select> -->
                    <el-input v-model="problemForm.type" placeholder="" style="width: 200px;" clearable></el-input>
                </el-form-item>
                <el-form-item label="序号:" prop="sn">
                    <el-input-number v-model="problemForm.sn" style="width: 200px;" controls-position="right" @change="handleChange"></el-input-number>
                </el-form-item>
                <el-form-item label="一级问题:" prop="inspPblmsName">
                    <el-input v-model="problemForm.inspPblmsName" placeholder="" style="width: 200px;" clearable></el-input>
                </el-form-item>
                <el-form-item label="二级问题:" prop="checkPoint">
                    <el-input v-model="problemForm.checkPoint" placeholder="" style="width: 200px;" clearable></el-input>
                </el-form-item>
                <el-form-item label="三级问题:" prop="pblmDesc">
                    <el-input v-model="problemForm.pblmDesc" placeholder="" style="width: 200px;" clearable></el-input>
                </el-form-item>
                <el-form-item label="一级问题排序:" prop="sort1">
                    <el-input-number v-model="problemForm.sort1" style="width: 200px;" controls-position="right" @change="handleChange"></el-input-number>
                </el-form-item>
                <el-form-item label="二级问题排序:" prop="sort2">
                    <el-input-number v-model="problemForm.sort2" style="width: 200px;" controls-position="right" @change="handleChange"></el-input-number>
                </el-form-item>
                <el-form-item label="问题严重程度:" prop="inspPblmCate">
                    <el-select v-model="problemForm.inspPblmCate" style="width: 200px;" clearable placeholder="请选择">
                        <el-option label="一般" value="0"></el-option>
                        <el-option label="较重" value="1"></el-option>
                        <el-option label="严重" value="2"></el-option>
                        <el-option label="特别严重" value="3"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
           
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogProblem = false">取 消</el-button>
                <el-button type="primary" v-if="isAdd" @click="addProblem">确 定</el-button>
                <el-button type="primary" v-if="!isAdd" @click="editProblem">确 定</el-button>
            </div>
        </el-dialog>
    </el-container>
    
</template>
<script>
import request from '@util/gw_ajax_request.js'
import {formatDateTime2} from '@util/gw_date.js'
import addProblemCom from './dialogCom/addInspectionProblem.vue'
import editProblemClass from './dialogCom/editProblemClass.vue'
import ExportExcel from './dialogCom/ExportExcel.vue'
import { exportModel } from "@util/gw_exportModel";
import ExportWord from './dialogCom/ExportWord.vue'
import { downloadFile } from '../../api/duChaAPI'
import PblmMendUploadAutoSimple from '../../widgets/pblm-mend-upload-auto-simple';
import duChaclass from "../duChaWenTi/duchaClass.json"
export default {
    props:['currentNodeId','type','objId','projectName','pertype','backStatus'],
    data(){
        return{
            uploadUrl:'/pdcApi/dc/insp/pblms/impExl',
            isAdd: true,
            problemForm: {
            },
            dialogProblem: false,
            selectedOptions: [],
            problemClasslist: duChaclass,
            problemClass:{
                nm:'',
                objType:'',
                isDefault:'1'
            },
            dialogProblemClass:false,
            dataProblemclass:[
            ],
            form:{
                pblmChType: '',
                class1Name: '',
                class2Name: '',
                dataStat: '',
                pageSize: 20,
                pageNum: 1,
                isNew:"",
                sn:"",
                pblmsDesc:"",
                relativeLaw:"",
                lawContent:"",
                level:""
            },
            marjorClass: '',
            rgstrId: '',
            subclass: '',
            professionList:[
                {label: '前期与设计',value: '1'},
                {label: '建设管理',value: '2'},
                {label: '计划下达与执行',value: '3'},
                {label: '资金使用与管理',value: '4'},
                {label: '质量行为',value: '5'},
                {label: '质量实体',value: '6'},
                {label: '工程安全',value: '7'}
            ],
            marjorClassList:[
            ],
            subclassList:[
            ],
            problemType: [
                {label: '一般',value: '0'},
                {label: '较重',value: '1'},
                {label: '严重',value: '2'}
            ],
            pblmPasi: '',  //严重程度
            pblmNm: '',
            subjectNames: '',  //单位名称，多个单位逗号拼接字符串
            ifCasePblm: '',
            tableData: [],
            baseInfo:{
                nm:'',
                condition: '',
                comment: ''
            },
            problemId: '',
            pageIndex: 1,
            pageSize: 20,
            total: 0,
            loading: false,
            addFileVisiual: false,
            modifyFileVisiual: false,
            exportEvent: false,//导出对话框v-if
            exportWordDialog: false,
            problemId: '',
            name: '',
            tableHeight: window.innerHeight*0.8,
            dialogFormVisible: false,
            showProblemClass: false,
            titleType: '添加',
            pcode: '',
            changeClassForm: {
                class1: "",
                class2: "",
                class1Name: '',
                class2Name: '',
                ids: [],
            },
            rowData: {},
            proId:'',
            rules: {
                nm: [
                    { required: true, message: '请输入名称', trigger: 'blur' }
                ],
                objType: [
                    { required: true, message: '请选择问题小类', trigger: 'blur' }
                ],
                isDefault: [
                    { required: true, message: '请选择问题小类', trigger: 'blur' }
                ]
            },
            rulesProblem: {
                type: [
                    { required: true, message: '请选择问题类型', trigger: 'blur' }
                ],
                inspPblmsName: [
                    { required: true, message: '请输入一级问题', trigger: 'blur' }
                ],
                checkPoint: [
                    { required: true, message: '请输入二级问题', trigger: 'blur' }
                ],
                pblmDesc: [
                    { required: true, message: '请输入三级问题', trigger: 'blur' }
                ],
                inspPblmCate: [
                    { required: true, message: '请选择问题严重程度', trigger: 'blur' }
                ],
                sn: [
                    { required: true, message: '请输入序号', trigger: 'blur' }
                ],
                sort1: [
                    { required: true, message: '请输入一级排序', trigger: 'blur' }
                ],
                sort2: [
                    { required: true, message: '请输入二级排序', trigger: 'blur' }
                ]
            },
        }
    },
    components:{
        addProblemCom,
        ExportExcel,
        ExportWord,
        editProblemClass,
        PblmMendUploadAutoSimple
    },
    computed: {
        persId() {
            return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
        }
    },
    mounted(){
        this.getprolist()
    },
    activated(){
    },
    methods:{
        showEditproblem(row){
            this.dialogProblem = true
            this.isAdd = false
            this.problemForm = row
        },
        editProblem(){
            this.$refs.form1.validate((valid) => {
                if (valid) {
                    request.post(`/dc/insp/pblms/update`,this.problemForm).then(res=>{
                        if(res.success){
                            this.dialogProblem = false
                            this.$message({
                                type: 'success',
                                message: '编辑成功!'
                            });
                            this.getProblemList()
                        }
                    })
                }
            });
        },
        addProblem(){
             this.$refs.form1.validate((valid) => {
                if (valid) {
                    request.post(`/dc/insp/pblms`,this.problemForm).then(res=>{
                        if(res.success){
                            this.dialogProblem = false
                            this.$message({
                                type: 'success',
                                message: '添加成功!'
                            });
                            this.getProblemList()
                        }
                    })
                }
            });
        },
        handleNodeClick(data,node){
            this.proId= data.id
            this.rgstrId = data.rgstrId
            this.uploadUrl=`/pacApi/dc/insp/pblms/impExl/${this.proId}`
            this.getProblemList()
        },
        addProblemclass(){
            request.post(`/bis/insp/pblmP/add`,this.problemClass).then(res=>{
                if(res.success){
                    this.dialogProblemClass = false
                    this.$message({
                        type: 'success',
                        message: '添加成功!'
                    });
                    this.getprolist()
                }
            })
        },
        async getprolist(){
            await request.post('/bis/insp/pblmP/list').then(res=>{
                if(res.success){
                    
                    this.dataProblemclass = res.data
                }
                this.$nextTick(() => {
                if (this.dataProblemclass && this.dataProblemclass.length > 0) {
                    const firstNodeId = this.dataProblemclass[0].id;
                    this.$refs.myTree.setCurrentKey(firstNodeId);
                    if (this.$refs.myTree.getCurrentNode()) {
                        this.handleNodeClick(this.$refs.myTree.getCurrentNode());
                    }
                }
                });
            })
            console.log(this.proId)
            this.getProblemList()
        },
        editClass(data){
            this.dialogProblemClass = true
            this.isAdd = false
            this.problemClass = data
            console.log(data)
        },
        async downloadMoban(){
            let url ='/pdcApi/dc/insp/pblms/getExl'
            this.currentNodeId;
            let downloadName =  "问题清单模板.xls";
            let type = "get";
            let result = await exportModel(type,url,downloadName);
        },
        editProblemclass(){
            request.post(`/bis/insp/pblmP/update`,this.problemClass).then(res=>{
                if(res.success){
                    this.dialogProblemClass = false
                    this.$message({
                        type: 'success',
                        message: '编辑成功!'
                    });
                    this.getprolist()
                }
            })
        },
        delClass(data){
            this.$confirm('确认删除吗?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                request.post(`/bis/insp/pblmP/delete/${data.id}`).then(res=>{
                    if(res.success){
                        this.$message({
                            type: 'success',
                            message: '删除成功!'
                        });
                        this.getprolist()
                    }else{
                        this.$message({
                            type: 'error',
                            message: res.message
                        });
                    }
                })
            })
        },
        getProblemList(){
            request.get(`/dc/insp/pblms/getPblmType`,{params:{'type': this.proId}}).then(res=>{
                if(res.success){
                    this.loading = false
                    this.tableData = res.data
                }
            }).catch(err=>{
                this.$message.error(err)
            })
        },
        professionChange(){
            this.getMajorClassList()
        },
        getMajorClassList(){
            let majorParams = {
                spfsnlChType: this.form.pblmChType,
                type: '1',
                pageSize: 1000,
            }
            request.post(`/tac/pblm/class/dic/page`,majorParams).then(res=>{
                if(res.success){
                    this.marjorClassList = res.data.list
                }else{
                    this.$message.error(res.message)
                }
            })
        },
        majorChange(val){
            this.marjorClassList.forEach(ele=>{
                if(val == ele.className){
                    this.pcode = ele.id
                }
            })
            this.getSubClassList()
        },
        getSubClassList(){
            let subParams = {
                spfsnlChType: this.form.pblmChType,
                type: '2',
                pageSize: 1000,
                pcode: this.pcode
            }
            request.post(`/tac/pblm/class/dic/page`,subParams).then(res=>{
                if(res.success){
                    this.subclassList = res.data.list
                }else{
                    this.$message.error(res.message)
                }
            })
        },
        toAddFile(){
            this.titleType = '添加'
            this.addFileVisiual = true
        },
        //导出Excel
        exportExcel(){
            this.exportEvent = true
        },
        //导出Word
        exportWord(){
            this.exportWordDialog = true
        },
        toEditProblem(row){
            this.titleType = '编辑'
            Object.assign(this.rowData,row)
            this.addFileVisiual = true
        },
        checkProblem(row){
            this.$confirm('确认审核通过该问题标准吗?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                let data = {
                    id: row.id,
                    dataStat: '1'
                }
                request.post(`/tac/obj/pblmstb/update`, data).then(res=>{
                    if(res.success){
                        this.$message({
                            type: 'success',
                            message: '审核成功!'
                        });
                        this.getProblemList()
                    }else{
                        this.$message({
                            type: 'error',
                            message: res.message
                        });
                    }
                })
            })
        },
        getProblemClasslist(){
            request.get(`/bis/insp/baseNew/getTypes`).then(res=>{
                if(res.success){
                    res.data.forEach(ele=>{
                        this.problemClasslist.push({
                            value: ele,
                            label: ele
                        })
                    })
                }
            })
        },
        deleteProblem(row){
            this.$confirm('确认删除该问题吗?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                var par = {
                    id: row.guid
                }
                request.post(`/dc/insp/pblms/delete?id=${row.guid}`).then(res=>{
                    if(res.success){
                        this.$message({
                            type: 'success',
                            message: '删除成功!'
                        });
                        this.getProblemList()
                    }else{
                        this.$message({
                            type: 'error',
                            message: res.message
                        });
                    }
                })
            })
        },
        pageIndexChange(val) {
            this.form.pageNum = val;
            this.getProblemList();
        },
        handleSizeChange(val) {
            this.form.pageSize = val;
            this.getProblemList();
        },
        dialogClose(){
            this.addFileVisiual = false
            this.modifyFileVisiual = false
            this.exportEvent = false
            this.exportWordDialog = false
            this.getProblemList()
        },
        pblmPasiChange(val){
            this.getProblemList()
        },
        handleSelectionChange(val){
            let problemArr = []
            val.forEach(ele=>{
                problemArr.push(ele.id)
            })
            this.changeClassForm.ids = problemArr
        },
        // 批量删除
        toQueryDelete() {
            if(!this.changeClassForm.ids.length){
                this.$message.warning('请选择需要删除的问题')
                return
            }
            this.$confirm('请问是否删除已选问题?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
                }).then(() => {
                    request.post(`/tac/obj/pblmstb/delList`,this.changeClassForm.ids).then(res=>{
                        if(res.success){
                            this.$message.success('删除成功')
                            this.getProblemList()
                        }else{
                            this.$message.error(res.message)
                        }
                    })
                }).catch(() => {
            });
        },
        // 更改库别
        toChangeLibrary(){
            if(!this.changeClassForm.ids.length){
                this.$message.warning('请选择需要更改库别的问题')
                return
            }
            this.dialogFormVisible = true
        },
        changeClass(){
            this.$refs['form'].validate((valid) => {
                if(valid){
                    this.marjorClassList.forEach(ele=>{
                        if(this.changeClassForm.class1 == ele.classCode){
                            this.changeClassForm.class1Name = ele.className
                        }
                    })
                    this.subclassList.forEach(ele=>{
                        if(this.changeClassForm.class2 == ele.classCode){
                            this.changeClassForm.class2Name = ele.className
                        }
                    })
                    request.post(`/tac/obj/pblmstb/updateList`,this.changeClassForm).then(res=>{
                        if(res.success){
                            this.$message.success('更改成功')
                            this.dialogFormVisible = false
                            this.getProblemList()
                        }else{
                            this.$message.error(res.message)
                        }
                    })
                } else {
                    return false;
                }
            })
        },
        // 编辑问题类别
        toEditProblemClass(){
            this.showProblemClass = true
        },
        goBack(){
            this.showProblemClass = false
        },

        formatDate(date){
            return formatDateTime2(date)
        }
    },
    watch:{
        currentNodeId(val){
            this.getProblemList()
        },
        type(val){
            this.getProblemList()
        },
        backStatus(val){
            if(val){
                //回退状态为成功时
                this.getProblemList()
            }
        }
    }
}
</script>
<style lang="scss">
    .problem_list{
        .project_title{
            line-height: 50px;
            text-align: center;
            color: #333;
            border-bottom: solid 1px #eee;
        }
        h4{
            line-height: 50px;
            color: #444;
        }
        .operate_btn{
            float: right;
            margin-bottom: 10px;
        }
        .inspPblmCate{
            padding: 2px 10px;
            border-radius:10px;
            color: #ffffff;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }
        .el-form-item__label{
            font-size: large;
            color: #333;
        }
        .el-form--inline .el-form-item{
            margin-right: 6px;
        }
        .el-table__header th{
            font-size: large !important;
        }
        tr.el-table__row{
            font-size: large;
        }
    }
</style>
<style scoped>
.custom-tree-node {
  display: flex;           /* 启用 Flex 布局 */
  align-items: center;     /* 垂直居中对齐 */
  justify-content: space-between; /* 左右两端对齐 */
  width: 100%;             /* 确保节点宽度充满容器 */
}
/* 修改字体大小 */
/deep/ .el-tree .el-tree-node__label {
  font-size: 16px; /* 调整为你需要的大小 */
}

</style>