fj-dc-ui/.svn/pristine/54/5465624a9bcfd27d75dc96a71476e93f7011ed7b.svn-base

<template>
    <el-container>
        <el-main style="position: relative;">
            <div style="font-size: 20px;color: blue;font-weight: bold;position: absolute;top: 0;left: 20px;">
                <i class="el-icon-arrow-left" @click="goBackClick" style="cursor: pointer;"></i>
            </div>
            <el-row :gutter="20" type="flex" justify="start">
                <el-col :span="20">
                    <el-form :inline="true" size="mini" class="demo-form-inline" label-width="100px">
                        <!-- <el-form-item label="项目">
                            <el-select
                                    v-model="shenHeForm.name"
                                    clearable
                                    collapse-tags>
                                <el-option
                                        v-for="item in projetList"
                                        :key="item.id"
                                        :label="item.year"
                                        :value="item.year">
                                </el-option>
                            </el-select>
                        </el-form-item> -->
                        <el-form-item label="严重程度">
                            <el-select
                                    v-model="shenHeForm.pblmPasi"
                                    clearable
                                    collapse-tags>
                                <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="shenHeForm.state"
                                    clearable
                                    collapse-tags>
                                <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-button type="primary" @click="searchClick">查询</el-button>
                    </el-form>
                </el-col>
                <el-col :span="2" :offset=2 style="text-align: end;" v-show="ifShenHeShow">
                    <el-button type="danger" @click="submitAudit(submitRowId)">提交审核</el-button>
                </el-col>
            </el-row>
            <div class="table">
                <el-table
                        v-loading="loading"
                        border
                        ref="multipleTable"
                        :height="tableHeight"
                        :data="tableData"
                        tooltip-effect="dark"
                        style="width: 100%"
                >
                    <el-table-column align="center" type="index" label="序号" min-width="25">
                        <template
                                slot-scope="scope"
                        >{{ (shenHeForm.pageNum - 1) * shenHeForm.pageSize + (scope.$index + 1) }}</template>
                    </el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="100"
                            prop="name"
                            label="项目"
                            show-overflow-tooltip
                    ></el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="120"
                            prop="pblmNm"
                            label="问题名称"
                            show-overflow-tooltip
                    ></el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="80"
                            show-overflow-tooltip
                            prop="pblmPasi"
                            label="严重性"
                    >
                        <template slot-scope="scope">
                            <span v-if="scope.row.pblmPasi == '0'">一般</span>
                            <span v-if="scope.row.pblmPasi == '1'">较重</span>
                            <span v-if="scope.row.pblmPasi == '2'">严重</span>
                        </template>
                    </el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="100"
                            show-overflow-tooltip
                            label="问题详情"
                    >
                        <template slot-scope="scope">
                            <el-button type="text" size="mini" @click="rowIwew(scope.row)">查看</el-button>
                        </template>
                    </el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="100"
                            label="整改情况"
                            show-overflow-tooltip
                    >
                        <template slot-scope="scope">
                            <span v-if="scope.row.state">{{scope.row.state == '1' ? '未整改' : scope.row.state == '2' ? '整改中' : scope.row.state == '3' ? '已整改' : scope.row.state == '4' ? '不具备整改条件': ''}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="100"
                            label="整改说明"
                            show-overflow-tooltip
                            prop="rectExplain"
                    ></el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="200"
                            label="督促整改情况"
                            show-overflow-tooltip
                    >
                        <el-table-column
                                header-align="center"
                                align="center"
                                min-width="100"
                                prop="rectDept"
                                label="责任单位"
                                show-overflow-tooltip
                        >
                        </el-table-column>
                        <el-table-column
                                header-align="center"
                                align="center"
                                min-width="100"
                                prop="rectBlame"
                                label="问责方式"
                                show-overflow-tooltip
                        >
                        </el-table-column>
                        <el-table-column
                                header-align="center"
                                align="center"
                                min-width="100"
                                prop="rectSps"
                                label="督促措施"
                                show-overflow-tooltip
                        >
                        </el-table-column>
                        <el-table-column
                                header-align="center"
                                align="center"
                                min-width="100"
                                prop="rectCompTm"
                                label="完成时间"
                                show-overflow-tooltip
                                :formatter="formatDate"
                        >
                        </el-table-column>

                    </el-table-column>
                    <!--<el-table-column-->
                            <!--header-align="center"-->
                            <!--align="center"-->
                            <!--min-width="100"-->
                            <!--prop=""-->
                            <!--label="文件"-->
                            <!--show-overflow-tooltip-->
                    <!--&gt;-->
                    <!--</el-table-column>-->
                    <el-table-column
                        header-align="center"
                        align="center"
                        min-width="100"
                        label="审核意见"
                        show-overflow-tooltip>
                        <template slot-scope="scope">
                            <span v-if="scope.row.state">{{scope.row.state == '1' ? '未整改' : scope.row.state == '2' ? '整改中' : scope.row.state == '3' ? '已整改' : scope.row.state == '4' ? '不具备整改条件': ''}}</span>
                        </template>
                   </el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="100"
                            prop="note"
                            label="备注"
                            show-overflow-tooltip
                    ></el-table-column>
                    <!--<el-table-column-->
                            <!--header-align="center"-->
                            <!--align="center"-->
                            <!--min-width="80"-->
                            <!--prop="roleType"-->
                            <!--label="整改审核"-->
                            <!--show-overflow-tooltip-->
                    <!--&gt;-->
                        <!--<template slot-scope="scope">{{roleType(scope.row.roleType)}}</template>-->
                    <!--</el-table-column>-->
                    <el-table-column align="center" min-width="180" label="操作" fixed="right" v-if="ifCaoZuo">
                        <template slot-scope="scope">
                        <span>
                            <el-button
                                    type="primary"
                                    size="mini"
                                    @click.stop="audit(scope.row)"
                            >审核</el-button>
                        </span>
                        </template>
                    </el-table-column>
                </el-table>
                <!--<el-row :gutter="20" type="flex" justify="space-between" align="middle">-->
                    <!--<el-pagination-->
                            <!--style="margin-top: 10px;"-->
                            <!--background-->
                            <!--:current-page="shenHeForm.pageNum"-->
                            <!--:page-size="shenHeForm.pageSize"-->
                            <!--:page-sizes="[10, 20, 30, 40, 50, 100]"-->
                            <!--layout="sizes, total, prev, pager, next"-->
                            <!--:total="total"-->
                            <!--@current-change="pageIndexChange"-->
                            <!--@size-change="handleSizeChange"-->
                    <!--&gt;</el-pagination>-->
                <!--</el-row>-->
            </div>
        </el-main>
        <el-dialog :visible.sync="shenHeDialogFormVisible" :close-on-click-modal="false" width="43%">
            <el-form :model="shenHeDialogForm" ref="shenHeDialogForm" label-width="120px">
                <el-form-item label="审核意见">
                    <el-radio-group v-model="shenHeDialogForm.state">
                        <el-radio label="1">未整改</el-radio>
                        <el-radio label="2">整改中</el-radio>
                        <el-radio label="3">已整改</el-radio>
                        <el-radio label="4">不具备整改条件</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="备注" prop="planCnt">
                    <el-input type="textarea" rows="6" v-model="shenHeDialogForm.note"
                              placeholder="请输入备注"></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="shenHeDialogFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="addShenHeSave">保 存</el-button>
            </div>
        </el-dialog>
        <!-- 查看问题弹窗 -->
        <!-- <el-dialog title="查看问题" width="60%" :visible.sync="dialogDetailVisible" :close-on-click-modal="false" :modal-append-to-body="true" :append-to-body="true" @close="closeDialog"> -->
            <problem-detail :problemId="rowPblId" v-if="dialogDetailVisible" @dialogClose="closeDialog"></problem-detail>
        <!-- </el-dialog> -->
    </el-container>
</template>
<script>
    import request from'@util/gw_ajax_request'
    import {dateFormat} from '@util/gw_date';
    // import problemDetail from './problemDetail_zgfk.vue'
    import problemDetail from './dialogCom/problemDetails.vue'
    export default {
        components: {
            problemDetail
        },
        props:['rectOrgId','ifShenHeShow','submitRowId','ifCaoZuo'],
        data(){
            return {
                shenHeForm: {
                    name: '',
                    pblmPasi: '',
                    "rectOrgId": this.rectOrgId,
                    state: '',//审核意见
                    pblmNm: '',
                    pageNum: 1,
                    pageSize: 20
                },
                projetList: [],
                tableData: [],
                tableHeight: window.innerHeight - 180,
                loading: false,
                total: null,
                shenHeDialogFormVisible: false,
                shenHeDialogForm:{
                    "state": null,
                    "note": null
                },
                rowId: null,
                rowPblId: null,
                dialogDetailVisible: false
            }
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        mounted(){
          this.$nextTick(()=>{
              // this.getYear();
              this.getShenHeFormData();
          })
        },
        methods:{
            //查询
            searchClick(){
                this.getShenHeFormData();

            },
            //提交审核
            submitAudit(rowId){
                this.$confirm('确定提交审核吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    let obj ={
                        "id": rowId,
                        "chkState": "1"
                    };
                    request.post(`/tac/pblm/rect/org/update`,obj)
                        .then(res => {
                            if (res.success) {
                                this.$message.success("提交审核成功");
                                this.getShenHeFormData();
                            }else{
                                this.$message.warning(res.message);
                            }
                        })
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消提交'
                    });
                });
            },
            getShenHeFormData(){
                this.loading = true;
                request.post(`/tac/pblm/rect/pblm/findList`,this.shenHeForm)
                    .then(res =>{
                        if(res.success){
                            this.loading = false;
                            this.tableData = res.data;
                        }
                    })
                    .catch(error =>{
                        console.log(error);
                    })
            },
            formatDate(row) {
                return row.rectCompTm ? dateFormat(row.rectCompTm, 'yyyy-MM-dd') : "";
            },
            // 分页
            pageIndexChange(val) {
                this.$nextTick(() => {
                    this.shenHeForm.pageNum = val;
                    this.getShenHeFormData();
                });
            },

            handleSizeChange(val) {
                this.$nextTick(() => {
                    this.shenHeForm.pageSize = val;
                    this.getShenHeFormData();
                });
            },
            //审核
            audit(row){
                this.shenHeDialogForm.state = row.state;
                this.shenHeDialogForm.note = row.note;
                this.rowId = row.id;
                this.shenHeDialogFormVisible = true;
            },
            //查看
            toView(){

            },
            goBackClick(){
                this.$emit('goBack');
            },
            //审核保存
            addShenHeSave(){
                let obj = Object.assign(this.shenHeDialogForm,{'id': this.rowId});
                request.post(`/tac/pblm/rect/pblm/update`,obj)
                    .then(res =>{
                        if(res.success){
                            this.shenHeDialogFormVisible = false;
                            this.getShenHeFormData();
                            this.$message.success('操作成功');
                        }else{
                            this.$message.warning(res.message);
                        }
                    })
                    .catch(err =>{
                        console.log(err);
                    })

            },
            //问题查看
            rowIwew(row){
                // this.rowPblId = row.id;
                this.rowPblId = row.pblmId;
                this.dialogDetailVisible = true;
            },
            closeDialog(){
                this.dialogDetailVisible = false;
            }
        }
    }
</script>

<style lang="scss" scope>

</style>