diff --git a/src/dashboard-front/src/views/resource/setting/comps/table-res-to-add.vue b/src/dashboard-front/src/views/resource/setting/comps/table-res-to-action.vue
similarity index 94%
rename from src/dashboard-front/src/views/resource/setting/comps/table-res-to-add.vue
rename to src/dashboard-front/src/views/resource/setting/comps/table-res-to-action.vue
index c0de6f555..4989a6723 100644
--- a/src/dashboard-front/src/views/resource/setting/comps/table-res-to-add.vue
+++ b/src/dashboard-front/src/views/resource/setting/comps/table-res-to-action.vue
@@ -16,7 +16,7 @@
     </bk-table-column>
     <!--  认证方式列  -->
     <bk-table-column
-      :label="() => renderAuthConfigColLabel('add')"
+      :label="() => renderAuthConfigColLabel()"
       :show-overflow-tooltip="false"
       width="100"
     >
@@ -37,7 +37,7 @@
     </bk-table-column>
     <!--  “是否公开”列  -->
     <bk-table-column
-      :label="() => renderIsPublicColLabel('add')"
+      :label="() => renderIsPublicColLabel()"
       width="100"
     >
       <template #default="{ row }: { row: ILocalImportedResource }">
@@ -169,7 +169,12 @@
 </template>
 
 <script lang="tsx" setup>
-import { IAuthConfig, ILocalImportedResource, IPublicConfig } from '@/views/resource/setting/types';
+import {
+  ActionType,
+  IAuthConfig,
+  ILocalImportedResource,
+  IPublicConfig,
+} from '@/views/resource/setting/types';
 import { ref, toRefs } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { MethodsEnum } from '@/types';
