fj-dc-ui/.svn/pristine/4c/4cb8e3422813bb37a51f095e1b969d5efb15a24c.svn-base

<template>
    <div class="add_pblm">
        <el-dialog :visible.sync="dialogFormEditorVisible" :close-on-click-modal="false" width="70%" @close="closeDialog">
            <h3>问题清单</h3>
            <div>
                <el-row :gutter="20" type="flex" style="margin-bottom: 10px;">
                    <el-col :span="22">
                        <el-form :inline="true" size="mini" class="demo-form-inline">
                            <!--<el-form-item label="接收单位">-->
                                <!--<receiver-->
                                        <!--v-model="editorForm.rectOrgName"-->
                                        <!--:maxHeight='300'-->
                                        <!--:maxWidth='250'-->
                                        <!--:rootAddCode="orgId"-->
                                        <!--@provTreeSelectChange="selectJigouCodeSinglecx"-->
                                        <!--@inputClear="inputEmptycx"-->
                                <!--&gt;</receiver>-->
                            <!--</el-form-item>-->
                            <el-form-item label="工程">
                                <el-input v-model="editorForm.name" clearable placeholder="请输入工程" style="width: 6vw"></el-input>
                            </el-form-item>
                            <el-form-item label="问题描述">
                                <el-input v-model="editorForm.inspPblmDesc" clearable placeholder="请输入问题描述" style="width: 6vw"></el-input>
                            </el-form-item>
                            <el-form-item label="严重程度">
                                <el-select v-model="editorForm.inspPblmCate" clearable placeholder="请选择" style="width: 6vw">
                                    <el-option
                                            v-for="item in supervisionState"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value"
                                    ></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="整改情况">
                                <el-select v-model="editorForm.rectConc" clearable placeholder="请选择" style="width: 6vw">
                                    <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-option label="未整改" value="4"></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="审核状态">
                                <el-select v-model="editorForm.chkState" clearable placeholder="请选择" style="width: 6vw">
                                    <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-option label="(省)待复查" value="4"></el-option>
                                    <el-option label="(省)驳回" value="5"></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="处置状态">
                                <el-select v-model="editorForm.jchkState" clearable placeholder="请选择" style="width: 6vw">
                                    <el-option label="未处置" value="2"></el-option>
                                    <el-option label="销号" value="0"></el-option>
                                    <el-option label="待复查" value="1"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-form>
                    </el-col>
                    <el-col :span="2" style="text-align: end;">
                        <el-button @click="search" type="success">查询</el-button>
                    </el-col>
                </el-row>
                <div>
                    <el-table
                            :data="pblmList"
                            :height="tableHeight1"
                            style="width: 100%"
                            border
                            tooltip-effect="dark"
                            @selection-change="handleSelectionChange"
                            ref="multipleTable">
                        <!--<el-table-column-->
                                <!--type="selection"-->
                                <!--width="55">-->
                        <!--</el-table-column>-->
                        <el-table-column
                                prop="name"
                                label="工程名称"
                                min-width="100"
                                show-overflow-tooltip>
                        </el-table-column>
                        <!--<el-table-column-->
                                <!--prop="satOrgName"-->
                                <!--label="接收单位"-->
                                <!--min-width="100"-->
                                <!--show-overflow-tooltip>-->
                        <!--</el-table-column>-->
                        <el-table-column
                                prop="inspPblmName"
                                label="问题类别"
                                min-width="100"
                                show-overflow-tooltip>
                        </el-table-column>
                        <el-table-column
                                prop="inspPblmDesc"
                                label="问题描述"
                                min-width="100"
                                show-overflow-tooltip>
                        </el-table-column>
                        <el-table-column
                                prop="inspPblmCate"
                                label="严重程度"
                                min-width="150">
                            <template slot-scope="scope">
                                <p v-if="scope.row.inspPblmCate == 0"><span class="inspPblmCate" style="background: #27C19F;">一般</span></p>
                                <p v-if="scope.row.inspPblmCate == 1"><span class="inspPblmCate" style="background: #E6A23C;" >较重</span></p>
                                <p v-if="scope.row.inspPblmCate == 2"><span class="inspPblmCate" style="background: #F56C6C;" >严重</span></p>
                                <p v-if="scope.row.inspPblmCate == 3"><span class="inspPblmCate" style="background: #795548;">特别严重</span></p>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="crrtTm"
                                label="整改时限"
                                min-width="100">
                            <template slot-scope="scope">
                                <span v-if="scope.row.crrtTm">{{formatDate(scope.row.crrtTm)}}</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="inspPblmTm"
                                label="上报时间"
                                min-width="100">
                            <template slot-scope="scope">
                                <span v-if="scope.row.inspPblmTm">{{formatDate(scope.row.inspPblmTm)}}</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="rectConc"
                                label="整改状态"
                                min-width="150">
                            <template slot-scope="scope">
                                <span v-if="scope.row.rectConc == '0'">未反馈</span>
                                <span v-if="scope.row.rectConc == '1'">已整改</span>
                                <span v-if="scope.row.rectConc == '2'">整改中</span>
                                <span v-if="scope.row.rectConc == '3'">不具备整改条件</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="chkState"
                                label="审核状态"
                                min-width="150">
                            <template slot-scope="scope">
                                <span v-if="scope.row.chkState == '0'">未审核</span>
                                <span v-if="scope.row.chkState == '1'">(市)通过</span>
                                <span v-if="scope.row.chkState == '2'">(市)驳回</span>
                                <span v-if="scope.row.chkState == '3'">(省)销号</span>
                                <span v-if="scope.row.chkState == '4'">(省)待复查</span>
                                <span v-if="scope.row.chkState == '5'">(省)驳回</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="chkStateNote"
                                label="审核备注"
                                min-width="150"
                                show-overflow-tooltip>
                        </el-table-column>
                        <el-table-column
                                prop="jchkState"
                                label="处置状态"
                                min-width="150">
                            <template slot-scope="scope">
                                <span v-if="scope.row.jchkState == '2'">未处置</span>
                                <span v-if="scope.row.jchkState == '0'">销号</span>
                                <span v-if="scope.row.jchkState == '1'">待复查</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                label="操作"
                                min-width="150"
                                fixed="right"
                        >
                            <template slot-scope="scope">
                                <el-button @click="toView(scope.row)" type="text" size="small">查看</el-button>
                                <el-button @click="zgtbClick(scope.row)" type="text" size="small" v-if="scope.row.chkState == '0' || scope.row.chkState == null || scope.row.chkState == '2'">整改填报</el-button>
                                <!--<el-button @click="toDelete(scope.row)" type="text" size="small" >删除</el-button>-->
                            </template>
                        </el-table-column>
                    </el-table>
                    <el-row style="margin-top: 10px;">
                        <!-- 分页 -->
                        <el-col :span="20" class="paginationWarpper">
                            <el-pagination
                                    class="paginationCenter"
                                    background
                                    @size-change="handleSizeChangeEditor"
                                    @current-change="pageIndexChangeEditor"
                                    :current-page.sync="editorForm.pageNum"
                                    :page-sizes="[10, 20, 50, 100]"
                                    :page-size="editorForm.pageSize"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="totalEditor"
                            ></el-pagination>
                        </el-col>
                        <el-col :span="4" style="text-align: end;"></el-col>

                    </el-row>

                </div>
            </div>
        </el-dialog>
        <!-- 详情弹框 -->
        <el-dialog
                class="outerDialog custom_dialog"
                title="问题详情"
                width="60%"
                :visible.sync="supervisionDetailsVisible"
                v-if="supervisionDetailsVisible"
        >
            <el-tabs v-model="activeName" type="card">
                <el-tab-pane label="问题详情" name="first">
                    <supervisionDetailsXiangQing :problemId="rowPblId" :objType="objType"></supervisionDetailsXiangQing>
                </el-tab-pane>
                <el-tab-pane label="整改反馈" name="second">
                    <supervision-details :problemId="rowPblId" :rowId="rowId" :objType="objType"></supervision-details>
                </el-tab-pane>
            </el-tabs>

            <span slot="footer">
              <el-button style="margin-top:5px;" @click="supervisionDetailsVisible = false">返回</el-button>
            </span>
        </el-dialog>
        <!--整改填报-->
        <pblmEditor v-if="editorDialog" :listId="rowPblId" :rowId="rowId" @dialogClose="dialogClose"></pblmEditor>
    </div>
