fj-dc-ui/.svn/pristine/fd/fd4de9616b2ebb326165fc055dabc1cefc98dcff.svn-base

<template>
    <div>
        <el-button @click="addProblem" type="primary" style="float: right;margin-bottom: 10px" v-if="openType">添加问题</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="40">
                <template slot-scope="scope">
                    {{ (currentPage - 1) * pageSize + (scope.$index + 1) }}
                </template>
            </el-table-column>
            <el-table-column
                header-align="center"
                align="center"
                min-width="140"
                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="inspPblmDesc"
                label="详细描述"
                show-overflow-tooltip>
            </el-table-column>
<!--            <el-table-column-->
<!--              header-align="center"-->
<!--              align="center"-->
<!--              min-width="100"-->
<!--              prop="inspPblmCate"-->
<!--              label="严重程度"-->
<!--              show-overflow-tooltip>-->
<!--              <template slot-scope="scope">-->
<!--                <span v-if="scope.row.inspPblmCate == 0" >一般</span>-->
<!--                <span v-if="scope.row.inspPblmCate == 1" >较重</span>-->
<!--                <span v-if="scope.row.inspPblmCate == 2" >严重</span>-->
<!--                <span v-if="scope.row.inspPblmCate == 3" >特别严重</span>-->
<!--              </template>-->
<!--            </el-table-column>-->
            <el-table-column
                prop="collTime"
                label="上报时间"
                :formatter="timestampToTime"
                sortable
                align="center"
                min-width="100"
                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 icon="el-icon-edit" type="text" title="修改问题"  @click="changeSup(scope.row.pblmId)"
                             v-if="ownPriv('manage') && openType"/>
                  <el-button icon="el-icon-delete" type="text" v-if="ownPriv('manage') && openType"
                              title="删除问题" @click="removeSuperviseOne(scope.row.pblmId)"
                  />
                </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" :objType="pType"></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" :pType="pType"></problem-edit>
        <!-- 添加问题组件 -->
        <problem-dialog
            v-if="showAddProblemDialog"
            :objType="pType"
            :villType="pType"
            :objId="currentObjectId"
            :objName="currentObjectName"
            :problemMiddleType="'取水许可管理复核'"
            @closeDialog="closePlDialog"
            :newModelData="newModelData"
            :currentObjectRgstrId="currentObjectRgstrId">
        </problem-dialog>

        <el-dialog
                class="pblmEascader"
                title="新增问题"
                width="60%"
                append-to-body
                :visible.sync="pblmEascaderVisible">
            <pblmEascader :objType="pType" @modelData="modelData" v-if="pblmEascaderVisible"></pblmEascader>
            <span slot="footer">
                <el-button @click="pblmEascaderVisible=false">返 回</el-button>
                <el-button type="primary" @click="submitEascader">确 定</el-button>
            </span>
        </el-dialog>
    </div>
</template>
<script>
import {formatDateTimeD} from '../../utils/gw_date.js'
import problemDialog from "../duChaWenTi/addProblem/xiaoshuiku_problem_dialog.vue";
import request from '../../utils/gw_ajax_request.js'
import pblmEascader from './project/pblmEascadert'
export default {
    props: ['currentObjectId','currentObjectName','currentObjectRgstrId','activeLabel','pType','openType'],
    data(){
        return{
            tableHeight: window.innerHeight - 250,
            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: '',
            pblmEascaderVisible: false,
            newModelData: null
        }
    },
    components:{
        //详情页
        supervisionDetails: resolve => {
            require(["../duChaWenTi/supervisionDetails_com.vue"], resolve);
        },
        // 删除描述页
        ProblemDelete: resolve => {
            require(["../duChaWenTi/problemDelete.vue"], resolve);
        },
        // 修改问题
        problemEdit: resolve => {
            require(["../duChaWenTi/comProblemModify.vue"], resolve);
        },
        problemDialog,
        pblmEascader
    },
    computed:{
        persId() {
            return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
        }
    },
    created(){
      this.findItemByType()
    },
    mounted(){
        this.getProblemList()
    },
    methods:{
        getProblemList(){

            let problemForm = {}
            problemForm.objId = this.currentObjectId;
            problemForm.objType = this.pType;
            problemForm.pageNum = this.currentPage;
            problemForm.pageSize = this.pageSize;
            problemForm.presId = this.persId;
            this.loading = true;
            request.post(`/dc/insp/pblm/list/${this.persId}`, problemForm).then(res => {
                if (res.success) {
                    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.collTime);
            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.changeSupervisionVisible = false
            this.getProblemList()
        },
        findItemByType(){
            const obj ={
                tname: "BIS_INSP_BASE_PRES_EXT",
                type: this.pType,
            }
            request.post("/bis/insp/item/ques/info/findItemByType",obj).then(res =>{
                this.rsvrRules = res.data;
            })
        },
        addProblem(item){
            this.pblmEascaderVisible = true;
        },
        closePlDialog(val) {
            this.showAddProblemDialog = false;
            this.getProblemList();
            this.newModelData = null;
        },
        submitEascader(){
            if(!this.newModelData || !this.newModelData.model.length){
                this.$message.warning('问题不可以为空');
                return;
            }
            this.pblmEascaderVisible = false;
            // let rest = this.rsvrRules
            // this.probId = rest[0].id;
            this.showAddProblemDialog = true
        },
        modelData(val){

            this.newModelData = val;
        }
    },
    watch:{
        activeLabel(val){
            if(val == '问题清单'){
                this.getProblemList()
            }
        }
    }
}
</script>
<style lang="scss">
    .pblmEascader .el-dialog__body {
        height: 15vh;
        overflow: auto;
    }
</style>