hotline-web/src/views/tels/callLog/index.vue

<template>
	<component :is="currentCity" />
</template>

<script lang="tsx" setup name="callLog">
import { defineAsyncComponent, computed } from 'vue';
import { getCurrentCityConfig } from '@/utils/appConfig';

// 引入组件
const YiBin = defineAsyncComponent(() => import('@/views/tels/callLog/ybCallLog.vue')); // 宜宾通话记录
const ZiGong = defineAsyncComponent(() => import('@/views/tels/callLog/zgCallLog.vue')); // 自贡通话记录

const { city } = getCurrentCityConfig();

const COMPONENT_LIST = {
	YiBin,
	ZiGong,
};
// 当前地州市
const currentCity = computed(() => {
	return COMPONENT_LIST[city];
});
</script>