fj-dc-ui/.svn/pristine/04/043dfbd194a50e03c091d331f3c31e3ddb885d31.svn-base

<template>
    <div :style="{'height': tableHeight1 + 'px'}">
        <el-button @click="addProblem" type="primary" style="float: right;margin-bottom: 10px">添加问题</el-button>
        <el-table
                v-loading="loading"
                border
                ref="multipleTable"
                :data="problemList"
                :height="tableHeight"
                tooltip-effect="dark"
                style="width: 100%">
            <el-table-column align="center" type="index" label="序号" min-width="80">
                <template slot-scope="scope">
                    {{ (currentPage - 1) * pageSize + (scope.$index + 1) }}
                </template>
            </el-table-column>
            <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="inspPblmName"
                    label="问题类别"
                    show-overflow-tooltip>
            </el-table-column>
            <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="checkPoint"
                    label="检查项目"
                    show-overflow-tooltip>
            </el-table-column>
            <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="pblmDesc"
                    label="问题描述"
                    show-overflow-tooltip>
            </el-table-column>
            <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="inspPblmDesc"
                    label="详细描述"
                    show-overflow-tooltip>
            </el-table-column>
            <el-table-column
                    align="center"
                    prop
                    min-width="100"
                    label="操作"
                    show-overflow-tooltip>
                <template slot-scope="scope">
                    <el-button icon="el-icon-view"  title="查看详情"type="text" @click="showDetails(scope.row.pblmId)"></el-button>
                    <el-button icon="el-icon-edit" type="text" title="修改问题"  @click="changeSup(scope.row.pblmId)"
                               v-if="ownPriv('manage')"></el-button>
                    <el-button icon="el-icon-delete" type="text" v-if="ownPriv('manage')"
                                title="删除问题" @click="removeSuperviseOne(scope.row.pblmId)"
                    ></el-button>
                </template>
            </el-table-column>
        </el-table>
        <!-- 分页 -->
        <div class="paginationWarpper">
            <el-pagination
                    class="paginationCenter"
                    background
                    @size-change="handleSizeChange"
                    @current-change="search"
                    :current-page.sync="currentPage"
                    :page-sizes="[10, 20, 50, 100]"
                    :page-size="pageSize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="total">
            </el-pagination>
        </div>
        <!-- 详情组件-->
        <el-dialog
                class="custom_dialog"
                title="问题详情"
                width="60%"
                append-to-body
                :visible.sync="supervisionDetailsVisible">
            <supervision-details ref="xianqing" :problemId="currentProblemId"></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>
        <!-- 修改组件 -->
        <problem-edit :editId="editId" @closeEditDialog="closeEditDialog"
                      v-if="changeSupervisionVisible"></problem-edit>
        <!-- 添加问题组件 -->
        <problem-dialog
                v-if="showAddProblemDialog"
                :objId="currentObjectId"
                :regId="currentObjectRgstrId"
                :objName="currentObjectName"
                @closeDialog="closePlDialog"
                fenlei="xjyjJcdw"
                :objType="62"
                :currentObjectRgstrId="currentObjectRgstrId">
        </problem-dialog>
    </div>
</template>
<script>
    import {formatDateTimeD} from '@util/gw_date.js'
    import problemDialog from "../xjyjJcdw/addProblemDialog.vue";
    import request from '@util/gw_ajax_request.js'
    import {dateFormat} from "@util/gw_date";

    export default {
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'activeLabel'],
        data() {
            return {
                tableHeight: window.innerHeight * .45,
                tableHeight1: window.innerHeight * .55,
                problemList: [],
                loading: false,
                currentPage: 1,
                pageSize: 10,
                pageNum: 1,
                total: 0,
                supervisionDetailsVisible: false,
                currentProblemId: '',
                problemDeleteVisible: false,
                deleteId: '',
                editId: '',
                changeSupervisionVisible: false,
                showAddProblemDialog: false,
                rsvrRules: null,
                probId: '',
            }
        },
        components: {
            //详情页
            supervisionDetails: resolve => {
                require(["./problemDetail.vue"], resolve);
            },
            // 删除描述页
            ProblemDelete: resolve => {
                require(["../../duChaWenTi/problemDelete.vue"], resolve);
            },
            // 修改问题
            problemEdit: resolve => {
                require(["./problemModify.vue"], resolve);
            },
            problemDialog
        },
        computed: {
            persId() {
                return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
            }
        },
        created() {
        },
        mounted() {
            this.getProblemList()
        },
        methods: {
            getProblemList() {
                let problemForm = {}
                problemForm.regid = this.currentObjectRgstrId;
                problemForm.pageNum = this.currentPage;
                problemForm.pageSize = this.pageSize;
                problemForm.presId = this.persId;
                problemForm['objType'] = '62';
                this.loading = true;
                request.post(`/dc/insp/pblm/page`, problemForm).then(res => {
                    if (res.success) {
                        res.data.list.forEach((item) => {
                            if (item.fdTm) {
                                item.findTime = typeof (item.fdTm) == 'string' ? item.fdTm : dateFormat(item.fdTm, 'yyyy-MM-dd')
                            }
                        })
                        this.problemList = res.data.list;
                        this.total = res.data.total;
                        this.loading = false;
                    }
                }).catch(err => {
                    this.$message.error(err)
                    this.loading = false;
                });
            },
            showDetails(pblmId) {
                this.currentProblemId = pblmId
                this.supervisionDetailsVisible = true
            },
            changeSup(pblmId) {
                this.editId = pblmId
                this.changeSupervisionVisible = true
            },
            removeSuperviseOne(pblmId) {
                this.deleteId = pblmId
                this.problemDeleteVisible = true
            },
            deleteSuccess() {
                this.problemDeleteVisible = false;
                this.getProblemList();
            },
            search(val) {
                this.currentPage = val
                this.getProblemList()
            },
            handleSizeChange() {
            },
            timestampToTime(row, column) {
                var date = new Date(row);
                var Y = date.getFullYear() + "-";
                var M =
                    (date.getMonth() + 1 < 10
                        ? "0" + (date.getMonth() + 1)
                        : date.getMonth() + 1) + "-";
                var D =
                    (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
                var h =
                    (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
                var m =
                    date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
                return Y + M + D + h + m;
            },
            closeEditDialog() {
                this.getProblemList()
                this.changeSupervisionVisible = false
            },
            addProblem(item) {
                // let rest = this.rsvrRules;
                // this.probId = rest[0].id;
                this.showAddProblemDialog = true;
            },
            closePlDialog(val) {
                this.showAddProblemDialog = false;
                this.getProblemList()
            }
        },
        watch: {
            activeLabel(val) {
                if (val == '问题清单') {
                    this.getProblemList()
                }
            }
        },
        filters: {}
    }
</script>
<style scoped>

</style>