2024-12-17 11:47:36 +08:00

98 lines
4.7 KiB
Vue

<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>