fj-dc-ui/.svn/pristine/55/550f31b26aeee5946996cf7fff6c813b6bd6594b.svn-base

<template>
    <div id="shuikutianbaoId">
        <el-dialog width="50%" :before-close="closeDialog" :visible.sync="dialogFormVisible">
            <el-container>
                <el-main id="dxdcListMain" style="padding:5px 20px;">
                    <el-tabs v-model="currentViewId" type="card">
                        <el-tab-pane
                                :label="option.label"
                                :name="option.label"
                                v-for="option in options"
                                :key="option.value">
                            <component
                                    :is="option.value"
                                    :currentObjectRgstrId="currentObjectRgstrId"
                                    :ssxMid="ssxMid"
                                    :currentObjectName="currentObjectName"
                                    :currentObjectCode="currentObjectCode"
                                    :currentObjectWintCode="currentObjectWintCode"
                                    :currentObjectId="currentObjectId"
                                    :activeLabel="activeLabel"
                                    :szRuls="szRuls"
                                    :baseId="baseId"
                                    @cancelHandler="cancelHandler"
                                    @addQuShuiKouSuccess="addQuShuiKouSuccess"
                            ></component>
                        </el-tab-pane>
                    </el-tabs>
                </el-main>
            </el-container>
        </el-dialog>
    </div>
</template>

<script>
    import request from "@util/gw_ajax_request.js";
    import jichuxinxi from "./quShuiKouBaseinfo.vue"
    import useWaterInfo from "./useWaterInfo.vue"
    import useWaterInfoTwo from "./useWaterInfoTwo.vue"
    import approvalInfo from "./approvalInfo.vue"
    import problemList from './quShuiKouProblemList.vue'
    import taiZhang from './taiZhang.vue'
    import certificate from './certificateList.vue'
    import signature from './signature.vue'
    import {getrgstrIdObject} from "@api/duChaTianBao.js";

    export default {
        components: {
            jichuxinxi: jichuxinxi,
            useWaterInfo: useWaterInfo,
            useWaterInfoTwo: useWaterInfoTwo,
            approvalInfo: approvalInfo,
            problemList: problemList,
            taiZhang,
            certificate,
            signature
        },
        props: ['rowData', 'currentObjectRgstrId', 'currentObjectCode', 'baseId', 'column1', 'ssxMid', 'currentObjectWintCode', 'currentObjectId', 'currentObjectName'],

        data() {
            return {
                options: '',
                value: "",
                dialogShow: false,
                currentViewId: "基础信息",
                dialogFormVisible: true,
                activeLabel: '',
                tableName: '',
                szRuls: []
            };
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        mounted() {
            switch ('2') {
                case '1':
                    this.options = [
                        {
                            value: "jichuxinxi",
                            label: "基础信息"
                        },
                        {
                            value: "useWaterInfoTwo",
                            label: '取水口整改提升情况抽查表'
                        },
                        {
                            value: "problemList",
                            label: '问题清单'
                        },
                        {
                            value: "signature",
                            label: '责任人签字'
                        },
                        {
                            value: "taiZhang",
                            label: '核查登记信息'
                        },
                        {
                            value: "certificate",
                            label: '取水许可信息'
                        },
                        {
                            value: "approvalInfo",
                            label: '问题信息'
                        },
                    ]
                    break;
                case '2':
                    this.options = [
                        {
                            value: "jichuxinxi",
                            label: "基础信息"
                        },
                        {
                            value: "useWaterInfo",
                            label: '取水口核查登记情况抽查表'
                        },
                        {
                            value: "problemList",
                            label: '问题清单'
                        },
                        {
                            value: "signature",
                            label: '责任人签字'
                        },
                        {
                            value: "taiZhang",
                            label: '核查登记信息'
                        },
                        {
                            value: "certificate",
                            label: '取水许可信息'
                        },
                        {
                            value: "approvalInfo",
                            label: '问题信息'
                        },
                    ]
            }
        },

        watch: {
            tableName() {
                this.getPblmType();
            }
        },

        methods: {
            closeHandler() {
                this.dialogShow = false
                this.$emit("addQuShuiKouSuccess");
            },
            appearDialog(type) {
                this.dialogShow = true
                // this.problemSmallType = type
            },
            closePDialog() {
                this.dialogShow = false
            },
            showDialog() {
                this.dialogFormVisible = true;
            },
            cancelHandler() {
                this.$emit('cancelHandler');
            },
            addQuShuiKouSuccess() {
                this.$emit('addQuShuiKouSuccess');
            },
            closeDialog() {
                this.$emit('cancelHandler');
            },
            handleClickTabs(tab, event) {
                this.activedName = tab.label;
            }
        }
    };
</script>

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