@@ -185,16 +190,16 @@ const {
 const { t } = useI18n();
 const methodsEnum = Object.freeze(MethodsEnum);
 
-type ActionType = 'add' | 'update';
-
 interface IProps {
   tableData: ILocalImportedResource[];
   showDoc: boolean;
+  action: ActionType;
 }
 
 const props = withDefaults(defineProps<IProps>(), {
   tableData: () => [],
   showDoc: true,
+  action: 'add',
 });
 
 const emit = defineEmits<{
@@ -217,6 +222,7 @@ const tempPublicConfig = defineModel<IPublicConfig>('tempPublicConfig', {
 const {
   tableData,
   showDoc,
+  action,
 } = toRefs(props);
 
 const pagination = ref({
@@ -241,8 +247,8 @@ const toggleRowUnchecked = (row: ILocalImportedResource) => {
 };
 
 // 批量修改认证方式确认后
-const handleConfirmAuthConfig = (action: ActionType) => {
-  emit('confirm-auth-config', action);
+const handleConfirmAuthConfig = () => {
+  emit('confirm-auth-config', action.value);
 };
 
 // 批量修改认证方式取消后
@@ -255,8 +261,8 @@ const handleCancelAuthConfig = () => {
 };
 
 // 批量修改公开设置确认后
-const handleConfirmPublicConfig = (action: ActionType) => {
-  emit('confirm-pub-config', action);
+const handleConfirmPublicConfig = () => {
+  emit('confirm-pub-config', action.value);
 };
 
 // 批量修改公开设置取消后
@@ -267,7 +273,7 @@ const handleCancelPublicConfig = () => {
   }
 };
 
-const renderAuthConfigColLabel = (action: ActionType) => {
+const renderAuthConfigColLabel = () => {
   return (
     <div>
       <div class="auth-config-col-label">
@@ -309,7 +315,7 @@ const renderAuthConfigColLabel = (action: ActionType) => {
               </bk-form>
             </div>
           }
-          onConfirm={() => handleConfirmAuthConfig(action)}
+          onConfirm={() => handleConfirmAuthConfig()}
           onCancel={() => handleCancelAuthConfig()}
         >
           <i
@@ -329,7 +335,7 @@ const renderAuthConfigColLabel = (action: ActionType) => {
 };
 
 // 公开设置列 TSX
-const renderIsPublicColLabel = (action: ActionType) => {
+const renderIsPublicColLabel = () => {
   return (
     <div>
       <div class="public-config-col-label">
@@ -367,7 +373,7 @@ const renderIsPublicColLabel = (action: ActionType) => {
               </bk-form>
             </div>
           }
-          onConfirm={() => handleConfirmPublicConfig(action)}
+          onConfirm={() => handleConfirmPublicConfig()}
           onCancel={() => handleCancelPublicConfig()}
         >
           <i
diff --git a/src/dashboard-front/src/views/resource/setting/comps/table-res-to-update.vue b/src/dashboard-front/src/views/resource/setting/comps/table-res-to-update.vue
deleted file mode 100644
index b784932ce..000000000
--- a/src/dashboard-front/src/views/resource/setting/comps/table-res-to-update.vue
+++ /dev/null
@@ -1,392 +0,0 @@
-<template>
-  <bk-table
-    :data="tableData"
-    :pagination="pagination"
-    row-key="name"
-    show-overflow-tooltip
-    v-bind="$attrs"
-  >
-    <bk-table-column
-      :label="t('资源名称')"
-      :min-width="160"
-      fixed="left"
-      prop="name"
-      width="160"
-    >
-    </bk-table-column>
-    <!--  认证方式列  -->
-    <bk-table-column
-      :label="() => renderAuthConfigColLabel('update')"
-      :show-overflow-tooltip="false"
-      width="100"
-    >
-      <template #default="{ row }: { row: ILocalImportedResource }">
-        <span v-bk-tooltips="{ content: `${getAuthConfigText(row?.auth_config)}`, placement: 'top' }">
-          {{ getAuthConfigText(row?.auth_config) }}
-        </span>
-      </template>
-    </bk-table-column>
-    <bk-table-column
-      :label="t('校验应用权限')"
-    >
-      <template #default="{ row }: { row: ILocalImportedResource }">
-        <span
-          :class="{ 'warning-c': getPermRequiredText(row?.auth_config) === '是' }"
-        >{{ getPermRequiredText(row?.auth_config) }}</span>
-      </template>
-    </bk-table-column>
-    <!--  “是否公开”列  -->
-    <bk-table-column
-      :label="() => renderIsPublicColLabel('update')"
-      width="100"
-    >
-      <template #default="{ row }: { row: ILocalImportedResource }">
-        <span :class="{ 'warning-c': getPublicSettingText(row.is_public) === '是' }">
-          {{ getPublicSettingText(row.is_public) }}
-        </span>
-      </template>
-    </bk-table-column>
-    <bk-table-column
-      :label="t('允许申请权限')"
-    >
-      <template #default="{ row }: { row: ILocalImportedResource }">
-        <span :class="{ 'warning-c': getAllowApplyPermissionText(row.allow_apply_permission) === '是' }">
-          {{ getAllowApplyPermissionText(row.allow_apply_permission) }}
-        </span>
-      </template>
-    </bk-table-column>
-    <bk-table-column
-      :label="t('前端请求路径')"
-      :min-width="160"
-      :width="160"
-    >
-      <template #default="{ row }">
-        <span>{{ row.match_subpath ? row.path_display : row.path }}</span>
-      </template>
-    </bk-table-column>
-    <bk-table-column
-      :label="t('前端请求方法')"
-      :show-overflow-tooltip="false"
-      prop="method"
-    >
-      <template #default="{ row }: { row: ILocalImportedResource }">
-        <bk-tag :theme="methodsEnum[row.method]">{{ row.method }}</bk-tag>
-      </template>
-    </bk-table-column>
-    <bk-table-column
-      :label="t('后端服务')"
-      prop="method"
-    >
-      <template #default="{ row }: { row: ILocalImportedResource }">
-        {{ row.backend?.name ?? 'default' }}
-      </template>
-    </bk-table-column>
-    <bk-table-column
-      :label="t('后端请求方法')"
-      :show-overflow-tooltip="false"
-      prop="method"
-    >
-      <template #default="{ row }: { row: ILocalImportedResource }">
-        <bk-tag
-          :theme="methodsEnum[row.backend?.config.method ?? row.method]"
-        >
-          {{ row.backend?.config.method ?? row.method }}
-        </bk-tag>
-      </template>
-    </bk-table-column>
-    <bk-table-column
-      :label="t('后端请求路径')"
-      :min-width="160"
-      :width="160"
-    >
-      <template #default="{ row }: { row: ILocalImportedResource }">
-        {{ row.backend?.config?.path ?? row.backend?.path ?? row.path }}
-      </template>
-    </bk-table-column>
-    <bk-table-column
-      :label="t('资源文档')"
-      prop="doc"
-      width="85"
-    >
-      <template #default="{ row }: { row: ILocalImportedResource }">
-        <bk-button
-          v-if="showDoc"
-          text
-          theme="primary"
-          @click="handleShowResourceDoc(row)"
-        >
-          <i class="apigateway-icon icon-ag-doc-2 mr4 f14 default-c" />
-          {{ t('详情') }}
-        </bk-button>
-        <span v-else>{{ t('未生成') }}</span>
-      </template>
-    </bk-table-column>
-    <bk-table-column
-      :label="t('插件数量')"
-      width="85"
-    >
-      <template #default="{ row }: { row: ILocalImportedResource }">
-        <bk-button
-          style="font-size: 12px;"
-          text theme="primary"
-          @click="handleShowPluginsSlider(row)"
-        >
-          <span
-            v-bk-tooltips="{ content: `${row.plugin_configs?.map((c)=>c.name || c.type).join('，') || '无插件'}` }"
-          >
-            {{ row.plugin_configs?.length ?? 0 }}
-          </span>
-        </bk-button>
-      </template>
-    </bk-table-column>
-    <bk-table-column
-      :label="t('操作')"
-      fixed="right"
-      prop="act"
-      width="150"
-    >
-      <template #default="{ row }: { row: ILocalImportedResource }">
-        <bk-button
-          text
-          theme="primary"
-          @click="handleEdit(row)"
-        >
-          {{ t('修改配置') }}
-        </bk-button>
-        <bk-button
-          class="pl10 pr10"
-          text
-          theme="primary"
-          @click="() => {
-            toggleRowUnchecked(row)
-          }"
-        >
-          {{ t('不导入') }}
-        </bk-button>
-      </template>
-    </bk-table-column>
-  </bk-table>
-</template>
-
-<script lang="tsx" setup>
-import { IAuthConfig, ILocalImportedResource, IPublicConfig } from '@/views/resource/setting/types';
-import { ref, toRefs } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { MethodsEnum } from '@/types';
-import useTextGetter from '@/views/resource/setting/hooks/useTextGetter';
-
-const {
-  getAuthConfigText,
-  getPermRequiredText,
-  getPublicSettingText,
-  getAllowApplyPermissionText,
-} = useTextGetter();
-
-const { t } = useI18n();
-const methodsEnum = Object.freeze(MethodsEnum);
-
-type ActionType = 'add' | 'update';
-
-interface IProps {
-  tableData: ILocalImportedResource[];
-  showDoc: boolean;
-}
-
-const props = withDefaults(defineProps<IProps>(), {
-  tableData: () => [],
-  showDoc: true,
-});
-
-const emit = defineEmits<{
-  'show-row-doc': [row: ILocalImportedResource]
-  'show-row-plugin': [row: ILocalImportedResource]
-  'show-row-edit': [row: ILocalImportedResource]
-  'toggle-row-unchecked': [row: ILocalImportedResource]
-  'confirm-auth-config': [action: ActionType]
-  'confirm-pub-config': [action: ActionType]
-}>();
-
-const tempAuthConfig = defineModel<IAuthConfig>('tempAuthConfig', {
-  required: true,
-});
-
-const tempPublicConfig = defineModel<IPublicConfig>('tempPublicConfig', {
-  required: true,
-});
-
-const {
-  tableData,
-  showDoc,
-} = toRefs(props);
-
-const pagination = ref({
-  count: tableData.value.length,
-  limit: 10,
-});
-
-const handleShowResourceDoc = (row: ILocalImportedResource) => {
-  emit('show-row-doc', row);
-};
-
-const handleShowPluginsSlider = (row: ILocalImportedResource) => {
-  emit('show-row-plugin', row);
-};
-
-const handleEdit = (row: ILocalImportedResource) => {
-  emit('show-row-edit', row);
-};
-
-const toggleRowUnchecked = (row: ILocalImportedResource) => {
-  emit('toggle-row-unchecked', row);
-};
-
-// 批量修改认证方式确认后
-const handleConfirmAuthConfig = (action: ActionType) => {
-  emit('confirm-auth-config', action);
-};
-
-// 批量修改认证方式取消后
-const handleCancelAuthConfig = () => {
-  tempAuthConfig.value = {
-    app_verified_required: false,
-    auth_verified_required: false,
-    resource_perm_required: false,
-  }
-};
-
-// 批量修改公开设置确认后
-const handleConfirmPublicConfig = (action: ActionType) => {
-  emit('confirm-pub-config', action);
-};
-
-// 批量修改公开设置取消后
-const handleCancelPublicConfig = () => {
-  tempPublicConfig.value = {
-    is_public: false,
-    allow_apply_permission: false,
-  }
-};
-
-const renderAuthConfigColLabel = (action: ActionType) => {
-  return (
-    <div>
-      <div class="auth-config-col-label">
-        <span>{t('认证方式')}</span>
-        <bk-pop-confirm
-          width="430"
-          trigger="click"
-          title={<span class="f16" style="color: #313238;">{t('批量修改认证方式')}</span>}
-          content={
-            <div class="multi-edit-popconfirm-wrap auth-config" style="margin-bottom: -12px;">
-              <bk-form model={tempAuthConfig.value} labelWidth="110" labelPosition="right">
-                <bk-form-item label={t('认证方式')} required={true} style="margin-bottom: 12px;">
-                  <bk-checkbox
-                    v-model={tempAuthConfig.value.app_verified_required}
-                  >
-                    <span class="bottom-line" v-bk-tooltips={{ content: t('请求方需提供蓝鲸应用身份信息') }}>
-                      {t('蓝鲸应用认证')}
-                    </span>
-                  </bk-checkbox>
-                  <bk-checkbox class="ml40" v-model={tempAuthConfig.value.auth_verified_required}>
-                    <span class="bottom-line" v-bk-tooltips={{ content: t('请求方需提供蓝鲸用户身份信息') }}>
-                      {t('用户认证')}
-                    </span>
-                  </bk-checkbox>
-                </bk-form-item>
-                {tempAuthConfig.value.app_verified_required ?
-                  <bk-form-item
-                    label={t('检验应用权限')}
-                    description={t('蓝鲸应用需申请资源访问权限')}
-                    style="margin-bottom: 12px;"
-                  >
-                    <bk-switcher
-                      v-model={tempAuthConfig.value.resource_perm_required}
-                      theme="primary"
-                      size="small"
-                    />
-                  </bk-form-item> : ''
-                }
-              </bk-form>
-            </div>
-          }
-          onConfirm={() => handleConfirmAuthConfig(action)}
-          onCancel={() => handleCancelAuthConfig()}
-        >
-          <i
-            class="apigateway-icon icon-ag-bulk-edit edit-action ml5 f14 default-c"
-            v-bk-tooltips={{
-              content: (
-                <div>
-                  {t('批量修改认证方式')}
-                </div>
-              ),
-            }}
-          />
-        </bk-pop-confirm>
-      </div>
-    </div>
-  );
-};
-
-// 公开设置列 TSX
-const renderIsPublicColLabel = (action: ActionType) => {
-  return (
-    <div>
-      <div class="public-config-col-label">
-        <span>{t('是否公开')}</span>
-        <bk-pop-confirm
-          width="360"
-          trigger="click"
-          title={<span class="f16" style="color: #313238;">{t('批量修改公开设置')}</span>}
-          content={
-            <div class="multi-edit-popconfirm-wrap public-config" style="margin-bottom: -12px;">
-              <bk-form model={tempPublicConfig.value} labelWidth="100" labelPosition="right">
-                <bk-form-item
-                  label={t('是否公开')}
-                  required={true}
-                  description={t('公开，则用户可查看资源文档、申请资源权限；不公开，则资源对用户隐藏')}
-                  style="margin-bottom: 12px;"
-                >
-                  <bk-switcher
-                    v-model={tempPublicConfig.value.is_public}
-                    theme="primary"
-                    size="small"
-                  />
-                </bk-form-item>
-                {tempPublicConfig.value.is_public ?
-                  <bk-form-item style="margin-bottom: 12px;">
-                    <bk-checkbox
-                      v-model={tempPublicConfig.value.allow_apply_permission}
-                    >
-                      <span class="bottom-line">
-                        {t('允许申请权限')}
-                      </span>
-                    </bk-checkbox>
-                  </bk-form-item> : ''
-                }
-              </bk-form>
-            </div>
-          }
-          onConfirm={() => handleConfirmPublicConfig(action)}
-          onCancel={() => handleCancelPublicConfig()}
-        >
-          <i
-            class="apigateway-icon icon-ag-bulk-edit edit-action ml5 f14 default-c"
-            v-bk-tooltips={{
-              content: (
-                <div>
-                  {t('批量修改公开设置')}
-                </div>
-              ),
-            }}
-          />
-        </bk-pop-confirm>
-      </div>
-    </div>
-  );
-};
-</script>
-
-<style lang="scss" scoped>
-
-</style>
diff --git a/src/dashboard-front/src/views/resource/setting/import.vue b/src/dashboard-front/src/views/resource/setting/import.vue
index 90b5d6634..5c4a09393 100644
--- a/src/dashboard-front/src/views/resource/setting/import.vue
+++ b/src/dashboard-front/src/views/resource/setting/import.vue
@@ -257,7 +257,9 @@
             </template>
             <template #content>
               <div>
-                <TableResToAdd
+                <!--  新增资源 table  -->
+                <TableResToAction
+                  action="add"
                   :table-data="tableDataToAdd"
                   :show-doc="showDoc"
                   v-model:tempAuthConfig="tempAuthConfig"
@@ -268,7 +270,7 @@
                   @toggle-row-unchecked="toggleRowUnchecked"
                   @confirm-auth-config="handleConfirmAuthConfigPopConfirm"
                   @confirm-pub-config="handleConfirmPublicConfigPopConfirm"
-                ></TableResToAdd>
+                ></TableResToAction>
               </div>
             </template>
           </bk-collapse-panel>
@@ -309,7 +311,9 @@
             </template>
             <template #content>
               <div>
-                <TableResToUpdate
+                <!--  更新资源 table  -->
+                <TableResToAction
+                  action="update"
                   :table-data="tableDataToUpdate"
                   v-model:tempAuthConfig="tempAuthConfig"
                   v-model:tempPublicConfig="tempPublicConfig"
@@ -319,7 +323,7 @@
                   @toggle-row-unchecked="toggleRowUnchecked"
                   @confirm-auth-config="handleConfirmAuthConfigPopConfirm"
                   @confirm-pub-config="handleConfirmPublicConfigPopConfirm"
-                ></TableResToUpdate>
+                ></TableResToAction>
               </div>
             </template>
           </bk-collapse-panel>
@@ -579,9 +583,12 @@ import EditImportResourceSideSlider from "@/views/resource/setting/comps/edit-im
 import DownloadDialog from "@/views/resource/setting/comps/download-dialog.vue";
 import PluginPreviewSideSlider from '@/views/resource/setting/comps/plugin-preview-side-slider.vue';
 import ResourceDocSideSlider from '@/views/components/resource-doc-slider/index.vue';
-import { IImportedResource, ILocalImportedResource } from '@/views/resource/setting/types';
-import TableResToAdd from '@/views/resource/setting/comps/table-res-to-add.vue';
-import TableResToUpdate from '@/views/resource/setting/comps/table-res-to-update.vue';
+import {
+  ActionType,
+  IImportedResource,
+  ILocalImportedResource,
+} from '@/views/resource/setting/types';
+import TableResToAction from '@/views/resource/setting/comps/table-res-to-action.vue';
 import TableResToUncheck from '@/views/resource/setting/comps/table-res-to-uncheck.vue';
 import { useParentElement } from '@vueuse/core';
 
@@ -1176,7 +1183,7 @@ const tempAuthConfig = ref({
 });
 
 // 批量修改认证方式确认后
-const handleConfirmAuthConfigPopConfirm = (action: 'add' | 'update') => {
+const handleConfirmAuthConfigPopConfirm = (action: ActionType) => {
   if (tempAuthConfig.value.app_verified_required === false) tempAuthConfig.value.resource_perm_required = false;
   tableData.value.filter(item => !item._unchecked)
     .forEach(data => {
@@ -1194,7 +1201,7 @@ const tempPublicConfig = ref({
 });
 
 // 批量修改公开设置确认后
-const handleConfirmPublicConfigPopConfirm = (action: 'add' | 'update') => {
+const handleConfirmPublicConfigPopConfirm = (action: ActionType) => {
   const isPublic = tempPublicConfig.value.is_public;
   const allowApplyPermission = tempPublicConfig.value.allow_apply_permission && isPublic;
 
@@ -1211,7 +1218,7 @@ const filterInputAdd = ref('')
 const filterInputAddClone = ref('')
 const filterInputUpdate = ref('')
 const filterInputUpdateClone = ref('')
-const filterData = (action: 'add' | 'update') => {
+const filterData = (action: ActionType) => {
   if (action === 'add') {
     filterInputAdd.value = filterInputAddClone.value;
   }
diff --git a/src/dashboard-front/src/views/resource/setting/types.d.ts b/src/dashboard-front/src/views/resource/setting/types.d.ts
index 78720be94..c026598e5 100644
--- a/src/dashboard-front/src/views/resource/setting/types.d.ts
+++ b/src/dashboard-front/src/views/resource/setting/types.d.ts
@@ -1,4 +1,5 @@
 type TRequestMethod = 'ANY' | 'DELETE' | 'GET' | 'PATCH' | 'POST' | 'PUT';
+type ActionType = 'add' | 'update';
 
 interface IAuthConfig {
   auth_verified_required: boolean;
@@ -60,6 +61,7 @@ interface ILocalImportedResource extends Partial<IImportedResource> {
 }
 
 export {
+  ActionType,
   IBackend,
   IBackendConfig,
   IAuthConfig,