diff --git a/ui/src/views/application-detail/overview/access-restriction/ButtonAccessRestriction.vue b/ui/src/views/application-detail/overview/access-restriction/ButtonAccessRestriction.vue
index fa671659b05..1d29416a0ad 100644
--- a/ui/src/views/application-detail/overview/access-restriction/ButtonAccessRestriction.vue
+++ b/ui/src/views/application-detail/overview/access-restriction/ButtonAccessRestriction.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 import { useStore } from '@/stores/admin'
 import AccessRestrictionDrawer from './AccessRestrictionDrawer.vue'
 import XpackAccessRestrictionDrawer from './XpackAccessRestrictionDrawer.vue'
@@ -7,6 +7,7 @@ import XpackAccessRestrictionDrawer from './XpackAccessRestrictionDrawer.vue'
 defineOptions({ name: 'ButtonAccessRestriction' })
 
 const { auth } = useStore()
+const accessRestrictionDrawer = computed(() => (auth.isCE ? AccessRestrictionDrawer : XpackAccessRestrictionDrawer))
 const drawerVisible = ref(false)
 
 function handleOpenAccessRestriction() {
@@ -20,8 +21,5 @@ function handleOpenAccessRestriction() {
     <MkIcon name="icon-lock" />
     <span>访问限制</span>
   </el-button>
-  <template v-if="drawerVisible">
-    <AccessRestrictionDrawer v-if="auth.isCE" @closed="drawerVisible = false" />
-    <XpackAccessRestrictionDrawer v-else @closed="drawerVisible = false" />
-  </template>
+  <component v-if="drawerVisible" :is="accessRestrictionDrawer" @closed="drawerVisible = false" />
 </template>
diff --git a/ui/src/views/application-detail/overview/display-setting/XpackDisplaySettingDialog.vue b/ui/src/views/application-detail/overview/display-setting/XpackDisplaySettingDialog.vue
index 04ef417021a..e5630568889 100644
--- a/ui/src/views/application-detail/overview/display-setting/XpackDisplaySettingDialog.vue
+++ b/ui/src/views/application-detail/overview/display-setting/XpackDisplaySettingDialog.vue
@@ -7,7 +7,6 @@ import { MsgError, MsgSuccess } from '@/utils/message'
 import { useApplicationDetailContext } from '../../context'
 import DisplaySettingPreview from './components/DisplaySettingPreview.vue'
 import { APPLICATION_DISPLAY_SETTING_DEFAULT } from '@/constants/application'
-import ApplicationApi from '@/api/admin/workspace/application/application'
 
 defineOptions({ name: 'XpackDisplaySettingDialog' })
 
@@ -47,7 +46,7 @@ const languageOptions = [
 function loadSetting() {
   if (loading.value) return
   loading.value = true
-  return ApplicationApi.getDisplaySetting(applicationId.value)
+  return resourceApi.application.getDisplaySetting(applicationId.value)
     .then((config) => {
       // 旧版接口可能省略展示字段，嵌套配置分别补齐默认值。
       const setting: ApplicationDisplaySetting = cloneDeep(APPLICATION_DISPLAY_SETTING_DEFAULT)