fj-dc-ui/.svn/pristine/ec/ec3b1f635e4fd5c438eac7c0f84d2b9321bb1662.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
                            :is="option.value"
                            :objType="objType"
                            :currentObjectRgstrId="currentObjectRgstrId"
                            :currentObjectName="currentObjectName"
                            :currentBaseId="currentBaseId"
                            :openType="openType"
                            :currentObjectId="currentObjectId"
                            :activeLabel="activeLabel"
                            @cancelHandler="cancelHandler"
                            @addQiTaSuccess="addQiTaSuccess"
                            ></component>
                        </el-tab-pane>
                    </el-tabs>
                </el-main>
            </el-container>
        </el-dialog>
    </div>
</template>

<script>
import jichuxinxi from "./baseInfo.vue"
import problemList from "../siluan/problemList.vue"
export default {
    components: {
        jichuxinxi,
        problemList
    },
    props: ['rowData','currentObjectRgstrId','currentBaseId','currentObjectId','currentObjectName','objType','openType'],

    data() {
        return {
            options: [
                {
                    value: "jichuxinxi",
                    label: "问题复核"
                },
                {
                    value: "problemList",
                    label: "问题清单"
                }
            ],
            value: "",
            currentViewId: "问题复核",
            dialogFormVisible:true,
            activeLabel: ''
        };
    },
    computed: {
        persId() {
            return localStorage.getItem("userid")
                ? localStorage.getItem("userid")
                : "1098101939614724096";
        }
    },
    mounted() {},
    methods: {
        cancelHandler(){
            this.$emit('cancelHandler');
        },
        addQiTaSuccess(){
            this.$emit('addQiTaSuccess');
        },
        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>