fj-dc-ui/.svn/pristine/94/94deec3e13dd3ec5a93fcffb2c7169b3220845ff.svn-base

<template>
    <div>
        <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="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="pblmNm"
                label="问题名称"
                show-overflow-tooltip>
            </el-table-column>
            <el-table-column
                header-align="center"
                align="center"
                min-width="100"
                prop="loc"
                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
                align="center"
                prop
                min-width="100"
                label="操作"
                show-overflow-tooltip
                fixed="right">
                <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)"
                               v-if="ownPriv('manage') && openType"></el-button>
                    <el-button icon="el-icon-delete" type="text" v-if="ownPriv('manage') && openType" title="删除问题"
                               @click="removeSuperviseOne(scope.row.id)"
                    ></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>
        <!-- 修改组件 -->
        <addPblmReview2021 :pblmReviewRowData="pblmReviewRowData"
                           :currentObjectRgstrId="currentObjectRgstrId"
                           :currentObjectName="currentObjectName"
                           :currentObjectId="currentObjectId"
                           :rowData="rowData"
                           :openType="openType"
                           @closeEditDialog="closeEditDialog"
                           @closeDialog="closePlDialog"
                           v-if="changeSupervisionVisible"></addPblmReview2021>
        
        <el-dialog
            class="gqdfkProblemReview"
            title="新增问题"
            width="40%"
            append-to-body
            :visible.sync="pblmEascaderVisible">
            <el-form :model="formObj" :label-width="formLabelWidth" :rules="rules" style="padding: 20px;">
                <el-card>
                    <el-form-item label="问题名称">
                        <el-input type="text" v-model="formObj.pblmNm" class="w200" clearable
                                  placeholder="请输入问题名称"></el-input>
                    </el-form-item>
                    <el-form-item label="问题地点">
                        <el-input type="text" v-model="formObj.loc" class="w200" clearable
                                  placeholder="请输入县,乡镇,行政村,村组"></el-input>
                    </el-form-item>
                    <el-form-item label="问题描述">
                        <el-input type="textarea" v-model.trim="formObj.pblmDesc" :rows="5"
                                  placeholder="请输入问题描述" class="w200"></el-input>
                    </el-form-item>
                    <el-form-item label="经度">
                        <el-input v-model="formObj.centerX" autocomplete="off" class="w200"
                                  oninput="value=value.replace(/[^\d]/g,'')"></el-input>
                    </el-form-item>
                    <el-form-item label="纬度">
                        <el-input v-model="formObj.centerY" autocomplete="off" class="w200"
                                  oninput="value=value.replace(/[^\d]/g,'')"></el-input>
                    </el-form-item>
                </el-card>
            </el-form>
            <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 problemDialog from "../../duChaWenTi/addProblem/xiaoshuiku_problem_dialog.vue";
    import request from '@util/gw_ajax_request.js'
    import pblmEascader from '../project/pblmEascaderRenyin2021'
    import addPblmReview2021 from './addPblmReview2021'
    
    export default {
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'activeLabel', 'rowData', 'openType'],
        data() {
            return {
                tableHeight: 490,
                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,
                formObj: {
                    pblmNm: '',
                    pblmDesc: '',
                    loc: '',
                    centerX: "",
                    centerY: ""
                },
                formLabelWidth: '200px',
                rules: [],
                pblmReviewRowData: null
            }
        },
        components: {
            addPblmReview2021,
            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 = '97';
                // problemForm.pageNum = this.currentPage;
                // problemForm.pageSize = this.pageSize;
                // problemForm.presId = this.persId;
                this.loading = true;
                request.get(`/bis/insp/vill2021/pblm/list/${this.currentObjectRgstrId}`).then(res => {
                    if (res.success) {
                        this.problemList = res.data;
                        // 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(row) {
                this.pblmReviewRowData = row;
                this.changeSupervisionVisible = true
            },
            removeSuperviseOne(pblmId) {
                // this.deleteId = pblmId
                // this.problemDeleteVisible = true
                this.$confirm('确认删除当前问题吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post(`/bis/insp/vill2021/pblm/delete/${pblmId}`).then(res => {
                        if (res.success) {
                            this.$message.success('删除成功')
                            this.getProblemList()
                        } else {
                            this.$message.error(res.message)
                        }
                    })
                }).catch(() => {
                });
            },
            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_NEW_COUNTRY_LAW"
            //     }
            //     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.formObj.pblmNm || !this.formObj.pblmDesc || !this.formObj.loc) {
                    this.$message.warning('问题名称、描述、地点不可以为空');
                    return;
                }
                this.formObj['rgstrId'] = this.currentObjectRgstrId;
                this.formObj['persId'] = this.persId;
                request.post(`/bis/insp/vill2021/pblm`, this.formObj)
                    .then(res => {
                        if (res.success) {
                            this.$message.success('新增问题成功');
                            this.pblmEascaderVisible = false;
                            this.getProblemList();
                        } else {
                            this.$message.warning(res.message);
                        }
                    })
                    .catch(err => {
                    
                    })
                
            },
            modelData(val) {
                this.newModelData = val;
            }
        },
        watch: {
            activeLabel(val) {
                if (val == '问题清单') {
                    this.getProblemList()
                }
            }
        }
    }
</script>
<style lang="scss">
    .gqdfkProblemReview .el-dialog__body {
        height: 45vh;
        overflow: auto;
    }
</style>