<template>
    <div>
        <el-dialog :title="eventTraDialog.title" :visible="true" width="80%" append-to-body :close-on-click-modal="false" 
            @close="handleClose">
            <div class="dialog-content dialog-trace">

                <!-- 短信发送追踪明细 -->
                <smsDialogDetail v-if="eventTraDialog.traceType == 0 &&eventTraDialog.component == 'smsDialogDetail'" :eventTraDialog="eventTraDialog" />
                <!-- 短信发送追踪 -->
                <smsDialog v-if="eventTraDialog.traceType == 0 &&eventTraDialog.component == undefined" :eventTraDialog="eventTraDialog" />

                <!-- 外呼事项追踪 -->
                <CallDialog v-if="eventTraDialog.traceType == 1" :eventTraDialog="eventTraDialog" />
                <!-- 视频调解追踪 -->
                <voideDialog v-if="eventTraDialog.traceType == 2" :eventTraDialog="eventTraDialog" />

                <!-- 文书生成追踪 -->
                <officeDialog v-if="eventTraDialog.traceType == 3 &&eventTraDialog.component == undefined" :eventTraDialog="eventTraDialog" />
                <!-- 文书生成追踪明细 -->
                <officeDialogDetail v-if="eventTraDialog.traceType == 3 &&eventTraDialog.component == 'officeDialogDetail'" :eventTraDialog="eventTraDialog" />

                <!-- 文书签字追踪 -->
                <officeWriteDialog v-if="eventTraDialog.traceType == 4 &&eventTraDialog.component == 'officeWriteDialog'" :eventTraDialog="eventTraDialog" />
                <!-- 文书签字追踪明细 -->
                <officeWDialogDetail v-if="eventTraDialog.traceType == 4 &&eventTraDialog.component == 'officeWDialogDetail'" :eventTraDialog="eventTraDialog" />

                <!-- 文书签章追踪 -->
                <officeSealDialog v-if="eventTraDialog.traceType == 5" :eventTraDialog="eventTraDialog" />

                <!-- 文书送达追踪 -->
                <officeDeliveryDialog v-if="eventTraDialog.traceType == 6 &&eventTraDialog.component == undefined" :eventTraDialog="eventTraDialog" />
                <!-- 文书送达追踪明细 -->
                <officeDeliveryDialogDetail v-if="eventTraDialog.traceType == 6 &&eventTraDialog.component == 'officeDeliveryDialogDetail'" :eventTraDialog="eventTraDialog" />
                
                <!-- 还款凭证登记 -->
                <repaymentDialog v-if="eventTraDialog.traceType == 7" :eventTraDialog="eventTraDialog" />
                
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button @click="handleClose()">取消</el-button>
                <el-button type="primary" @click="handleSubmit()">确认</el-button>
            </span>
        </el-dialog>
    </div>
</template>
<script>
import api from "@/services/caseManagement";
    export default {
        components: {
            smsDialog: () => import('./components/smsDialog.vue'),//短信发送追踪
            CallDialog: () => import('./components/CallDialog.vue'),//外呼事项追踪
            voideDialog: () => import('./components/voideDialog.vue'),//视频调解追踪
            officeDialog: () => import('./components/officeDialog.vue'),//文书生成追踪
            officeWriteDialog: () => import('./components/officeWriteDialog.vue'),//文书签字追踪
            officeSealDialog: () => import('./components/officeSealDialog.vue'),//文书签章追踪
            officeDeliveryDialog: () => import('./components/officeDeliveryDialog.vue'),//文书送达追踪
            repaymentDialog: () => import('./components/repaymentDialog.vue'),//还款凭证登记

            officeDeliveryDialogDetail: () => import('./dtraceDetail/officeDeliveryDialogDetail.vue'),//文书送达追踪明细
            officeDialogDetail: () => import('./dtraceDetail/officeDialogDetail.vue'),//文书生成追踪明细
            officeWDialogDetail: () => import('./dtraceDetail/officeWDialogDetail.vue'),//文书签字追踪明细
            smsDialogDetail: () => import('./dtraceDetail/smsDialogDetail.vue'),//短信发送追踪明细
        },
        props: {
            eventTraDialog: {
                type: Object,
                default: () => {
                    return {}
                },
            },
        },
        data() {
            return {
            
                queryParam:{},
                tableData:[],
                total:0,

            };
        },
        mounted () {
            console.log(this.eventTraDialog,'eventTraDialog')
        },
        methods: {
            
            handleClose() {
                this.$emit('update:eventTraDialog', null)
            },
        }
    };
</script>
<style scoped lang="scss">
.dialog-trace{
    padding: 16px 20px;
    max-height:500px
}

</style>