</template>

<script>
    import request from '@util/gw_ajax_request'
    import {dateFormat} from '@util/gw_date';
    import receiver from "./receiver"
    import pblmEditor from './pblmEditor'
    export default {
        name: "addPblm",
        props:['RowId','supervisionState','objType','rectId','ifShiJi'],
        data (){
            return {
                dialogFormEditorVisible: true,
                formLabelWidth: '120px',
                pblmList: [],
                pblmListAll: [],
                tableHeight1: window.innerHeight * .4,
                editorForm:
                {
                    "rectId":"",                                             //通知ID
                    "isTranc":"",                                                                           //是否转发 0 不转发 1 转发
                    "name":"",                                                                               //工程名
                    "inspPblmDesc":"",                                                                       //问题描述
                    "inspPblmCate":"",                                                                       //问题严重程度
                    "satOrgId":"",                                                                           //转发单位ID
                    "rectConc":"",//整改状态 （0:未反馈 1：已整改；2：整改中；3:不具备整改条件；4:未整改）
                    "chkState": "",//审核状态 审核状态 0未审核 1(市)通过 2(市)驳回  3(省)销号 4(省)待复查 5(省)驳回
                    "jchkState": "",// 监督处处置状态 0 销号 1 待复查
                    "pageNum": 1,
                    "pageSize": 20,
                },
                editorFormAll: {
                    // "inspPblmType": null,//问题类别
                    "inspPblmCate": "",//严重程度
                    ifCasePblm: "",//是否典型
                    inspPblmName: "",//问题类别名称
                    objType: "",//类型
                    pageNum: "",
                    pageSize: "",
                    name: "",//工程名称
                    orgId: ""
                },
                pageNum: 1,
                pageSize: 20,
                total: null,
                totalEditor: null,
                multipleSelection: [],
                supervisionDetailsVisible: false,
                currentProblemId: null,
                qixiandanweiVisible: false,
                qixianForm: {
                    "rectOrgId": "",
                    "rectOrgName": "",
                    "crrtTm": ""
                },
                editorDialog: false,
                rowPblId: null,
                rowId: null,
                activeName: 'first',

            }
        },
        components:{
            //详情页
            supervisionDetails: resolve => {
                require(["./supervisionDetails_zgwt.vue"], resolve);
            },
            supervisionDetailsXiangQing: resolve => {
                require(["./supervisionDetails.vue"], resolve);
            },
            receiver,
            pblmEditor
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            },
            orgId() {
                return localStorage.getItem('currentOrgId') ? localStorage.getItem("currentOrgId") : "";
            }
        },
        mounted(){
            this.$nextTick(()=>{
                this.getPblmList();
            })
        },

        methods:{
            closeDialog(){
                this.$emit('closeDialog');
            },
            //所有问题查看
            toView(row){
                this.rowId = row.id;
                this.rowPblId = row.pblmId;
                this.supervisionDetailsVisible = true;
            },
            //删除问题
            toDelete(row){
                this.$confirm('确定要删除该问题, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post(`/bis/insp/rect/pblm/province/delete/${row.id}`)
                        .then(res => {
                            if (res.success) {
                                this.$message.success("删除成功");
                                this.getPblmList();
                            } else {
                                this.$message.warning(res.message);
                            }
                        })
                        .catch(err => {
                            console.log(err);
                        })
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    });
                });
            },
            //获取当前通知下督查对象下问题List
            getPblmList() {
                this.editorForm.rectId = this.RowId;
                request.post(`/bis/insp/rect/pblm/province/getPageInfo`, this.editorForm)
                    .then(res => {
                        if (res.success) {
                            this.$nextTick(() => {
                                this.pblmList = res.data.list;
                                this.totalEditor = res.data.total;
                            })
                        } else {
                            this.$message.warning(res.message);
                        }
                    })
                    .catch(err => {
                        console.log(err);

                    })
            },
            handleSizeChangeEditor(pageSize) {
                this.editorForm.pageSize = pageSize;
                this.getPblmList();
            },
            pageIndexChangeEditor(val) {
                this.editorForm.pageNum = val;
                this.getPblmList();
            },
            formatDate(timestamp) {
                return timestamp ? dateFormat(timestamp, 'yyyy-MM-dd') : "";
            },
            //    选中table数据
            handleSelectionChange(val) {
                this.multipleSelection = [];
                val.forEach((item,index)=>{
                    this.multipleSelection.push(
                        Object.assign({},item, {'rectId':this.RowId,'persId': this.persId})
                    )
                })
            },
            //    新增加问题搜索
            search(){
                this.getPblmList();
            },
            // selectJigouCodeSinglecx(params){
            //     this.$nextTick(()=>{
            //         this.editorForm.rectOrgId = params.code;
            //         this.editorForm.rectOrgName = params.name;
            //     })
            // },
            // inputEmptycx(val){
            //     if(!val){
            //         this.editorForm.rectOrgId = "";
            //         this.editorForm.rectOrgName = "";
            //     }
            // },
            //整改填报
            zgtbClick(row){
                this.rowId = row.id;
                this.rowPblId = row.pblmId;
                this.editorDialog = true;
            },
            //整改填报关闭
            dialogClose(){
                this.editorDialog = false;
                this.getPblmList();
            }
        }
    }
</script>

<style lang="scss" scoped>
    .add_pblm {
        h3{
            margin-bottom: 20px;
            font-size: 20px;
        }
        .inspPblmCate{
            padding: 2px 10px;
            color: #fff;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }
    }

</style>