fj-dc-ui/.svn/pristine/5c/5cec489d2dde5183ed05bad9d3a509030cede7be.svn-base

<template>
    <div id="shuikutianbaoId">
        <el-dialog :title="currentObjectName+'督查填报'" width="60%" :before-close="closeDialog"
                   :visible.sync="dialogFormVisible">
            <el-container>
                <el-main id="dxdcListMain" style="padding:5px 20px;">
                    <el-tabs v-model="currentViewId" type="card" @tab-click="tabIndexChange">
                        <el-tab-pane
                                :label="option.label"
                                :name="option.label"
                                v-for="option in options"
                                :key="option.value">
                            <component
                                    v-if="currentViewId == option.label"
                                    :is="option.value"
                                    :currentObjectRgstrId="currentObjectRgstrId"
                                    :currentObjectName="currentObjectName"
                                    :currentResCode="currentResCode"
                                    :currentObjectId="currentObjectId"
                                    :activeLabel="activeLabel"
                                    :pType="pType"
                                    :openType="openType"
                                    @cancelHandler="cancelHandler"
                                    @addShuiKuSuccess="addShuiKuSuccess"
                            ></component>
                        </el-tab-pane>
                    </el-tabs>
                </el-main>
            </el-container>
        </el-dialog>
    </div>
</template>

<script>
    import request from "@util/gw_ajax_request.js";
    import emergencyPlanning from "./emergencyPlanning.vue"
    import reasonAnalysis from "./reasonAnalysis.vue"
    import problemList from './problemList.vue'
    import problemDialog from '../../duChaWenTi/problemDialog.vue'
    import {getrgstrIdObject} from "@api/duChaTianBao.js";

    export default {
        components: {
            reasonAnalysis: reasonAnalysis,
            emergencyPlanning: emergencyPlanning,
            problemDialog: problemDialog,
            problemList: problemList,
        },
        props: ['rowData', 'currentObjectRgstrId', 'currentResCode', 'currentObjectId', 'currentObjectName', 'pType','openType'],

        data() {
            return {
                options: [
                    {
                        value: "emergencyPlanning",
                        label: '预案编制情况'
                    }, {
                        value: "reasonAnalysis",
                        label: '原因分析和整改意见'
                    }, {
                        value: "problemList",
                        label: '问题清单'
                    }
                ],
                value: "",
                dialogShow: false,
                currentViewId: "预案编制情况",
                dialogFormVisible: true,
                activeLabel: ''
            };
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        mounted() {
        },

        watch: {},

        methods: {
            cancelHandler() {
                this.$emit('cancelHandler');
            },
            addShuiKuSuccess() {
                this.$emit('addShuiKuSuccess');
            },
            closeDialog() {
                this.$confirm('确认退出吗？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    this.$emit('cancelHandler');
                }).catch(() => {

                });
            },
            tabIndexChange(item) {
                if (item.label == '问题清单') {
                    this.activeLabel = item.label
                } else {
                    this.activeLabel = ''

                }
            }
        }
    };
</script>

<style>
    #shuikutianbaoId .el-dialog {
        margin-top: 10vh;
    }
</style>