fj-dc-ui/.svn/pristine/2b/2b108079b6857b5a327adca3685b9112e68cec7e.svn-base

<template>
    <el-container class="reformFeedback">
        <el-aside style="border:1px solid #dcdfe6;" :style="{'height': cardHeight + 'px'}">
            <el-header
                    style="font-size: 17px;height: 5vh;text-align: center;line-height: 5vh;border-bottom:1px solid #dcdfe6;">
                <strong>请选择项目：</strong>
            </el-header>
            <el-row style="overflow-y:auto;padding: 0 10px;">
                <el-tree :highlight-current="true" class="filter_tree" :data="treeDataLists" :props="defaultProps"
                         node-key="id" @node-click="treeNodeClickHandler" ref="tree2"></el-tree>
            </el-row>
        </el-aside>
        <el-main>
            <el-form :model="form" label-width="110px">
                <el-form-item label="处罚情况说明：">
                    <el-input v-model="form.punishMents" type="textarea" :rows="5" autocomplete="off"></el-input>
                </el-form-item>
                <el-form-item label="问责情况说明：">
                    <el-input v-model="form.rspnMents" type="textarea" :rows="5" autocomplete="off"></el-input>
                </el-form-item>
            </el-form>
            <el-table :data="tableData" border="" stripe="" :height="tableHeight" style="width: 100%">
                <el-table-column prop="pblmNm" label="问题名称" min-width="180" show-overflow-tooltip="" align="center">
                </el-table-column>
                <el-table-column prop="note" label="问题描述" min-width="180" show-overflow-tooltip="" align="center">
                </el-table-column>
                <el-table-column label="严重性" min-width="80" show-overflow-tooltip="" align="center">
                    <template slot-scope="scope">
                        <p v-if="scope.row.pblmPasi == 0"><span class="inspPblmCate"
                                                                style="background: #27C19F;">一般</span></p>
                        <p v-if="scope.row.pblmPasi == 1"><span class="inspPblmCate"
                                                                style="background: #E6A23C;">较重</span></p>
                        <p v-if="scope.row.pblmPasi == 2"><span class="inspPblmCate"
                                                                style="background: #F56C6C;">严重</span></p>
                    </template>
                </el-table-column>
                <el-table-column label="问题详情" min-width="180" align="center">
                    <template slot-scope="scope">
                        <el-button type="text" size="small" @click="problemSee(scope.row)">
                            查看
                        </el-button>
                    </template>
                </el-table-column>
                <el-table-column label="整改状态" min-width="120" align="center">
                    <template slot-scope="scope">
                        <span v-if="scope.row.rectConc">{{scope.row.rectConc == '1' ? '未整改' : scope.row.rectConc == '2' ? '整改中' : scope.row.rectConc == '3' ? '已整改' : scope.row.rectConc == '4' ? '不具备整改条件': ''}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="整改进度" min-width="80" align="center">
                    <template slot-scope="scope">
                        <el-button type="text" size="small" @click="toShowDetail(scope.row)">
                            查看
                        </el-button>
                    </template>
                </el-table-column>
                <el-table-column label="批复意见" min-width="120" align="center">
                </el-table-column>
            </el-table>
        </el-main>
        <!-- 查看问题弹窗 -->
        <el-dialog title="查看问题" width="60%" :visible.sync="dialogDetailVisible" :close-on-click-modal="false"
                   :modal-append-to-body="true" :append-to-body="true">
            <problem-detail :problemId="rowPblRowId"></problem-detail>
        </el-dialog>
        <!-- 整改反馈问题弹窗 -->
        <add-rectify v-if="showRectifyDialog" @dialogclose="dialogClose"></add-rectify>
        <!--处罚情况-->
        <punishcondition v-if="isPunishConditionDialog" @chufadialogclose="chuFaDialogClose"></punishcondition>
        <!--问责情况-->
        <accountabilitycondition v-if="isAccountabilityCondition" @wenzedialogclose="wenZeDialogClose"
                                 :islookover="isWzLookOver"></accountabilitycondition>
        <!--整改进度查看-->
        <el-dialog title="整改进度" width="60%" :visible.sync="dialogDetailZgJdVisible" :close-on-click-modal="false"
                   :modal-append-to-body="true" :append-to-body="true">
            <rectificationProgress @closedialog="zgJdCloseDialog" :problemId="rowPblRowId"
                                   :pblmListId="pblmListId"></rectificationProgress>
        </el-dialog>
    </el-container>
</template>
<script>
    import problemDetail from './problemDetail_zgfk.vue'
    import addRectify from './addRectify_zgfk.vue'
    import punishCondition from './punishCondition'
    import accountabilityCondition from './accountabilityCondition'
    import rectificationProgress from './rectificationProgress_st'
    import request from '../../../utils/gw_ajax_request'

    export default {
        name: "reformFeedback",
        components: {
            problemDetail,
            addRectify,
            punishCondition,
            accountabilityCondition,
            rectificationProgress
        },
        props: ["rectId"],
        data() {
            return {
                formTable: {
                    name: '',
                    region: ''
                },
                form: {
                    "punishMents": '',
                    "rspnMents": '',
                    "id": "",
                    "rectId": "",
                    "rgstrId": "",
                    "objId": "",
                    "name": "",
                    "rectConc": "",
                    "note": null,
                    "persId": null,
                    "persName": null,
                    "intm": "",
                    "uptm": "",
                    "dataStat": "0"
                },
                dialogDetailVisible: false,
                showRectifyDialog: false,
                isPunishConditionDialog: false,
                isAccountabilityCondition: false,
                tableData: [],
                tableHeight: window.innerHeight - 480,
                cardHeight: window.innerHeight - 220,
                pageSize: 1,
                pageNum: 20,
                spanOneArr: [],
                concatOne: 0,
                spanEightArr: [],
                concatEight: 0,
                spanNineArr: [],
                concatNine: 0,
                isLookOver: true,
                isWzLookOver: false,
                dialogDetailZgJdVisible: false,
                treeDataLists: [],
                defaultProps: {
                    // children: 'children',
                    label: 'name'
                },
                nodeId: '',
                rowPblRowId: '',
                rectIds: '',
                pblmListId: ''
            }
        },
        mounted: function () {
            this.getTreeListData();
        },
        methods: {
            getTreeListData() {
                request.get(`/tac/pblm/rect/list/getRectListByInfoId/${this.rectId}`).then(res => {
                    this.$nextTick(()=>{
                        this.treeDataLists = res.data;
                    })
                })
            },
            //树节点点击事件
            treeNodeClickHandler: function (data, node, tree) {
                this.nodeId = data.id;
                this.getMenu();
            },
            getMenu() {
                request.get(`/tac/pblm/rect/list/${this.nodeId}`).then(res => {
                    if (res.success) {
                        this.form = res.data;
                    }
                })
                request.get(`/tac/pblm/rect/list/plmb/getPlmbByPblmListId/${this.nodeId}`).then(res => {
                    if (res.success) {
                        this.$nextTick(() => {
                            this.tableData = res.data;
                        })
                    }
                })
            },
            updateQk() {
                if (this.nodeId) {
                    request.post(`/tac/pblm/rect/list/update`, this.form).then(res => {
                        if (res.success) {
                            this.$message.success("保存成功");
                            this.$nextTick(() => {
                                this.form = res.data;
                            })
                        }
                    })
                } else {
                    this.$message.warning("请选择左侧项目");
                }
            },
            toSearch() {
            },
            exportTable() {
            },
            handleSizeChange() {
            },
            handleCurrentChange() {
            },
            //  问题查看
            problemSee(row) {
                this.rowPblRowId = row.id;
                this.dialogDetailVisible = true;
            },
            toShowDetail(row) {
                this.rowPblRowId = row.id;
                this.pblmListId = row.pblmListId;
                this.dialogDetailZgJdVisible = true;
            },
            toShowRectify() {
                this.showRectifyDialog = true
            },
            dialogClose() {
                this.showRectifyDialog = false
            },
            //关闭
            chuFaDialogClose() {
                this.isPunishConditionDialog = false;
            },
            //整改进度关闭
            zgJdCloseDialog() {
                this.dialogDetailZgJdVisible = false;
            },
            wenZeDialogClose() {
                this.isAccountabilityCondition = false;
            },
        },
        watch: {
            rectId(n) {
                if (n == '' || n == undefined) {
                    this.form = {};
                    this.tableData = [];
                }
                this.getTreeListData();
            }
        }
    }
</script>
<style lang="scss" scoped="">
    .reformFeedback {
        .el-tree-node__label {
            color: #666;
            font-size: 14px;
        }

        .el-main {
            padding: 20px 20px 0 20px;
        }

        .inspPblmCate {
            padding: 2px 10px;
            border-radius: 10px;
            color: #ffffff;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }
    }

</style>