diff --git a/src/pages/src/common/auth.ts b/src/pages/src/common/auth.ts
index 4b2cecffb..74bba5426 100644
--- a/src/pages/src/common/auth.ts
+++ b/src/pages/src/common/auth.ts
@@ -15,5 +15,5 @@ export const getLoginUrl = (isOpener = true) => {
 
 // 退出登录
 export const logout = () => {
-  location.href = getLoginUrl();
+  location.href = getLoginUrl(false);
 };
diff --git a/src/pages/src/hooks/useCustomPlugin.ts b/src/pages/src/hooks/useCustomPlugin.ts
index 6ff527449..f069059fc 100644
--- a/src/pages/src/hooks/useCustomPlugin.ts
+++ b/src/pages/src/hooks/useCustomPlugin.ts
@@ -1,11 +1,8 @@
-import { InfoBox, Message } from 'bkui-vue';
-import { h, ref } from 'vue';
+import { ref } from 'vue';
 
-import { postIdps, putIdps } from '@/http';
 import { t } from '@/language/index';
-import { copy } from '@/utils';
 
-export const useCustomPlugin = (formData, dataSourceList, builtinFields, customFields, btnLoading, formRef, type) => {
+export const useCustomPlugin = (formData, dataSourceList, builtinFields, customFields) => {
   const changeDataSourceId = (val, oldVal) => {
     dataSourceList.value.forEach((item) => {
       if (item.key === val) {
@@ -98,60 +95,6 @@ export const useCustomPlugin = (formData, dataSourceList, builtinFields, customF
     window.changeInput = true;
   };
 
-  const handleSubmit = async () => {
-    try {
-      await formRef.value.validate();
-      btnLoading.value = true;
-      const data = formData.value;
-      data.data_source_match_rules.forEach((item) => {
-        delete item.targetFields;
-      });
-
-      if (type === 'add') {
-        const res = await postIdps(data);
-
-        InfoBox({
-          title: t('认证源创建成功'),
-          extCls: 'info-wrapper',
-          subTitle: h('div', {
-            class: 'details-url',
-            style: {
-              display: res.data?.callback_uri ? 'block' : 'none',
-            },
-          }, [
-            h('p', {
-              class: 'title',
-            }, t('请将一下回调地址填写到企业微信配置内：')),
-            h('div', {
-              class: 'content',
-            }, [
-              h('p', {}, res.data?.callback_uri),
-              h('i', {
-                class: 'user-icon icon-copy',
-                onClick: () => copy(res.data?.callback_uri),
-              }),
-            ]),
-          ]),
-          dialogType: 'confirm',
-          confirmText: t('确定'),
-          infoType: 'success',
-          quickClose: false,
-          onConfirm() {
-            window.changeInput = false;
-          },
-        });
-      } else {
-        await putIdps(data);
-        Message({ theme: 'success', message: t('认证源更新成功') });
-        window.changeInput = false;
-      }
-    } catch (e) {
-      console.warn(e);
-    } finally {
-      btnLoading.value = false;
-    }
-  };
-
   return {
     changeDataSourceId,
     changeSourceField,
@@ -163,7 +106,6 @@ export const useCustomPlugin = (formData, dataSourceList, builtinFields, customF
     mouseenter,
     mouseleave,
     handleChange,
-    handleSubmit,
     hoverItem,
   };
 };
diff --git a/src/pages/src/http/authSourceFiles.ts b/src/pages/src/http/authSourceFiles.ts
index 9316371f1..d8e6f2893 100644
--- a/src/pages/src/http/authSourceFiles.ts
+++ b/src/pages/src/http/authSourceFiles.ts
@@ -1,6 +1,7 @@
 import http from './fetch';
 import type {
   NewIdpsParams,
+  NewLocalIdpsParams,
   PatchIdpsParams,
   PutIdpsParams,
 } from './types/authSourceFiles';
@@ -39,3 +40,18 @@ export const putIdps = (params: PutIdpsParams) => http.put(`/api/v1/web/idps/${p
  * 认证源插件默认配置
  */
 export const getIdpsPluginsConfig = (id: string) => http.get(`/api/v1/web/idps/plugins/${id}/config-meta/`);
+
+/**
+ * 新建本地账密认证源
+ */
+export const postLocalIdps = (params: NewLocalIdpsParams) => http.post('/api/v1/web/idps/local/', params);
+
+/**
+ * 本地认证源详情
+ */
+export const getLocalIdps = (id: string) => http.get(`/api/v1/web/idps/local/${id}/`);
+
+/**
+ * 更新本地认证源
+ */
+export const putLocalIdps = (params: NewLocalIdpsParams) => http.put(`/api/v1/web/idps/local/${params.id}/`, params);
diff --git a/src/pages/src/http/types/authSourceFiles.ts b/src/pages/src/http/types/authSourceFiles.ts
index 401a7eb79..b4224f93e 100644
--- a/src/pages/src/http/types/authSourceFiles.ts
+++ b/src/pages/src/http/types/authSourceFiles.ts
@@ -3,6 +3,7 @@
  */
 export interface NewIdpsParams {
   name: string,
+  status: string,
   plugin_id: string,
   plugin_config: {},
   data_source_match_rules?: {
@@ -28,6 +29,7 @@ export interface PatchIdpsParams {
 export interface PutIdpsParams {
   id: string,
   name: string,
+  status: string,
   plugin_config: {},
   data_source_match_rules?: {
     data_source_id: number,
@@ -37,3 +39,19 @@ export interface PutIdpsParams {
     }[],
   }[],
 }
+
+/**
+ * 新建本地认证源参数
+ */
+export interface NewLocalIdpsParams {
+  id?: string,
+  name: string,
+  status: string,
+  plugin_config: {
+    enable_password: boolean,
+    password_rule?: object,
+    password_initial?: object,
+    password_expire?: object,
+    login_limit?: object,
+  },
+};
diff --git a/src/pages/src/views/auth-source/List.vue b/src/pages/src/views/auth-source/List.vue
deleted file mode 100644
index e92c08fb5..000000000
--- a/src/pages/src/views/auth-source/List.vue
+++ /dev/null
@@ -1,342 +0,0 @@
-<template>
-  <div class="auth-source-wrapper user-scroll-y">
-    <header>
-      <bk-button theme="primary" @click="newAuthSource">
-        <i class="user-icon icon-add-2 mr8" />
-        {{ $t('新建') }}
-      </bk-button>
-      <bk-input
-        class="header-right"
-        v-model="searchVal"
-        :placeholder="$t('搜索认证源名称')"
-        type="search"
-        clearable
-        @enter="handleEnter"
-        @clear="handleClear"
-      />
-    </header>
-    <bk-loading :loading="isLoading">
-      <bk-table
-        class="user-info-table"
-        :data="tableData"
-        :border="['outer']"
-        :max-height="tableMaxHeight"
-        show-overflow-tooltip
-        @column-filter="handleFilter"
-      >
-        <template #empty>
-          <Empty
-            :is-data-empty="isDataEmpty"
-            :is-search-empty="isEmptySearch"
-            :is-data-error="isDataError"
-            @handleEmpty="handleClear"
-            @handleUpdate="fetchAuthSourceList"
-          />
-        </template>
-        <bk-table-column prop="name" :label="$t('认证源名称')">
-          <template #default="{ row }">
-            <bk-button text theme="primary" @click="handleClick(row)">
-              {{ row.name }}
-            </bk-button>
-          </template>
-        </bk-table-column>
-        <bk-table-column prop="plugin.id" :label="$t('类型')">
-          <template #default="{ row }">
-            <div class="data-source-type">
-              <img :src="row.plugin?.logo">
-              <span>{{ row.plugin?.name }}</span>
-            </div>
-          </template>
-        </bk-table-column>
-        <bk-table-column prop="matched_data_sources" :label="$t('匹配数据源')">
-          <template #default="{ row }">
-            <bk-tag v-for="(item, index) in row.matched_data_sources" :key="index">{{ item }}</bk-tag>
-          </template>
-        </bk-table-column>
-        <bk-table-column prop="status" :label="$t('状态')" :filter="{ list: statusFilters }">
-          <template #default="{ row }">
-            <div>
-              <img :src="dataSourceStatus[row.status]?.icon" class="status-icon" />
-              <span>{{ dataSourceStatus[row.status]?.text }}</span>
-            </div>
-          </template>
-        </bk-table-column>
-        <bk-table-column prop="updater" :label="$t('更新人')">
-          <template #default="{ row }">
-            <span>{{ row.updater || '--' }}</span>
-          </template>
-        </bk-table-column>
-        <bk-table-column prop="updated_at" :label="$t('更新时间')"></bk-table-column>
-        <bk-table-column :label="$t('操作')" width="150">
-          <template #default="{ row }">
-            <bk-button class="mr10" theme="primary" text @click="handleEdit(row)">{{ $t('编辑') }}</bk-button>
-            <!-- <bk-popover
-              class="dot-menu"
-              placement="bottom-start"
-              theme="light"
-              :arrow="false">
-              <i class="user-icon icon-more dot-menu-trigger"></i>
-              <template #content>
-                <ul class="dot-menu-list">
-                  <li class="dot-menu-item">删除</li>
-                </ul>
-              </template>
-            </bk-popover> -->
-          </template>
-        </bk-table-column>
-      </bk-table>
-    </bk-loading>
-    <bk-sideslider
-      v-model:isShow="detailsConfig.show"
-      :title="detailsConfig.title"
-      quick-close
-      width="640"
-    >
-      <template #header>
-        <span>{{ detailsConfig.title }}</span>
-        <div>
-          <bk-button
-            outline
-            theme="primary"
-            @click="handleEdit(currentRow)">
-            {{ $t('编辑') }}
-          </bk-button>
-          <!-- <bk-button>删除</bk-button> -->
-        </div>
-      </template>
-      <template #default>
-        <ViewDetails :data="authDetails" @updateRow="updateRow" />
-      </template>
-    </bk-sideslider>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, reactive, ref } from 'vue';
-
-import ViewDetails from './ViewDetails.vue';
-
-import Empty from '@/components/Empty.vue';
-import { useTableMaxHeight } from '@/hooks';
-import { getIdps } from '@/http';
-import { t } from '@/language/index';
-import router from '@/router/index';
-import { dataSourceStatus } from '@/utils';
-
-const searchVal = ref('');
-const isLoading = ref(false);
-const tableData = ref([]);
-const isDataEmpty = ref(false);
-const isEmptySearch = ref(false);
-const isDataError = ref(false);
-const tableMaxHeight = useTableMaxHeight(150);
-
-const statusFilters = [
-  { text: t('正常'), value: 'enabled' },
-  { text: t('未启用'), value: 'disabled' },
-];
-
-onMounted(() => {
-  fetchAuthSourceList();
-});
-
-const fetchAuthSourceList = async () => {
-  try {
-    isLoading.value = true;
-    isDataEmpty.value = false;
-    isEmptySearch.value = false;
-    isDataError.value = false;
-    const res = await getIdps(searchVal.value);
-    if (res.data.length === 0) {
-      searchVal.value === '' ? isDataEmpty.value = true : isEmptySearch.value = true;
-    }
-    tableData.value = res.data;
-    isLoading.value = false;
-  } catch (error) {
-    isDataError.value = true;
-  } finally {
-    isLoading.value = false;
-  }
-};
-
-// 搜索数据源列表
-const handleEnter = (value: string) => {
-  searchVal.value = value;
-  fetchAuthSourceList();
-};
-
-const handleClear = () => {
-  searchVal.value = '';
-  fetchAuthSourceList();
-};
-
-const handleFilter = ({ checked }) => {
-  if (checked.length === 0) return isDataEmpty.value = false;
-  isDataEmpty.value = !tableData.value.some(item => checked.includes(item.status));
-};
-
-const newAuthSource = () => {
-  router.push({
-    name: 'newAuthSource',
-  });
-};
-
-const detailsConfig = reactive({
-  show: false,
-  title: t('认证源详情'),
-});
-
-const authDetails = ref({});
-
-const handleClick = (row) => {
-  authDetails.value = row;
-  detailsConfig.show = true;
-};
-
-const handleEdit = (row) => {
-  router.push({
-    name: 'editAuthSource',
-    params: {
-      type: row.plugin?.id,
-      id: row.id,
-    },
-  });
-};
-
-const currentRow = ref({});
-const updateRow = (row) => {
-  currentRow.value = row;
-};
-</script>
-
-<style lang="less" scoped>
-.auth-source-wrapper {
-  height: calc(100vh - 52px);
-  padding: 24px 160px;
-
-  header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 16px;
-
-    .header-right {
-      width: 400px;
-    }
-  }
-
-  :deep(.user-info-table) {
-    .bk-table-head {
-      table thead th {
-        text-align: center;
-      }
-
-      .table-head-settings {
-        border-right: none;
-      }
-    }
-
-    .bk-table-footer {
-      padding: 0 15px;
-      background: #fff;
-    }
-
-    .type-icon {
-      margin-right: 8px;
-      font-size: 14px;
-      color: #979BA5;
-    }
-
-    .status-icon {
-      display: inline-block;
-      width: 16px;
-      height: 16px;
-      margin-right: 5px;
-      vertical-align: middle;
-    }
-
-    .data-source-type {
-      display: flex;
-      align-items: center;
-
-      img {
-        width: 14px;
-        height: 14px;
-      }
-
-      span {
-        margin-left: 8px;
-      }
-    }
-  }
-
-}
-
-.dot-menu {
-  display: inline-block;
-  vertical-align: middle;
-}
-
-.tippy-tooltip.dot-menu-theme {
-  padding: 0;
-}
-
-.dot-menu-trigger {
-  display: inline-block;
-  width: 30px;
-  height: 30px;
-  font-size: 0;
-  line-height: 30px;
-  color: #979BA5;
-  text-align: center;
-  vertical-align: middle;
-  cursor: pointer;
-  border-radius: 50%;
-}
-
-.dot-menu-trigger:hover {
-  color: #3A84FF;
-  background-color: #EBECF0;
-}
-
-.dot-menu-trigger::before {
-  display: inline-block;
-  width: 3px;
-  height: 3px;
-  background-color: currentcolor;
-  border-radius: 50%;
-  content: "";
-  box-shadow: 0 -4px 0 currentcolor, 0 4px 0 currentcolor;
-}
-
-.dot-menu-list {
-  min-width: 50px;
-  padding: 5px 0;
-  margin: 0;
-  list-style: none;
-}
-
-.dot-menu-list .dot-menu-item {
-  padding: 0 10px;
-  font-size: 12px;
-  line-height: 26px;
-  color: #63656e;
-  cursor: pointer;
-
-  &:hover {
-    color: #3a84ff;
-    background-color: #eaf3ff;
-  }
-}
-
-:deep(.bk-sideslider-title) {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 24px 0 50px !important;
-
-  .bk-button {
-    padding: 5px 17px !important;
-  }
-}
-</style>
diff --git a/src/pages/src/views/auth-source/ViewDetails.vue b/src/pages/src/views/auth-source/ViewDetails.vue
deleted file mode 100644
index db3b2cfc2..000000000
--- a/src/pages/src/views/auth-source/ViewDetails.vue
+++ /dev/null
@@ -1,406 +0,0 @@
-<template>
-  <bk-loading class="details-wrapper user-scroll-y" :loading="isLoading">
-    <div class="details-type">
-      <img :src="authSourceData.plugin?.logo">
-      <div>
-        <p class="title">{{ authSourceData.plugin?.name }}</p>
-        <p class="subtitle">{{ authSourceData.plugin?.description }}</p>
-      </div>
-    </div>
-    <div class="details-url" v-if="authSourceData.callback_uri">
-      <p class="title">{{ $t('回调地址') }}</p>
-      <div class="content">
-        <p>{{ authSourceData.callback_uri }}</p>
-        <i class="user-icon icon-copy" @click="copy(authSourceData.callback_uri)" />
-      </div>
-    </div>
-    <div class="details-info">
-      <p class="title">{{ $t('认证源信息') }}</p>
-      <ul class="content">
-        <li>
-          <span class="item-title">{{ $t('名称') }}：</span>
-          <div>{{ authSourceData.name }}</div>
-        </li>
-        <li v-if="authSourceData.plugin?.id === 'local'">
-          <span class="item-title">{{ $t('基础配置') }}：</span>
-          <div class="basic-config">
-            <p v-if="onDataSources.length">{{ $t('以下数据源已开启「账密登录」') }}</p>
-            <div class="on">
-              <bk-overflow-title
-                type="tips"
-                class="source-name"
-                v-for="(item, index) in onDataSources"
-                :key="index">
-                {{ item.data_source_name }}
-              </bk-overflow-title>
-            </div>
-            <p v-if="notDataSources.length">{{ $t('以下数据源未开启「账密登录」') }}</p>
-            <div class="off" v-for="(item, index) in notDataSources" :key="index">
-              <bk-overflow-title
-                type="tips"
-                class="source-name">
-                {{ item.data_source_name }}
-                <bk-button text theme="primary" @click="handleOpen(item)">{{ $t('去开启') }}</bk-button>
-              </bk-overflow-title>
-            </div>
-          </div>
-        </li>
-        <template v-else>
-          <div v-if="authSourceData.plugin?.id === 'wecom'">
-            <li>
-              <span class="item-title">{{ $t('企业 ID') }}：</span>
-              <div>{{ authSourceData.plugin_config?.corp_id }}</div>
-            </li>
-            <li>
-              <span class="item-title">Agent ID：</span>
-              <div>{{ authSourceData.plugin_config?.agent_id }}</div>
-            </li>
-            <li>
-              <span class="item-title">Secret：</span>
-              <div>**********</div>
-            </li>
-          </div>
-          <div v-else>
-            <li v-for="(item, key, index) in authSourceData.plugin_config" :key="index">
-              <span class="item-title">{{ key }}：</span>
-              <div>{{ item }}</div>
-            </li>
-          </div>
-          <li>
-            <span class="item-title">{{ $t('登录模式') }}：</span>
-            <div>{{ $t('仅用于登录') }}</div>
-          </li>
-        </template>
-        <li>
-          <span class="item-title">{{ $t('数据源匹配') }}：</span>
-          <div class="content-matching">
-            <bk-exception
-              v-if="onDataSources.length === 0"
-              class="exception-part"
-              type="empty"
-              scene="part"
-              :description="$t('暂无数据源匹配')"
-            />
-            <div class="content-box" v-else v-for="(item, index) in onDataSources" :key="index">
-              <bk-overflow-title type="tips" class="data-source-title">{{ item.data_source_name }}</bk-overflow-title>
-              <div class="field-rules">
-                <dl>
-                  <dt>{{ $t('数据源字段') }}：</dt>
-                  <bk-overflow-title
-                    type="tips"
-                    class="source-field"
-                    v-for="(val, i) in item.field_compare_rules"
-                    :key="i">
-                    {{ val.target_field }}
-                  </bk-overflow-title>
-                </dl>
-                <dl>
-                  <dt>{{ $t('认证源字段') }}：</dt>
-                  <bk-overflow-title
-                    type="tips"
-                    class="source-field"
-                    v-for="(val, i) in item.field_compare_rules"
-                    :key="i">
-                    {{ val.source_field }}
-                  </bk-overflow-title>
-                </dl>
-              </div>
-              <span class="or" v-if="index !== 0">or</span>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </div>
-  </bk-loading>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref } from 'vue';
-
-import { getDataSourceList, getIdpsDetails } from '@/http';
-import router from '@/router';
-import { copy } from '@/utils';
-
-const emit = defineEmits(['updateRow']);
-const props = defineProps({
-  data: {
-    type: Object,
-    default: () => ({}),
-  },
-});
-
-const isLoading = ref(false);
-const authSourceData = ref({});
-const onDataSources = ref([]);
-const notDataSources = ref([]);
-
-onMounted(async () => {
-  isLoading.value = true;
-  try {
-    const [authRes, dataRes] = await Promise.all([
-      getIdpsDetails(props.data.id),
-      getDataSourceList(''),
-    ]);
-    authSourceData.value = authRes.data;
-    emit('updateRow', authSourceData.value);
-    processMatchRules(dataRes.data);
-  } catch (error) {
-    console.error(error);
-  } finally {
-    isLoading.value = false;
-  }
-});
-
-const processMatchRules = (list) => {
-  const dataSourceIds = authSourceData.value.data_source_match_rules.map(item => item.data_source_id);
-  onDataSources.value = list
-    .filter(val => dataSourceIds.includes(val.id))
-    .map(val => ({
-      data_source_id: val.id,
-      data_source_name: val.name,
-      field_compare_rules: authSourceData.value.data_source_match_rules
-        .find(item => item.data_source_id === val.id).field_compare_rules,
-    }));
-  notDataSources.value = list
-    .filter(val => !dataSourceIds.includes(val.id) && val.plugin_id === 'local')
-    .map(val => ({
-      data_source_id: val.id,
-      data_source_name: val.name,
-    }));
-};
-
-const handleOpen = (item) => {
-  router.push({
-    name: 'newLocal',
-    params: {
-      type: 'local',
-      id: item.data_source_id,
-    },
-  });
-};
-</script>
-
-<style lang="less" scoped>
-.details-wrapper {
-  height: calc(100vh - 52px);
-  padding: 28px 40px;
-
-  .details-type {
-    display: flex;
-    padding: 10px 0;
-    margin-bottom: 24px;
-    background: #F5F7FA;
-    border-radius: 2px;
-    align-items: center;
-
-    img {
-      width: 24px;
-      height: 24px;
-      margin: 0 15px;
-    }
-
-    .title {
-      font-size: 14px;
-      color: #313238;
-    }
-
-    .subtitle {
-      font-size: 12px;
-      color: #979BA5;
-    }
-  }
-
-  .details-url {
-    padding-bottom: 24px;
-    border-bottom: 1px solid #EAEBF0;
-
-    .title {
-      margin-bottom: 12px;
-      font-size: 14px;
-      font-weight: 700;
-      line-height: 22px;
-      color: #63656E;
-    }
-
-    .content {
-      display: flex;
-      padding: 8px 12px;
-      color: #313238;
-      background: #F0F5FF;
-      align-items: center;
-      justify-content: space-between;
-
-      i {
-        width: 5%;
-        font-size: 14px;
-        color: #3A84FF;
-        cursor: pointer;
-      }
-    }
-  }
-
-  .details-info {
-    margin-top: 24px;
-
-    .title {
-      margin-bottom: 12px;
-      font-size: 14px;
-      font-weight: 700;
-      line-height: 22px;
-      color: #63656E;
-    }
-
-    .content {
-      li {
-        display: flex;
-        padding: 9px 0;
-        font-size: 14px;
-
-        .basic-config {
-          width: 100%;
-
-          p {
-            margin-bottom: 12px;
-            font-size: 14px;
-            color: #313238;
-          }
-
-          .source-name {
-            width: 460px;
-            height: 40px;
-            padding-left: 24px;
-            margin-bottom: 12px;
-            line-height: 40px;
-            color: #313238;
-            background: #F5F7FA;
-            border-radius: 2px;
-          }
-
-          .off {
-            .source-name {
-              position: relative;
-              color: #C4C6CC;
-
-              ::v-deep .text-ov {
-                width: 370px;
-              }
-
-              .bk-button {
-                position: absolute;
-                top: 13px;
-                right: 16px;
-              }
-            }
-          }
-        }
-
-        .item-title {
-          min-width: 100px;
-          color: #63656E;
-          text-align: right;
-        }
-
-        div {
-          color: #313238;
-        }
-      }
-
-      .content-matching {
-        width: 100%;
-
-        ::v-deep .exception-part {
-          position: relative;
-
-          .bk-exception-img {
-            width: 340px;
-            height: 170px;
-          }
-
-          .bk-exception-description {
-            position: absolute;
-            bottom: 0;
-            font-size: 14px;
-          }
-        }
-
-        .content-box {
-          position: relative;
-
-          .or {
-            position: absolute;
-            top: -16px;
-            left: -22px;
-            display: inline-block;
-            width: 19px;
-            height: 16px;
-            line-height: 16px;
-            color: #FE9C00;
-            text-align: center;
-            background: #FFF3E1;
-            border-radius: 2px;
-
-            &::before {
-              position: absolute;
-              top: -16px;
-              left: 10px;
-              width: 12px;
-              height: 16px;
-              border: 1px solid #DCDEE5;
-              border-right: transparent;
-              border-bottom: transparent;
-              border-top-left-radius: 2px;
-              content: '';
-            }
-
-            &::after {
-              position: absolute;
-              top: 16px;
-              left: 10px;
-              width: 12px;
-              height: 16px;
-              border: 1px solid #DCDEE5;
-              border-top: transparent;
-              border-right: transparent;
-              border-bottom-left-radius: 2px;
-              content: '';
-            }
-          }
-        }
-
-        .data-source-title {
-          position: relative;
-          width: 460px;
-          padding: 0 24px;
-          line-height: 32px;
-          background: #F0F1F5;
-          border-radius: 2px 2px 0 0;
-        }
-
-        .field-rules {
-          display: flex;
-          margin-bottom: 16px;
-          background: #FAFBFD;
-          border-radius: 2px;
-
-          dl {
-            padding: 12px 50px;
-
-            dt {
-              font-size: 14px;
-              line-height: 22px;
-              color: #979BA5;
-            }
-
-            .source-field {
-              width: 120px;
-              font-size: 14px;
-              line-height: 22px;
-              color: #313238;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/pages/src/views/auth-source/edit-data/CustomPlugin.vue b/src/pages/src/views/auth-source/edit-data/CustomPlugin.vue
deleted file mode 100644
index 3fe031ec3..000000000
--- a/src/pages/src/views/auth-source/edit-data/CustomPlugin.vue
+++ /dev/null
@@ -1,304 +0,0 @@
-<template>
-  <bk-loading class="details-wrapper" :loading="isLoading" :z-index="9">
-    <div class="details-type">
-      <img :src="authSourceData.plugin?.logo" class="w-[24px] h-[24px] mr-[15px]">
-      <div>
-        <p class="title">{{ authSourceData.plugin?.name }}</p>
-        <p class="subtitle">{{ authSourceData.plugin?.description }}</p>
-      </div>
-    </div>
-    <div ref="cardRef">
-      <bk-form
-        class="auth-source-form"
-        ref="formRef"
-        form-type="vertical"
-        :model="formData"
-        :rules="rules">
-        <div class="content-item">
-          <p class="item-title">基础信息</p>
-          <bk-form-item class="w-[600px]" label="名称" property="name" required>
-            <bk-input v-model="formData.name" :placeholder="validate.name.message" @change="handleChange" />
-          </bk-form-item>
-        </div>
-        <div class="content-item" v-if="formData.plugin_config">
-          <p class="item-title">基础配置</p>
-          <bk-form-item
-            v-for="(item, key, index) in formData.plugin_config"
-            :key="index"
-            class="w-[600px]"
-            :label="key"
-            :property="`plugin_config.${key}`"
-            required>
-            <bk-input v-model="formData.plugin_config[key]" @change="handleChange" />
-          </bk-form-item>
-        </div>
-        <div class="content-item">
-          <p class="item-title">登录模式</p>
-          <bk-form-item>
-            <bk-radio-group v-model="LoginMethod">
-              <bk-radio-button label="a">仅用于登录</bk-radio-button>
-              <bk-radio-button label="b" :disabled="true">可用于登录注册</bk-radio-button>
-            </bk-radio-group>
-          </bk-form-item>
-        </div>
-        <div class="content-item pb-[24px]">
-          <p class="item-title">数据源匹配</p>
-          <div class="data-source-matching">
-            <div
-              :class="['matching-item', {
-                'hover-item': (hoverItem === index) && formData.data_source_match_rules.length > 1
-              }]"
-              v-for="(item, index) in formData.data_source_match_rules"
-              :key="index"
-              @mouseenter="mouseenter(index)"
-              @mouseleave="mouseleave">
-              <bk-form-item
-                class="w-[518px]"
-                label="数据源"
-                :property="`data_source_match_rules.${index}.data_source_id`"
-                :rules="rulesData.data_source_id"
-                required>
-                <bk-select v-model="item.data_source_id" @change="changeDataSourceId">
-                  <bk-option
-                    v-for="option in dataSourceList"
-                    :key="option.key"
-                    :id="option.key"
-                    :name="option.name"
-                    :disabled="option.disabled">
-                    <span>{{option.name}}</span>
-                  </bk-option>
-                </bk-select>
-              </bk-form-item>
-              <div class="item-flex-header">
-                <bk-form-item class="w-[250px]" label="数据源字段" required />
-                <bk-form-item class="w-[250px] auth-source-fields" label="认证源字段" required />
-              </div>
-              <div class="item-flex" v-for="(field, i) in item.field_compare_rules" :key="i">
-                <bk-form-item
-                  class="w-[250px]"
-                  error-display-type="tooltips"
-                  :property="`data_source_match_rules.${index}.field_compare_rules.${i}.target_field`"
-                  :rules="rulesData.target_field">
-                  <bk-select
-                    v-model="field.target_field"
-                    @change="changeSourceField"
-                    @toggle="handleToggle(index)"
-                  >
-                    <bk-option
-                      class="option-select"
-                      v-for="option in item.targetFields"
-                      :key="option.name"
-                      :id="option.name"
-                      :name="option.name"
-                      :disabled="option.disabled">
-                      <span>{{option.name}}</span>
-                      <span>{{option.type}}</span>
-                    </bk-option>
-                  </bk-select>
-                </bk-form-item>
-                <bk-form-item
-                  class="w-[250px] auth-source-fields"
-                  error-display-type="tooltips"
-                  :property="`data_source_match_rules.${index}.field_compare_rules.${i}.source_field`"
-                  :rules="rulesData.source_field">
-                  <bk-input v-model="field.source_field" @focus="handleChange" />
-                </bk-form-item>
-                <bk-button
-                  text
-                  @click="handleAddItem(item.field_compare_rules, i)"
-                >
-                  <i class="user-icon icon-plus-fill" />
-                </bk-button>
-                <bk-button
-                  text
-                  :disabled="item.field_compare_rules.length === 1"
-                  @click="handleDeleteItem(field.target_field, index, item.field_compare_rules, i)">
-                  <i :class="['user-icon icon-minus-fill', { 'forbid': item.field_compare_rules.length === 1 }]" />
-                </bk-button>
-                <span class="and" v-if="i !== 0">and</span>
-              </div>
-              <i
-                class="bk-sq-icon icon-close-fill"
-                v-if="formData.data_source_match_rules.length > 1 && hoverItem === index"
-                @click="handleDelete(item, index)"></i>
-              <span class="or" v-if="index !== 0">or</span>
-            </div>
-          </div>
-          <div :class="['add-data-source', {
-                 'forbid-data-source': dataSourceList.every(item => item.disabled === true)
-               }]"
-               @click="handleAdd">
-            <i class="user-icon icon-add-2"></i>
-            <span>新增数据源匹配</span>
-          </div>
-        </div>
-      </bk-form>
-    </div>
-    <div class="footer-wrapper" :class="{ 'fixed': isScroll }">
-      <div class="footer-div">
-        <bk-button theme="primary" :loading="btnLoading" @click="handleSubmit">
-          提交
-        </bk-button>
-        <bk-button @click="handleCancel">
-          取消
-        </bk-button>
-      </div>
-    </div>
-  </bk-loading>
-</template>
-
-<script setup lang="ts">
-import { debounce } from 'bkui-vue/lib/shared';
-import { addListener, removeListener } from 'resize-detector';
-import { defineExpose, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { useCustomPlugin, useValidate } from '@/hooks';
-import { getDataSourceList, getFields, getIdpsDetails } from '@/http';
-import { useMainViewStore } from '@/store';
-
-const route = useRoute();
-const validate = useValidate();
-const store = useMainViewStore();
-
-const props = defineProps({
-  boxRef: {
-    type: Object,
-    default: () => ({}),
-  },
-});
-
-const formRef = ref();
-const isLoading = ref(false);
-const authSourceData = ref({});
-const btnLoading = ref(false);
-
-const formData = ref({
-  name: '',
-  id: route.params.id,
-  plugin_config: {},
-  data_source_match_rules: [
-    {
-      data_source_id: '',
-      field_compare_rules: [
-        {
-          target_field: '',
-          source_field: '',
-        },
-      ],
-      targetFields: [],
-    },
-  ],
-});
-
-const LoginMethod = ref('a');
-
-const rules = {
-  name: [validate.required, validate.name],
-};
-
-const rulesData = {
-  data_source_id: [validate.required],
-  target_field: [validate.required],
-  source_field: [validate.required, validate.sourceField],
-};
-
-const dataSourceList = ref([]);
-const builtinFields = ref([]);
-const customFields = ref([]);
-
-const cardRef = ref();
-const isScroll = ref(false);
-// 按钮超出屏幕吸底
-const handleResize = () => {
-  isScroll.value = 32 >= (props.boxRef.clientHeight - cardRef.value.clientHeight - 122);
-};
-
-onMounted(async () => {
-  try {
-    isLoading.value = true;
-    const [authRes, sourceRes, fieldRes] = await Promise.all([
-      getIdpsDetails(route.params.id),
-      getDataSourceList(''),
-      getFields(),
-    ]);
-
-    authSourceData.value = authRes.data;
-    store.breadCrumbsTitle = `编辑${authSourceData.value.plugin.name}认证源`;
-    formData.value = {
-      ...formData.value,
-      name: authRes.data.name,
-      plugin_config: authRes.data?.plugin_config,
-      data_source_match_rules: authRes.data?.data_source_match_rules,
-    };
-
-    const sourceIds = new Set(formData.value.data_source_match_rules.map(item => item.data_source_id));
-
-    dataSourceList.value = sourceRes.data?.map(item => ({
-      key: item.id,
-      name: item.name,
-      disabled: sourceIds.has(item.id),
-    })) || [];
-
-    const allFields = [
-      ...(fieldRes.data?.builtin_fields?.map(item => ({ ...item, type: '内置' })) || []),
-      ...(fieldRes.data?.custom_fields?.map(item => ({ ...item, type: '自定义' })) || []),
-    ];
-
-    builtinFields.value = fieldRes.data?.builtin_fields || [];
-    customFields.value = fieldRes.data?.custom_fields || [];
-
-    formData.value.data_source_match_rules?.forEach((rule) => {
-      rule.targetFields = allFields.map(field => ({
-        key: field.id,
-        name: field.name,
-        disabled: rule.field_compare_rules.some(compareRule => compareRule.target_field === field.name),
-        type: field.type,
-      }));
-    });
-  } catch (error) {
-    console.error(error);
-  } finally {
-    const listenResize = debounce(300, () => handleResize());
-    addListener(props.boxRef as HTMLElement, listenResize);
-    nextTick(() => handleResize());
-    isLoading.value = false;
-  }
-});
-
-onBeforeUnmount(() => {
-  removeListener(props.boxRef as HTMLElement, handleResize);
-});
-
-const {
-  changeDataSourceId,
-  changeSourceField,
-  handleToggle,
-  handleAddItem,
-  handleDeleteItem,
-  handleAdd,
-  handleDelete,
-  mouseenter,
-  mouseleave,
-  handleChange,
-  handleCancel,
-  handleSubmit,
-  hoverItem,
-} = useCustomPlugin(
-  formData,
-  dataSourceList,
-  builtinFields,
-  customFields,
-  btnLoading,
-  formRef,
-  'edit',
-);
-
-defineExpose({
-  cardRef,
-});
-</script>
-
-<style lang="less" scoped>
-@import url('../new-data/WeCom.less');
-</style>
diff --git a/src/pages/src/views/auth-source/edit-data/Local.vue b/src/pages/src/views/auth-source/edit-data/Local.vue
deleted file mode 100644
index be22123cd..000000000
--- a/src/pages/src/views/auth-source/edit-data/Local.vue
+++ /dev/null
@@ -1,650 +0,0 @@
-<template>
-  <bk-loading class="details-wrapper" :loading="isLoading">
-    <div class="details-type">
-      <img :src="authSourceData.plugin?.logo" class="w-[24px] h-[24px] mr-[15px]">
-      <div>
-        <p class="title">{{ authSourceData.plugin?.name }}</p>
-        <p class="subtitle">{{ authSourceData.plugin?.description }}</p>
-      </div>
-    </div>
-    <div ref="cardRef">
-      <bk-form
-        class="auth-source-form"
-        ref="formRef"
-        form-type="vertical"
-        :model="authSourceData"
-        :rules="rules">
-        <div class="content-item">
-          <p class="item-title">{{ $t('基本信息') }}</p>
-          <bk-form-item class="w-[600px]" label="名称" property="name" required>
-            <bk-input v-model="authSourceData.name" :placeholder="validate.name.message" @change="handleChange" />
-          </bk-form-item>
-        </div>
-        <div class="content-item">
-          <p class="item-title">{{ $t('基础配置') }}</p>
-          <div class="basic-config">
-            <p v-if="onDataSources.length">{{ $t('以下数据源已开启「账密登录」') }}</p>
-            <div class="on">
-              <bk-overflow-title
-                type="tips"
-                class="source-name"
-                v-for="(item, index) in onDataSources"
-                :key="index">
-                {{ item.data_source_name }}
-              </bk-overflow-title>
-            </div>
-            <p v-if="notDataSources.length">{{ $t('以下数据源未开启「账密登录」') }}</p>
-            <div class="off" v-for="(item, index) in notDataSources" :key="index">
-              <bk-overflow-title
-                type="tips"
-                class="source-name">
-                {{ item.data_source_name }}
-                <bk-button text theme="primary" @click="handleOpen(item)">{{ $t('去开启') }}</bk-button>
-              </bk-overflow-title>
-            </div>
-          </div>
-        </div>
-        <div class="content-item pb-[24px]">
-          <p class="item-title">{{ $t('数据源匹配') }}</p>
-          <div class="content-matching">
-            <bk-exception
-              v-if="onDataSources.length === 0"
-              class="exception-part"
-              type="empty"
-              scene="part"
-              :description="$t('暂无数据源匹配')"
-            />
-            <div class="content-box" v-else v-for="(item, index) in onDataSources" :key="index">
-              <bk-overflow-title class="data-source-title">{{ item.data_source_name }}</bk-overflow-title>
-              <div class="field-rules">
-                <dl>
-                  <dt>{{ $t('数据源字段') }}：</dt>
-                  <bk-overflow-title
-                    type="tips"
-                    class="source-field"
-                    v-for="(val, i) in item.field_compare_rules"
-                    :key="i">
-                    {{ val.source_field }}
-                  </bk-overflow-title>
-                </dl>
-                <dl>
-                  <dt>{{ $t('认证源字段') }}：</dt>
-                  <bk-overflow-title
-                    type="tips"
-                    class="source-field"
-                    v-for="(val, i) in item.field_compare_rules"
-                    :key="i">
-                    {{ val.target_field }}
-                  </bk-overflow-title>
-                </dl>
-              </div>
-              <span class="or" v-if="index !== 0">or</span>
-            </div>
-          </div>
-        </div>
-      </bk-form>
-    </div>
-    <div class="footer-wrapper" :class="{ 'fixed': isScroll }">
-      <div class="footer-div">
-        <bk-button theme="primary" :loading="btnLoading" @click="handleSubmit">
-          {{ $t('提交') }}
-        </bk-button>
-        <bk-button @click="handleCancel">
-          {{ $t('取消') }}
-        </bk-button>
-      </div>
-    </div>
-  </bk-loading>
-</template>
-
-<script setup lang="ts">
-import { Message } from 'bkui-vue';
-import { debounce } from 'bkui-vue/lib/shared';
-import { addListener, removeListener } from 'resize-detector';
-import { defineExpose, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { useValidate } from '@/hooks';
-import { getDataSourceList, getIdpsDetails, patchIdps } from '@/http';
-import { t } from '@/language/index';
-import router from '@/router/index';
-import { useMainViewStore } from '@/store';
-
-const route = useRoute();
-const validate = useValidate();
-const store = useMainViewStore();
-
-const props = defineProps({
-  boxRef: {
-    type: Object,
-    default: () => ({}),
-  },
-});
-
-const formRef = ref();
-const isLoading = ref(false);
-const authSourceData = ref({});
-const onDataSources = ref([]);
-const notDataSources = ref([]);
-const btnLoading = ref(false);
-
-const rules = {
-  name: [validate.required, validate.name],
-};
-
-const cardRef = ref();
-const isScroll = ref(false);
-// 按钮超出屏幕吸底
-const handleResize = () => {
-  isScroll.value = 32 >= (props.boxRef.clientHeight - cardRef.value.clientHeight - 122);
-};
-
-onMounted(async () => {
-  isLoading.value = true;
-  try {
-    const [authRes, dataRes] = await Promise.all([
-      getIdpsDetails(route.params.id),
-      getDataSourceList(''),
-    ]);
-    authSourceData.value = authRes.data;
-    store.breadCrumbsTitle = t('编辑x认证源', { name: authSourceData.value.plugin.name });
-    processMatchRules(dataRes.data);
-  } catch (error) {
-    console.error(error);
-  } finally {
-    const listenResize = debounce(300, () => handleResize());
-    addListener(props.boxRef as HTMLElement, listenResize);
-    nextTick(() => handleResize());
-    isLoading.value = false;
-  }
-});
-
-onBeforeUnmount(() => {
-  removeListener(props.boxRef as HTMLElement, handleResize);
-});
-
-const processMatchRules = (list) => {
-  const dataSourceIds = authSourceData.value.data_source_match_rules.map(item => item.data_source_id);
-  onDataSources.value = list
-    .filter(val => dataSourceIds.includes(val.id))
-    .map(val => ({
-      data_source_id: val.id,
-      data_source_name: val.name,
-      field_compare_rules: authSourceData.value.data_source_match_rules
-        .find(item => item.data_source_id === val.id).field_compare_rules,
-    }));
-  notDataSources.value = list
-    .filter(val => !dataSourceIds.includes(val.id) && val.plugin_id === 'local')
-    .map(val => ({
-      data_source_id: val.id,
-      data_source_name: val.name,
-    }));
-};
-
-const handleOpen = (item) => {
-  router.push({
-    name: 'newLocal',
-    params: {
-      type: 'local',
-      id: item.data_source_id,
-    },
-  });
-};
-
-const handleChange = () => {
-  window.changeInput = true;
-};
-
-const handleCancel = () => {
-  router.push({
-    name: 'authSourceList',
-  });
-};
-
-const handleSubmit = async () => {
-  await formRef.value.validate();
-  btnLoading.value = true;
-  patchIdps({
-    id: route.params.id,
-    name: authSourceData.value.name,
-  }).then(() => {
-    Message({ theme: 'success', message: t('认证源更新成功') });
-    window.changeInput = false;
-    router.push({ name: 'authSourceList' });
-  })
-    .catch((e) => {
-      console.warn(e);
-      Message({ theme: 'error', message: t('认证源更新失败') });
-    })
-    .finally(() => {
-      btnLoading.value = false;
-    });
-};
-
-defineExpose({
-  cardRef,
-});
-</script>
-
-<style lang="less" scoped>
-.details-wrapper {
-  width: 1000px;
-  margin: 0 auto;
-
-  .details-type {
-    display: flex;
-    padding: 10px 16px;
-    margin: 16px 0;
-    background: #FFF;
-    border-radius: 2px;
-    align-items: center;
-
-    .title {
-      font-size: 14px;
-      color: #313238;
-    }
-
-    .subtitle {
-      font-size: 12px;
-      color: #979BA5;
-    }
-  }
-
-  .auth-source-form {
-    .content-item {
-      margin-bottom: 16px;
-      background: #fff;
-      border-radius: 2px;
-      box-shadow: 0 2px 4px 0 #1919290d;
-
-      .item-title {
-        padding: 16px 0 16px 24px;
-        font-size: 14px;
-        font-weight: 700;
-      }
-
-      .basic-config {
-        padding-bottom: 12px;
-        margin-left: 64px;
-
-        p {
-          margin-bottom: 12px;
-          font-size: 14px;
-          color: #63656E;
-        }
-
-        .source-name {
-          width: 622px;
-          height: 40px;
-          padding-left: 24px;
-          margin-bottom: 12px;
-          line-height: 40px;
-          color: #313238;
-          background: #F5F7FA;
-          border-radius: 2px;
-        }
-
-        .off {
-          .source-name {
-            position: relative;
-            color: #C4C6CC;
-
-            ::v-deep .text-ov {
-              width: 535px;
-            }
-
-            .bk-button {
-              position: absolute;
-              top: 13px;
-              right: 16px;
-            }
-          }
-        }
-      }
-
-      .content-matching {
-        margin-left: 64px;
-
-        ::v-deep .exception-part {
-          position: relative;
-          width: 400px;
-
-          .bk-exception-img {
-            width: 340px;
-            height: 170px;
-          }
-
-          .bk-exception-description {
-            position: absolute;
-            bottom: 0;
-            font-size: 14px;
-          }
-        }
-
-        .content-box {
-          position: relative;
-          width: 622px;
-
-          .or {
-            position: absolute;
-            top: -16px;
-            left: -22px;
-            display: inline-block;
-            width: 19px;
-            height: 16px;
-            line-height: 16px;
-            color: #FE9C00;
-            text-align: center;
-            background: #FFF3E1;
-            border-radius: 2px;
-
-            &::before {
-              position: absolute;
-              top: -16px;
-              left: 10px;
-              width: 12px;
-              height: 16px;
-              border: 1px solid #DCDEE5;
-              border-right: transparent;
-              border-bottom: transparent;
-              border-top-left-radius: 2px;
-              content: '';
-            }
-
-            &::after {
-              position: absolute;
-              top: 16px;
-              left: 10px;
-              width: 12px;
-              height: 16px;
-              border: 1px solid #DCDEE5;
-              border-top: transparent;
-              border-right: transparent;
-              border-bottom-left-radius: 2px;
-              content: '';
-            }
-          }
-        }
-
-        .data-source-title {
-          position: relative;
-          padding: 0 24px;
-          line-height: 32px;
-          background: #F0F1F5;
-          border-radius: 2px 2px 0 0;
-        }
-
-        .field-rules {
-          display: flex;
-          margin-bottom: 16px;
-          background: #FAFBFD;
-          border-radius: 2px;
-
-          dl {
-            padding: 12px 0 12px 50px;;
-
-            dt {
-              font-size: 14px;
-              line-height: 22px;
-              color: #979BA5;
-            }
-
-            .source-field {
-              max-width: 250px;
-              min-width: 120px;
-              font-size: 14px;
-              line-height: 22px;
-              color: #313238;
-            }
-          }
-        }
-      }
-
-      ::v-deep .bk-form-item {
-        padding-bottom: 24px;
-        margin-bottom: 0;
-        margin-left: 64px;
-        font-size: 14px;
-
-        &:last-child {
-          margin-bottom: 16px;
-        }
-
-        .bk-radio-button {
-          .bk-radio-button-label {
-            font-size: 14px !important;
-          }
-        }
-
-        .bk-radio-label {
-          font-size: 14px !important;
-        }
-
-        .error-text {
-          font-size: 12px;
-          line-height: 1;
-          color: #ea3636;
-          animation: form-error-appear-animation .15s;
-        }
-      }
-
-      .data-source-matching {
-        width: 622px;
-        margin-left: 59px;
-        border-radius: 2px;
-
-        .hover-item {
-          cursor: pointer;
-        }
-
-        .matching-item {
-          position: relative;
-          padding: 16px 16px 16px 24px;
-          margin-bottom: 16px;
-          background: #F5F7FA;
-
-          .bk-sq-icon {
-            position: absolute;
-            top: -6px;
-            right: -6px;
-            font-size: 20px;
-            color: #EA3636;
-          }
-
-          .or {
-            position: absolute;
-            top: -16px;
-            left: -22px;
-            display: inline-block;
-            width: 19px;
-            height: 16px;
-            line-height: 16px;
-            color: #FE9C00;
-            text-align: center;
-            background: #FFF3E1;
-            border-radius: 2px;
-
-            &::before {
-              position: absolute;
-              top: -27px;
-              left: 10px;
-              width: 12px;
-              height: 27px;
-              border: 1px solid #DCDEE5;
-              border-right: transparent;
-              border-bottom: transparent;
-              border-top-left-radius: 2px;
-              content: '';
-            }
-
-            &::after {
-              position: absolute;
-              top: 16px;
-              left: 10px;
-              width: 12px;
-              height: 27px;
-              border: 1px solid #DCDEE5;
-              border-top: transparent;
-              border-right: transparent;
-              border-bottom-left-radius: 2px;
-              content: '';
-            }
-          }
-
-          ::v-deep .bk-form-item {
-            padding-bottom: 24px;
-            margin-bottom: 0;
-            margin-left: 0;
-            font-size: 14px;
-
-            &:last-child {
-              margin-bottom: 0;
-            }
-          }
-
-          .item-flex-header {
-            display: flex;
-            align-items: center;
-
-            ::v-deep .bk-form-item {
-              padding-bottom: 0;
-              margin-bottom: 0;
-              margin-left: 0;
-              font-size: 14px;
-
-              &:last-child {
-                margin-left: 16px;
-              }
-            }
-          }
-
-          .item-flex {
-            position: relative;
-            display: flex;
-            padding-bottom: 8px;
-            align-items: center;
-
-            ::v-deep .bk-form-item {
-              padding-bottom: 0;
-              margin-bottom: 0;
-              margin-left: 0;
-              font-size: 14px;
-            }
-
-            .auth-source-fields {
-              margin-left: 16px;
-            }
-
-            .user-icon {
-              font-size: 16px;
-              color: #dcdee5;
-
-              &:hover {
-                color: #c4c6cc;
-              }
-            }
-
-            .icon-plus-fill {
-              position: absolute;
-              top: 9px;
-              right: 35px;
-            }
-
-            .icon-minus-fill {
-              position: absolute;
-              top: 9px;
-              right: 5px;
-            }
-
-            .and {
-              position: absolute;
-              top: -12px;
-              left: -24px;
-              display: inline-block;
-              width: 24px;
-              height: 16px;
-              line-height: 16px;
-              color: #14A568;
-              text-align: center;
-              background: #E4FAF0;
-              border-radius: 2px;
-
-              &::before {
-                position: absolute;
-                top: -12px;
-                left: 12px;
-                width: 12px;
-                height: 12px;
-                border: 1px solid #DCDEE5;
-                border-right: transparent;
-                border-bottom: transparent;
-                border-top-left-radius: 2px;
-                content: '';
-              }
-
-              &::after {
-                position: absolute;
-                top: 16px;
-                left: 12px;
-                width: 12px;
-                height: 12px;
-                border: 1px solid #DCDEE5;
-                border-top: transparent;
-                border-right: transparent;
-                border-bottom-left-radius: 2px;
-                content: '';
-              }
-            }
-          }
-        }
-      }
-
-      .add-data-source {
-        display: flex;
-        width: 622px;
-        height: 32px;
-        margin-left: 59px;
-        font-size: 14px;
-        color: #3A84FF;
-        cursor: pointer;
-        background: #F0F5FF;
-        border: 1px dashed #A3C5FD;
-        border-radius: 2px;
-        align-items: center;
-        justify-content: center;
-
-        span {
-          margin-left: 5px;
-        }
-      }
-    }
-  }
-
-  .footer-wrapper {
-    position: absolute;
-
-    .bk-button {
-      width: 88px;
-      margin-right: 8px;
-    }
-  }
-
-  .fixed {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    z-index: 9;
-    width: 100%;
-    height: 48px;
-    margin-bottom: 0;
-    line-height: 48px;
-    background: #FAFBFD;
-    box-shadow: 0 -1px 0 0 #DCDEE5;
-
-    .footer-div {
-      width: 1000px;
-      margin: 0 auto;
-    }
-  }
-}
-</style>
diff --git a/src/pages/src/views/auth-source/edit-data/WeCom.vue b/src/pages/src/views/auth-source/edit-data/WeCom.vue
deleted file mode 100644
index 4bb6599dd..000000000
--- a/src/pages/src/views/auth-source/edit-data/WeCom.vue
+++ /dev/null
@@ -1,312 +0,0 @@
-<template>
-  <bk-loading class="details-wrapper" :loading="isLoading" :z-index="9">
-    <div class="details-type">
-      <img :src="authSourceData.plugin?.logo" class="w-[24px] h-[24px] mr-[15px]">
-      <div>
-        <p class="title">{{ authSourceData.plugin?.name }}</p>
-        <p class="subtitle">{{ authSourceData.plugin?.description }}</p>
-      </div>
-    </div>
-    <div ref="cardRef">
-      <bk-form
-        class="auth-source-form"
-        ref="formRef"
-        form-type="vertical"
-        :model="formData"
-        :rules="rules">
-        <div class="content-item">
-          <p class="item-title">{{ $t('基本信息') }}</p>
-          <bk-form-item class="w-[600px]" :label="$t('名称')" property="name" required>
-            <bk-input v-model="formData.name" :placeholder="validate.name.message" @change="handleChange" />
-          </bk-form-item>
-        </div>
-        <div class="content-item" v-if="formData.plugin_config">
-          <p class="item-title">{{ $t('基础配置') }}</p>
-          <bk-form-item class="w-[600px]" :label="$t('企业 ID')" property="plugin_config.corp_id" required>
-            <bk-input v-model="formData.plugin_config.corp_id" @change="handleChange" />
-          </bk-form-item>
-          <bk-form-item class="w-[600px]" label="Agent ID" property="plugin_config.agent_id" required>
-            <bk-input v-model="formData.plugin_config.agent_id" @change="handleChange" />
-          </bk-form-item>
-          <bk-form-item class="w-[600px]" label="Secret" property="plugin_config.secret" required>
-            <bk-input type="password" v-model="formData.plugin_config.secret" @change="handleChange" />
-          </bk-form-item>
-        </div>
-        <div class="content-item">
-          <p class="item-title">{{ $t('登录模式') }}</p>
-          <bk-form-item>
-            <bk-radio-group v-model="LoginMethod">
-              <bk-radio-button label="a">{{ $t('仅用于登录') }}</bk-radio-button>
-              <bk-radio-button label="b" :disabled="true">{{ $t('可用于登录注册') }}</bk-radio-button>
-            </bk-radio-group>
-          </bk-form-item>
-        </div>
-        <div class="content-item pb-[24px]">
-          <p class="item-title">{{ $t('数据源匹配') }}</p>
-          <div class="data-source-matching">
-            <div
-              :class="['matching-item', {
-                'hover-item': (hoverItem === index) && formData.data_source_match_rules.length > 1
-              }]"
-              v-for="(item, index) in formData.data_source_match_rules"
-              :key="index"
-              @mouseenter="mouseenter(index)"
-              @mouseleave="mouseleave">
-              <bk-form-item
-                class="w-[518px]"
-                :label="$t('数据源')"
-                :property="`data_source_match_rules.${index}.data_source_id`"
-                :rules="rulesData.data_source_id"
-                required>
-                <bk-select v-model="item.data_source_id" @change="changeDataSourceId">
-                  <bk-option
-                    v-for="option in dataSourceList"
-                    :key="option.key"
-                    :id="option.key"
-                    :name="option.name"
-                    :disabled="option.disabled">
-                    <span>{{option.name}}</span>
-                  </bk-option>
-                </bk-select>
-              </bk-form-item>
-              <div class="item-flex-header">
-                <bk-form-item class="w-[250px]" :label="$t('数据源字段')" required />
-                <bk-form-item class="w-[250px] auth-source-fields" :label="$t('认证源字段')" required />
-              </div>
-              <div class="item-flex" v-for="(field, i) in item.field_compare_rules" :key="i">
-                <bk-form-item
-                  class="w-[250px]"
-                  error-display-type="tooltips"
-                  :property="`data_source_match_rules.${index}.field_compare_rules.${i}.target_field`"
-                  :rules="rulesData.target_field">
-                  <bk-select
-                    v-model="field.target_field"
-                    @change="changeSourceField"
-                    @toggle="handleToggle(index)"
-                  >
-                    <bk-option
-                      class="option-select"
-                      v-for="option in item.targetFields"
-                      :key="option.name"
-                      :id="option.name"
-                      :name="option.name"
-                      :disabled="option.disabled">
-                      <span>{{option.name}}</span>
-                      <span>{{option.type}}</span>
-                    </bk-option>
-                  </bk-select>
-                </bk-form-item>
-                <bk-form-item
-                  class="w-[250px] auth-source-fields"
-                  error-display-type="tooltips"
-                  :property="`data_source_match_rules.${index}.field_compare_rules.${i}.source_field`"
-                  :rules="rulesData.source_field">
-                  <bk-input v-model="field.source_field" @focus="handleChange" />
-                </bk-form-item>
-                <bk-button
-                  text
-                  @click="handleAddItem(item.field_compare_rules, i)"
-                >
-                  <i class="user-icon icon-plus-fill" />
-                </bk-button>
-                <bk-button
-                  text
-                  :disabled="item.field_compare_rules.length === 1"
-                  @click="handleDeleteItem(field.target_field, index, item.field_compare_rules, i)">
-                  <i :class="['user-icon icon-minus-fill', { 'forbid': item.field_compare_rules.length === 1 }]" />
-                </bk-button>
-                <span class="and" v-if="i !== 0">and</span>
-              </div>
-              <i
-                class="bk-sq-icon icon-close-fill"
-                v-if="formData.data_source_match_rules.length > 1 && hoverItem === index"
-                @click="handleDelete(item, index)"></i>
-              <span class="or" v-if="index !== 0">or</span>
-            </div>
-          </div>
-          <div :class="['add-data-source', {
-                 'forbid-data-source': dataSourceList.every(item => item.disabled === true)
-               }]"
-               @click="handleAdd">
-            <i class="user-icon icon-add-2"></i>
-            <span>{{ $t('新增数据源匹配') }}</span>
-          </div>
-        </div>
-      </bk-form>
-    </div>
-    <div class="footer-wrapper" :class="{ 'fixed': isScroll }">
-      <div class="footer-div">
-        <bk-button theme="primary" :loading="btnLoading" @click="handleSubmit">
-          {{ $t('提交') }}
-        </bk-button>
-        <bk-button @click="handleCancel">
-          {{ $t('取消') }}
-        </bk-button>
-      </div>
-    </div>
-  </bk-loading>
-</template>
-
-<script setup lang="ts">
-import { debounce } from 'bkui-vue/lib/shared';
-import { addListener, removeListener } from 'resize-detector';
-import { defineExpose, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { useCustomPlugin, useValidate } from '@/hooks';
-import { getDataSourceList, getFields, getIdpsDetails } from '@/http';
-import { t } from '@/language/index';
-import { useMainViewStore } from '@/store';
-
-const route = useRoute();
-const validate = useValidate();
-const store = useMainViewStore();
-
-const props = defineProps({
-  boxRef: {
-    type: Object,
-    default: () => ({}),
-  },
-});
-
-const formRef = ref();
-const isLoading = ref(false);
-const authSourceData = ref({});
-const btnLoading = ref(false);
-
-const formData = ref({
-  name: '',
-  id: route.params.id,
-  plugin_config: {
-    corp_id: '',
-    agent_id: '',
-    secret: '',
-  },
-  data_source_match_rules: [
-    {
-      data_source_id: '',
-      field_compare_rules: [
-        {
-          target_field: '',
-          source_field: '',
-        },
-      ],
-      targetFields: [],
-    },
-  ],
-});
-
-const LoginMethod = ref('a');
-
-const rules = {
-  name: [validate.required, validate.name],
-  'plugin_config.corp_id': [validate.required],
-  'plugin_config.agent_id': [validate.required],
-  'plugin_config.secret': [validate.required],
-};
-
-const rulesData = {
-  data_source_id: [validate.required],
-  target_field: [validate.required],
-  source_field: [validate.required, validate.sourceField],
-};
-
-const dataSourceList = ref([]);
-const builtinFields = ref([]);
-const customFields = ref([]);
-
-const cardRef = ref();
-const isScroll = ref(false);
-// 按钮超出屏幕吸底
-const handleResize = () => {
-  isScroll.value = 32 >= (props.boxRef.clientHeight - cardRef.value.clientHeight - 122);
-};
-
-onMounted(async () => {
-  try {
-    isLoading.value = true;
-    const [authRes, sourceRes, fieldRes] = await Promise.all([
-      getIdpsDetails(route.params.id),
-      getDataSourceList(''),
-      getFields(),
-    ]);
-
-    authSourceData.value = authRes.data;
-    store.breadCrumbsTitle = t('编辑x认证源', { name: authSourceData.value.plugin.name });
-    formData.value = {
-      ...formData.value,
-      name: authRes.data.name,
-      plugin_config: authRes.data?.plugin_config,
-      data_source_match_rules: authRes.data?.data_source_match_rules,
-    };
-
-    const sourceIds = new Set(formData.value.data_source_match_rules.map(item => item.data_source_id));
-
-    dataSourceList.value = sourceRes.data?.map(item => ({
-      key: item.id,
-      name: item.name,
-      disabled: sourceIds.has(item.id),
-    })) || [];
-
-    const allFields = [
-      ...(fieldRes.data?.builtin_fields?.map(item => ({ ...item, type: t('内置') })) || []),
-      ...(fieldRes.data?.custom_fields?.map(item => ({ ...item, type: t('自定义') })) || []),
-    ];
-
-    builtinFields.value = fieldRes.data?.builtin_fields || [];
-    customFields.value = fieldRes.data?.custom_fields || [];
-
-    formData.value.data_source_match_rules?.forEach((rule) => {
-      rule.targetFields = allFields.map(field => ({
-        key: field.id,
-        name: field.name,
-        disabled: rule.field_compare_rules.some(compareRule => compareRule.target_field === field.name),
-        type: field.type,
-      }));
-    });
-  } catch (error) {
-    console.error(error);
-  } finally {
-    const listenResize = debounce(300, () => handleResize());
-    addListener(props.boxRef as HTMLElement, listenResize);
-    nextTick(() => handleResize());
-    isLoading.value = false;
-  }
-});
-
-onBeforeUnmount(() => {
-  removeListener(props.boxRef as HTMLElement, handleResize);
-});
-
-const {
-  changeDataSourceId,
-  changeSourceField,
-  handleToggle,
-  handleAddItem,
-  handleDeleteItem,
-  handleAdd,
-  handleDelete,
-  mouseenter,
-  mouseleave,
-  handleChange,
-  handleCancel,
-  handleSubmit,
-  hoverItem,
-} = useCustomPlugin(
-  formData,
-  dataSourceList,
-  builtinFields,
-  customFields,
-  btnLoading,
-  formRef,
-  'edit',
-);
-
-defineExpose({
-  cardRef,
-});
-</script>
-
-<style lang="less" scoped>
-@import url('../new-data/WeCom.less');
-</style>
diff --git a/src/pages/src/views/auth-source/edit-data/index.vue b/src/pages/src/views/auth-source/edit-data/index.vue
deleted file mode 100644
index a71d1d568..000000000
--- a/src/pages/src/views/auth-source/edit-data/index.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <div>
-    <MainBreadcrumbs />
-    <div ref="boxRef" class="edit-data-wrapper user-scroll-y">
-      <Local v-if="pluginId === 'local'" :box-ref="boxRef" />
-      <WeCom v-else-if="pluginId === 'wecom'" :box-ref="boxRef" />
-      <CustomPlugin v-else :box-ref="boxRef" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed, defineExpose, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import CustomPlugin from './CustomPlugin.vue';
-import Local from './Local.vue';
-import WeCom from './WeCom.vue';
-
-import MainBreadcrumbs from '@/components/layouts/MainBreadcrumbs.vue';
-
-const route = useRoute();
-
-const pluginId = computed(() => route.params.type);
-
-const boxRef = ref();
-defineExpose({ boxRef });
-</script>
-
-<style lang="less">
-.container-content {
-  overflow: hidden !important;
-}
-
-.edit-data-wrapper {
-  position: relative;
-  height: calc(100vh - 104px);
-  padding-bottom: 48px;
-}
-</style>
diff --git a/src/pages/src/views/auth-source/index.vue b/src/pages/src/views/auth-source/index.vue
deleted file mode 100644
index 98393de41..000000000
--- a/src/pages/src/views/auth-source/index.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <RouterView />
-</template>
-
-<script setup lang="ts">
-</script>
-
-<style lang="less" scoped>
-</style>
diff --git a/src/pages/src/views/auth-source/new-data/CustomPlugin.vue b/src/pages/src/views/auth-source/new-data/CustomPlugin.vue
deleted file mode 100644
index 1829a964d..000000000
--- a/src/pages/src/views/auth-source/new-data/CustomPlugin.vue
+++ /dev/null
@@ -1,330 +0,0 @@
-<template>
-  <bk-loading class="details-wrapper" :loading="isLoading" :z-index="9">
-    <div class="details-type">
-      <img :src="plugin.logo" class="w-[24px] h-[24px] mr-[15px]">
-      <div>
-        <p class="title">{{ plugin.name }}</p>
-        <p class="subtitle">{{ plugin.description }}</p>
-      </div>
-    </div>
-    <div ref="cardRef">
-      <bk-form
-        class="auth-source-form"
-        ref="formRef"
-        form-type="vertical"
-        :model="formData"
-        :rules="rules">
-        <div class="content-item">
-          <p class="item-title">基础信息</p>
-          <bk-form-item class="w-[600px]" label="名称" property="name" required>
-            <bk-input v-model="formData.name" :placeholder="validate.name.message" @focus="handleChange" />
-          </bk-form-item>
-        </div>
-        <div class="content-item">
-          <p class="item-title">基础配置</p>
-          <SchemaForm
-            :plugins-config="pluginsConfig"
-            :form-data="formData"
-            @changePluginConfig="changePluginConfig" />
-        </div>
-        <div class="content-item">
-          <p class="item-title">登录模式</p>
-          <bk-form-item>
-            <bk-radio-group v-model="LoginMethod">
-              <bk-radio-button label="a">仅用于登录</bk-radio-button>
-              <bk-radio-button label="b" :disabled="true">可用于登录注册</bk-radio-button>
-            </bk-radio-group>
-          </bk-form-item>
-        </div>
-        <div class="content-item pb-[24px]">
-          <p class="item-title">数据源匹配</p>
-          <div class="data-source-matching">
-            <div
-              :class="['matching-item', {
-                'hover-item': (hoverItem === index) && formData.data_source_match_rules.length > 1
-              }]"
-              v-for="(item, index) in formData.data_source_match_rules"
-              :key="index"
-              @mouseenter="mouseenter(index)"
-              @mouseleave="mouseleave">
-              <bk-form-item
-                class="w-[518px]"
-                label="数据源"
-                :property="`data_source_match_rules.${index}.data_source_id`"
-                :rules="rulesData.data_source_id"
-                required>
-                <bk-select v-model="item.data_source_id" @change="changeDataSourceId">
-                  <bk-option
-                    v-for="option in dataSourceList"
-                    :key="option.key"
-                    :id="option.key"
-                    :name="option.name"
-                    :disabled="option.disabled">
-                    <span>{{option.name}}</span>
-                  </bk-option>
-                </bk-select>
-              </bk-form-item>
-              <div class="item-flex-header">
-                <bk-form-item class="w-[250px]" label="数据源字段" required />
-                <bk-form-item class="w-[250px] auth-source-fields" label="认证源字段" required />
-              </div>
-              <div class="item-flex" v-for="(field, i) in item.field_compare_rules" :key="i">
-                <bk-form-item
-                  class="w-[250px]"
-                  error-display-type="tooltips"
-                  :property="`data_source_match_rules.${index}.field_compare_rules.${i}.target_field`"
-                  :rules="rulesData.target_field">
-                  <bk-select
-                    v-model="field.target_field"
-                    @change="changeSourceField"
-                    @toggle="handleToggle(index)"
-                  >
-                    <bk-option
-                      class="option-select"
-                      v-for="option in item.targetFields"
-                      :key="option.name"
-                      :id="option.name"
-                      :name="option.name"
-                      :disabled="option.disabled">
-                      <span>{{option.name}}</span>
-                      <span>{{option.type}}</span>
-                    </bk-option>
-                  </bk-select>
-                </bk-form-item>
-                <bk-form-item
-                  class="w-[250px] auth-source-fields"
-                  error-display-type="tooltips"
-                  :property="`data_source_match_rules.${index}.field_compare_rules.${i}.source_field`"
-                  :rules="rulesData.source_field">
-                  <bk-input v-model="field.source_field" @focus="handleChange" />
-                </bk-form-item>
-                <bk-button
-                  text
-                  @click="handleAddItem(item.field_compare_rules, i)"
-                >
-                  <i class="user-icon icon-plus-fill" />
-                </bk-button>
-                <bk-button
-                  text
-                  :disabled="item.field_compare_rules.length === 1"
-                  @click="handleDeleteItem(field.target_field, index, item.field_compare_rules, i)">
-                  <i :class="['user-icon icon-minus-fill', { 'forbid': item.field_compare_rules.length === 1 }]" />
-                </bk-button>
-                <span class="and" v-if="i !== 0">and</span>
-              </div>
-              <i
-                class="bk-sq-icon icon-close-fill"
-                v-if="formData.data_source_match_rules.length > 1 && hoverItem === index"
-                @click="handleDelete(item, index)"></i>
-              <span class="or" v-if="index !== 0">or</span>
-            </div>
-          </div>
-          <div :class="['add-data-source', {
-                 'forbid-data-source': dataSourceList.every(item => item.disabled === true)
-               }]"
-               @click="handleAdd">
-            <i class="user-icon icon-add-2"></i>
-            <span>新增数据源匹配</span>
-          </div>
-        </div>
-      </bk-form>
-    </div>
-    <div class="footer-wrapper" :class="{ 'fixed': isScroll }">
-      <div class="footer-div">
-        <bk-button @click="emit('prev')">
-          上一步
-        </bk-button>
-        <bk-button theme="primary" :loading="btnLoading" @click="handleSubmit">
-          提交
-        </bk-button>
-        <bk-button @click="handleCancel">
-          取消
-        </bk-button>
-      </div>
-    </div>
-  </bk-loading>
-</template>
-
-<script setup lang="ts">
-import { debounce } from 'bkui-vue/lib/shared';
-import { addListener, removeListener } from 'resize-detector';
-import { defineExpose, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';
-
-import SchemaForm from '@/components/schema-form/SchemaForm.vue';
-import { useCustomPlugin, useValidate } from '@/hooks';
-import { getDataSourceList, getFields, getIdpsPluginsConfig } from '@/http';
-
-const validate = useValidate();
-
-const emit = defineEmits(['prev']);
-
-const props = defineProps({
-  plugin: {
-    type: Object,
-    default: () => ({}),
-  },
-  boxRef: {
-    type: Object,
-    default: () => ({}),
-  },
-});
-
-const isLoading = ref(false);
-const btnLoading = ref(false);
-const formRef = ref();
-const formData = ref({
-  name: '',
-  plugin_id: props.plugin.id,
-  plugin_config: {},
-  data_source_match_rules: [
-    {
-      data_source_id: '',
-      field_compare_rules: [
-        {
-          target_field: '',
-          source_field: '',
-        },
-      ],
-      targetFields: [],
-    },
-  ],
-});
-
-const LoginMethod = ref('a');
-
-const rules = {
-  name: [validate.required, validate.name],
-};
-
-const rulesData = {
-  data_source_id: [validate.required],
-  target_field: [validate.required],
-  source_field: [validate.required, validate.sourceField],
-};
-
-const dataSourceList = ref([]);
-const builtinFields = ref([]);
-const customFields = ref([]);
-const pluginsConfig = ref({});
-
-const cardRef = ref();
-const isScroll = ref(false);
-// 按钮超出屏幕吸底
-const handleResize = () => {
-  isScroll.value = 32 >= (props.boxRef.clientHeight - cardRef.value.clientHeight - 122);
-};
-
-onMounted(async () => {
-  try {
-    isLoading.value = true;
-    dataSourceList.value = [];
-    builtinFields.value = [];
-    customFields.value = [];
-    const [res, fieldRes, configRes] = await Promise.all([
-      getDataSourceList(''),
-      getFields(),
-      getIdpsPluginsConfig(props.plugin.id),
-    ]);
-    pluginsConfig.value = configRes.data.json_schema;
-    dataSourceList.value = res.data?.map(item => ({ key: item.id, name: item.name, disabled: false })) || [];
-    builtinFields.value = fieldRes.data?.builtin_fields || [];
-    customFields.value = fieldRes.data?.custom_fields || [];
-    formData.value.data_source_match_rules[0].targetFields.push(
-      ...fieldRes.data?.builtin_fields?.map(item => ({
-        key: item.id, name: item.name, disabled: false, type: '内置',
-      })) || [],
-      ...fieldRes.data?.custom_fields?.map(item => ({
-        key: item.id, name: item.name, disabled: false, type: '自定义',
-      })) || [],
-    );
-  } catch (error) {
-    console.error(error);
-  } finally {
-    const listenResize = debounce(300, () => handleResize());
-    addListener(props.boxRef as HTMLElement, listenResize);
-    nextTick(() => handleResize());
-    isLoading.value = false;
-  }
-});
-
-onBeforeUnmount(() => {
-  removeListener(props.boxRef as HTMLElement, handleResize);
-});
-
-const changePluginConfig = (value: any) => {
-  formData.value.plugin_config = value;
-};
-
-const {
-  changeDataSourceId,
-  changeSourceField,
-  handleToggle,
-  handleAddItem,
-  handleDeleteItem,
-  handleAdd,
-  handleDelete,
-  mouseenter,
-  mouseleave,
-  handleChange,
-  handleCancel,
-  handleSubmit,
-  hoverItem,
-} = useCustomPlugin(
-  formData,
-  dataSourceList,
-  builtinFields,
-  customFields,
-  btnLoading,
-  formRef,
-  'add',
-);
-
-defineExpose({
-  cardRef,
-});
-</script>
-
-<style lang="less">
-.info-wrapper {
-  .details-url {
-    .title {
-      font-size: 14px;
-      color: #63656E;
-      text-align: left;
-    }
-
-    .content {
-      display: flex;
-      padding: 8px 12px;
-      margin-top: 12px;
-      background: #F5F7FA;
-      align-items: center;
-      justify-content: space-between;
-
-      p {
-        display: -webkit-box;
-        width: 290px;
-        overflow: hidden;
-        text-align: left;
-        text-overflow: ellipsis;
-        word-break: break-all;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 3;
-      }
-
-      .icon-copy {
-        font-size: 14px;
-        color: #3A84FF;
-        cursor: pointer;
-      }
-    }
-  }
-
-  .bk-modal-close {
-    display: none;
-  }
-}
-</style>
-<style lang="less" scoped>
-@import url('./WeCom.less');
-</style>
diff --git a/src/pages/src/views/auth-source/new-data/WeCom.less b/src/pages/src/views/auth-source/new-data/WeCom.less
deleted file mode 100644
index 65200dbda..000000000
--- a/src/pages/src/views/auth-source/new-data/WeCom.less
+++ /dev/null
@@ -1,316 +0,0 @@
-.details-wrapper {
-  width: 1000px;
-  margin: 0 auto;
-
-  .details-type {
-    display: flex;
-    padding: 10px 16px;
-    margin: 16px 0;
-    background: #FFF;
-    border-radius: 2px;
-    align-items: center;
-
-    .title {
-      font-size: 14px;
-      color: #313238;
-    }
-
-    .subtitle {
-      font-size: 12px;
-      color: #979BA5;
-    }
-  }
-
-  .auth-source-form {
-    .content-item {
-      margin-bottom: 16px;
-      background: #fff;
-      border-radius: 2px;
-      box-shadow: 0 2px 4px 0 #1919290d;
-
-      .item-title {
-        padding: 16px 0 16px 24px;
-        font-size: 14px;
-        font-weight: 700;
-      }
-
-      ::v-deep .bk-form-item {
-        padding-bottom: 24px;
-        margin-bottom: 0;
-        margin-left: 64px;
-        font-size: 14px;
-
-        &:last-child {
-          margin-bottom: 16px;
-        }
-
-        .bk-radio-button {
-          .bk-radio-button-label {
-            font-size: 14px !important;
-          }
-        }
-
-        .bk-radio-label {
-          font-size: 14px !important;
-        }
-
-        .error-text {
-          font-size: 12px;
-          line-height: 1;
-          color: #ea3636;
-          animation: form-error-appear-animation .15s;
-        }
-      }
-
-      .data-source-matching {
-        width: 622px;
-        margin-left: 59px;
-        border-radius: 2px;
-
-        .hover-item {
-          cursor: pointer;
-        }
-
-        .matching-item {
-          position: relative;
-          padding: 16px 16px 16px 24px;
-          margin-bottom: 16px;
-          background: #F5F7FA;
-
-          .bk-sq-icon {
-            position: absolute;
-            top: -6px;
-            right: -6px;
-            font-size: 20px;
-            color: #EA3636;
-          }
-
-          .or {
-            position: absolute;
-            top: -16px;
-            left: -22px;
-            display: inline-block;
-            width: 19px;
-            height: 16px;
-            line-height: 16px;
-            color: #FE9C00;
-            text-align: center;
-            background: #FFF3E1;
-            border-radius: 2px;
-
-            &::before {
-              position: absolute;
-              top: -27px;
-              left: 10px;
-              width: 12px;
-              height: 27px;
-              border: 1px solid #DCDEE5;
-              border-right: transparent;
-              border-bottom: transparent;
-              border-top-left-radius: 2px;
-              content: '';
-            }
-
-            &::after {
-              position: absolute;
-              top: 16px;
-              left: 10px;
-              width: 12px;
-              height: 27px;
-              border: 1px solid #DCDEE5;
-              border-top: transparent;
-              border-right: transparent;
-              border-bottom-left-radius: 2px;
-              content: '';
-            }
-          }
-
-          ::v-deep .bk-form-item {
-            padding-bottom: 24px;
-            margin-bottom: 0;
-            margin-left: 0;
-            font-size: 14px;
-
-            &:last-child {
-              margin-bottom: 0;
-            }
-          }
-
-          .item-flex-header {
-            display: flex;
-            align-items: center;
-
-            ::v-deep .bk-form-item {
-              padding-bottom: 0;
-              margin-bottom: 0;
-              margin-left: 0;
-              font-size: 14px;
-
-              &:last-child {
-                margin-left: 16px;
-              }
-            }
-          }
-
-          .item-flex {
-            position: relative;
-            display: flex;
-            padding-bottom: 8px;
-            align-items: center;
-
-            ::v-deep .bk-form-item {
-              padding-bottom: 0;
-              margin-bottom: 0;
-              margin-left: 0;
-              font-size: 14px;
-            }
-
-            .auth-source-fields {
-              margin-left: 16px;
-            }
-
-            .user-icon {
-              font-size: 16px;
-              color: #dcdee5;
-
-              &:hover {
-                color: #c4c6cc;
-              }
-
-              &.forbid {
-                color: #EAEBF0;
-              }
-            }
-
-            .icon-plus-fill {
-              position: absolute;
-              top: 9px;
-              right: 35px;
-            }
-
-            .icon-minus-fill {
-              position: absolute;
-              top: 9px;
-              right: 5px;
-            }
-
-            .and {
-              position: absolute;
-              top: -12px;
-              left: -24px;
-              display: inline-block;
-              width: 24px;
-              height: 16px;
-              line-height: 16px;
-              color: #14A568;
-              text-align: center;
-              background: #E4FAF0;
-              border-radius: 2px;
-
-              &::before {
-                position: absolute;
-                top: -12px;
-                left: 12px;
-                width: 12px;
-                height: 12px;
-                border: 1px solid #DCDEE5;
-                border-right: transparent;
-                border-bottom: transparent;
-                border-top-left-radius: 2px;
-                content: '';
-              }
-
-              &::after {
-                position: absolute;
-                top: 16px;
-                left: 12px;
-                width: 12px;
-                height: 12px;
-                border: 1px solid #DCDEE5;
-                border-top: transparent;
-                border-right: transparent;
-                border-bottom-left-radius: 2px;
-                content: '';
-              }
-            }
-          }
-        }
-      }
-
-      .add-data-source {
-        display: flex;
-        width: 622px;
-        height: 32px;
-        margin-left: 59px;
-        font-size: 14px;
-        color: #3A84FF;
-        cursor: pointer;
-        background: #F0F5FF;
-        border: 1px dashed #A3C5FD;
-        border-radius: 2px;
-        align-items: center;
-        justify-content: center;
-
-        span {
-          margin-left: 5px;
-        }
-      }
-
-      .forbid-data-source {
-        color: #fff;
-        cursor: not-allowed;
-        background-color: #dcdee5;
-        border: 1px dashed #dcdee5;
-      }
-
-      ::v-deep .bk-schema-form {
-        .bk-form-item {
-          width: 600px;
-          padding-bottom: 0;
-          font-size: 14px;
-
-          &:last-child {
-            padding-bottom: 24px;
-          }
-        }
-      }
-    }
-  }
-
-  .footer-wrapper {
-    position: absolute;
-
-    .bk-button {
-      min-width: 88px;
-      margin-right: 8px;
-    }
-  }
-
-  .fixed {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    z-index: 9;
-    width: 100%;
-    height: 48px;
-    margin-bottom: 0;
-    line-height: 48px;
-    background: #FAFBFD;
-    box-shadow: 0 -1px 0 0 #DCDEE5;
-
-    .footer-div {
-      width: 1000px;
-      margin: 0 auto;
-    }
-  }
-}
-
-.option-select {
-  display: flex !important;
-  justify-content: space-between;
-
-  .name {
-    display: inline-block;
-    max-width: 160px;
-  }
-}
\ No newline at end of file
diff --git a/src/pages/src/views/auth-source/new-data/WeCom.vue b/src/pages/src/views/auth-source/new-data/WeCom.vue
deleted file mode 100644
index 6c3f2c2c1..000000000
--- a/src/pages/src/views/auth-source/new-data/WeCom.vue
+++ /dev/null
@@ -1,332 +0,0 @@
-<template>
-  <bk-loading class="details-wrapper" :loading="isLoading" :z-index="9">
-    <div class="details-type">
-      <img :src="plugin.logo" class="w-[24px] h-[24px] mr-[15px]">
-      <div>
-        <p class="title">{{ plugin.name }}</p>
-        <p class="subtitle">{{ plugin.description }}</p>
-      </div>
-    </div>
-    <div ref="cardRef">
-      <bk-form
-        class="auth-source-form"
-        ref="formRef"
-        form-type="vertical"
-        :model="formData"
-        :rules="rules">
-        <div class="content-item">
-          <p class="item-title">{{ $t('基本信息') }}</p>
-          <bk-form-item class="w-[600px]" :label="$t('名称')" property="name" required>
-            <bk-input v-model="formData.name" :placeholder="validate.name.message" @focus="handleChange" />
-          </bk-form-item>
-        </div>
-        <div class="content-item">
-          <p class="item-title">{{ $t('基础配置') }}</p>
-          <bk-form-item class="w-[600px]" :label="$t('企业 ID')" property="plugin_config.corp_id" required>
-            <bk-input v-model="formData.plugin_config.corp_id" @focus="handleChange" />
-          </bk-form-item>
-          <bk-form-item class="w-[600px]" label="Agent ID" property="plugin_config.agent_id" required>
-            <bk-input v-model="formData.plugin_config.agent_id" @focus="handleChange" />
-          </bk-form-item>
-          <bk-form-item class="w-[600px]" label="Secret" property="plugin_config.secret" required>
-            <bk-input type="password" v-model="formData.plugin_config.secret" @focus="handleChange" />
-          </bk-form-item>
-        </div>
-        <div class="content-item">
-          <p class="item-title">{{ $t('登录模式') }}</p>
-          <bk-form-item>
-            <bk-radio-group v-model="LoginMethod">
-              <bk-radio-button label="a">{{ $t('仅用于登录') }}</bk-radio-button>
-              <bk-radio-button label="b" :disabled="true">{{ $t('可用于登录注册') }}</bk-radio-button>
-            </bk-radio-group>
-          </bk-form-item>
-        </div>
-        <div class="content-item pb-[24px]">
-          <p class="item-title">{{ $t('数据源匹配') }}</p>
-          <div class="data-source-matching">
-            <div
-              :class="['matching-item', {
-                'hover-item': (hoverItem === index) && formData.data_source_match_rules.length > 1
-              }]"
-              v-for="(item, index) in formData.data_source_match_rules"
-              :key="index"
-              @mouseenter="mouseenter(index)"
-              @mouseleave="mouseleave">
-              <bk-form-item
-                class="w-[518px]"
-                :label="$t('数据源')"
-                :property="`data_source_match_rules.${index}.data_source_id`"
-                :rules="rulesData.data_source_id"
-                required>
-                <bk-select v-model="item.data_source_id" @change="changeDataSourceId">
-                  <bk-option
-                    v-for="option in dataSourceList"
-                    :key="option.key"
-                    :id="option.key"
-                    :name="option.name"
-                    :disabled="option.disabled">
-                    <span>{{option.name}}</span>
-                  </bk-option>
-                </bk-select>
-              </bk-form-item>
-              <div class="item-flex-header">
-                <bk-form-item class="w-[250px]" :label="$t('数据源字段')" required />
-                <bk-form-item class="w-[250px] auth-source-fields" :label="$t('认证源字段')" required />
-              </div>
-              <div class="item-flex" v-for="(field, i) in item.field_compare_rules" :key="i">
-                <bk-form-item
-                  class="w-[250px]"
-                  error-display-type="tooltips"
-                  :property="`data_source_match_rules.${index}.field_compare_rules.${i}.target_field`"
-                  :rules="rulesData.target_field">
-                  <bk-select
-                    v-model="field.target_field"
-                    @change="changeSourceField"
-                    @toggle="handleToggle(index)"
-                  >
-                    <bk-option
-                      class="option-select"
-                      v-for="option in item.targetFields"
-                      :key="option.name"
-                      :id="option.name"
-                      :name="option.name"
-                      :disabled="option.disabled">
-                      <bk-overflow-title type="tips" class="name">{{option.name}}</bk-overflow-title>
-                      <span>{{option.type}}</span>
-                    </bk-option>
-                  </bk-select>
-                </bk-form-item>
-                <bk-form-item
-                  class="w-[250px] auth-source-fields"
-                  error-display-type="tooltips"
-                  :property="`data_source_match_rules.${index}.field_compare_rules.${i}.source_field`"
-                  :rules="rulesData.source_field">
-                  <bk-input v-model="field.source_field" @focus="handleChange" />
-                </bk-form-item>
-                <bk-button
-                  text
-                  @click="handleAddItem(item.field_compare_rules, i)"
-                >
-                  <i class="user-icon icon-plus-fill" />
-                </bk-button>
-                <bk-button
-                  text
-                  :disabled="item.field_compare_rules.length === 1"
-                  @click="handleDeleteItem(field.target_field, index, item.field_compare_rules, i)">
-                  <i :class="['user-icon icon-minus-fill', { 'forbid': item.field_compare_rules.length === 1 }]" />
-                </bk-button>
-                <span class="and" v-if="i !== 0">and</span>
-              </div>
-              <i
-                class="bk-sq-icon icon-close-fill"
-                v-if="formData.data_source_match_rules.length > 1 && hoverItem === index"
-                @click="handleDelete(item, index)"></i>
-              <span class="or" v-if="index !== 0">or</span>
-            </div>
-          </div>
-          <div :class="['add-data-source', {
-                 'forbid-data-source': dataSourceList.every(item => item.disabled === true)
-               }]"
-               @click="handleAdd">
-            <i class="user-icon icon-add-2"></i>
-            <span>{{ $t('新增数据源匹配') }}</span>
-          </div>
-        </div>
-      </bk-form>
-    </div>
-    <div class="footer-wrapper" :class="{ 'fixed': isScroll }">
-      <div class="footer-div">
-        <bk-button @click="emit('prev')">
-          {{ $t('上一步') }}
-        </bk-button>
-        <bk-button theme="primary" :loading="btnLoading" @click="handleSubmit">
-          {{ $t('提交') }}
-        </bk-button>
-        <bk-button @click="handleCancel">
-          {{ $t('取消') }}
-        </bk-button>
-      </div>
-    </div>
-  </bk-loading>
-</template>
-
-<script setup lang="ts">
-import { debounce } from 'bkui-vue/lib/shared';
-import { addListener, removeListener } from 'resize-detector';
-import { defineExpose, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';
-
-import { useCustomPlugin, useValidate } from '@/hooks';
-import { getDataSourceList, getFields } from '@/http';
-import { t } from '@/language/index';
-
-const validate = useValidate();
-
-const emit = defineEmits(['prev']);
-
-const props = defineProps({
-  plugin: {
-    type: Object,
-    default: () => ({}),
-  },
-  boxRef: {
-    type: Object,
-    default: () => ({}),
-  },
-});
-
-const isLoading = ref(false);
-const btnLoading = ref(false);
-const formRef = ref();
-const formData = ref({
-  name: '',
-  plugin_id: props.plugin.id,
-  plugin_config: {
-    corp_id: '',
-    agent_id: '',
-    secret: '',
-  },
-  data_source_match_rules: [
-    {
-      data_source_id: '',
-      field_compare_rules: [
-        {
-          target_field: '',
-          source_field: '',
-        },
-      ],
-      targetFields: [],
-    },
-  ],
-});
-
-const LoginMethod = ref('a');
-
-const rules = {
-  name: [validate.required, validate.name],
-  'plugin_config.corp_id': [validate.required],
-  'plugin_config.agent_id': [validate.required],
-  'plugin_config.secret': [validate.required],
-};
-
-const rulesData = {
-  data_source_id: [validate.required],
-  target_field: [validate.required],
-  source_field: [validate.required, validate.sourceField],
-};
-
-const dataSourceList = ref([]);
-const builtinFields = ref([]);
-const customFields = ref([]);
-
-const cardRef = ref();
-const isScroll = ref(false);
-// 按钮超出屏幕吸底
-const handleResize = () => {
-  isScroll.value = 32 >= (props.boxRef.clientHeight - cardRef.value.clientHeight - 122);
-};
-
-onMounted(async () => {
-  try {
-    isLoading.value = true;
-    dataSourceList.value = [];
-    builtinFields.value = [];
-    customFields.value = [];
-    const [res, fieldRes] = await Promise.all([getDataSourceList(''), getFields()]);
-    dataSourceList.value = res.data?.map(item => ({ key: item.id, name: item.name, disabled: false })) || [];
-    builtinFields.value = fieldRes.data?.builtin_fields || [];
-    customFields.value = fieldRes.data?.custom_fields || [];
-    formData.value.data_source_match_rules[0].targetFields.push(
-      ...fieldRes.data?.builtin_fields?.map(item => ({
-        key: item.id, name: item.name, disabled: false, type: t('内置'),
-      })) || [],
-      ...fieldRes.data?.custom_fields?.map(item => ({
-        key: item.id, name: item.name, disabled: false, type: t('自定义'),
-      })) || [],
-    );
-  } catch (error) {
-    console.error(error);
-  } finally {
-    const listenResize = debounce(300, () => handleResize());
-    addListener(props.boxRef as HTMLElement, listenResize);
-    nextTick(() => handleResize());
-    isLoading.value = false;
-  }
-});
-
-onBeforeUnmount(() => {
-  removeListener(props.boxRef as HTMLElement, handleResize);
-});
-
-const {
-  changeDataSourceId,
-  changeSourceField,
-  handleToggle,
-  handleAddItem,
-  handleDeleteItem,
-  handleAdd,
-  handleDelete,
-  mouseenter,
-  mouseleave,
-  handleChange,
-  handleCancel,
-  handleSubmit,
-  hoverItem,
-} = useCustomPlugin(
-  formData,
-  dataSourceList,
-  builtinFields,
-  customFields,
-  btnLoading,
-  formRef,
-  'add',
-);
-
-defineExpose({
-  cardRef,
-});
-</script>
-
-<style lang="less">
-.info-wrapper {
-  .details-url {
-    .title {
-      font-size: 14px;
-      color: #63656E;
-      text-align: left;
-    }
-
-    .content {
-      display: flex;
-      padding: 8px 12px;
-      margin-top: 12px;
-      background: #F5F7FA;
-      align-items: center;
-      justify-content: space-between;
-
-      p {
-        display: -webkit-box;
-        width: 290px;
-        overflow: hidden;
-        text-align: left;
-        text-overflow: ellipsis;
-        word-break: break-all;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 3;
-      }
-
-      .icon-copy {
-        font-size: 14px;
-        color: #3A84FF;
-        cursor: pointer;
-      }
-    }
-  }
-
-  .bk-modal-close {
-    display: none;
-  }
-}
-</style>
-<style lang="less" scoped>
-@import url('./WeCom.less');
-</style>
diff --git a/src/pages/src/views/auth-source/new-data/config.vue b/src/pages/src/views/auth-source/new-data/config.vue
deleted file mode 100644
index 00fd5a6da..000000000
--- a/src/pages/src/views/auth-source/new-data/config.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-<template>
-  <bk-loading class="config-wrapper" :loading="isLoading">
-    <div class="config-content">
-      <div class="config-type">
-        <P class="title">{{ $t('认证源选择') }}</P>
-        <ul>
-          <li
-            v-for="(item, index) in dataList"
-            v-show="item.id !== 'local'"
-            :key="index"
-            :class="{ 'active': currentPlugin.id === item.id }"
-            @click="handleClick(item)">
-            <div class="config-item">
-              <img :src="item.logo">
-              <div>
-                <p>{{item.name}}</p>
-                <span>{{item.description}}</span>
-              </div>
-            </div>
-            <i class="user-icon icon-check-line" />
-          </li>
-        </ul>
-      </div>
-    </div>
-    <div class="footer-wrapper">
-      <span v-bk-tooltips="{
-        content: $t('请选择认证源'),
-        distance: 20,
-        disabled: !isDisabled,
-      }">
-        <bk-button
-          theme="primary"
-          class="mr8"
-          @click="handleNext"
-          :disabled="isDisabled"
-        >{{ $t('下一步') }}</bk-button>
-      </span>
-      <bk-button @click="handleClickCancel">{{ $t('取消') }}</bk-button>
-    </div>
-  </bk-loading>
-</template>
-
-<script setup lang="ts">
-import { bkTooltips as vBkTooltips } from 'bkui-vue';
-import { computed, onMounted, ref } from 'vue';
-
-import { getIdpsPlugins } from '@/http';
-import { t } from '@/language/index';
-import router from '@/router/index';
-import { useMainViewStore } from '@/store';
-
-const store = useMainViewStore();
-store.breadCrumbsTitle = t('新建认证源');
-
-const emit = defineEmits(['next']);
-
-const dataList = ref([]);
-const isLoading = ref(false);
-const currentPlugin = ref({});
-
-const isDisabled = computed(() => JSON.stringify(currentPlugin.value) === '{}');
-
-onMounted(async () => {
-  try {
-    isLoading.value = true;
-    const res = await getIdpsPlugins();
-    dataList.value = res.data;
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    isLoading.value = false;
-  }
-});
-
-const handleClick = (item) => {
-  currentPlugin.value = item;
-};
-
-const handleNext = () => {
-  if (currentPlugin.value.id === 'local') return;
-  emit('next', currentPlugin.value);
-};
-
-const handleClickCancel = () => {
-  router.push({
-    name: 'authSourceList',
-  });
-};
-</script>
-
-<style lang="less" scoped>
-.config-wrapper {
-  width: 1000px;
-  margin: 0 auto;
-
-  .config-content {
-    margin: 24px 0;
-    background-color: #fff;
-
-    .config-type {
-      padding: 24px 40px;
-
-      .title {
-        font-size: 14px;
-        font-weight: 700;
-        color: #313238;
-      }
-
-      ul {
-        display: flex;
-        margin: 16px 0;
-
-        li {
-          width: 200px;
-          height: 84px;
-          margin-right: 16px;
-          cursor: pointer;
-          background: #F5F7FA;
-          border-radius: 2px;
-          box-sizing: content-box;
-
-          .icon-check-line {
-            display: none;
-          }
-
-          // &:hover {
-          //   border: 1px solid #3A84FF;
-          // }
-
-          .config-item {
-            display: flex;
-            padding: 12px 16px;
-            align-items: center;
-            justify-content: space-between;
-
-            img {
-              width: 24px;
-              height: 24px;
-              margin-right: 15px;
-            }
-
-            p {
-              font-size: 14px;
-              color: #313238;
-            }
-
-            span {
-              display: -webkit-box;
-              overflow: hidden;
-              color: #979BA5;
-              text-overflow: ellipsis;
-              word-break: break-all;
-              -webkit-box-orient: vertical;
-              -webkit-line-clamp: 2;
-            }
-          }
-        }
-
-        .active {
-          position: relative;
-          background-color: #fff;
-          border: 1px solid #3A84FF;
-
-          .icon-check-line {
-            position: absolute;
-            top: 0;
-            right: 0;
-            z-index: 999;
-            display: inline-block;
-            font-size: 14px;
-            color: #fff;
-          }
-
-          &::after {
-            position: absolute;
-            top: 0;
-            right: 0;
-            display: inline-block;
-            width: 0;
-            height: 0;
-            border-top: 24px solid #3A84FF;
-            border-left: 24px solid transparent;
-            content: '';
-          }
-        }
-      }
-    }
-  }
-
-  .footer-wrapper {
-    margin-bottom: 24px;
-
-    button {
-      width: 88px;
-    }
-  }
-}
-</style>
diff --git a/src/pages/src/views/auth-source/new-data/index.vue b/src/pages/src/views/auth-source/new-data/index.vue
deleted file mode 100644
index abb90a992..000000000
--- a/src/pages/src/views/auth-source/new-data/index.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-  <div>
-    <MainBreadcrumbsDetails @toBack="toBack">
-      <template #content>
-        <bk-steps
-          :class="['steps-wrapper', { 'en': $i18n.locale === 'en' }]"
-          :cur-step="curStep"
-          :steps="stepsConfig"
-        />
-      </template>
-    </MainBreadcrumbsDetails>
-    <div ref="boxRef" class="user-scroll-y">
-      <Config v-if="curStep === 1" @next="handleNext" />
-      <div v-else>
-        <WeCom
-          v-if="currentPlugin.id === 'wecom'"
-          :plugin="currentPlugin"
-          :box-ref="boxRef"
-          @prev="handlePrev" />
-        <CustomPlugin
-          v-else
-          :plugin="currentPlugin"
-          :box-ref="boxRef"
-          @prev="handlePrev" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { defineExpose, inject, reactive, ref } from 'vue';
-
-import Config from './config.vue';
-import CustomPlugin from './CustomPlugin.vue';
-import WeCom from './WeCom.vue';
-
-import MainBreadcrumbsDetails from '@/components/layouts/MainBreadcrumbsDetails.vue';
-import { t } from '@/language/index';
-import router from '@/router/index';
-
-const editLeaveBefore = inject('editLeaveBefore');
-const curStep = ref(1);
-const stepsConfig = reactive([
-  { title: t('认证源选择'), icon: 1 },
-  { title: t('登录配置'), icon: 2 },
-]);
-
-const toBack = async () => {
-  if (curStep.value === 2) {
-    getStatus();
-  } else {
-    router.push({ name: 'authSourceList' });
-  }
-};
-
-const currentPlugin = ref({});
-
-const handleNext = (item) => {
-  curStep.value = 2;
-  currentPlugin.value = item;
-};
-
-const handlePrev = () => {
-  getStatus();
-};
-
-const getStatus = async () => {
-  let enableLeave = true;
-  if (window.changeInput) {
-    enableLeave = await editLeaveBefore();
-    curStep.value = 1;
-  } else {
-    curStep.value = 1;
-  }
-  if (!enableLeave) {
-    return Promise.resolve(enableLeave);
-  }
-};
-
-const boxRef = ref();
-defineExpose({ boxRef });
-</script>
-
-<style lang="less" scoped>
-.main-breadcrumbs-details {
-  .icon-arrow-left {
-    margin-right: 10px;
-    font-size: 18px;
-    color: #3a84ff;
-    cursor: pointer;
-  }
-
-  .tittle{
-    margin-right: 8px;
-    font-size: 16px;
-    color: #313238;
-  }
-
-  .steps-wrapper {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 360px;
-    transform: translate(-50%, -50%);
-  }
-
-  .en {
-    width: 460px;
-  }
-}
-
-.user-scroll-y {
-  position: relative;
-  height: calc(100vh - 104px);
-  padding-bottom: 48px;
-}
-</style>
diff --git a/src/pages/src/views/data-source/LocalCompany.vue b/src/pages/src/views/data-source/LocalCompany.vue
deleted file mode 100644
index e4c519585..000000000
--- a/src/pages/src/views/data-source/LocalCompany.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <bk-tab
-    v-model:active="active"
-    type="unborder-card"
-    ext-cls="tab-details"
-    @change="handleChange"
-  >
-    <bk-tab-panel
-      v-for="item in panels"
-      :key="item.name"
-      :name="item.name"
-      :label="item.label"
-    >
-      <RouterView />
-    </bk-tab-panel>
-  </bk-tab>
-</template>
-
-<script setup lang="ts">
-import { reactive, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { t } from '@/language/index';
-import router from '@/router/index';
-
-const route = useRoute();
-const active = ref(route.name);
-const panels = reactive([
-  { name: 'local', label: t('本租户') },
-  { name: 'other', label: t('其他租户') },
-]);
-
-const handleChange = (name) => {
-  router.push({ name });
-};
-</script>
-
-<style lang="less" scoped>
-@import url("@/css/tabStyle.less");
-</style>
diff --git a/src/pages/src/views/data-source/LocalDataSource.vue b/src/pages/src/views/data-source/LocalDataSource.vue
deleted file mode 100644
index 538d35617..000000000
--- a/src/pages/src/views/data-source/LocalDataSource.vue
+++ /dev/null
@@ -1,344 +0,0 @@
-<template>
-  <div v-bkloading="{ loading: state.isLoading, zIndex: 9 }" class="user-info-wrapper user-scroll-y">
-    <header>
-      <bk-dropdown placement="bottom-start" trigger="click">
-        <bk-button theme="primary">
-          <i class="user-icon icon-add-2 mr8" />
-          {{ $t('新建数据源') }}
-        </bk-button>
-        <template #content>
-          <bk-dropdown-menu ext-cls="dropdown-menu-ul">
-            <p class="dropdown-title" v-if="state.typeList.length > 0">{{ $t('数据源类型选择') }}</p>
-            <p class="dropdown-title" v-else>{{ $t('暂无数据源类型') }}</p>
-            <bk-dropdown-item
-              v-for="item in state.typeList"
-              :key="item"
-              @click="newDataSource(item)"
-            >
-              <img v-if="item.logo" :src="item.logo">
-              <div class="dropdown-item">
-                <span class="dropdown-item-title">{{ item.name }}</span>
-                <span class="dropdown-item-subtitle">{{ item.description }}</span>
-              </div>
-            </bk-dropdown-item>
-          </bk-dropdown-menu>
-        </template>
-      </bk-dropdown>
-      <div class="header-right">
-        <bk-input
-          v-model="searchVal"
-          :placeholder="$t('搜索数据源名称')"
-          type="search"
-          clearable
-          @enter="handleEnter"
-          @clear="handleClear"
-        />
-        <bk-button text theme="primary" @click="handleUpdateRecord">
-          <i class="user-icon icon-lishijilu" />
-          {{ $t('数据更新记录') }}
-        </bk-button>
-      </div>
-    </header>
-    <bk-table
-      class="user-info-table"
-      :data="state.list"
-      :border="['outer']"
-      :max-height="tableMaxHeight"
-      show-overflow-tooltip
-      @column-filter="handleFilter"
-    >
-      <template #empty>
-        <Empty
-          :is-data-empty="state.isDataEmpty"
-          :is-search-empty="state.isEmptySearch"
-          :is-data-error="state.isDataError"
-          @handleEmpty="handleClear"
-          @handleUpdate="fetchDataSourceList"
-        />
-      </template>
-      <bk-table-column prop="name" :label="$t('数据源名称')">
-        <template #default="{ row }">
-          <bk-button text theme="primary" @click="handleClick(row)">
-            {{ row.name }}
-          </bk-button>
-        </template>
-      </bk-table-column>
-      <bk-table-column prop="plugin_id" :label="$t('数据源类型')">
-        <template #default="{ row }">
-          <div class="data-source-type" v-for="item in state.typeList" :key="item">
-            <img v-if="item.id === row.plugin_id && item.logo" :src="item.logo">
-            <span v-if="item.id === row.plugin_id">{{ row.plugin_name }}</span>
-          </div>
-        </template>
-      </bk-table-column>
-      <bk-table-column prop="status" :label="$t('状态')" :filter="{ list: statusFilters }">
-        <template #default="{ row }">
-          <div>
-            <img :src="dataSourceStatus[row.status]?.icon" class="account-status-icon" />
-            <span>{{ dataSourceStatus[row.status]?.text }}</span>
-          </div>
-        </template>
-      </bk-table-column>
-      <bk-table-column prop="updater" :label="$t('更新人')">
-        <template #default="{ row }">
-          <span>{{ row.updater || '--' }}</span>
-        </template>
-      </bk-table-column>
-      <bk-table-column prop="updated_at" :label="$t('更新时间')"></bk-table-column>
-      <bk-table-column :label="$t('操作')">
-        <template #default="{ row }">
-          <span v-bk-tooltips="{
-            content: $t('本地数据源不支持同步，请到详情页使用导入功能'),
-            distance: 20,
-            disabled: row.plugin_id !== 'local',
-          }">
-            <bk-button
-              text
-              theme="primary"
-              style="margin-right: 8px;"
-              :disabled="row.plugin_id === 'local'"
-              @click="handleSync(row)"
-            >
-              {{ $t('一键同步') }}
-            </bk-button>
-          </span>
-        </template>
-      </bk-table-column>
-    </bk-table>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { bkTooltips as vBkTooltips, Message } from 'bkui-vue';
-import { onMounted, reactive, ref } from 'vue';
-
-import Empty from '@/components/Empty.vue';
-import { useTableMaxHeight } from '@/hooks';
-import { getDataSourceList, getDataSourcePlugins, postOperationsSync } from '@/http';
-import { t } from '@/language/index';
-import router from '@/router/index';
-import { useMainViewStore } from '@/store';
-import { dataSourceStatus } from '@/utils';
-
-const store = useMainViewStore();
-store.customBreadcrumbs = false;
-
-const tableMaxHeight = useTableMaxHeight(238);
-const searchVal = ref('');
-const state = reactive({
-  isLoading: false,
-  list: [],
-  // 搜索结果为空
-  isEmptySearch: false,
-  // 表格请求出错
-  isDataError: false,
-  // 表格请求结果为空
-  isDataEmpty: false,
-  typeList: [],
-});
-
-const statusFilters = [
-  { text: t('正常'), value: 'enabled' },
-  { text: t('未启用'), value: 'disabled' },
-];
-
-onMounted(() => {
-  fetchDataSourceList();
-  getDataSourcePlugins().then((res) => {
-    state.typeList = res.data;
-  });
-});
-
-const fetchDataSourceList = async () => {
-  try {
-    state.isLoading = true;
-    state.isDataEmpty = false;
-    state.isEmptySearch = false;
-    state.isDataError = false;
-    const res = await getDataSourceList(searchVal.value);
-    if (res.data.length === 0) {
-      searchVal.value === '' ? state.isDataEmpty = true : state.isEmptySearch = true;
-    }
-    state.list = res.data;
-  } catch (error) {
-    state.isDataError = true;
-  } finally {
-    state.isLoading = false;
-  }
-};
-
-// 搜索数据源列表
-const handleEnter = (value: string) => {
-  searchVal.value = value;
-  fetchDataSourceList();
-};
-
-const handleClear = () => {
-  searchVal.value = '';
-  fetchDataSourceList();
-};
-
-const handleFilter = ({ checked }) => {
-  if (checked.length === 0) return state.isDataEmpty = false;
-  state.isDataEmpty = !state.list.some(item => checked.includes(item.status));
-};
-
-function handleClick(item) {
-  router.push({
-    name: 'dataConfDetails',
-    params: {
-      id: item.id,
-    },
-  });
-}
-function newDataSource(item) {
-  router.push({
-    name: 'newLocal',
-    params: {
-      type: item.id,
-    },
-  });
-}
-
-const handleUpdateRecord = async () => {
-  router.push({ name: 'syncRecords' });
-};
-
-const handleSync = async (row) => {
-  const res = await postOperationsSync(row.id);
-  router.push({ name: 'syncRecords', params: { type: 'sync' } });
-  const status = res.data?.status === 'failed' ? 'error' : 'success';
-  Message({ theme: status, message: res.data.summary });
-};
-</script>
-
-<style lang="less">
-.main-breadcrumbs {
-  box-shadow: none !important;
-}
-</style>
-
-<style lang="less" scoped>
-.user-info-wrapper {
-  width: 100%;
-  height: calc(100vh - 140px);
-  padding: 24px;
-
-  header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 16px;
-
-    .header-right {
-      display: flex;
-      align-items: center;
-
-      .bk-input {
-        width: 400px;
-      }
-
-      .bk-button {
-        margin-left: 20px;
-        font-size: 14px;
-
-        .icon-lishijilu {
-          margin-right: 8px;
-        }
-      }
-    }
-  }
-
-  :deep(.user-info-table) {
-    .bk-table-head {
-      table thead th {
-        text-align: center;
-      }
-
-      .table-head-settings {
-        border-right: none;
-      }
-    }
-
-    .bk-table-footer {
-      padding: 0 15px;
-      background: #fff;
-    }
-
-    .type-icon {
-      margin-right: 8px;
-      font-size: 14px;
-      color: #979BA5;
-    }
-
-    .account-status-icon {
-      display: inline-block;
-      width: 16px;
-      height: 16px;
-      margin-right: 5px;
-      vertical-align: middle;
-    }
-
-    .data-source-type {
-      display: flex;
-      align-items: center;
-
-      img {
-        width: 14px;
-        height: 14px;
-      }
-
-      span {
-        margin-left: 8px;
-      }
-    }
-  }
-}
-
-.dropdown-menu-ul {
-  width: 380px;
-
-  .dropdown-title {
-    padding: 12px 16px;
-    color: #63656e;
-  }
-
-  .bk-dropdown-item {
-    display: flex;
-    height: 100%;
-    padding: 10px 16px;
-    line-height: 32px;
-    align-items: center;
-
-    img {
-      width: 24px;
-      height: 24px;
-    }
-
-    .user-icon {
-      font-size: 24px;
-      color: #979ba5;
-    }
-
-    .dropdown-item {
-      margin-left: 15px;
-
-      span {
-        display: block;
-      }
-
-      .dropdown-item-title {
-        font-size: 14px;
-        font-weight: 700;
-      }
-
-      .dropdown-item-subtitle {
-        width: 300px;
-        line-height: 20px;
-        color: #979ba5;
-        white-space: break-spaces;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/pages/src/views/data-source/OtherDataSource.vue b/src/pages/src/views/data-source/OtherDataSource.vue
deleted file mode 100644
index bded0e488..000000000
--- a/src/pages/src/views/data-source/OtherDataSource.vue
+++ /dev/null
@@ -1,568 +0,0 @@
-<template>
-  <div v-bkloading="{ loading: state.isLoading, zIndex: 9 }" class="user-info-wrapper user-scroll-y">
-    <!-- 一期不做 -->
-    <!-- <header>
-      <bk-button text theme="primary" @click="handleUpdateRecord">
-        <i class="user-icon icon-lishijilu" />
-        {{ $t('数据更新记录') }}
-      </bk-button>
-    </header> -->
-    <bk-table
-      class="user-info-table"
-      :data="state.list"
-      :border="['outer']"
-      :max-height="tableMaxHeight"
-      show-overflow-tooltip
-      @column-filter="handleFilter"
-    >
-      <template #empty>
-        <Empty
-          :is-data-empty="state.isDataEmpty"
-          :is-data-error="state.isDataError"
-          @handleUpdate="fetchDataSourceList"
-        />
-      </template>
-      <bk-table-column prop="name" :label="$t('源租户')">
-        <template #default="{ row }">
-          <span>
-            {{ row.name }}
-          </span>
-        </template>
-      </bk-table-column>
-      <bk-table-column prop="status" :label="$t('状态')" :filter="{ list: statusFilters }">
-        <template #default="{ row }">
-          <div>
-            <img :src="dataSourceStatus[row.status]?.icon" class="account-status-icon" />
-            <span>{{ dataSourceStatus[row.status]?.text }}</span>
-          </div>
-        </template>
-      </bk-table-column>
-      <bk-table-column prop="updated_at" :label="$t('更新时间')"></bk-table-column>
-      <bk-table-column prop="enable" :label="$t('启/停')" :filter="{ list: enableFilters }">
-        <template #default="{ row }">
-          <bk-switcher
-            theme="primary"
-            size="small"
-            v-model="row.enable"
-            :disabled="row.status === 'confirmed'"
-          />
-        </template>
-      </bk-table-column>
-      <bk-table-column :label="$t('操作')">
-        <template #default="{ row }">
-          <bk-button
-            v-if="row.status === 'confirmed'"
-            text
-            theme="primary"
-            @click="handleDetails(row, 'edit')"
-          >
-            {{ $t('去确认') }}
-          </bk-button>
-          <bk-button
-            v-else
-            text
-            theme="primary"
-            @click="handleDetails(row, 'view')"
-          >
-            {{ $t('查看详情') }}
-          </bk-button>
-        </template>
-      </bk-table-column>
-    </bk-table>
-    <!-- 侧边栏 -->
-    <bk-sideslider
-      :width="960"
-      quick-close
-      v-model:isShow="detailsConfig.isShow"
-      :title="detailsConfig.title"
-    >
-      <OperationDetails :details-config="detailsConfig" />
-    </bk-sideslider>
-    <!-- 数据更新记录 -->
-    <bk-dialog
-      width="960"
-      class="update-record-dialog"
-      dialog-type="show"
-      :title="$t('数据更新记录')"
-      :is-show="dialogConfig.isShow"
-      @closed="dialogConfig.isShow = false">
-      <bk-table
-        class="update-record-table"
-        :data="dialogConfig.list"
-        :border="['outer']"
-        show-overflow-tooltip
-      >
-        <template #empty>
-          <Empty
-            :is-data-empty="dialogConfig.isDataEmpty"
-            :is-data-error="dialogConfig.isDataError"
-            @handleUpdate="fetchDataSourceList"
-          />
-        </template>
-        <bk-table-column type="expand" width="60"></bk-table-column>
-        <template #expandRow="row">
-          <div class="expand-wrapper">
-            <div class="expand-item">
-              <span class="w-[60px] text-[#EA3636]">{{ $t('删除') }}:</span>
-              <div class="expand-item-content">
-                <div class="content-users">
-                  <i class="bk-sq-icon icon-personal-user" />
-                  <div class="flex">
-                    <span v-for="(item, index) in row.delete.users" :key="index">
-                      {{ item }}
-                    </span>
-                  </div>
-                </div>
-                <div class="content-departments">
-                  <i class="bk-sq-icon icon-file-close" />
-                  <div class="flex">
-                    <span v-for="(item, index) in row.delete.departments" :key="index">
-                      {{ item }}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="expand-item">
-              <p class="w-[60px] text-[#FF9C01]">{{ $t('变更') }}:</p>
-              <div class="expand-item-content">
-                <div class="content-users">
-                  <i class="bk-sq-icon icon-personal-user" />
-                  <div class="flex">
-                    <span v-for="(item, index) in row.change.users" :key="index">
-                      {{ item }}
-                    </span>
-                  </div>
-                </div>
-                <div class="content-departments">
-                  <i class="bk-sq-icon icon-file-close" />
-                  <div class="flex">
-                    <span v-for="(item, index) in row.change.departments" :key="index">
-                      {{ item }}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="expand-item">
-              <span class="w-[60px] text-[#2DCB56]">{{ $t('新增') }}:</span>
-              <div class="expand-item-content">
-                <div class="content-users">
-                  <i class="bk-sq-icon icon-personal-user" />
-                  <div class="flex">
-                    <span v-for="(item, index) in row.add.users" :key="index">
-                      {{ item }}
-                    </span>
-                  </div>
-                </div>
-                <div class="content-departments">
-                  <i class="bk-sq-icon icon-file-close" />
-                  <div class="flex">
-                    <span v-for="(item, index) in row.add.departments" :key="index">
-                      {{ item }}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </template>
-        <bk-table-column prop="updated_at" :label="$t('时间')" width="160">
-          <template #default="{ row }">
-            <span>{{ row.updated_at }}</span>
-          </template>
-        </bk-table-column>
-        <bk-table-column prop="source_tenant" :label="$t('源租户')"></bk-table-column>
-        <bk-table-column :label="$t('更新内容')" width="480">
-          <template #default="{ row }">
-            <bk-tag theme="danger">
-              {{ $t('删除') }}：
-              <i class="bk-sq-icon icon-personal-user" />
-              <span>{{ row.delete?.users?.length }}</span>
-              <i class="bk-sq-icon icon-file-close" />
-              <span>{{ row.delete?.departments?.length }}</span>
-            </bk-tag>
-            <bk-tag theme="warning">
-              {{ $t('变更') }}：
-              <i class="bk-sq-icon icon-personal-user" />
-              <span>{{ row.change?.users?.length }}</span>
-              <i class="bk-sq-icon icon-file-close" />
-              <span>{{ row.change?.departments?.length }}</span>
-            </bk-tag>
-            <bk-tag theme="success">
-              {{ $t('新增') }}：
-              <i class="bk-sq-icon icon-personal-user" />
-              <span>{{ row.add?.users?.length }}</span>
-              <i class="bk-sq-icon icon-file-close" />
-              <span>{{ row.add?.departments?.length }}</span>
-            </bk-tag>
-          </template>
-        </bk-table-column>
-      </bk-table>
-    </bk-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, reactive } from 'vue';
-
-import OperationDetails from './collaborative-data/OperationDetails.vue';
-
-import Empty from '@/components/Empty.vue';
-import { useTableMaxHeight } from '@/hooks';
-import { t } from '@/language/index';
-import { useMainViewStore } from '@/store';
-import { dataSourceStatus } from '@/utils';
-
-const store = useMainViewStore();
-store.customBreadcrumbs = false;
-
-const tableMaxHeight = useTableMaxHeight(238);
-const state = reactive({
-  isLoading: false,
-  list: [],
-  // 表格请求出错
-  isDataError: false,
-  // 表格请求结果为空
-  isDataEmpty: false,
-});
-
-const statusFilters = [
-  { text: t('正常'), value: 'enabled' },
-  { text: t('未启用'), value: 'disabled' },
-  { text: t('待确认'), value: 'confirmed' },
-];
-
-const enableFilters = [
-  { text: t('启用'), value: true },
-  { text: t('停用'), value: false },
-];
-
-const detailsConfig = reactive({
-  isShow: false,
-  title: '',
-  data: {},
-  type: '',
-});
-
-onMounted(() => {
-  fetchDataSourceList();
-});
-
-const fetchDataSourceList = async () => {
-  try {
-    state.isLoading = true;
-    state.isDataEmpty = false;
-    state.isDataError = false;
-    setTimeout(() => {
-      state.list = [
-        {
-          id: '1',
-          name: 'test1',
-          status: 'confirmed',
-          updated_at: '2020-01-01',
-          enable: false,
-        },
-        {
-          id: '2',
-          name: 'test2',
-          status: 'disabled',
-          updated_at: '2020-01-01',
-          enable: false,
-        },
-        {
-          id: '3',
-          name: 'test3',
-          status: 'enabled',
-          updated_at: '2020-01-01',
-          enable: true,
-        },
-      ];
-    }, 1000);
-  } catch (error) {
-    state.isDataError = true;
-  } finally {
-    state.isLoading = false;
-  }
-};
-
-const handleFilter = ({ checked }) => {
-  if (checked.length === 0) return state.isDataEmpty = false;
-  state.isDataEmpty = !state.list.some(item => checked.includes(item.status));
-};
-
-const dialogConfig = reactive({
-  isShow: false,
-  list: [],
-  isDataEmpty: false,
-  isDataError: false,
-});
-
-// 一期不做
-// const handleUpdateRecord = async () => {
-//   try {
-//     dialogConfig.isShow = true;
-//     dialogConfig.isDataEmpty = false;
-//     dialogConfig.isDataError = false;
-//     setTimeout(() => {
-//       dialogConfig.list = [
-//         {
-//           id: '1',
-//           updated_at: '2022-07-08  15:59:59',
-//           source_tenant: '腾讯科技有限公司',
-//           delete: {
-//             users: ['Adele Cummings', 'Bruce Leonard', 'Chris Paul', 'Adele Cummings', 'Bruce Leonard'],
-//             departments: ['移动外部LDAP-1', '移动外部LDAP-2'],
-//           },
-//           change: {
-//             users: ['Adele Cummings', 'Bruce Leonard', 'Chris Paul', 'Adele Cummings', 'Bruce Leonard'],
-//             departments: ['移动外部LDAP-1', '移动外部LDAP-2'],
-//           },
-//           add: {
-//             users: ['Adele Cummings', 'Bruce Leonard', 'Chris Paul', 'Adele Cummings', 'Bruce Leonard'],
-//             departments: ['移动外部LDAP-1', '移动外部LDAP-2'],
-//           },
-//         },
-//         {
-//           id: '2',
-//           updated_at: '2020-01-01',
-//           source_tenant: '腾讯科技有限公司2',
-//           delete: {
-//             users: ['Adele Cummings', 'Bruce Leonard', 'Chris Paul'],
-//             departments: ['移动外部LDAP-1', '移动外部LDAP-2'],
-//           },
-//           change: {
-//             users: ['Adele Cummings', 'Bruce Leonard', 'Chris Paul'],
-//             departments: ['移动外部LDAP-1', '移动外部LDAP-2'],
-//           },
-//           add: {
-//             users: ['Adele Cummings', 'Bruce Leonard', 'Chris Paul'],
-//             departments: ['移动外部LDAP-1', '移动外部LDAP-2'],
-//           },
-//         },
-//         {
-//           id: '3',
-//           updated_at: '2020-01-01',
-//           source_tenant: '腾讯科技有限公司3',
-//           delete: {
-//             users: ['Adele Cummings', 'Bruce Leonard', 'Chris Paul'],
-//             departments: ['移动外部LDAP-1', '移动外部LDAP-2'],
-//           },
-//           change: {
-//             users: ['Adele Cummings', 'Bruce Leonard', 'Chris Paul'],
-//             departments: ['移动外部LDAP-1', '移动外部LDAP-2'],
-//           },
-//           add: {
-//             users: ['Adele Cummings', 'Bruce Leonard', 'Chris Paul'],
-//             departments: ['移动外部LDAP-1', '移动外部LDAP-2'],
-//           },
-//         },
-//       ];
-//     }, 1000);
-//   } catch (error) {
-//     dialogConfig.isDataError = true;
-//   }
-// };
-
-const handleDetails = (item, type) => {
-  detailsConfig.isShow = true;
-  detailsConfig.type = type;
-  detailsConfig.title = type === 'view' ? t('协同数据详情') : t('确认协同数据');
-  detailsConfig.data = item;
-};
-</script>
-
-<style lang="less">
-.main-breadcrumbs {
-  box-shadow: none !important;
-}
-</style>
-
-<style lang="less" scoped>
-.user-info-wrapper {
-  width: 100%;
-  height: calc(100vh - 140px);
-  padding: 24px;
-
-  header {
-    float: right;
-    margin-bottom: 16px;
-
-    .bk-button {
-      margin-left: 20px;
-      font-size: 14px;
-
-      .icon-lishijilu {
-        margin-right: 8px;
-      }
-    }
-  }
-
-  :deep(.user-info-table) {
-    .bk-table-head {
-      table thead th {
-        text-align: center;
-      }
-
-      .table-head-settings {
-        border-right: none;
-      }
-    }
-
-    .bk-table-footer {
-      padding: 0 15px;
-      background: #fff;
-    }
-
-    .type-icon {
-      margin-right: 8px;
-      font-size: 14px;
-      color: #979BA5;
-    }
-
-    .account-status-icon {
-      display: inline-block;
-      width: 16px;
-      height: 16px;
-      margin-right: 5px;
-      vertical-align: middle;
-    }
-
-    .data-source-type {
-      display: flex;
-      align-items: center;
-
-      img {
-        width: 14px;
-        height: 14px;
-      }
-
-      span {
-        margin-left: 8px;
-      }
-    }
-  }
-}
-
-.dropdown-menu-ul {
-  width: 380px;
-
-  .dropdown-title {
-    padding: 12px 16px;
-    color: #63656e;
-  }
-
-  .bk-dropdown-item {
-    display: flex;
-    height: 100%;
-    padding: 10px 16px;
-    line-height: 32px;
-    align-items: center;
-
-    img {
-      width: 24px;
-      height: 24px;
-    }
-
-    .user-icon {
-      font-size: 24px;
-      color: #979ba5;
-    }
-
-    .dropdown-item {
-      margin-left: 15px;
-
-      span {
-        display: block;
-      }
-
-      .dropdown-item-title {
-        font-size: 14px;
-        font-weight: 700;
-      }
-
-      .dropdown-item-subtitle {
-        width: 300px;
-        line-height: 20px;
-        color: #979ba5;
-        white-space: break-spaces;
-      }
-    }
-  }
-}
-
-.update-record-dialog {
-  .bk-tag {
-    i {
-      font-size: 14px;
-      color: #C4C6CC;
-    }
-
-    .icon-file-close {
-      margin-left: 12px;
-    }
-
-    span {
-      color: #63656E;
-    }
-  }
-
-  .update-record-table {
-    .expand-wrapper {
-      max-height: 300px;
-      overflow-y: auto;
-
-      &::-webkit-scrollbar {
-        width: 4px;
-        background-color: transparent;
-      }
-
-      &::-webkit-scrollbar-thumb {
-        background-color: #dcdee5;
-        border-radius: 4px;
-      }
-    }
-
-    .row_expend {
-      .expand-item:first-child {
-        border-top: none;
-      }
-    }
-
-    .row_expend:last-child {
-      .expand-item:first-child {
-        border-top: 1px solid #DCDEE5;
-      }
-    }
-
-    .expand-item {
-      display: flex;
-      padding: 16px 24px;
-      background: #F5F7FA;
-      border-top: 1px solid #DCDEE5;
-
-      .expand-item-content {
-        i {
-          margin: 0 16px 0 8px;
-          font-size: 16px;
-          color: #C4C6CC;
-        }
-
-        span {
-          padding: 0 24px 8px 0;
-        }
-
-        .content-users, .content-departments {
-          display: flex;
-          align-items: baseline;
-        }
-
-        .flex {
-          display: flex;
-          flex-wrap: wrap;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/pages/src/views/data-source/collaborative-data/OperationDetails.vue b/src/pages/src/views/data-source/collaborative-data/OperationDetails.vue
deleted file mode 100644
index 7586a607d..000000000
--- a/src/pages/src/views/data-source/collaborative-data/OperationDetails.vue
+++ /dev/null
@@ -1,344 +0,0 @@
-<template>
-  <div class="operation-wrapper user-scroll-y">
-    <div class="operation-content">
-      <div class="operation-card">
-        <p class="operation-content-title">{{ $t('源租户信息') }}</p>
-        <ul class="operation-content-info flex">
-          <li>
-            <span class="key">{{ $t('租户名称') }}：</span>
-            <span class="value">{{ detailsConfig.data.name }}</span>
-          </li>
-          <li>
-            <span class="key">{{ $t('租户ID') }}：</span>
-            <span class="value">{{ detailsConfig.data.id }}</span>
-          </li>
-        </ul>
-      </div>
-      <div class="operation-card">
-        <div class="operation-content-header">
-          <p class="operation-content-title">{{ $t('字段映射') }}</p>
-          <bk-button
-            v-if="detailsConfig.type === 'edit' && !isEdit"
-            class="min-w-[48px] mr-[24px]"
-            theme="primary"
-            outline
-            @click="isEdit = true"
-          >
-            {{ $t('编辑') }}
-          </bk-button>
-        </div>
-        <bk-form
-          v-if="isEdit"
-          form-type="vertical"
-          ref="formRef2"
-          :model="fieldSettingData"
-          :rules="rulesFieldSetting">
-          <FieldMapping
-            :field-setting-data="fieldSettingData"
-            :api-fields="apiFields"
-            :rules="rulesFieldSetting"
-            @changeApiFields="changeApiFields"
-            @handleAddField="handleAddField"
-            @handleDeleteField="handleDeleteField"
-            @changeCustomField="changeCustomField" />
-          <div class="ml-[64px]">
-            <bk-button
-              class="min-w-[64px] mr-[8px]"
-              theme="primary">
-              {{ $t('保存') }}
-            </bk-button>
-            <bk-button
-              class="min-w-[64px]"
-              @click="isEdit = false">
-              {{ $t('取消') }}
-            </bk-button>
-          </div>
-        </bk-form>
-        <div v-else class="field-mapping-content">
-          <ul
-            v-for="(item, index) in fieldSettingData.field_mapping.builtin_fields"
-            :key="index">
-            <li>{{ item.display_name }}</li>
-            <li>{{ getCustomCondition(item.mapping_operation) }}</li>
-            <li>{{ item.source_field }}</li>
-          </ul>
-          <ul
-            v-for="(item, index) in fieldSettingData.addFieldList"
-            :key="index">
-            <li>{{ getDisplayName(item.target_field) }}</li>
-            <li>{{ getCustomCondition(item.mapping_operation) }}</li>
-            <li>{{ item.source_field }}</li>
-          </ul>
-        </div>
-      </div>
-    </div>
-    <div class="footer fixed" v-if="isEdit">
-      <bk-button theme="primary" @click="handleSave">
-        {{ $t('确认') }}
-      </bk-button>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, reactive, ref } from 'vue';
-
-import FieldMapping from '@/components/field-mapping/FieldMapping.vue';
-import { useValidate } from '@/hooks';
-import {
-  getDataSourceDetails,
-  getFields,
-} from '@/http';
-
-const validate = useValidate();
-
-defineProps({
-  detailsConfig: {
-    type: Object,
-    default: () => ({}),
-  },
-});
-
-const isEdit = ref(false);
-
-const rulesFieldSetting = {
-  target_field: [validate.required],
-  source_field: [validate.required],
-};
-
-const apiFields = ref([]);
-const fieldMappingList = ref([]);
-const fieldSettingData = reactive({
-  field_mapping: {
-    // 内置字段
-    builtin_fields: [],
-    // 自定义字段
-    custom_fields: [],
-  },
-  addFieldList: [],
-});
-
-onMounted(async () => {
-  const res = await getDataSourceDetails(6);
-  fieldMappingList.value = res.data?.field_mapping;
-  const fieldsRes = await getFields();
-
-  const list = [];
-  const customList = [];
-  const mapFields = (fields, item, isDisabled, fieldMappingType) => {
-    if (fields.name !== item.target_field) return;
-
-    list.push(item.source_field);
-    customList.push(fields.name);
-    Object.assign(fields, {
-      mapping_operation: item.mapping_operation,
-      source_field: item.source_field,
-      disabled: isDisabled,
-    });
-    apiFields.value.push({ key: item.source_field, disabled: isDisabled });
-
-    if (fieldMappingType === 'builtin_fields' && fields.required) {
-      fieldSettingData.field_mapping.builtin_fields.push(fields);
-    } else {
-      fieldSettingData.addFieldList.push(item);
-      fieldSettingData.field_mapping.custom_fields.push(fields);
-    }
-  };
-
-  fieldMappingList.value.forEach((item) => {
-    fieldsRes.data?.builtin_fields?.forEach(fields => mapFields(fields, item, true, 'builtin_fields'));
-    fieldsRes.data?.custom_fields?.forEach(fields => mapFields(fields, item, true, 'custom_fields'));
-  });
-
-
-  fieldsRes.data?.custom_fields?.concat(fieldsRes.data?.builtin_fields || []).forEach((fields) => {
-    if (!customList.includes(fields.name)) {
-      fieldSettingData.field_mapping.custom_fields.push(fields);
-    }
-  });
-});
-
-const getDisplayName = (item) => {
-  const name = ref('');
-  fieldSettingData.field_mapping.custom_fields.forEach((field) => {
-    if (field.name === item) {
-      name.value = field?.display_name;
-    }
-  });
-  return name.value;
-};
-
-const getCustomCondition = (mappingOperation) => {
-  switch (mappingOperation) {
-    case 'direct':
-      return '=';
-    default:
-      return '自定义';
-  }
-};
-
-const changeApiFields = (newValue, oldValue) => {
-  apiFields.value.forEach((item) => {
-    if (item.key === newValue) {
-      item.disabled = true;
-    } else if (item.key === oldValue) {
-      item.disabled = false;
-    }
-  });
-  handleChange();
-};
-
-// 新增自定义字段
-const handleAddField = () => {
-  fieldSettingData.addFieldList.push({ target_field: '', mapping_operation: 'direct', source_field: '' });
-  handleChange();
-};
-
-// 删除自定义字段
-const handleDeleteField = (item, index) => {
-  fieldSettingData.addFieldList.splice(index, 1);
-
-  const enableField = (fields, fieldKey, fieldName) => {
-    const field = fields.find(element => element[fieldKey] === fieldName);
-    if (field) field.disabled = false;
-  };
-
-  enableField(fieldSettingData.field_mapping.custom_fields, 'name', item.target_field);
-  enableField(apiFields.value, 'key', item.source_field);
-  handleChange();
-};
-
-// 更改自定义字段
-const changeCustomField = (newValue, oldValue) => {
-  fieldSettingData.field_mapping.custom_fields.forEach((element) => {
-    if (element.name === newValue) {
-      element.disabled = true;
-    } else if (element.name === oldValue) {
-      element.disabled = false;
-    }
-  });
-  handleChange();
-};
-
-const handleChange = () => {
-  window.changeInput = true;
-};
-</script>
-
-<style lang="less" scoped>
-.operation-wrapper {
-  position: relative;
-  height: calc(100vh - 52px);
-  background: #f5f7fa;
-
-  .operation-content {
-    padding: 0 24px 48px;
-
-    .operation-card {
-      padding-bottom: 24px;
-      margin: 16px 0;
-      list-style: none;
-      background: #fff;
-      border-radius: 2px;
-      box-shadow: 0 2px 4px 0 #1919290d;
-
-      .operation-content-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-      }
-
-      .operation-content-title {
-        padding: 16px 24px;
-        font-size: 14px;
-        font-weight: 700;
-        color: #63656e;
-      }
-
-      .operation-content-info {
-        padding-left: 64px;
-      }
-
-      .flex {
-        display: flex;
-        align-items: center;
-
-        li {
-          width: 50%;
-          margin-right: 24px;
-        }
-      }
-
-      .key {
-        font-size: 14px;
-        color: #63656e;
-      }
-
-      .value {
-        font-size: 14px;
-        color: #313238;
-      }
-
-      .field-mapping-content {
-        margin-left: 70px;
-
-        ul {
-          display: flex;
-          width: 528px;
-          height: 32px;
-          margin-bottom: 8px;
-          line-height: 32px;
-          color: #63656e;
-          background: #F5F7FA;
-          border: 1px solid #EAEBF0;
-
-          li:nth-child(1) {
-            width: 247px;
-            padding-left: 12px;
-          }
-
-          li:nth-child(2) {
-            width: 32px;
-            font-family: MicrosoftYaHei-Bold;
-            font-size: 12px;
-            font-weight: 700;
-            letter-spacing: 0;
-            color: #FF9C01;
-            text-align: center;
-            background: #FAFBFD;
-            border-right: 1px solid #EAEBF0;
-            border-left: 1px solid #EAEBF0;
-          }
-
-          li:nth-child(3) {
-            width: 249px;
-            padding-left: 18px;
-          }
-        }
-      }
-    }
-  }
-
-  .footer {
-    position: absolute;
-    padding: 0 24px;
-
-    .bk-button {
-      min-width: 88px;
-      margin-right: 8px;
-    }
-  }
-
-  .fixed {
-    position: fixed;
-    bottom: 0;
-    z-index: 9;
-    width: 100%;
-    height: 48px;
-    margin-bottom: 0;
-    line-height: 48px;
-    background: #FAFBFD;
-    box-shadow: 0 -1px 0 0 #DCDEE5;
-  }
-}
-</style>
diff --git a/src/pages/src/views/data-source/index.vue b/src/pages/src/views/data-source/index.vue
deleted file mode 100644
index a3c39ad38..000000000
--- a/src/pages/src/views/data-source/index.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <MainView>
-    <template #menu>
-      <bk-menu
-        :active-key="activeKey"
-        :collapse="menuStore.collapsed"
-        @click="handleChangeMenu"
-        @mouseenter="menuStore.mouseenter"
-        @mouseleave="menuStore.mouseleave">
-        <div class="main-menu__list user-scroll-y">
-          <bk-menu-item
-            v-for="item in menuData"
-            :key="item.key">
-            <template #icon>
-              <i class="user-icon icon-qingximoban" />
-            </template>
-            {{ item.name }}
-          </bk-menu-item>
-        </div>
-        <div
-          class="main-menu__toggle"
-          @click="menuStore.toggle">
-          <i
-            class="user-icon icon-arrow-left main-menu__icon"
-            :class="[{
-              'main-menu__icon--active': menuStore.toggleCollapsed
-            }]" />
-        </div>
-      </bk-menu>
-    </template>
-  </MainView>
-</template>
-
-<script setup lang="ts">
-import { reactive } from 'vue';
-
-import MainView from '@/components/layouts/MainView.vue';
-import { useMenuInfo } from '@/hooks';
-import { t } from '@/language/index';
-import { useMenu } from '@/store';
-
-const menuStore = useMenu();
-const { activeKey, handleChangeMenu } = useMenuInfo();
-
-const menuData = reactive([
-  {
-    name: t('数据源配置'),
-    key: 'local',
-  },
-  // {
-  //   name: '跨租户协同',
-  //   key: 'crossCompany',
-  // },
-]);
-</script>
-
-<style lang="less" scoped>
-@import url("@/css/menuStyle.less");
-@import url("@/css/tabStyle.less");
-</style>
diff --git a/src/pages/src/views/data-source/local-details/ConfigInfo.vue b/src/pages/src/views/data-source/local-details/ConfigInfo.vue
deleted file mode 100644
index 1a20f09b0..000000000
--- a/src/pages/src/views/data-source/local-details/ConfigInfo.vue
+++ /dev/null
@@ -1,250 +0,0 @@
-<template>
-  <bk-loading :loading="isLoading" class="details-info-wrapper user-scroll-y">
-    <ul class="details-info-content" v-if="isPluginConfig">
-      <li class="content-item">
-        <div class="item-header">
-          <p class="item-title">{{ $t('服务配置') }}</p>
-          <bk-button outline theme="primary" @click="handleClickEdit">
-            {{ $t('编辑') }}
-          </bk-button>
-        </div>
-        <ul class="item-content" style="display: flex">
-          <div class="w-[50%]">
-            <li>
-              <span class="key">{{ $t('服务地址') }}：</span>
-              <span class="value">{{ serverConfig.server_base_url }}</span>
-            </li>
-            <li>
-              <span class="key">{{ $t('用户数据 API 路径') }}：</span>
-              <span class="value">{{ serverConfig.user_api_path }}</span>
-            </li>
-            <div class="query-params" v-if="serverConfig.user_api_query_params?.length">
-              <span class="key">{{ $t('查询参数') }}：</span>
-              <div class="value">
-                <bk-tag v-for="(item, index) in serverConfig.user_api_query_params" :key="index">
-                  {{item.key}}：{{item.value}}
-                </bk-tag>
-              </div>
-            </div>
-            <li>
-              <span class="key">{{ $t('部门数据 API 路径') }}：</span>
-              <span class="value">{{ serverConfig.department_api_path }}</span>
-            </li>
-            <div class="query-params" v-if="serverConfig.department_api_query_params?.length">
-              <span class="key">{{ $t('查询参数') }}：</span>
-              <div class="value">
-                <bk-tag v-for="(item, index) in serverConfig.department_api_query_params" :key="index">
-                  {{item.key}}：{{item.value}}
-                </bk-tag>
-              </div>
-            </div>
-          </div>
-          <div class="w-[50%]">
-            <li>
-              <span class="key">{{ $t('分页请求每页数量') }}：</span>
-              <span class="value">{{ serverConfig.page_size }}</span>
-            </li>
-            <li>
-              <span class="key">{{ $t('请求超时时间') }}：</span>
-              <span class="value">{{ serverConfig.request_timeout }}{{ $t('秒') }}</span>
-            </li>
-            <li>
-              <span class="key">{{ $t('重试次数') }}：</span>
-              <span class="value">{{ serverConfig.retries }}{{ $t('次') }}</span>
-            </li>
-          </div>
-        </ul>
-      </li>
-      <li class="content-item">
-        <div class="item-header">
-          <p class="item-title">{{ $t('认证配置') }}</p>
-        </div>
-        <ul class="item-content">
-          <li>
-            <span class="key">{{ $t('认证方式') }}：</span>
-            <span class="value">{{ authConfig.method }}</span>
-          </li>
-          <li v-if="authConfig.method === 'bearer_token'">
-            <span class="key">Token：</span>
-            <span class="value">************</span>
-          </li>
-          <template v-else>
-            <li>
-              <span class="key">{{ $t('用户名') }}：</span>
-              <span class="value">{{ authConfig.username }}</span>
-            </li>
-            <li>
-              <span class="key">{{ $t('密码') }}：</span>
-              <span class="value">******</span>
-            </li>
-          </template>
-        </ul>
-      </li>
-      <li class="content-item">
-        <div class="item-header">
-          <p class="item-title">{{ $t('字段设置') }}</p>
-        </div>
-        <ul class="item-content">
-          <li>
-            <span class="key">{{ $t('字段映射') }}：</span>
-            <div class="value">
-              <div v-for="(item, index) in fieldMapping" :key="index">
-                <span>{{ item.target_field }}</span>
-                <span>=</span>
-                <span>{{ item.source_field }}</span>
-              </div>
-            </div>
-          </li>
-        </ul>
-      </li>
-      <li class="content-item">
-        <div class="item-header">
-          <p class="item-title">{{ $t('同步配置') }}</p>
-        </div>
-        <ul class="item-content">
-          <li>
-            <span class="key">{{ $t('同步周期') }}：</span>
-            <span class="value" v-for="(item, index) in SYNC_CONFIG_LIST" :key="index">
-              <span v-if="item.value === syncConfig.sync_period">{{ item.label }}</span>
-            </span>
-          </li>
-        </ul>
-      </li>
-    </ul>
-    <div class="details-info-box" v-else>
-      <bk-button theme="primary" @click="handleClickEdit">
-        {{ $t('编辑') }}
-      </bk-button>
-    </div>
-  </bk-loading>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { getDataSourceDetails, getFields } from '@/http';
-import router from '@/router';
-import { SYNC_CONFIG_LIST } from '@/utils';
-
-const route = useRoute();
-const isLoading = ref(false);
-const plugin = ref({});
-// 服务配置
-const serverConfig = ref({});
-// 鉴权配置
-const authConfig = ref({});
-// 字段映射
-const fieldMapping = ref([]);
-// 同步配置
-const syncConfig = ref({});
-
-const isPluginConfig = ref(true);
-
-const currentId = computed(() => route.params.id);
-
-onMounted(async () => {
-  try {
-    isLoading.value = true;
-    const res = await getDataSourceDetails(currentId.value);
-    const fieldList = await getFields();
-
-    res.data?.field_mapping?.forEach((item) => {
-      [...fieldList?.data?.builtin_fields, ...fieldList?.data?.custom_fields]?.forEach((demo) => {
-        if (item.target_field === demo.name) {
-          fieldMapping.value.push({
-            target_field: demo.display_name,
-            mapping_operation: item.mapping_operation,
-            source_field: item.source_field,
-          });
-        }
-      });
-    });
-
-    if (JSON.stringify(res.data?.plugin_config) === '{}') {
-      isPluginConfig.value = false;
-    } else {
-      serverConfig.value = res.data?.plugin_config?.server_config;
-      authConfig.value = res.data?.plugin_config?.auth_config;
-      isPluginConfig.value = true;
-    }
-    syncConfig.value = res.data?.sync_config;
-    plugin.value = res.data?.plugin;
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    isLoading.value = false;
-  }
-});
-
-const handleClickEdit = () => {
-  router.push({
-    name: 'newLocal',
-    params: {
-      type: plugin.value?.id,
-      id: currentId.value,
-    },
-  });
-};
-</script>
-
-<style lang="less" scoped>
-@import url("@/css/tenantViewStyle.less");
-
-.query-params {
-  position: relative;
-  display: flex;
-  max-width: 650px;
-  min-width: 325px;
-  padding: 10px 0;
-  margin-left: 90px;
-  background: #FAFBFD;
-  border: 1px solid #EAEBF0;
-  border-radius: 2px;
-
-  &::after {
-    position: absolute;
-    top: -14px;
-    left: 27px;
-    z-index: 1;
-    width: 0;
-    height: 0;
-    border: 7px solid transparent;
-    border-bottom-color: #EAEBF0;
-    content: '';
-  }
-
-  &::before{
-    position: absolute;
-    top: -13px;
-    left: 27px;
-    z-index: 2;
-    width: 0;
-    height: 0;
-    border: 7px solid transparent;
-    border-bottom: 7px solid #FAFBFD;
-    content: '';
-  }
-
-  .key {
-    min-width: 90px;
-    font-size: 14px;
-    line-height: 26px;
-    text-align: right;
-  }
-}
-
-.details-info-box {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  min-height: 500px;
-  background: #fff;
-  justify-content: center;
-  align-items: center;
-
-  .bk-button {
-    width: 88px;
-  }
-}
-</style>
diff --git a/src/pages/src/views/data-source/local-details/EditUser.vue b/src/pages/src/views/data-source/local-details/EditUser.vue
deleted file mode 100644
index ce2e2aa5e..000000000
--- a/src/pages/src/views/data-source/local-details/EditUser.vue
+++ /dev/null
@@ -1,425 +0,0 @@
-<template>
-  <div class="edit-user-wrapper user-scroll-y">
-    <bk-form
-      ref="formRef"
-      class="add-user-form"
-      form-type="vertical"
-      :model="formData"
-      :rules="rules"
-    >
-      <bk-form-item
-        style="width: 440px;"
-        :label="$t('用户名')"
-        property="username"
-        required
-      >
-        <bk-input
-          v-model="formData.username"
-          :placeholder="validate.userName.message"
-          :disabled="isEdit"
-          @focus="handleChange"
-        />
-      </bk-form-item>
-      <bk-form-item
-        style="width: 440px;"
-        :label="$t('全名')"
-        property="full_name"
-        required
-      >
-        <bk-input
-          v-model="formData.full_name"
-          :placeholder="validate.name.message"
-          @focus="handleChange"
-        />
-      </bk-form-item>
-      <BkUpload
-        theme="picture"
-        with-credentials
-        :multiple="false"
-        :files="files"
-        :handle-res-code="handleRes"
-        :url="formData.logo"
-        :custom-request="customRequest"
-        :size="2"
-        @delete="handleDelete"
-        @error="handleError"
-      />
-      <bk-form-item :label="$t('邮箱')" property="email" required>
-        <bk-input v-model="formData.email" placeholder="请输入" @focus="handleChange" />
-      </bk-form-item>
-      <bk-form-item :label="$t('手机号')" required>
-        <phoneInput
-          :form-data="formData"
-          :tel-error="telError"
-          @changeCountryCode="changeCountryCode"
-          @changeTelError="changeTelError" />
-      </bk-form-item>
-      <div class="form-item-flex">
-        <bk-form-item :label="$t('所属组织')">
-          <bk-select
-            v-model="formData.department_ids"
-            filterable
-            multiple
-            :input-search="false"
-            :remote-method="searchDepartments"
-            :scroll-loading="scrollLoading"
-            @scroll-end="departmentsScrollEnd"
-            @change="handleChange">
-            <bk-option
-              v-for="item in state.departments"
-              :key="Number(item.id)"
-              :value="Number(item.id)"
-              :label="item.name" />
-          </bk-select>
-        </bk-form-item>
-        <bk-form-item :label="$t('直属上级')">
-          <bk-select
-            v-model="formData.leader_ids"
-            filterable
-            multiple
-            :input-search="false"
-            :remote-method="searchLeaders"
-            :scroll-loading="scrollLoading"
-            @scroll-end="leadersScrollEnd"
-            @change="handleChange">
-            <bk-option
-              v-for="item in state.leaders"
-              :key="Number(item.id)"
-              :value="Number(item.id)"
-              :label="item.username" />
-          </bk-select>
-        </bk-form-item>
-      </div>
-      <CustomFields :extras="formData.extras" :rules="rules" />
-      <!-- 一期不做 -->
-      <!-- <div class="form-item-flex">
-        <bk-form-item label="在职状态" required>
-          <bk-radio-group>
-            <bk-radio label="在职" />
-            <bk-radio label="离职" />
-          </bk-radio-group>
-        </bk-form-item>
-        <bk-form-item label="职务">
-          <bk-radio-group>
-            <bk-radio label="员工" />
-            <bk-radio label="组长" />
-          </bk-radio-group>
-        </bk-form-item>
-      </div>
-      <div class="form-item-flex">
-        <bk-form-item
-          label="账号过期时间"
-          property="account_expiration_time"
-          required
-        >
-          <bk-date-picker
-            type="datetime"
-            v-model="formData.account_expiration_time"
-            clearable
-          />
-        </bk-form-item>
-        <bk-form-item
-          label="密码过期时间"
-          property="password_expiration_time"
-          required
-        >
-          <bk-date-picker
-            type="datetime"
-            v-model="formData.password_expiration_time"
-            clearable
-          />
-        </bk-form-item>
-      </div> -->
-    </bk-form>
-    <div class="footer">
-      <bk-button theme="primary" @click="handleSubmit" :loading="state.isLoading">
-        {{ $t('提交') }}
-      </bk-button>
-      <bk-button @click="() => emit('handleCancelEdit')">
-        {{ $t('取消') }}
-      </bk-button>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { Message } from 'bkui-vue';
-import { computed, defineEmits, defineProps, onMounted, reactive, ref, watch } from 'vue';
-
-import CustomFields from '@/components/custom-fields/index.vue';
-import phoneInput from '@/components/phoneInput.vue';
-import { useValidate } from '@/hooks';
-import {
-  getDataSourceDepartments,
-  getDataSourceLeaders,
-  newDataSourceUser,
-  putDataSourceUserDetails,
-} from '@/http';
-import { t } from '@/language/index';
-import { getBase64 } from '@/utils';
-
-const props = defineProps({
-  type: {
-    type: String,
-    default: '',
-  },
-  usersData: {
-    type: Object,
-    default: () => ({}),
-  },
-  currentId: {
-    type: Number,
-  },
-  dataSourceId: {
-    type: Number,
-  },
-});
-const emit = defineEmits(['updateUsers', 'handleCancelEdit']);
-
-const validate = useValidate();
-
-const formRef = ref();
-const formData = reactive({
-  ...props.usersData,
-});
-const state = reactive({
-  departments: [],
-  leaders: [],
-  isLoading: false,
-});
-
-watch(() => props.usersData.departments, (val) => {
-  if (val) {
-    formData.department_ids = props.usersData.departments.map(item => item.id);
-    formData.leader_ids = props.usersData.leaders.map(item => item.id);
-  }
-}, {
-  immediate: true,
-});
-
-const isEdit = computed(() => props.type === 'edit');
-const files = computed(() => {
-  const img = [];
-  if (formData.logo !== '') {
-    img.push({
-      url: formData.logo,
-    });
-    return img;
-  }
-  return [];
-});
-
-const rules = {
-  username: [validate.required, validate.userName],
-  full_name: [validate.required, validate.name],
-  email: [validate.required, validate.email],
-  phone: [validate.required, validate.phone],
-};
-const handleRes = (response: any) => {
-  if (response.id) {
-    return true;
-  }
-  return false;
-};
-
-const customRequest = (event) => {
-  getBase64(event.file).then((res) => {
-    formData.logo = res;
-  })
-    .catch((e) => {
-      console.warn(e);
-    });
-  handleChange();
-};
-
-const handleError = (file) => {
-  if (file.size > (2 * 1024 * 1024)) {
-    Message({ theme: 'error', message: t('图片大小超出限制，请重新上传') });
-  }
-};
-
-const scrollLoading = ref(false);
-const departmentsCount = ref(0);
-const leadersCount = ref(0);
-
-const departmentsParams = reactive({
-  id: props.dataSourceId,
-  name: '',
-  page: 1,
-  pageSize: 10,
-});
-
-const leadersParams = reactive({
-  id: props.dataSourceId,
-  keyword: '',
-  page: 1,
-  pageSize: 10,
-});
-
-onMounted(async () => {
-  const departments = await getDataSourceDepartments(departmentsParams);
-  const leaders = await getDataSourceLeaders(leadersParams);
-  state.departments = departments.data.results;
-  departmentsCount.value = departments.data.count;
-  state.leaders = props.type === 'add'
-    ? leaders.data.results
-    : leaders.data.results.filter(item => item.id !== props.currentId);
-  leadersCount.value = props.type === 'add' ? leaders.data.count : leaders.data.count - 1;
-});
-
-const changeCountryCode = (code: string) => {
-  formData.phone_country_code = code;
-};
-
-const departmentsScrollEnd = () => {
-  if (departmentsCount.value > (departmentsParams.page * 10)) {
-    scrollLoading.value = true;
-    departmentsParams.page += 1;
-    getDataSourceDepartments(departmentsParams).then((res) => {
-      state.departments.push(...res.data.results.filter(item => item));
-      departmentsCount.value = res.data.count;
-      scrollLoading.value = false;
-    })
-      .catch((e) => {
-        console.warn(e);
-        scrollLoading.value = false;
-      });
-  }
-};
-
-const leadersScrollEnd = () => {
-  if (leadersCount.value > (leadersParams.page * 10)) {
-    scrollLoading.value = true;
-    leadersParams.page += 1;
-    getDataSourceLeaders(leadersParams).then((res) => {
-      state.leaders.push(...res.data.results.filter(item => item.id !== props.currentId));
-      leadersCount.value = (props.type !== 'add' && formData.username.indexOf(leadersParams.keyword) !== -1)
-        ? res.data.count - 1
-        : res.data.count;
-      scrollLoading.value = false;
-    })
-      .catch((e) => {
-        console.warn(e);
-        scrollLoading.value = false;
-      });
-  }
-};
-
-const handleDelete = () => {
-  formData.logo = '';
-  handleChange();
-};
-const telError = ref(false);
-
-const changeTelError = (value: boolean) => {
-  telError.value = value;
-};
-
-const handleSubmit = async () => {
-  try {
-    const phoneDom = document.getElementsByClassName('select-text')[0];
-    await Promise.all([formRef.value.validate(), phoneDom?.focus(), phoneDom?.blur()]);
-    if (telError.value) return;
-    state.isLoading = true;
-    const data = { ...formData };
-    // 转换自定义字段
-    const transformed = formData.extras.reduce((obj, field) => {
-      obj[field.name] = field.default;
-      return obj;
-    }, {});
-    data.extras = transformed;
-
-    if (!data.logo) delete data.logo;
-    let text = '';
-    if (props.type === 'edit') {
-      data.id = props.currentId;
-      text = t('用户更新成功');
-      await putDataSourceUserDetails(data);
-    } else {
-      data.id = props.dataSourceId;
-      text = t('用户创建成功');
-      await newDataSourceUser(data);
-    }
-    emit('updateUsers', '', text);
-    state.isLoading = false;
-    window.changeInput = false;
-  } finally {
-    state.isLoading = false;
-  }
-};
-
-const searchDepartments = (value: string) => {
-  departmentsParams.name = value;
-  departmentsParams.page = 1;
-  getDataSourceDepartments(departmentsParams).then((res) => {
-    state.departments = res.data.results;
-    departmentsCount.value = res.data.count;
-  })
-    .catch((e) => {
-      console.warn(e);
-    });
-};
-
-const searchLeaders = (value: string) => {
-  leadersParams.keyword = value;
-  leadersParams.page = 1;
-  getDataSourceLeaders(leadersParams).then((res) => {
-    state.leaders = props.type === 'add'
-      ? res.data.results
-      : res.data.results.filter(item => item.id !== props.currentId);
-    leadersCount.value = (props.type !== 'add' && formData.username.indexOf(value) !== -1)
-      ? res.data.count - 1
-      : res.data.count;
-  })
-    .catch((e) => {
-      console.warn(e);
-    });
-};
-
-const handleChange = () => {
-  window.changeInput = true;
-};
-</script>
-
-<style lang="less" scoped>
-.edit-user-wrapper {
-  position: relative;
-  height: calc(100vh - 100px);
-
-  .add-user-form {
-    position: relative;
-    padding: 28px 40px;
-
-    .bk-upload {
-      position: absolute;
-      top: 54px;
-      right: 32px;
-    }
-
-    .form-item-flex {
-      display: flex;
-      justify-content: space-between;
-
-      .bk-form-item {
-        width: 268px;
-      }
-    }
-  }
-
-  .footer {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    height: 48px;
-    padding: 0 24px;
-    line-height: 48px;
-    background: #FAFBFD;
-    box-shadow: 0 -1px 0 0 #DCDEE5;
-
-    .bk-button {
-      width: 88px;
-      margin-right: 8px;
-    }
-  }
-}
-</style>
diff --git a/src/pages/src/views/data-source/local-details/PswInfo.vue b/src/pages/src/views/data-source/local-details/PswInfo.vue
deleted file mode 100644
index c053f1066..000000000
--- a/src/pages/src/views/data-source/local-details/PswInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <bk-loading :loading="isLoading" class="details-info-wrapper user-scroll-y">
-    <ul class="details-info-content" v-if="openPasswordLogin">
-      <li class="content-item">
-        <div class="item-header">
-          <p class="item-title">{{ $t('密码规则') }}</p>
-          <bk-button outline theme="primary" @click="handleClickEdit">
-            {{ $t('编辑') }}
-          </bk-button>
-        </div>
-        <ul class="item-content flex">
-          <li>
-            <span class="key">{{ $t('密码长度') }}：</span>
-            <span class="value">{{ passwordRule?.min_length }}~32{{ $t('位') }}</span>
-          </li>
-          <li>
-            <span class="key">{{ $t('密码试错次数') }}：</span>
-            <span class="value">{{ passwordRule?.max_retries }}{{ $t('次') }}</span>
-          </li>
-          <li>
-            <bk-overflow-title class="key" type="tips">{{ $t('密码必须包含') }}：</bk-overflow-title>
-            <span class="value">{{ passwordMustIncludesMap(passwordRule) }}</span>
-          </li>
-          <li>
-            <span class="key">{{ $t('锁定时间') }}：</span>
-            <span class="value">{{ passwordRule?.lock_time }}{{ $t('秒') }}</span>
-          </li>
-          <li>
-            <bk-overflow-title class="key" type="tips">{{ $t('密码不允许') }}：</bk-overflow-title>
-            <span class="value" v-if="passwordRule?.not_continuous_count === 0">--</span>
-            <span class="value" v-else>
-              {{ $t('连续x位出现', { count: passwordRule?.not_continuous_count }) }}
-              {{ passwordNotAllowedMap(passwordRule) }}
-            </span>
-          </li>
-          <li>
-            <span class="key">{{ $t('密码有效期') }}：</span>
-            <span class="value">{{ validTimeMap(passwordRule?.valid_time) }}</span>
-          </li>
-        </ul>
-      </li>
-      <li class="content-item">
-        <div class="item-header">
-          <p class="item-title">{{ $t('密码设置') }}</p>
-        </div>
-        <ul :class="['item-content', { 'en': $i18n.locale === 'en' }]">
-          <li>
-            <bk-overflow-title class="key" type="tips">{{ $t('初始密码获取方式') }}：</bk-overflow-title>
-            <span class="value">{{ passwordMethod }}</span>
-          </li>
-          <li>
-            <bk-overflow-title class="key" type="tips">{{ $t('初始密码通知方式') }}：</bk-overflow-title>
-            <span class="value">{{ notificationMap(passwordInitial?.notification?.enabled_methods) }}</span>
-          </li>
-          <li>
-            <bk-overflow-title class="key" type="tips">{{ $t('密码到期提醒时间')}}：</bk-overflow-title>
-            <span class="value">{{ noticeTimeMap(passwordExpire?.remind_before_expire) }}</span>
-          </li>
-          <li>
-            <bk-overflow-title class="key" type="tips">{{ $t('密码到期通知方式') }}：</bk-overflow-title>
-            <span class="value">{{ notificationMap(passwordExpire?.notification?.enabled_methods) }}</span>
-          </li>
-        </ul>
-      </li>
-    </ul>
-    <div class="details-info-box" v-else>
-      <bk-exception
-        type="empty"
-        :description="$t('暂未开通账密登录')">
-        <bk-button theme="primary" @click="handleClickEdit">
-          {{ $t('去开通') }}
-        </bk-button>
-      </bk-exception>
-    </div>
-  </bk-loading>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { getDataSourceDetails } from '@/http';
-import { t } from '@/language/index';
-import router from '@/router';
-import { noticeTimeMap, notificationMap, passwordMustIncludesMap, passwordNotAllowedMap, validTimeMap } from '@/utils';
-
-const route = useRoute();
-const isLoading = ref(false);
-const openPasswordLogin = ref(true);
-const passwordRule = ref({});
-const passwordInitial = ref({});
-const passwordExpire = ref({});
-const plugin = ref({});
-
-const currentId = computed(() => route.params.id);
-const passwordMethod = computed(() => (passwordInitial.value?.generate_method === 'random' ? t('随机') : t('固定')));
-
-onMounted(async () => {
-  try {
-    isLoading.value = true;
-    const res = await getDataSourceDetails(currentId.value);
-    openPasswordLogin.value = res.data?.plugin_config?.enable_password;
-    passwordRule.value = res.data?.plugin_config?.password_rule;
-    passwordInitial.value = res.data?.plugin_config?.password_initial;
-    passwordExpire.value = res.data?.plugin_config?.password_expire;
-    plugin.value = res.data?.plugin;
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    isLoading.value = false;
-  }
-});
-
-const handleClickEdit = () => {
-  router.push({
-    name: 'newLocal',
-    params: {
-      type: plugin.value?.id,
-      id: currentId.value,
-    },
-  });
-};
-</script>
-
-<style lang="less" scoped>
-@import url("@/css/tenantViewStyle.less");
-
-::v-deep .details-info-box {
-  width: 100%;
-  height: 100%;
-  min-height: 500px;
-  background: #fff;
-
-  .bk-exception {
-    .bk-exception-img {
-      width: 720px;
-      height: 360px;
-    }
-
-    .bk-exception-description {
-      margin-top: -30px;
-      font-size: 24px;
-      color: #63656E;
-    }
-
-    .bk-button {
-      width: 88px;
-    }
-  }
-}
-</style>
diff --git a/src/pages/src/views/data-source/local-details/UserInfo.vue b/src/pages/src/views/data-source/local-details/UserInfo.vue
deleted file mode 100644
index 43beacc4e..000000000
--- a/src/pages/src/views/data-source/local-details/UserInfo.vue
+++ /dev/null
@@ -1,790 +0,0 @@
-<template>
-  <div v-bkloading="{ loading: isLoading, zIndex: 9 }" class="user-info-wrapper user-scroll-y">
-    <header>
-      <div>
-        <template v-if="pluginId === 'local'">
-          <bk-button theme="primary" class="mr8" @click="handleClick('add')">
-            <i class="user-icon icon-add-2 mr8" />
-            {{ $t('新建用户') }}
-          </bk-button>
-          <bk-button class="mr8 w-[64px]" @click="importDialog.isShow = true">{{ $t('导入') }}</bk-button>
-          <bk-button class="w-[64px]" @click="handleExport">{{ $t('导出') }}</bk-button>
-        </template>
-      </div>
-      <bk-input
-        class="header-right"
-        v-model="searchVal"
-        :placeholder="$t('搜索用户名')"
-        type="search"
-        clearable
-        @enter="handleEnter"
-        @clear="handleClear" />
-    </header>
-    <bk-table
-      class="user-info-table"
-      :data="users"
-      :border="['outer']"
-      remote-pagination
-      :pagination="pagination"
-      show-overflow-tooltip
-      :settings="tableSettings"
-      @page-limit-change="pageLimitChange"
-      @page-value-change="pageCurrentChange"
-      @setting-change="handleSettingChange"
-    >
-      <template #empty>
-        <Empty
-          :is-data-empty="isDataEmpty"
-          :is-search-empty="isEmptySearch"
-          :is-data-error="isDataError"
-          @handleEmpty="handleClear"
-          @handleUpdate="handleClear"
-        />
-      </template>
-      <template v-for="(item, index) in tableSettings.fields" :key="index">
-        <bk-table-column :prop="item.field" :label="item.name">
-          <template #default="{ row }">
-            <bk-button v-if="item.field === 'username'" text theme="primary" @click="handleClick('view', row)">
-              {{ row.username }}
-            </bk-button>
-            <span
-              v-else-if="item.field === 'departments'"
-              v-bk-tooltips="{
-                content: tipsText,
-                delay: 300,
-                disabled: !tipsText,
-              }"
-              @mouseenter="tipsShowFn(row.id)">
-              {{ formatConvert(row.departments) }}
-            </span>
-            <span v-else>{{ getTableValue(row, item) }}</span>
-          </template>
-        </bk-table-column>
-      </template>
-      <bk-table-column :label="$t('操作')" v-if="pluginId === 'local'">
-        <template #default="{ row }">
-          <bk-button
-            theme="primary"
-            text
-            class="mr8"
-            @click="handleClick('edit', row)"
-          >
-            {{ $t('编辑') }}
-          </bk-button>
-          <bk-button
-            v-if="isPasswordLogin"
-            theme="primary"
-            text
-            class="mr8"
-            @click="handleResetPassword(row)">
-            {{ $t('重置密码') }}
-          </bk-button>
-          <!-- <bk-button theme="primary" text>
-            删除
-          </bk-button> -->
-        </template>
-      </bk-table-column>
-    </bk-table>
-    <!-- 查看/编辑用户 -->
-    <div v-if="showSideBar">
-      <bk-sideslider
-        ext-cls="details-edit-wrapper"
-        :width="640"
-        :is-show="detailsConfig.isShow"
-        :title="detailsConfig.title"
-        :before-close="handleBeforeClose"
-        quick-close
-      >
-        <template #header>
-          <span>{{ detailsConfig.title }}</span>
-          <div v-if="isView && pluginId === 'local'">
-            <bk-button
-              outline
-              theme="primary"
-              @click="handleClick('edit', detailsConfig)">
-              {{ $t('编辑') }}
-            </bk-button>
-            <bk-button
-              v-if="isPasswordLogin"
-              @click="handleResetPassword(detailsConfig)">
-              {{ $t('重置密码') }}
-            </bk-button>
-          <!-- <bk-button>删除</bk-button> -->
-          </div>
-        </template>
-        <template #default>
-          <bk-loading :loading="detailsLoading">
-            <ViewUser v-if="isView" :users-data="detailsConfig.usersData" :paths="paths" />
-            <EditUser
-              v-else
-              :type="detailsConfig.type"
-              :users-data="detailsConfig.usersData"
-              :current-id="detailsConfig.id"
-              :data-source-id="dataSourceId"
-              @handleCancelEdit="handleCancelEdit"
-              @updateUsers="updateUsers" />
-          </bk-loading>
-        </template>
-      </bk-sideslider>
-    </div>
-    <!-- 导入 -->
-    <bk-dialog
-      :is-show="importDialog.isShow"
-      :title="importDialog.title"
-      :quick-close="false"
-      :width="640"
-      @closed="closed"
-    >
-      <div class="import-dialog-header">
-        <div class="mb-[24px]">
-          <span>{{ $t('更新方式') }}</span>
-          <bk-radio-group
-            v-model="uploadInfo.incremental"
-            type="card"
-          >
-            <bk-radio-button :label="true">{{ $t('增量更新') }}</bk-radio-button>
-            <bk-radio-button :label="false">{{ $t('全量更新') }}</bk-radio-button>
-          </bk-radio-group>
-        </div>
-        <span>{{ $t('上传用户信息') }}</span>
-      </div>
-      <bk-upload
-        ref="uploadRef"
-        accept=".xlsx,.xls"
-        with-credentials
-        :limit="1"
-        :size="10"
-        :multiple="false"
-        :custom-request="customRequest"
-        @exceed="exceed">
-        <template #file="{ file }">
-          <div
-            :class="['excel-file', { 'excel-file-error': isError }]"
-            @mousemove="isHover = true"
-            @mouseleave="isHover = false">
-            <i class="user-icon icon-excel" />
-            <div class="file-text">
-              <div
-                v-overflow-tips
-                class="text-overflow">
-                {{ file.name }}
-              </div>
-              <p class="text-overflow file-status">
-                <i v-if="!isError" class="user-icon icon-check-line" />
-                {{ textTips }}
-              </p>
-            </div>
-            <div class="file-operations">
-              <span v-if="!isHover">{{ getSize(file.size) }}</span>
-              <i v-else class="user-icon icon-delete" @click="handleUploadRemove(file)" />
-            </div>
-          </div>
-        </template>
-        <template #tip>
-          <div class="mt-[8px]">
-            <span>{{ $t('支持 Excel 文件，文件小于 10 M，下载') }}</span>
-            <bk-button text theme="primary" @click="handleExportTemplate">{{ $t('模版文件') }}</bk-button>
-          </div>
-        </template>
-      </bk-upload>
-      <template #footer>
-        <div class="footer-wrapper">
-          <div class="footer-left">
-            <bk-checkbox v-model="uploadInfo.overwrite">
-              {{ $t('允许对同名用户覆盖更新') }}
-            </bk-checkbox>
-            <bk-popover
-              ext-cls="popover-wrapper"
-              :content="$t('勾选覆盖用户信息将会对数据源中存在、但文件中不存在的成员执行删除操作，请谨慎选择。')"
-              placement="top"
-              width="280"
-            >
-              <InfoLine class="info" />
-            </bk-popover>
-          </div>
-          <div>
-            <bk-button
-              theme="primary"
-              class="w-[64px] mr-[8px]"
-              :loading="importDialog.loading"
-              @click="confirmImportUsers">
-              {{ $t('确定') }}
-            </bk-button>
-            <bk-button
-              class="w-[64px]"
-              @click="closed">
-              {{ $t('取消') }}
-            </bk-button>
-          </div>
-        </div>
-      </template>
-    </bk-dialog>
-    <ResetPassword
-      :config="resetPasswordConfig"
-      @closed="closedResetPassword"
-      @changePassword="changePassword" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import axios from 'axios';
-import { bkTooltips as vBkTooltips, Message } from 'bkui-vue';
-import { InfoLine } from 'bkui-vue/lib/icon';
-import Cookies from 'js-cookie';
-import { computed, defineProps, inject, onMounted, reactive, ref, watch } from 'vue';
-
-import EditUser from './EditUser.vue';
-import ViewUser from './ViewUser.vue';
-
-import Empty from '@/components/Empty.vue';
-import ResetPassword from '@/components/ResetPassword.vue';
-import { useCustomFields, useTableFields } from '@/hooks';
-import {
-  getDataSourceUserDetails,
-  getDataSourceUsers,
-  getFields,
-  getOrganizationPaths,
-} from '@/http';
-import { t } from '@/language/index';
-import router from '@/router/index';
-import { formatConvert, getTableValue } from '@/utils';
-
-const props = defineProps({
-  dataSourceId: {
-    type: Number,
-  },
-  pluginId: {
-    type: String,
-    default: '',
-  },
-  isPasswordLogin: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const editLeaveBefore = inject('editLeaveBefore');
-const searchVal = ref('');
-const detailsConfig = reactive({
-  isShow: false,
-  title: '',
-  type: '',
-  usersData: {
-    username: '',
-    full_name: '',
-    department_ids: [],
-    leader_ids: [],
-    email: '',
-    phone_country_code: '86',
-    phone: '',
-    logo: '',
-    extras: {},
-  },
-  id: '',
-});
-
-const paths = ref('');
-
-const enumData = {
-  add: {
-    title: t('新建用户'),
-    type: 'add',
-  },
-  view: {
-    title: t('用户详情'),
-    type: 'view',
-  },
-  edit: {
-    title: t('编辑用户'),
-    type: 'edit',
-  },
-};
-
-watch(
-  () => detailsConfig.isShow,
-  () => {
-    if (!detailsConfig.isShow) {
-      detailsConfig.usersData = {
-        username: '',
-        full_name: '',
-        department_ids: [],
-        leader_ids: [],
-        email: '',
-        phone_country_code: '86',
-        phone: '',
-        logo: '',
-        extras: {},
-      };
-    }
-  },
-);
-
-const isView = computed(() => detailsConfig.type === 'view');
-
-onMounted(() => {
-  getUsers(true);
-});
-
-const isLoading = ref(false);
-const isDataEmpty = ref(false);
-const isEmptySearch = ref(false);
-const isDataError = ref(false);
-
-const pagination = reactive({
-  current: 1,
-  count: 0,
-  limit: 10,
-});
-
-const users = ref([]);
-const detailsLoading = ref(false);
-
-const { tableSettings, handleSettingChange } = useTableFields();
-const getUsers = async (init?: boolean) => {
-  try {
-    isLoading.value = true;
-    isDataEmpty.value = false;
-    isEmptySearch.value = false;
-    isDataError.value = false;
-
-    const params = {
-      id: props.dataSourceId,
-      username: searchVal.value,
-      page: pagination.current,
-      pageSize: pagination.limit,
-    };
-
-    const [usersRes, fieldsRes] = await Promise.all([getDataSourceUsers(params), getFields()]);
-
-    if (usersRes.data.count === 0) {
-      searchVal.value === '' ? isDataEmpty.value = true : isEmptySearch.value = true;
-    }
-    pagination.count = usersRes.data.count;
-
-    const filterList: any = [];
-    usersRes.data.results?.forEach((item, index) => {
-      const entries = Object.entries(item.extras);
-      fieldsRes.data.custom_fields?.forEach((key) => {
-        if (index === 0 && init) {
-          tableSettings.fields.push({
-            name: key.display_name,
-            field: key.name,
-            data_type: key.data_type,
-            options: key.options,
-          });
-        }
-        item = { ...item, [key.name]: entries.find(([a]) => a === key.name)?.[1] || '' };
-      });
-      filterList.push(item);
-    });
-    users.value = filterList;
-  } catch (error) {
-    isDataError.value = true;
-  } finally {
-    isLoading.value = false;
-  }
-};
-
-const getCustomFields = async (type: string) => {
-  try {
-    const result = Object.keys(detailsConfig.usersData.extras);
-    const res = await getFields();
-    if (type === 'add') {
-      detailsConfig.usersData.extras = res.data.custom_fields;
-    } else if (type === 'edit') {
-      const extras: any = [];
-      res.data.custom_fields?.forEach((item) => {
-        Object.entries(detailsConfig.usersData.extras).forEach((option) => {
-          const [name, defaultValue] = option;
-          if (item.name === name) {
-            item.default = defaultValue;
-            extras.push(item);
-          }
-        });
-        if (!result.includes(item.name)) {
-          extras.push(item);
-        }
-      });
-      detailsConfig.usersData.extras = extras;
-    } else {
-      detailsConfig.usersData.extras = useCustomFields(detailsConfig.usersData.extras, res.data.custom_fields);
-    }
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    detailsLoading.value = false;
-  }
-};
-
-const showSideBar = ref(false);
-// 销毁侧栏，防止tips不消失
-const hideSideBar = () => {
-  setTimeout(() => {
-    showSideBar.value = false;
-  }, 300);
-};
-
-const handleClick = async (type: string, item?: any) => {
-  showSideBar.value = true;
-  detailsLoading.value = true;
-  if (type !== 'add') {
-    const res = await getDataSourceUserDetails(item.id);
-    detailsConfig.usersData = res.data;
-    detailsConfig.id = item.id;
-    if (type === 'view') {
-      const pathsRes = await getOrganizationPaths(item.id);
-      paths.value = pathsRes.data?.organization_paths.join(', ') || '--';
-    }
-  }
-  await getCustomFields(type);
-  detailsConfig.title = enumData[type].title;
-  detailsConfig.type = enumData[type].type;
-  detailsConfig.isShow = true;
-};
-
-const handleCancelEdit = () => {
-  window.changeInput = false;
-  if (detailsConfig.type === 'add') {
-    detailsConfig.isShow = false;
-    hideSideBar();
-  } else {
-    handleClick('view', detailsConfig);
-    window.changeInput = false;
-  }
-};
-
-const handleBeforeClose = async () => {
-  let enableLeave = true;
-  if (window.changeInput) {
-    enableLeave = await editLeaveBefore();
-    detailsConfig.isShow = false;
-    hideSideBar();
-  } else {
-    detailsConfig.isShow = false;
-    hideSideBar();
-  }
-  if (!enableLeave) {
-    return Promise.resolve(enableLeave);
-  }
-};
-
-const updateUsers = (value, text) => {
-  detailsConfig.isShow = false;
-  searchVal.value = value;
-  getUsers();
-  Message({
-    theme: 'success',
-    message: text,
-  });
-};
-
-const handleEnter = () => {
-  pagination.current = 1;
-  getUsers();
-};
-
-const handleClear = () => {
-  searchVal.value = '';
-  pagination.current = 1;
-  getUsers();
-};
-
-const pageLimitChange = (limit) => {
-  pagination.limit = limit;
-  pagination.current = 1;
-  getUsers();
-};
-const pageCurrentChange = (current) => {
-  pagination.current = current;
-  getUsers();
-};
-
-const importDialog = reactive({
-  isShow: false,
-  loading: false,
-  title: t('批量新增用户'),
-});
-
-const uploadInfo = reactive({
-  file: {},
-  overwrite: false,
-  incremental: true,
-});
-
-const uploadRef = ref();
-const isHover = ref(false);
-const textTips = ref('');
-const isError = ref(false);
-
-const customRequest = (data) => {
-  if (data.file.size > (10 * 1024 * 1024)) {
-    isError.value = true;
-    textTips.value = t('文件大小超出限制');
-  } else {
-    isError.value = false;
-    textTips.value = t('上传成功');
-  }
-  uploadInfo.file = data.file;
-};
-
-const exceed = () => {
-  Message({ theme: 'error', message: t('最多上传1个文件，如需更新，请先删除已上传文件') });
-};
-
-const getSize = (value) => {
-  const size = value / 1024;
-  return `${parseFloat(size.toFixed(2))}KB`;
-};
-
-const handleUploadRemove = (file) => {
-  uploadRef.value?.handleRemove(file);
-  uploadInfo.file = {};
-};
-
-// 导出指定的本地数据源用户数据
-const handleExport = () => {
-  const url = `${window.AJAX_BASE_URL}/api/v1/web/data-sources/${props.dataSourceId}/operations/export/`;
-  window.open(url);
-};
-
-// 数据源导出模板
-const handleExportTemplate = () => {
-  const url = `${window.AJAX_BASE_URL}/api/v1/web/data-sources/${props.dataSourceId}/operations/download_template/`;
-  window.open(url);
-};
-// 导入用户
-const confirmImportUsers = async () => {
-  if (!uploadInfo.file.name) {
-    return Message({ theme: 'warning', message: t('请选择文件再上传') });
-  }
-  if (isError.value) {
-    return Message({ theme: 'warning', message: t('文件大小超出限制，请重新上传') });
-  };
-
-  try {
-    importDialog.loading = true;
-    const formData = new FormData();
-    formData.append('file', uploadInfo.file);
-    const config = {
-      headers: {
-        'Content-Type': 'multipart/form-data',
-        'X-CSRFToken': Cookies.get(window.CSRF_COOKIE_NAME),
-        'x-requested-with': 'XMLHttpRequest',
-      },
-      withCredentials: true,
-    };
-    const url = `${window.AJAX_BASE_URL}/api/v1/web/data-sources/${props.dataSourceId}/operations/import/`;
-    const res = await axios.post(url, formData, config);
-    Message({
-      theme: res.data.data.status === 'success' ? 'success' : 'error',
-      message: res.data.data.summary,
-    });
-  } catch (e) {
-    Message({ theme: 'error', message: e.response.data.error.message });
-  } finally {
-    importDialog.loading = false;
-    importDialog.isShow = false;
-    getUsers();
-    router.push({ name: 'syncRecords', params: { type: 'import' } });
-  }
-};
-
-const closed = () => {
-  importDialog.isShow = false;
-  uploadInfo.file = {};
-  uploadInfo.overwrite = false;
-  uploadInfo.incremental = true;
-};
-
-const tipsText = ref('');
-// hover展示数据源用户所属部门组织路径
-const tipsShowFn = async (id: string) => {
-  try {
-    const res = await getOrganizationPaths(id);
-    tipsText.value = res.data?.organization_paths.join('\n') || '';
-  } catch (e) {
-    tipsText.value = '';
-  }
-};
-
-const resetPasswordConfig = reactive({
-  isShow: false,
-  title: t('重置密码'),
-  dataSourceId: props.dataSourceId,
-  userId: '',
-});
-
-const handleResetPassword = (item: any) => {
-  resetPasswordConfig.isShow = true;
-  resetPasswordConfig.userId = item.id;
-};
-
-const closedResetPassword = () => {
-  resetPasswordConfig.isShow = false;
-};
-
-const changePassword = () => {
-  resetPasswordConfig.isShow = false;
-};
-</script>
-
-<style lang="less" scoped>
-.user-info-wrapper {
-  width: 100%;
-  height: calc(100vh - 140px);
-  padding: 24px;
-
-  header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 16px;
-
-    .header-right {
-      width: 320px;
-    }
-  }
-
-  :deep(.user-info-table) {
-    .bk-table-head {
-      table thead th {
-        text-align: center;
-      }
-
-      .table-head-settings {
-        border-right: none;
-      }
-    }
-
-    .bk-table-footer {
-      padding: 0 15px;
-      background: #fff;
-    }
-
-    .account-status-icon {
-      width: 16px;
-      height: 16px;
-      margin-right: 5px;
-      vertical-align: middle;
-    }
-  }
-}
-
-.details-edit-wrapper {
-  :deep(.bk-sideslider-title) {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 24px 0 50px !important;
-
-    .bk-button {
-      padding: 5px 17px !important;
-    }
-  }
-
-  :deep(.bk-modal-content) {
-    overflow-y: auto;
-
-    &::-webkit-scrollbar {
-      width: 4px;
-      background-color: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background-color: #dcdee5;
-      border-radius: 4px;
-    }
-
-    &:hover {
-      &::-webkit-scrollbar-thumb {
-        background-color: #979ba5;
-      }
-    }
-  }
-}
-
-::v-deep .bk-modal-content {
-  &::-webkit-scrollbar {
-    width: 4px;
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: #dcdee5;
-    border-radius: 4px;
-  }
-
-  .bk-upload-list {
-    margin-bottom: 24px;
-  }
-}
-
-::v-deep .bk-upload-list__item {
-  padding: 0;
-  border: none;
-}
-
-.excel-file-error {
-  background: rgb(254 221 220 / 40%);
-  border-color: #ff5656 !important;
-
-  .file-status {
-    color: #ff5656 !important;
-  }
-}
-
-.excel-file {
-  display: flex;
-  padding: 10px;
-  overflow: hidden;
-  font-size: 12px;
-  border: 1px solid #c4c6cc;
-  flex: 1;
-  align-items: center;
-
-  .icon-excel {
-    margin-right: 14px;
-    font-size: 26px;
-    color: #2dcb56;
-  }
-
-  .file-text {
-    flex: 1;
-    overflow: hidden;
-  }
-
-  .file-status {
-    color: #2dcb56;
-  }
-
-  .file-operations {
-    span {
-      font-weight: 700;
-    }
-
-    .icon-delete {
-      margin-left: 12px;
-      font-size: 16px;
-      cursor: pointer;
-    }
-  }
-}
-
-.footer-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  .footer-left {
-    display: flex;
-    align-items: center;
-  }
-
-  .info {
-    margin-left: 5px;
-    font-size: 16px;
-    color: #979BA5;
-    cursor: pointer;
-  }
-}
-</style>
diff --git a/src/pages/src/views/data-source/local-details/ViewUser.vue b/src/pages/src/views/data-source/local-details/ViewUser.vue
deleted file mode 100644
index 0b21a6a4b..000000000
--- a/src/pages/src/views/data-source/local-details/ViewUser.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <ul class="details-content">
-    <li>
-      <div class="details-content-info">
-        <div class="details-content-item">
-          <span class="details-content-key">{{ $t('用户名') }}：</span>
-          <span class="details-content-value">{{ usersData.username }}</span>
-        </div>
-        <div class="details-content-item">
-          <span class="details-content-key">{{ $t('全名') }}：</span>
-          <span class="details-content-value">{{ usersData.full_name }}</span>
-        </div>
-        <div class="details-content-item">
-          <span class="details-content-key">{{ $t('邮箱') }}：</span>
-          <span class="details-content-value">{{ usersData.email || '--' }}</span>
-        </div>
-        <div class="details-content-item">
-          <span class="details-content-key">{{ $t('手机号') }}：</span>
-          <span class="details-content-value">{{ usersData.phone || '--' }}</span>
-        </div>
-        <div class="details-content-item">
-          <bk-overflow-title type="tips" class="details-content-key">{{ $t('所属组织') }}：</bk-overflow-title>
-          <bk-overflow-title class="details-content-value" type="tips">
-            {{ paths }}
-          </bk-overflow-title>
-        </div>
-        <div class="details-content-item">
-          <span class="details-content-key">{{ $t('直属上级') }}：</span>
-          <span class="details-content-value" v-if="usersData.leaders.length > 0">
-            {{ formatConvert(usersData.leaders) }}
-          </span>
-          <span class="details-content-value" v-else>{{ '--' }}</span>
-        </div>
-        <CustomFieldsView :extras="usersData.extras" />
-      </div>
-      <img v-if="usersData.logo" class="user-logo" :src="usersData.logo" alt="" />
-      <img v-else class="user-logo" src="@/images/avatar.png" alt="" />
-    </li>
-  </ul>
-</template>
-
-<script setup lang="ts">
-import { defineProps } from 'vue';
-
-import CustomFieldsView from '@/components/custom-fields/view.vue';
-import { formatConvert } from '@/utils';
-
-defineProps({
-  usersData: {
-    type: Object,
-    default: () => ({}),
-  },
-  paths: {
-    type: String,
-    default: '',
-  },
-});
-</script>
-
-<style lang="less" scoped>
-@import url("@/css/viewUser.less");
-</style>
diff --git a/src/pages/src/views/data-source/local-details/index.vue b/src/pages/src/views/data-source/local-details/index.vue
deleted file mode 100644
index da52be903..000000000
--- a/src/pages/src/views/data-source/local-details/index.vue
+++ /dev/null
@@ -1,165 +0,0 @@
-<template>
-  <div v-bkloading="{ loading: isLoading, zIndex: 9 }">
-    <MainBreadcrumbsDetails :subtitle="subtitle" @toBack="toBack">
-      <template #tag>
-        <div class="data-source-type" v-for="item in typeList" :key="item">
-          <img v-if="item.id === pluginId && item.logo" :src="item.logo">
-          <span v-if="item.id === pluginId">{{ item.name }}</span>
-        </div>
-      </template>
-      <template #right>
-        <div>
-          <bk-button
-            v-if="pluginId !== 'local'"
-            class="min-w-[88px] mr-[8px]"
-            outline
-            theme="primary"
-            @click="handleSync">
-            {{ $t('一键同步') }}
-          </bk-button>
-          <bk-button v-if="statusText" class="min-w-[64px]" hover-theme="primary" @click="handleClick">
-            {{ statusText === 'disabled' ? t('启用') : t('停用') }}
-          </bk-button>
-        </div>
-      </template>
-    </MainBreadcrumbsDetails>
-    <bk-tab
-      v-model:active="activeKey"
-      type="unborder-card"
-      ext-cls="tab-details"
-      @change="changeTab"
-    >
-      <bk-tab-panel name="user" :label="$t('用户信息')">
-        <UserInfo
-          v-if="activeKey === 'user'"
-          :data-source-id="currentId"
-          :plugin-id="pluginId"
-          :is-password-login="isPasswordLogin" />
-      </bk-tab-panel>
-      <bk-tab-panel :visible="pluginId === 'local'" name="account" :label="$t('账密信息')">
-        <PswInfo v-if="activeKey === 'account'" />
-      </bk-tab-panel>
-      <bk-tab-panel :visible="pluginId !== 'local'" name="config" :label="$t('配置信息')">
-        <ConfigInfo v-if="activeKey === 'config'" />
-      </bk-tab-panel>
-    </bk-tab>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { InfoBox, Message } from 'bkui-vue';
-import { computed, onMounted, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import ConfigInfo from './ConfigInfo.vue';
-import PswInfo from './PswInfo.vue';
-import UserInfo from './UserInfo.vue';
-
-import MainBreadcrumbsDetails from '@/components/layouts/MainBreadcrumbsDetails.vue';
-import {
-  changeSwitchStatus,
-  getDataSourceDetails,
-  getDataSourceList,
-  getDataSourcePlugins,
-  postOperationsSync,
-} from '@/http';
-import { t } from '@/language/index';
-import router from '@/router/index';
-
-const route = useRoute();
-
-const currentId = computed(() => Number(route.params.id));
-
-const activeKey = ref('user');
-const isLoading = ref(false);
-
-const subtitle = ref('');
-const statusText = ref('');
-const typeList = ref([]);
-const pluginId = ref('');
-// 是否开启账密登录
-const isPasswordLogin = ref(false);
-
-onMounted(async () => {
-  try {
-    isLoading.value = true;
-    const res = await getDataSourceList('');
-    res.data.forEach((item) => {
-      if (item.id === currentId.value) {
-        statusText.value = item.status;
-        subtitle.value = item.name;
-        pluginId.value = item.plugin_id;
-      }
-    });
-    const pluginsRes = await getDataSourcePlugins();
-    const loginRes = await getDataSourceDetails(currentId?.value);
-    isPasswordLogin.value = loginRes.data?.plugin_config?.enable_password;
-    typeList.value = pluginsRes.data;
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    isLoading.value = false;
-  }
-});
-// 切换启停状态
-const toggleStatus = async () => {
-  const res = await changeSwitchStatus(route.params.id);
-  statusText.value = res.data?.status;
-  const message = res.data?.status === 'disabled' ? t('停用成功') : t('启用成功');
-  Message({ theme: 'success', message });
-};
-
-const handleClick = async () => {
-  if (statusText.value === 'enabled') {
-    InfoBox({
-      title: t('确认停用该数据源吗？'),
-      subTitle: t('停用后，该数据源下所有用户将无法登录'),
-      onConfirm: toggleStatus,
-    });
-  } else {
-    toggleStatus();
-  }
-};
-
-const changeTab = (value) => {
-  activeKey.value = value;
-};
-
-const handleSync = async () => {
-  const res = await postOperationsSync(currentId.value);
-  router.push({ name: 'syncRecords', params: { type: 'sync' } });
-  const status = res.data?.status === 'failed' ? 'error' : 'success';
-  Message({ theme: status, message: res.data.summary });
-};
-
-const toBack = () => {
-  router.push({ name: 'dataSource' });
-};
-</script>
-
-<style lang="less" scoped>
-@import url("@/css/tabStyle.less");
-
-.main-breadcrumbs-details {
-  box-shadow: none;
-}
-
-.data-source-type {
-  display: flex;
-  height: 24px;
-  line-height: 24px;
-  background: #f0f1f5;
-  border-radius: 2px;
-  align-items: center;
-
-  img {
-    width: 14px;
-    height: 14px;
-    margin: 0 8px 0 10px;
-  }
-
-  span {
-    padding-right: 10px;
-  }
-}
-</style>
diff --git a/src/pages/src/views/data-source/new-data/Http.vue b/src/pages/src/views/data-source/new-data/Http.vue
deleted file mode 100644
index 66cb33500..000000000
--- a/src/pages/src/views/data-source/new-data/Http.vue
+++ /dev/null
@@ -1,655 +0,0 @@
-<template>
-  <bk-loading :loading="isLoading" class="data-source-content user-scroll-y">
-    <bk-form
-      v-if="props.curStep === 1"
-      form-type="vertical"
-      ref="formRef1"
-      :model="serverConfigData"
-      :rules="rulesServerConfig">
-      <div class="content-item">
-        <p class="item-title">{{ $t('基本信息') }}</p>
-        <bk-form-item class="w-[560px]" :label="$t('数据源名称')" property="name" required>
-          <bk-input
-            v-model="serverConfigData.name"
-            :placeholder="validate.name.message"
-            @focus="handleFocus"
-            @input="handleChange" />
-        </bk-form-item>
-      </div>
-      <div class="content-item">
-        <p class="item-title">{{ $t('服务配置') }}</p>
-        <bk-form-item class="w-[560px]" :label="$t('服务地址')" property="server_config.server_base_url" required>
-          <bk-input
-            v-model="serverConfigData.server_config.server_base_url"
-            :placeholder="validate.serverBaseUrl.message"
-            @focus="handleFocus"
-            @input="handleChange" />
-        </bk-form-item>
-        <div class="api-url-style">
-          <bk-form-item
-            class="w-[560px]"
-            :label="$t('用户数据 API 路径')"
-            property="server_config.user_api_path"
-            required>
-            <bk-input
-              v-model="serverConfigData.server_config.user_api_path"
-              :placeholder="validate.apiPath.message"
-              @focus="handleFocus"
-              @input="handleChange" />
-          </bk-form-item>
-          <QueryParams
-            :current-id="currentId"
-            :params-list="serverConfigData.server_config.user_api_query_params"
-            @saveParams="(list) => saveParams(list, 'user')"
-            @updateStatus="handleChange" />
-        </div>
-        <div class="api-url-style">
-          <bk-form-item
-            class="w-[560px]"
-            :label="$t('部门数据 API 路径')"
-            property="server_config.department_api_path"
-            required>
-            <bk-input
-              v-model="serverConfigData.server_config.department_api_path"
-              :placeholder="validate.apiPath.message"
-              @focus="handleFocus"
-              @input="handleChange" />
-          </bk-form-item>
-          <QueryParams
-            :current-id="currentId"
-            :params-list="serverConfigData.server_config.department_api_query_params"
-            @saveParams="(list) => saveParams(list, 'department')"
-            @updateStatus="handleChange" />
-        </div>
-        <div class="item-flex3">
-          <bk-form-item :label="$t('分页请求每页数量')" property="server_config.page_size" required>
-            <bk-select
-              :clearable="false"
-              v-model="serverConfigData.server_config.page_size"
-              @change="handleChange">
-              <bk-option
-                v-for="item in pageSizeList"
-                :key="item.value"
-                :value="item.value"
-                :label="item.label"
-              />
-            </bk-select>
-          </bk-form-item>
-          <bk-form-item
-            class="ml-[24px]"
-            :label="$t('请求超时时间')"
-            property="server_config.request_timeout"
-            required>
-            <bk-input
-              type="number"
-              :suffix="$t('秒')"
-              :min="5"
-              :max="120"
-              v-model="serverConfigData.server_config.request_timeout"
-              @change="handleChange"
-            />
-          </bk-form-item>
-          <bk-form-item class="ml-[24px]" :label="$t('重试次数')" property="server_config.retries" required>
-            <bk-input
-              type="number"
-              :suffix="$t('次')"
-              :min="0"
-              :max="3"
-              v-model="serverConfigData.server_config.retries"
-              @change="handleChange"
-            />
-          </bk-form-item>
-        </div>
-      </div>
-      <div class="content-item">
-        <p class="item-title">{{ $t('认证配置') }}</p>
-        <bk-form-item :label="$t('认证方式')" required>
-          <bk-radio-group
-            v-model="serverConfigData.auth_config.method"
-            @change="handleChange"
-          >
-            <bk-radio-button style="width: 120px;" label="bearer_token">Bearer Token</bk-radio-button>
-            <bk-radio-button style="width: 120px;" label="basic_auth">Basic Auth</bk-radio-button>
-          </bk-radio-group>
-        </bk-form-item>
-        <bk-form-item
-          v-if="serverConfigData.auth_config.method === 'bearer_token'"
-          class="w-[560px]"
-          label="Token"
-          property="auth_config.bearer_token"
-          required>
-          <bk-input
-            type="password"
-            autocomplete="new-password"
-            v-model="serverConfigData.auth_config.bearer_token"
-            @focus="handleFocus"
-            @input="handleChange" />
-        </bk-form-item>
-        <div v-else class="item-flex">
-          <bk-form-item :label="$t('用户名')" property="auth_config.username" required>
-            <bk-input
-              v-model="serverConfigData.auth_config.username"
-              @focus="handleFocus"
-              @input="handleChange"
-            />
-          </bk-form-item>
-          <bk-form-item :label="$t('密码')" property="auth_config.password" required>
-            <bk-input
-              type="password"
-              v-model="serverConfigData.auth_config.password"
-              @focus="handleFocus"
-              @input="handleChange"
-            />
-          </bk-form-item>
-        </div>
-      </div>
-      <div class="btn">
-        <div>
-          <bk-button
-            class="mr-[8px]"
-            theme="primary"
-            :outline="!nextDisabled"
-            :loading="connectionLoading"
-            @click="handleTestConnection">{{ $t('连通性测试') }}</bk-button>
-          <bk-button theme="primary" class="mr8" :disabled="nextDisabled" @click="handleNext">
-            {{ $t('下一步') }}
-          </bk-button>
-          <bk-button @click="handleCancel">{{ $t('取消') }}</bk-button>
-        </div>
-        <div class="connection-alert" v-if="connectionStatus !== null">
-          <bk-alert
-            :theme="connectionStatus ? 'success' : 'error'"
-            :show-icon="false">
-            <template #title>
-              <span>
-                <i v-if="connectionStatus" class="user-icon icon-duihao-2" />
-                <i v-else class="bk-sq-icon icon-close-fill" />
-                {{ connectionText }}
-              </span>
-            </template>
-          </bk-alert>
-        </div>
-      </div>
-    </bk-form>
-    <bk-form
-      v-else
-      form-type="vertical"
-      ref="formRef2"
-      :model="fieldSettingData"
-      :rules="rulesFieldSetting">
-      <div class="content-item mb-[24px]">
-        <p class="item-title">{{ $t('字段映射') }}</p>
-        <FieldMapping
-          :field-setting-data="fieldSettingData"
-          :api-fields="apiFields"
-          :rules="rulesFieldSetting"
-          @changeApiFields="changeApiFields"
-          @handleAddField="handleAddField"
-          @handleDeleteField="handleDeleteField"
-          @changeCustomField="changeCustomField" />
-      </div>
-      <div class="content-item">
-        <p class="item-title">{{ $t('同步配置') }}</p>
-        <bk-form-item :label="$t('同步周期')" required>
-          <bk-select
-            class="w-[560px]"
-            :clearable="false"
-            v-model="fieldSettingData.sync_config.sync_period"
-            @change="handleChange">
-            <bk-option
-              v-for="item in SYNC_CONFIG_LIST"
-              :key="item.value"
-              :value="item.value"
-              :label="item.label"
-            />
-          </bk-select>
-        </bk-form-item>
-      </div>
-      <div class="btn">
-        <bk-button class="mr8" @click="handleLastStep">{{ $t('上一步') }}</bk-button>
-        <bk-button theme="primary" class="mr8" :loading="submitLoading" @click="handleSubmit">
-          {{ currentId ? $t('保存') : $t('提交') }}
-        </bk-button>
-        <bk-button @click="handleCancel">{{ $t('取消') }}</bk-button>
-      </div>
-    </bk-form>
-  </bk-loading>
-</template>
-
-<script setup lang="ts">
-import { Message } from 'bkui-vue';
-import { computed, inject, onMounted, reactive, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import QueryParams from './query-params/QueryParams.vue';
-
-import FieldMapping from '@/components/field-mapping/FieldMapping.vue';
-import { useValidate } from '@/hooks';
-import {
-  getDataSourceDetails,
-  getFields,
-  newDataSource,
-  postTestConnection,
-  putDataSourceDetails,
-} from '@/http';
-import { t } from '@/language/index';
-import router from '@/router/index';
-import { SYNC_CONFIG_LIST } from '@/utils';
-
-const validate = useValidate();
-
-const props = defineProps({
-  curStep: {
-    type: Number,
-  },
-});
-
-const emit = defineEmits(['updateCurStep']);
-
-const route = useRoute();
-const currentId = computed(() => route.params.id);
-const isLoading = ref(false);
-const formRef1 = ref();
-const editLeaveBefore = inject('editLeaveBefore');
-
-const serverConfigData = reactive({
-  name: '',
-  plugin_id: 'general',
-  // 服务配置
-  server_config: {
-    server_base_url: '',
-    user_api_path: '',
-    user_api_query_params: [
-      { key: '', value: '' },
-    ],
-    department_api_path: '',
-    department_api_query_params: [
-      { key: '', value: '' },
-    ],
-    request_timeout: '',
-    retries: '',
-    page_size: 100,
-  },
-  // 鉴权配置
-  auth_config: {
-    method: 'bearer_token',
-    bearer_token: '',
-    username: '',
-    password: '',
-  },
-});
-
-const formRef2 = ref();
-
-const fieldSettingData = reactive({
-  field_mapping: {
-    // 内置字段
-    builtin_fields: [],
-    // 自定义字段
-    custom_fields: [],
-  },
-  // 同步配置
-  sync_config: {
-    sync_period: 24 * 60,
-  },
-  addFieldList: [],
-});
-
-const pageSizeList = ref([
-  {
-    value: 100,
-    label: '100',
-  },
-  {
-    value: 200,
-    label: '200',
-  },
-  {
-    value: 500,
-    label: '500',
-  },
-  {
-    value: 1000,
-    label: '1000',
-  },
-  {
-    value: 2000,
-    label: '2000',
-  },
-  {
-    value: 5000,
-    label: '5000',
-  },
-]);
-
-const rulesServerConfig = {
-  name: [validate.required, validate.name],
-  'server_config.server_base_url': [validate.required, validate.serverBaseUrl],
-  'server_config.user_api_path': [validate.required, validate.apiPath],
-  'server_config.department_api_path': [validate.required, validate.apiPath],
-  'server_config.request_timeout': [validate.required],
-  'server_config.retries': [validate.required],
-  'auth_config.bearer_token': [validate.required],
-};
-
-const rulesFieldSetting = {
-  target_field: [validate.required],
-  source_field: [validate.required],
-};
-
-const apiFields = ref([]);
-const fieldMappingList = ref([]);
-
-onMounted(async () => {
-  try {
-    isLoading.value = true;
-    if (currentId.value) {
-      const res = await getDataSourceDetails(currentId.value);
-      serverConfigData.name = res.data?.name;
-      serverConfigData.plugin_id = res.data?.plugin?.id;
-      if (JSON.stringify(res.data?.plugin_config) !== '{}') {
-        serverConfigData.server_config = res.data?.plugin_config?.server_config;
-        serverConfigData.auth_config = res.data?.plugin_config?.auth_config;
-      }
-      fieldSettingData.sync_config = res.data?.sync_config;
-      fieldMappingList.value = res.data?.field_mapping;
-    }
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    isLoading.value = false;
-  }
-});
-
-const saveParams = (list, type) => {
-  serverConfigData.server_config[`${type === 'user' ? 'user' : 'department'}_api_query_params`] = list;
-};
-
-const handleNext = async () => {
-  try {
-    emit('updateCurStep', 2);
-    isLoading.value = true;
-    const res = await getFields();
-    if (currentId.value) {
-      const list = [];
-      const customList = [];
-      const mapFields = (fields, item, isDisabled, fieldMappingType) => {
-        if (fields.name !== item.target_field) return;
-
-        list.push(item.source_field);
-        customList.push(fields.name);
-        Object.assign(fields, {
-          mapping_operation: item.mapping_operation,
-          source_field: item.source_field,
-          disabled: isDisabled,
-        });
-        apiFields.value.push({ key: item.source_field, disabled: isDisabled });
-
-        if (fieldMappingType === 'builtin_fields' && fields.required) {
-          fieldSettingData.field_mapping.builtin_fields.push(fields);
-        } else {
-          fieldSettingData.addFieldList.push(item);
-          fieldSettingData.field_mapping.custom_fields.push(fields);
-        }
-      };
-
-      fieldMappingList.value.forEach((item) => {
-        res.data?.builtin_fields?.forEach(fields => mapFields(fields, item, true, 'builtin_fields'));
-        res.data?.custom_fields?.forEach(fields => mapFields(fields, item, true, 'custom_fields'));
-      });
-
-      const filterKeys = new Set(apiFields.value.map(item => item.key));
-
-      const addApiField = (fields, isDisabled) => {
-        if (!filterKeys.has(fields.name)) {
-          apiFields.value.push({ key: fields.name, disabled: isDisabled });
-          filterKeys.add(fields.name);
-        }
-      };
-
-      res.data?.custom_fields?.concat(res.data?.builtin_fields || []).forEach((fields) => {
-        if (!customList.includes(fields.name)) {
-          fieldSettingData.field_mapping.custom_fields.push(fields);
-        }
-      });
-
-      userProperties.value.forEach(item => addApiField({ name: item }, false));
-    } else {
-      const { builtin_fields: builtinFields, custom_fields: customFields } = res.data || {};
-
-      const updateFields = (fields, isBuiltin) => {
-        fields.forEach((field) => {
-          Object.assign(field, {
-            mapping_operation: 'direct',
-            source_field: '',
-            disabled: isBuiltin && !field.required,
-          });
-
-          const target = isBuiltin && field.required ? 'builtin_fields' : 'custom_fields';
-          fieldSettingData.field_mapping[target].push(field);
-
-          if (isBuiltin && !field.required) {
-            fieldSettingData.addFieldList.push({
-              mapping_operation: 'direct',
-              source_field: '',
-              target_field: field.name,
-            });
-          }
-        });
-      };
-
-      updateFields(builtinFields, true);
-      updateFields(customFields, false);
-
-      apiFields.value = userProperties.value.map(item => ({ key: item, disabled: false }));
-    }
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    isLoading.value = false;
-  }
-};
-
-const handleLastStep = async () => {
-  let enableLeave = true;
-  if (window.changeInput) {
-    enableLeave = await editLeaveBefore();
-  }
-  if (!enableLeave) {
-    return Promise.resolve(enableLeave);
-  }
-
-  nextDisabled.value = true;
-  connectionStatus.value = null;
-  emit('updateCurStep', 1);
-
-  fieldSettingData.field_mapping.builtin_fields = [];
-  fieldSettingData.field_mapping.custom_fields = [];
-  apiFields.value = [];
-  fieldSettingData.addFieldList = [];
-  if (currentId.value) {
-    const res = await getDataSourceDetails(currentId.value);
-    fieldSettingData.sync_config = res.data?.sync_config;
-  } else {
-    fieldSettingData.sync_config.sync_period = 24 * 60;
-  }
-};
-
-const nextDisabled = ref(true);
-const connectionLoading = ref(false);
-const connectionStatus = ref(null);
-const connectionText = ref('');
-const userProperties = ref([]);
-
-// 连通性测试
-const handleTestConnection = async () => {
-  try {
-    await formRef1.value.validate();
-    connectionLoading.value = true;
-    connectionStatus.value = null;
-
-    const clearEmptyParams = params => (params.every(item => !item.key && !item.value) ? [] : params);
-    const { user_api_query_params: user, department_api_query_params: department } = serverConfigData.server_config;
-
-    serverConfigData.server_config.user_api_query_params = clearEmptyParams(user);
-    serverConfigData.server_config.department_api_query_params = clearEmptyParams(department);
-
-    const params = {
-      plugin_id: serverConfigData.plugin_id,
-      plugin_config: {
-        server_config: serverConfigData.server_config,
-        auth_config: serverConfigData.auth_config,
-      },
-    };
-    if (currentId.value) {
-      params.data_source_id = currentId.value;
-    }
-    const res = await postTestConnection(params);
-    if (res.data.error_message === '') {
-      connectionStatus.value = true;
-      connectionText.value = t('测试成功');
-      nextDisabled.value = false;
-      userProperties.value = Object.keys(res.data?.user?.properties);
-    } else {
-      connectionStatus.value = false;
-      connectionText.value = res.data.error_message;
-      nextDisabled.value = true;
-    }
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    connectionLoading.value = false;
-  }
-};
-
-const changeApiFields = (newValue, oldValue) => {
-  apiFields.value.forEach((item) => {
-    if (item.key === newValue) {
-      item.disabled = true;
-    } else if (item.key === oldValue) {
-      item.disabled = false;
-    }
-  });
-  handleChange();
-};
-
-// 新增自定义字段
-const handleAddField = () => {
-  fieldSettingData.addFieldList.push({ target_field: '', mapping_operation: 'direct', source_field: '' });
-  handleChange();
-};
-
-// 删除自定义字段
-const handleDeleteField = (item, index) => {
-  fieldSettingData.addFieldList.splice(index, 1);
-
-  const enableField = (fields, fieldKey, fieldName) => {
-    const field = fields.find(element => element[fieldKey] === fieldName);
-    if (field) field.disabled = false;
-  };
-
-  enableField(fieldSettingData.field_mapping.custom_fields, 'name', item.target_field);
-  enableField(apiFields.value, 'key', item.source_field);
-  handleChange();
-};
-
-// 更改自定义字段
-const changeCustomField = (newValue, oldValue) => {
-  fieldSettingData.field_mapping.custom_fields.forEach((element) => {
-    if (element.name === newValue) {
-      element.disabled = true;
-    } else if (element.name === oldValue) {
-      element.disabled = false;
-    }
-  });
-  handleChange();
-};
-
-const submitLoading = ref(false);
-
-const handleSubmit = async () => {
-  try {
-    await formRef2.value.validate();
-    submitLoading.value = true;
-
-    const list = fieldSettingData.field_mapping.builtin_fields.map(item => ({
-      target_field: item.name,
-      mapping_operation: item.mapping_operation,
-      source_field: item.source_field,
-    }));
-
-    const params = {
-      name: serverConfigData.name,
-      plugin_config: {
-        server_config: serverConfigData.server_config,
-        auth_config: serverConfigData.auth_config,
-      },
-      field_mapping: [
-        ...list,
-        ...fieldSettingData.addFieldList,
-      ],
-      sync_config: fieldSettingData.sync_config,
-    };
-
-    if (currentId.value) {
-      params.id = currentId.value;
-      await putDataSourceDetails(params);
-      Message({ theme: 'success', message: t('数据源更新成功') });
-    } else {
-      params.plugin_id = serverConfigData.plugin_id;
-      await newDataSource(params);
-      Message({ theme: 'success', message: t('数据源创建成功') });
-    }
-    window.changeInput = false;
-    router.push({ name: 'dataSource' });
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    submitLoading.value = false;
-  }
-};
-
-const handleChange = () => {
-  window.changeInput = true;
-  nextDisabled.value = true;
-  connectionStatus.value = null;
-};
-
-const handleFocus = () => {
-  window.changeInput = true;
-};
-
-const handleCancel = () => {
-  router.push({ name: 'dataSource' });
-};
-</script>
-
-<style lang="less" scoped>
-@import url('./index.less');
-
-.item-flex {
-  display: flex;
-  margin-bottom: 24px;
-
-  ::v-deep .bk-form-item {
-    width: 268px;
-    padding-bottom: 0 !important;
-
-    &:last-child {
-      margin-left: 24px;
-    }
-  }
-}
-
-.item-flex3 {
-  display: flex;
-  margin-bottom: 24px;
-  margin-left: 40px;
-
-  ::v-deep .bk-form-item {
-    width: 170px;
-    padding-bottom: 0 !important;
-    margin-left: 24px !important;
-  }
-}
-</style>
diff --git a/src/pages/src/views/data-source/new-data/Local.vue b/src/pages/src/views/data-source/new-data/Local.vue
deleted file mode 100644
index 67183d161..000000000
--- a/src/pages/src/views/data-source/new-data/Local.vue
+++ /dev/null
@@ -1,531 +0,0 @@
-<template>
-  <bk-form
-    class="data-source-content user-scroll-y"
-    form-type="vertical"
-    ref="formRef"
-    :model="formData"
-    :rules="rulesInfo"
-    v-bkloading="{ loading: isLoading }">
-    <div class="content-item">
-      <p class="item-title">{{ $t('基本信息') }}</p>
-      <bk-form-item :label="$t('数据源名称')" property="name" required>
-        <bk-input
-          style="width: 560px;"
-          v-model="formData.name"
-          :placeholder="validate.name.message"
-          @focus="handleChange" />
-      </bk-form-item>
-      <bk-form-item label="" required>
-        <bk-checkbox v-model="formData.config.enable_password" @change="changeAccountPassword">
-          {{ $t('开启账密登录') }}
-        </bk-checkbox>
-      </bk-form-item>
-    </div>
-    <template v-if="formData.config.enable_password">
-      <div class="content-item">
-        <p class="item-title">{{ $t('密码规则') }}</p>
-        <bk-form-item :label="$t('密码长度')" property="config.password_rule.min_length" required>
-          <bk-input
-            style="width: 200px;"
-            type="number"
-            :suffix="$t('至32位')"
-            :min="10"
-            :max="32"
-            v-model="formData.config.password_rule.min_length"
-            @change="handleChange"
-          />
-        </bk-form-item>
-        <bk-form-item :label="$t('密码必须包含')" required>
-          <bk-checkbox v-model="formData.config.password_rule.contain_lowercase">{{ $t('小写字母') }}</bk-checkbox>
-          <bk-checkbox v-model="formData.config.password_rule.contain_uppercase">{{ $t('大写字母') }}</bk-checkbox>
-          <bk-checkbox v-model="formData.config.password_rule.contain_digit">{{ $t('数字') }}</bk-checkbox>
-          <bk-checkbox v-model="formData.config.password_rule.contain_punctuation">{{ $t('特殊字符（除空格）') }}</bk-checkbox>
-          <p class="error-text" v-show="passwordRuleError">{{ $t('至少包含一类字符') }}</p>
-        </bk-form-item>
-        <bk-form-item label="" required>
-          <div>
-            <span>{{ $t('密码不允许连续') }}</span>
-            <bk-input
-              style="width: 85px;"
-              type="number"
-              behavior="simplicity"
-              v-model="formData.config.password_rule.not_continuous_count"
-            />
-            <span>{{ $t('位 出现') }}</span>
-          </div>
-          <p class="error-text" v-show="passwordCountError">{{ $t('可选值范围：5-10') }}</p>
-          <bk-checkbox v-model="formData.config.password_rule.not_keyboard_order">
-            {{ $t('键盘序') }}
-          </bk-checkbox>
-          <bk-checkbox v-model="formData.config.password_rule.not_continuous_letter">
-            {{ $t('连续字母序') }}
-          </bk-checkbox>
-          <bk-checkbox v-model="formData.config.password_rule.not_continuous_digit">
-            {{ $t('连续数字序') }}
-          </bk-checkbox>
-          <bk-checkbox v-model="formData.config.password_rule.not_repeated_symbol">
-            {{ $t('重复字母、数字、特殊符号') }}
-          </bk-checkbox>
-          <p class="error-text" v-show="passwordConfigError">{{ $t('至少包含一类连续性场景') }}</p>
-        </bk-form-item>
-        <bk-form-item :label="$t('密码有效期')" required>
-          <bk-radio-group v-model="formData.config.password_rule.valid_time" @change="handleChange">
-            <bk-radio-button
-              v-for="(item, index) in VALID_TIME"
-              :key="index"
-              :label="item.days"
-            >
-              {{ item.text }}
-            </bk-radio-button>
-          </bk-radio-group>
-        </bk-form-item>
-        <bk-form-item :label="$t('密码试错次数')" required>
-          <bk-radio-group v-model="formData.config.password_rule.max_retries" @change="handleChange">
-            <bk-radio-button
-              v-for="(item, index) in maxTrailTimesList"
-              :key="index"
-              :label="item.times"
-            >
-              {{ item.text }}
-            </bk-radio-button>
-          </bk-radio-group>
-        </bk-form-item>
-        <bk-form-item :label="$t('锁定时间')" property="config.password_rule.lock_time" required>
-          <bk-input
-            style="width: 200px;"
-            type="number"
-            :suffix="$t('秒')"
-            :min="0"
-            v-model="formData.config.password_rule.lock_time"
-            @change="handleChange"
-          />
-        </bk-form-item>
-      </div>
-      <div class="content-item">
-        <p class="item-title">{{ $t('初始密码设置') }}</p>
-        <bk-form-item label="" required>
-          <bk-checkbox
-            v-model="formData.config.password_initial.force_change_at_first_login"
-            @change="handleChange">
-            {{ $t('首次登录强制修改密码') }}
-          </bk-checkbox>
-        </bk-form-item>
-        <bk-form-item label="" required>
-          <div class="div-flex">
-            <bk-checkbox
-              v-model="formData.config.password_initial.cannot_use_previous_password"
-              @change="handleChange">
-              {{ $t('修改密码时不能重复前') }}
-            </bk-checkbox>
-            <bk-input
-              style="width: 85px;"
-              type="number"
-              behavior="simplicity"
-              :min="0"
-              :max="5"
-              v-model="formData.config.password_initial.reserved_previous_password_count"
-              @change="handleChange"
-            />
-            <span>{{ $t('次 用过的密码') }}</span>
-          </div>
-        </bk-form-item>
-        <bk-form-item class="form-item-flex" :label="$t('密码生成方式')" required>
-          <bk-radio-group v-model="formData.config.password_initial.generate_method" @change="handleChange">
-            <bk-radio label="random">{{ $t('随机') }}</bk-radio>
-            <bk-radio label="fixed">{{ $t('固定') }}</bk-radio>
-          </bk-radio-group>
-          <div v-if="formData.config.password_initial.generate_method === 'fixed'">
-            <bk-input
-              class="input-password"
-              v-model="formData.config.password_initial.fixed_password"
-              type="password" />
-            <bk-button
-              outline
-              theme="primary"
-              class="ml-[8px]"
-              @click="handleRandomPassword">{{ $t('随机生成') }}</bk-button>
-          </div>
-        </bk-form-item>
-        <bk-form-item
-          :label="$t('通知方式')"
-          :required="formData.config.password_initial.generate_method === 'random'">
-          <NotifyEditorTemplate
-            :active-methods="formData.config.password_initial.notification.enabled_methods"
-            :checkbox-info="NOTIFICATION_METHODS"
-            :data-list="formData.config.password_initial.notification.templates"
-            :is-template="isPasswordInitial"
-            :expiring-email-key="'user_initialize'"
-            :expired-email-key="'reset_password'"
-            :expiring-sms-key="'user_initialize'"
-            :expired-sms-key="'reset_password'"
-            :create-account-email="$t('创建账户邮件')"
-            :reset-password-email="$t('重设密码后的邮件')"
-            :create-account-sms="$t('创建账户短信')"
-            :reset-password-sms="$t('重设密码后的短信')"
-            @handleEditorText="handleEditorText">
-            <template #label>
-              <div class="password-header">
-                <bk-checkbox-group
-                  v-model="formData.config.password_initial.notification.enabled_methods"
-                  @change="handleChange">
-                  <bk-checkbox
-                    v-for="(item, index) in NOTIFICATION_METHODS" :key="index"
-                    :class="['password-tab', item.status ? 'active-tab' : '']"
-                    style="margin-left: 5px;"
-                    :label="item.value">
-                    <span class="checkbox-item" @click="handleClickLabel(item)">{{item.label}}</span>
-                  </bk-checkbox>
-                </bk-checkbox-group>
-                <div class="edit-info" @click="passwordInitialTemplate">
-                  <span style="font-size:14px">{{ $t('编辑通知模板') }}</span>
-                  <AngleUp v-if="isDropdownPasswordInitial" />
-                  <AngleDown v-else />
-                </div>
-              </div>
-            </template>
-          </NotifyEditorTemplate>
-          <p class="error" v-show="enabledMethodsError">{{ $t('通知方式不能为空') }}</p>
-        </bk-form-item>
-      </div>
-      <div class="content-item">
-        <p class="item-title">{{ $t('密码到期提醒') }}</p>
-        <bk-form-item :label="$t('提醒时间')" property="config.password_expire.remind_before_expire" required>
-          <bk-checkbox-group v-model="formData.config.password_expire.remind_before_expire" @change="handleChange">
-            <bk-checkbox
-              v-for="(item, index) in REMIND_DAYS"
-              :key="index"
-              :label="item.value"
-            >{{ item.label }}</bk-checkbox
-            >
-          </bk-checkbox-group>
-        </bk-form-item>
-        <bk-form-item :label="$t('通知方式')" property="config.password_expire.notification.enabled_methods" required>
-          <NotifyEditorTemplate
-            :active-methods="formData.config.password_expire.notification.enabled_methods"
-            :checkbox-info="NOTIFICATION_METHODS"
-            :data-list="formData.config.password_expire.notification.templates"
-            :is-template="isPasswordExpire"
-            :expiring-email-key="'password_expiring'"
-            :expired-email-key="'password_expired'"
-            :expiring-sms-key="'password_expiring'"
-            :expired-sms-key="'password_expired'"
-            @handleEditorText="handleEditorText">
-            <template #label>
-              <div class="password-header">
-                <bk-checkbox-group
-                  v-model="formData.config.password_expire.notification.enabled_methods"
-                  @change="handleChange">
-                  <bk-checkbox
-                    v-for="(item, index) in NOTIFICATION_METHODS" :key="index"
-                    :class="['password-tab', item.status ? 'active-tab' : '']"
-                    style="margin-left: 5px;"
-                    :label="item.value">
-                    <span class="checkbox-item" @click="handleClickLabel(item)">{{item.label}}</span>
-                  </bk-checkbox>
-                </bk-checkbox-group>
-                <div class="edit-info" @click="passwordExpireTemplate">
-                  <span style="font-size:14px">{{ $t('编辑通知模板') }}</span>
-                  <AngleUp v-if="isDropdownPasswordExpire" />
-                  <AngleDown v-else />
-                </div>
-              </div>
-            </template>
-          </NotifyEditorTemplate>
-        </bk-form-item>
-      </div>
-    </template>
-    <div class="btn">
-      <bk-button theme="primary" class="mr8" @click="handleSubmit" :loading="btnLoading">{{ $t('提交') }}</bk-button>
-      <bk-button @click="handleClickCancel">{{ $t('取消') }}</bk-button>
-    </div>
-  </bk-form>
-</template>
-
-<script setup lang="ts">
-import { InfoBox, Message } from 'bkui-vue';
-import { AngleDown, AngleUp } from 'bkui-vue/lib/icon';
-import { computed, h, onMounted, reactive, ref, watch } from 'vue';
-import { useRoute } from 'vue-router';
-
-import NotifyEditorTemplate from '@/components/notify-editor/NotifyEditorTemplate.vue';
-import { useValidate } from '@/hooks';
-import {
-  getDataSourceDetails,
-  getDefaultConfig,
-  newDataSource,
-  putDataSourceDetails,
-  randomPasswords,
-} from '@/http';
-import { t } from '@/language/index';
-import router from '@/router';
-import { NOTIFICATION_METHODS, passwordMustIncludes, passwordNotAllowed, REMIND_DAYS, VALID_TIME } from '@/utils';
-
-const route = useRoute();
-const validate = useValidate();
-
-const currentId = computed(() => {
-  const { id } = route.params;
-  return id;
-});
-
-const formRef = ref();
-// 初始密码
-const isPasswordInitial = ref(false);
-const isDropdownPasswordInitial = ref(false);
-// 密码到期
-const isPasswordExpire = ref(false);
-const isDropdownPasswordExpire = ref(false);
-const isLoading = ref(false);
-const passwordRuleError = ref(false);
-const passwordCountError = ref(false);
-const passwordConfigError = ref(false);
-const enabledMethodsError = ref(false);
-
-const formData = reactive({
-  name: '',
-  config: {},
-});
-
-const rulesInfo = {
-  name: [validate.required, validate.name],
-  min_length: [validate.required],
-};
-
-onMounted(async () => {
-  isLoading.value = true;
-  try {
-    if (currentId.value) {
-      const res = await getDataSourceDetails(currentId.value);
-      formData.name = res?.data?.name;
-      if (!res?.data?.plugin_config?.enable_password) {
-        const demo = await getDefaultConfig(route.params.type);
-        formData.config = {
-          ...demo?.data?.config,
-          enable_password: false,
-        };
-      } else {
-        formData.config = res?.data?.plugin_config;
-      }
-    } else {
-      const res = await getDefaultConfig(route.params.type);
-      formData.config = res?.data?.config;
-    }
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    isLoading.value = false;
-  }
-});
-
-watch(() => formData.config?.password_rule, (value) => {
-  if (!value) return;
-  const list = Object.entries(value).filter(([key]) => passwordMustIncludes[key]);
-  const list2 = Object.entries(value).filter(([key]) => passwordNotAllowed[key]);
-
-  passwordRuleError.value = !list.some(([, val]) => val);
-  passwordConfigError.value = !list2.some(([, val]) => val);
-
-  const count = formData.config?.password_rule?.not_continuous_count;
-  const isCountInRange = count >= 5 && count <= 10;
-
-  if (!passwordConfigError.value && isCountInRange) {
-    passwordCountError.value = false;
-  } else if (!passwordConfigError.value && !isCountInRange) {
-    passwordCountError.value = !isCountInRange;
-  } else {
-    passwordCountError.value = count === 0 && !passwordConfigError.value;
-    passwordConfigError.value = count !== 0 && passwordConfigError.value;
-  }
-}, { deep: true });
-
-watch(() => formData.config?.password_rule?.not_continuous_count, (value, oldVal) => {
-  if (!value) return;
-  if (value !== oldVal) {
-    window.changeInput = true;
-  }
-  const list = Object.entries(formData.config?.password_rule)
-    .filter(([key, val]) => passwordNotAllowed[key] && val)
-    .map(val => val);
-
-  if (value === 0) return;
-
-  const isValueInRange = value >= 5 && value <= 10;
-  passwordCountError.value = !isValueInRange;
-  passwordConfigError.value = !!list.every(v => !v);
-});
-
-watch(() => formData.config?.password_initial?.generate_method, (value) => {
-  enabledMethodsError.value = value === 'random' && !formData.config.password_initial.notification.enabled_methods.length;
-  if (value === 'random') {
-    formData.config.password_initial.fixed_password = null;
-  }
-});
-
-watch(() => formData.config?.password_initial?.notification?.enabled_methods, (value) => {
-  if (formData.config?.password_initial?.generate_method === 'fixed') {
-    return enabledMethodsError.value = false;
-  }
-  enabledMethodsError.value = !value.length;
-});
-
-const maxTrailTimesList = reactive([
-  { times: 3, text: `3 ${t('次')}` },
-  { times: 5, text: `5 ${t('次')}` },
-  { times: 10, text: `10 ${t('次')}` },
-]);
-
-const handleEditorText = (html, text, key, type) => {
-  const templates = ref(key === 'password_expiring' || key === 'password_expired'
-    ? formData.config.password_expire.notification.templates
-    : formData.config.password_initial.notification.templates);
-  templates.value.forEach((item) => {
-    if (item.method === type && item.scene === key) {
-      item.content = text;
-      item.content_html = html;
-    }
-  });
-};
-
-const handleClickLabel = (item) => {
-  NOTIFICATION_METHODS.forEach((element) => {
-    element.status = element.value === item.value;
-  });
-};
-
-const passwordInitialTemplate = () => {
-  isPasswordInitial.value = !isPasswordInitial.value;
-  isDropdownPasswordInitial.value = !isDropdownPasswordInitial.value;
-};
-
-const passwordExpireTemplate = () => {
-  isPasswordExpire.value = !isPasswordExpire.value;
-  isDropdownPasswordExpire.value = !isDropdownPasswordExpire.value;
-};
-
-const handleClickCancel = () => {
-  router.go(-1);
-};
-
-const btnLoading = ref(false);
-const handleSubmit = async () => {
-  try {
-    if (passwordRuleError.value
-      || passwordCountError.value
-      || passwordConfigError.value
-      || enabledMethodsError.value) return;
-    await formRef.value.validate();
-    btnLoading.value = true;
-    const params = {
-      name: formData.name,
-      plugin_id: route.params.type,
-      field_mapping: [],
-    };
-    if (formData.config.enable_password) {
-      params.plugin_config = {
-        password_rule: formData.config.password_rule,
-        password_initial: formData.config.password_initial,
-        password_expire: formData.config.password_expire,
-        enable_password: formData.config.enable_password,
-      };
-    } else {
-      params.plugin_config = {
-        password_rule: null,
-        password_initial: null,
-        password_expire: null,
-        enable_password: false,
-      };
-    }
-    currentId.value ? updateDataSource(params) : getDataSource(params);
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    btnLoading.value = false;
-  }
-};
-
-const updateDataSource = async (params) => {
-  const data = {
-    id: currentId.value,
-    name: params.name,
-    field_mapping: params.field_mapping,
-    plugin_config: params.plugin_config,
-  };
-  await putDataSourceDetails(data);
-  window.changeInput = false;
-  router.push({ name: 'local' });
-  Message({
-    theme: 'success',
-    message: t('数据源更新成功'),
-  });
-};
-
-const getDataSource = async (params) => {
-  await newDataSource(params);
-  window.changeInput = false;
-  router.push({ name: 'local' });
-  Message({
-    theme: 'success',
-    message: t('数据源创建成功'),
-  });
-};
-
-const handleChange = () => {
-  window.changeInput = true;
-};
-
-const changeAccountPassword = (value) => {
-  if (!value) {
-    InfoBox({
-      title: t('确认要关闭账密登录吗？'),
-      subTitle: h('div', {
-        style: {
-          textAlign: 'left',
-          lineHeight: '24px',
-        },
-      }, [
-        h('p', t('1.关闭后该数据的用户将无法通过账密登录')),
-        h('p', t('2.关闭后，再次开启时，账密规则信息会重置')),
-      ]),
-      onClosed() {
-        formData.config.enable_password = !value;
-      },
-    });
-  }
-  window.changeInput = true;
-};
-
-const handleRandomPassword = async () => {
-  try {
-    const passwordRes = await randomPasswords({});
-    formData.config.password_initial.fixed_password = passwordRes.data.password;
-    window.changeInput = true;
-  } catch (e) {
-    console.warn(e);
-  }
-};
-</script>
-
-<style lang="less" scoped>
-@import url('@/components/notify-editor/NotifyEditor.less');
-@import url('./index.less');
-
-.prefix-slot {
-  display: flex;
-  width: 80px;
-  cursor: pointer;
-  background: #e1ecff;
-  align-items: center;
-  justify-content: center;
-}
-
-.error {
-  position: absolute;
-  left: 0;
-  padding-top: 4px;
-  font-size: 12px;
-  line-height: 1;
-  color: #ea3636;
-  text-align: left;
-  animation: form-error-appear-animation 0.15s;
-}
-</style>
diff --git a/src/pages/src/views/data-source/new-data/index.less b/src/pages/src/views/data-source/new-data/index.less
deleted file mode 100644
index 6d87ef857..000000000
--- a/src/pages/src/views/data-source/new-data/index.less
+++ /dev/null
@@ -1,108 +0,0 @@
-.data-source-content {
-  height: calc(100vh - 104px);
-  padding: 24px;
-
-  .content-item {
-    background: #fff;
-    border-radius: 2px;
-    box-shadow: 0 2px 4px 0 #1919290d;
-
-    .item-title {
-      padding: 16px 0 16px 24px;
-      font-size: 14px;
-      font-weight: 700;
-    }
-
-    .div-flex {
-      display: flex;
-      align-items: center;
-    }
-
-    ::v-deep .bk-form-item {
-      padding-bottom: 24px;
-      margin-bottom: 0;
-      margin-left: 64px;
-      font-size: 14px;
-
-      &:last-child {
-        margin-bottom: 24px;
-      }
-
-      .bk-form-content {
-        line-height: 22px;
-      }
-
-      .bk-radio-button {
-        min-width: 80px;
-
-        .bk-radio-button-label {
-          font-size: 14px !important;
-        }
-      }
-
-      .bk-radio-label {
-        font-size: 14px !important;
-      }
-
-      .error-text {
-        font-size: 12px;
-        line-height: 1;
-        color: #ea3636;
-        animation: form-error-appear-animation .15s;
-      }
-    }
-
-    .form-item-flex {
-      ::v-deep .bk-form-content {
-        display: flex;
-
-        .input-password {
-          width: 240px;
-          margin-left: 28px;
-        }
-      }
-    }
-
-    ::v-deep .api-url-style {
-      display: flex;
-      align-items: center;
-
-      .bk-button {
-        margin-left: 24px;
-
-        .bk-button-text {
-          font-size: 12px;
-        }
-
-        .icon-canshu {
-          margin-right: 5px;
-          font-size: 14px;
-        }
-      }
-    }
-  }
-
-  .btn {
-    position: relative;
-
-    button {
-      min-width: 88px;
-    }
-
-    .connection-alert {
-      position: absolute;
-      top: -41px;
-      width: 100%;
-    }
-
-    .icon-close-fill {
-      font-size: 14px;
-      color: #EA3636;
-    }
-
-    .icon-duihao-2 {
-      font-size: 14px;
-      color: #2DCB56;
-    }
-  }
-}
diff --git a/src/pages/src/views/data-source/new-data/index.vue b/src/pages/src/views/data-source/new-data/index.vue
deleted file mode 100644
index 0e7288fd8..000000000
--- a/src/pages/src/views/data-source/new-data/index.vue
+++ /dev/null
@@ -1,185 +0,0 @@
-<template>
-  <bk-loading :loading="isLoading" class="data-source-wrapper">
-    <MainBreadcrumbsDetails @toBack="toBack">
-      <template #tag>
-        <bk-dropdown
-          class="data-source-type"
-          v-for="item in typeList"
-          :key="item"
-          trigger="click"
-          placement="bottom-start"
-          @hide="() => (isDropdown = false)"
-          @show="() => (isDropdown = true)">
-          <div :class="['type-title', { 'hover-title': isDropdown && !currentId }]" v-if="item.id === currentType">
-            <img v-if="item.logo" :src="item.logo">
-            <span class="pr-[10px]">{{ item.name }}</span>
-            <DownShape v-if="!currentId" class="down-shape-icon" />
-          </div>
-          <template #content v-if="!currentId">
-            <bk-dropdown-menu ext-cls="tag-menu">
-              <bk-dropdown-item
-                v-for="element in typeList"
-                :key="element"
-                :class="['type-item', { 'active': element.id === currentType }]"
-                @click="toggleType(element)">
-                <img v-if="element.logo" :src="element.logo">
-                <span>{{ element.name }}</span>
-              </bk-dropdown-item>
-            </bk-dropdown-menu>
-          </template>
-        </bk-dropdown>
-      </template>
-      <template #content v-if="currentType === 'general'">
-        <bk-steps
-          ext-cls="steps-wrapper"
-          :cur-step="curStep"
-          :steps="typeSteps?.[currentType]"
-        />
-      </template>
-    </MainBreadcrumbsDetails>
-    <Local v-if="currentType === 'local'" />
-    <Http
-      v-if="currentType === 'general'"
-      :cur-step="curStep"
-      @updateCurStep="updateCurStep" />
-  </bk-loading>
-</template>
-
-<script setup lang="ts">
-import { DownShape } from 'bkui-vue/lib/icon';
-import { computed, onMounted, reactive, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import Http from './Http.vue';
-import Local from './Local.vue';
-
-import MainBreadcrumbsDetails from '@/components/layouts/MainBreadcrumbsDetails.vue';
-import { getDataSourcePlugins } from '@/http';
-import { t } from '@/language/index';
-import router from '@/router/index';
-import { useMainViewStore } from '@/store';
-
-const route = useRoute();
-const store = useMainViewStore();
-
-const isDisabled = ref(false);
-const currentType = ref('');
-const currentId = computed(() => {
-  const { id } = route.params;
-  isDisabled.value = !!id;
-  currentType.value = route.params.type;
-  return id;
-});
-
-const isLoading = ref(false);
-const typeList = ref([]);
-
-const curStep = ref(1);
-const typeSteps = reactive({
-  general: [
-    { title: t('服务配置') },
-    { title: t('字段设置') },
-  ],
-});
-
-const isDropdown = ref(false);
-
-onMounted(async () => {
-  isLoading.value = true;
-  try {
-    const pluginsRes = await getDataSourcePlugins();
-    typeList.value = pluginsRes.data;
-    if (currentId.value) {
-      store.breadCrumbsTitle = t('编辑数据源');
-    }
-  } catch (e) {
-    console.warn(e);
-  } finally {
-    isLoading.value = false;
-  }
-});
-
-const updateCurStep = (value: number) => {
-  curStep.value = value;
-};
-
-const toggleType = (item) => {
-  router.push({
-    name: 'newLocal',
-    params: {
-      type: item.id,
-    },
-  });
-};
-
-const toBack = () => {
-  router.push({ name: 'dataSource' });
-};
-</script>
-
-<style lang="less" scoped>
-.data-source-type {
-  .type-title {
-    display: flex;
-    height: 24px;
-    line-height: 24px;
-    cursor: pointer;
-    background-color: #f0f1f5;
-    border-radius: 2px;
-    align-items: center;
-
-    img {
-      width: 14px;
-      height: 14px;
-      margin: 0 8px 0 10px;
-    }
-
-    .down-shape-icon {
-      display: inline-block;
-      margin-right: 10px;
-    }
-  }
-
-  .hover-title {
-    cursor: pointer;
-    background-color: #DCDEE5;
-
-    .down-shape-icon {
-      display: inline-block;
-      transform: rotate(180deg);
-      transition: all 0.2s;
-    }
-  }
-}
-
-.type-item {
-  display: flex;
-  align-items: center;
-
-  img {
-    width: 14px;
-    height: 14px;
-  }
-
-  span {
-    margin-left: 8px;
-  }
-}
-
-.active {
-  color: #3a84ff;
-  background-color: #E1ECFF;
-
-  &:hover {
-    background-color: #E1ECFF;
-  }
-}
-
-.steps-wrapper {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 350px;
-  transform: translate(-50%, -50%);
-}
-</style>
diff --git a/src/pages/src/views/data-source/new-data/query-params/QueryParams.vue b/src/pages/src/views/data-source/new-data/query-params/QueryParams.vue
deleted file mode 100644
index fc6baab68..000000000
--- a/src/pages/src/views/data-source/new-data/query-params/QueryParams.vue
+++ /dev/null
@@ -1,206 +0,0 @@
-<template>
-  <bk-popover
-    placement="bottom-start"
-    theme="light"
-    width="500"
-    trigger="click"
-    :is-show="isShow"
-    @after-hidden="Cancel"
-  >
-    <bk-button v-if="count === 0" text theme="primary" @click="handleShow">
-      <i class="user-icon icon-canshu"></i>
-      {{ $t('配置查询参数') }}
-    </bk-button>
-    <bk-button v-else text theme="primary" @click="handleShow">
-      <i class="user-icon icon-canshu"></i>
-      {{ $t('已配置x项查询参数', { count }) }}
-    </bk-button>
-    <template #content>
-      <div class="config-params">
-        <p class="title">
-          <i class="user-icon icon-info-i"></i>
-          {{ $t('查询参数(Query Parameters)：如/staffs？name=value: 出现在？后面，由&分隔。') }}
-        </p>
-        <bk-form
-          class="config-form user-scroll-y"
-          ref="formRef"
-          form-type="vertical"
-          :model="dataList">
-          <div
-            class="content"
-            v-for="(item, index) in dataList"
-            :key="index">
-            <bk-form-item
-              class="w-[200px] mr-[8px]"
-              error-display-type="tooltips"
-              :property="`${index}.key`"
-              :rules="rules.key">
-              <bk-input
-                :placeholder="$t('请输入Key')"
-                v-model="item.key"
-                @input="$emit('updateStatus')" />
-            </bk-form-item>
-            <bk-form-item
-              class="w-[200px] mr-[10px]"
-              error-display-type="tooltips"
-              :property="`${index}.value`"
-              :rules="rules.value">
-              <bk-input
-                :placeholder="$t('请输入Value')"
-                v-model="item.value"
-                @input="$emit('updateStatus')" />
-            </bk-form-item>
-            <i class="user-icon icon-plus-fill" @click="addParams" />
-            <bk-button
-              text
-              :disabled="dataList.length === 1"
-              @click="deleteParams(index)">
-              <i :class="['user-icon icon-minus-fill', { 'forbid': dataList.length === 1 }]" />
-            </bk-button>
-          </div>
-        </bk-form>
-        <div class="footer">
-          <bk-button theme="primary" size="small" @click="handleVerify">
-            {{ $t('确定') }}
-          </bk-button>
-          <bk-button size="small" @click="Cancel">
-            {{ $t('取消') }}
-          </bk-button>
-        </div>
-      </div>
-    </template>
-  </bk-popover>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref, watch } from 'vue';
-
-import { useValidate } from '@/hooks';
-
-const validate = useValidate();
-
-const emit = defineEmits(['saveParams', 'updateStatus']);
-const props = defineProps({
-  paramsList: {
-    type: Array,
-    default: () => ([]),
-  },
-  currentId: {
-    type: Number,
-  },
-});
-
-const dataList = ref(JSON.parse(JSON.stringify(props.paramsList)));
-const formRef = ref();
-const isShow = ref(false);
-const count = ref(0);
-
-const rules = {
-  key: [validate.required],
-  value: [validate.required],
-};
-// 已配置查询数量
-watch(() => props.paramsList, (value) => {
-  const status = value.every(item => item.key === '' && item.value === '');
-  if (!status) {
-    count.value = value.length;
-  }
-}, {
-  deep: true,
-  immediate: true,
-});
-
-onMounted(() => {
-  if (props.currentId) {
-    setTimeout(() => {
-      dataList.value = JSON.parse(JSON.stringify(props.paramsList));
-    }, 500);
-  }
-});
-
-const handleShow = () => {
-  if (!props.paramsList.length) {
-    dataList.value.push({ key: '', value: '' });
-    emit('saveParams', dataList.value);
-  }
-  isShow.value = true;
-};
-
-const Cancel = () => {
-  dataList.value = JSON.parse(JSON.stringify(props.paramsList));
-  isShow.value = false;
-};
-
-const handleVerify = async () => {
-  await formRef.value.validate();
-  isShow.value = false;
-  window.changeInput = true;
-  emit('saveParams', dataList.value);
-  count.value = dataList.value.length;
-};
-
-const addParams = () => {
-  dataList.value.push({ key: '', value: '' });
-};
-
-const deleteParams = (index) => {
-  dataList.value.splice(index, 1);
-};
-</script>
-
-<style lang="less" scoped>
-.config-params {
-  .title {
-    margin: 12px 0;
-    font-size: 12px;
-    color: #63656e;
-
-    .icon-info-i {
-      margin-right: 8px;
-      font-size: 14px;
-      color: #979BA5;
-    }
-  }
-
-  .config-form {
-    max-height: 300px;
-    margin-bottom: 12px;
-    overflow-x: hidden;
-  }
-
-  .content {
-    display: flex;
-    align-items: center;
-    margin-bottom: 8px;
-
-    ::v-deep .bk-form-item {
-      margin-bottom: 0;
-    }
-
-    .user-icon {
-      margin: 0 7px;
-      font-size: 16px;
-      color: #dcdee5;
-      cursor: pointer;
-
-      &:hover {
-        color: #c4c6cc;
-      }
-
-      &.forbid {
-        color: #EAEBF0;
-      }
-    }
-  }
-
-  .footer {
-    padding-bottom: 10px;
-    text-align: right;
-
-    .bk-button {
-      width: 64px;
-      margin-right: 8px;
-    }
-  }
-}
-</style>
diff --git a/src/pages/src/views/setting/BasicsSetting.vue b/src/pages/src/views/setting/BasicsSetting.vue
index 90bc71f2b..ced9afe21 100644
--- a/src/pages/src/views/setting/BasicsSetting.vue
+++ b/src/pages/src/views/setting/BasicsSetting.vue
@@ -13,7 +13,7 @@
                 <bk-input v-model="formData.name" :placeholder="validate.name.message" />
               </bk-form-item>
               <bk-form-item :label="$t('租户ID')" property="id" required>
-                <bk-input v-model="formData.id" />
+                <bk-input v-model="formData.id" readonly />
               </bk-form-item>
             </div>
             <bk-form-item :label="$t('租户logo')">
diff --git a/src/pages/src/views/setting/LoginSetting.vue b/src/pages/src/views/setting/LoginSetting.vue
index cc5f92e73..4f1998ccd 100644
--- a/src/pages/src/views/setting/LoginSetting.vue
+++ b/src/pages/src/views/setting/LoginSetting.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="login-setting-wrapper user-scroll-y">
-    <ul class="login-setting-content">
+  <div class="login-setting-wrapper user-scroll-y" v-bkloading="{ loading: isLoading, zIndex: 9 }">
+    <ul v-if="currentDataSource?.plugin_id" class="login-setting-content">
       <li class="item-box">
         <div class="header">
           <p>{{ $t('基本登录方式') }}</p>
@@ -8,24 +8,20 @@
         <div class="login-box">
           <div
             class="login-item"
-            v-for="(item, index) in loginMethods"
+            v-for="(item, index) in idpsPlugins"
             :key="index">
-            <div
-              :class="[
-                'login-content',
-                item.status,
-              ]">
+            <div class="login-content">
               <div
-                class="name"
+                :class="['box', { 'disabled-box': item.status === 'disabled' && !item.idp_id }]"
                 v-bk-tooltips="{
-                  content: $t('暂未配置'),
-                  disabled: item.status !== 'not',
+                  content: item.text,
+                  disabled: item.status !== 'disabled' || item.idp_id,
                 }"
                 @click="handleClickActive(item)">
-                <i :class="item.logo" />
+                <img :src="item.logo" class="logo-style" />
                 <span>{{ item.name }}</span>
                 <bk-tag
-                  v-if="item.type === 'local'"
+                  v-if="item.id === 'local'"
                   class="tag-info"
                   type="stroke"
                   theme="info"
@@ -34,42 +30,7 @@
                 </bk-tag>
               </div>
               <bk-tag
-                v-if="item.status === 'enable'"
-                class="status-tag"
-                type="filled"
-                theme="success"
-              >
-                {{ $t('已启用') }}
-              </bk-tag>
-            </div>
-          </div>
-        </div>
-      </li>
-      <li class="item-box">
-        <div class="header">
-          <p>{{ $t('个人社交账号登录') }}</p>
-        </div>
-        <div class="login-box">
-          <div
-            class="login-item"
-            v-for="(item, index) in personalLoginMethods"
-            :key="index">
-            <div
-              :class="[
-                'login-content',
-                item.status,
-              ]">
-              <div
-                class="name"
-                v-bk-tooltips="{
-                  content: $t('暂未配置'),
-                  disabled: item.status !== 'not',
-                }">
-                <i :class="item.logo" />
-                <span>{{ item.name }}</span>
-              </div>
-              <bk-tag
-                v-if="item.status === 'enable'"
+                v-if="item.status === 'enabled'"
                 class="status-tag"
                 type="filled"
                 theme="success"
@@ -81,9 +42,30 @@
         </div>
       </li>
     </ul>
+    <div v-else>
+      <bk-exception
+        class="exception-wrap-item"
+        type="building"
+        :title="$t('暂未配置数据源')"
+        :description="$t('需要先配置数据源后才可进行登录配置，当前支持使用以下方式进行登录')"
+      >
+        <div class="bg-white px-[24px] py-[16px] w-[508px] text-left">
+          <p class="mb-[8px]">{{ $t('基本登录方式') }}</p>
+          <bk-tag v-for="(item, index) in idpsPlugins" :key="index" class="mr-[8px] !important">
+            <template #icon>
+              <img :src="item.logo" class="w-[16px] h-[16px]">
+            </template>
+            {{ item.name }}
+          </bk-tag>
+        </div>
+        <bk-button theme="primary" class="mt-[24px]" @click="handleDataSource">
+          {{ $t('配置数据源') }}
+        </bk-button>
+      </bk-exception>
+    </div>
     <!-- 认证源详情 -->
     <bk-sideslider
-      :width="(authDetails?.type === 'local' && detailsConfig.isEdit) ? 960 : 640"
+      :width="(authDetails?.id === 'local' && detailsConfig.isEdit) ? 960 : 640"
       :is-show="detailsConfig.show"
       :title="detailsConfig.title"
       :before-close="handleBeforeClose"
@@ -103,20 +85,22 @@
         </div>
       </template>
       <template #default>
-        <template v-if="authDetails?.type === 'local'">
+        <template v-if="authDetails?.id === 'local'">
           <Local
             v-if="detailsConfig.isEdit"
-            :current-id="authDetails?.id"
+            :current-id="authDetails?.idp_id"
             @cancel="cancelEdit"
-            @success="handleSuccess" />
-          <LocalView v-else :current-id="authDetails?.id" @updateRow="updateRow" />
+            @success="localSuccess" />
+          <LocalView v-else :current-id="authDetails?.idp_id" @updateRow="updateRow" />
         </template>
-        <template v-if="authDetails?.type === 'wecom'">
+        <template v-if="authDetails?.id === 'wecom'">
           <WeCom
             v-if="detailsConfig.isEdit"
-            :data="authDetails"
-            @cancelEdit="cancelEdit" :current-id="authDetails?.id" />
-          <WeComView v-else />
+            :data-source-id="currentDataSource?.id"
+            :current-id="authDetails?.idp_id"
+            @success="weComSuccess"
+            @cancelEdit="cancelEdit" />
+          <WeComView v-else :current-id="authDetails?.idp_id" />
         </template>
       </template>
     </bk-sideslider>
@@ -125,68 +109,70 @@
 
 <script setup lang="ts">
 import { bkTooltips as vBkTooltips, InfoBox } from 'bkui-vue';
-import { h, inject, reactive, ref } from 'vue';
+import { h, inject, onMounted, reactive, ref } from 'vue';
 
 import Local from './auth-config/Local.vue';
 import LocalView from './auth-config/LocalView.vue';
 import WeCom from './auth-config/WeCom.vue';
 import WeComView from './auth-config/WeComView.vue';
 
+import {
+  getDataSourceList,
+  getIdps,
+  getIdpsPlugins,
+} from '@/http';
 import { t } from '@/language/index';
+import router from '@/router';
 import { useMainViewStore } from '@/store';
+import { copy } from '@/utils';
 
 const store = useMainViewStore();
 store.customBreadcrumbs = false;
 const editLeaveBefore = inject('editLeaveBefore');
 
-const loginMethods = ref([
-  {
-    id: '1',
-    logo: 'bk-sq-icon icon-personal-user',
-    name: '账密登录1',
-    status: 'enable',
-    type: 'local',
-  },
-  {
-    id: '',
-    logo: 'bk-sq-icon icon-personal-user',
-    name: '账密登录2',
-    status: 'not',
-    type: 'local',
-  },
-  {
-    id: 'bd103f62c51e4683bd240271ab9e08cf',
-    logo: 'user-icon icon-qiyeweixin-2',
-    name: '企业微信登录1',
-    status: 'enable',
-    type: 'wecom',
-  },
-  {
-    id: '',
-    logo: 'user-icon icon-qiyeweixin-2',
-    name: '企业微信登录2',
-    status: 'not',
-    type: 'wecom',
-  },
-]);
-
-const personalLoginMethods = ref([
-  {
-    logo: 'user-icon icon-weixin',
-    name: '微信扫码登录',
-    status: 'enable',
-  },
-  {
-    logo: 'user-icon icon-qq',
-    name: 'QQ扫码登录',
-    status: 'enable',
-  },
-  {
-    logo: 'user-icon icon-google',
-    name: '谷歌账号登录',
-    status: 'not',
-  },
-]);
+const isLoading = ref(false);
+const idpsPlugins = ref([]);
+const currentDataSource = ref({});
+onMounted(() => {
+  getRealDataSource();
+  initIdpsPlugins();
+});
+
+// 获取当前实名数据源
+const getRealDataSource = () => {
+  getDataSourceList({ type: 'real' }).then((res) => {
+    currentDataSource.value = res.data[0] || {};
+  });
+};
+
+const initIdpsPlugins = async () => {
+  try {
+    isLoading.value = true;
+    const [pluginsRes, idpsRes] = await Promise.all([
+      getIdpsPlugins(),
+      getIdps(''),
+    ]);
+
+    idpsPlugins.value = pluginsRes.data;
+
+    idpsPlugins.value.forEach((plugin) => {
+      const idp = idpsRes.data.find(idp => idp.plugin.id === plugin.id);
+      if (idp) {
+        plugin.idp_id = idp.id;
+        plugin.status = idp.status;
+      } else {
+        plugin.status = 'disabled';
+        plugin.text = currentDataSource.value.plugin_id !== 'local' && plugin.id === 'local'
+          ? t('仅对本地数据源启用')
+          : t('暂未配置');
+      }
+    });
+  } catch (e) {
+    console.warn(e);
+  } finally {
+    isLoading.value = false;
+  }
+};
 
 const detailsConfig = reactive({
   show: false,
@@ -197,11 +183,24 @@ const detailsConfig = reactive({
 const authDetails = ref({});
 
 const handleClickActive = (item) => {
-  authDetails.value = item;
-  detailsConfig.show = true;
-  if (item.status === 'not') {
+  if (!currentDataSource.value?.plugin_id) {
+    InfoBox({
+      title: t('暂未配置数据源'),
+      confirmText: t('去配置'),
+      onConfirm: () => {
+        router.push({ name: 'dataSource' });
+      },
+    });
+    return;
+  };
+  if (!item.idp_id) {
     detailsConfig.isEdit = true;
+    detailsConfig.title = `${item.name}${t('登录配置')}`;
+  } else {
+    detailsConfig.title = `${item.name}${t('登录详情')}`;
   }
+  authDetails.value = item;
+  detailsConfig.show = true;
 };
 
 const currentRow = ref({});
@@ -214,10 +213,11 @@ const handleEditDetails = () => {
 };
 
 const cancelEdit = () => {
-  if (!authDetails.value.id) {
+  if (!authDetails.value.idp_id) {
     detailsConfig.show = false;
   }
   detailsConfig.isEdit = false;
+  window.changeInput = false;
 };
 
 const handleBeforeClose = async () => {
@@ -235,7 +235,8 @@ const handleBeforeClose = async () => {
   }
 };
 
-const handleSuccess = () => {
+// 本地认证源配置成功
+const localSuccess = () => {
   window.changeInput = false;
   detailsConfig.show = false;
   InfoBox({
@@ -258,8 +259,76 @@ const handleSuccess = () => {
         },
       }, t('账号重置需要一定时间，账号生效以最终邮件通知为准')),
     ]),
+    dialogType: 'confirm',
+    footerAlign: 'center',
+    closeIcon: false,
+    quickClose: false,
+    onConfirm: () => {
+      initIdpsPlugins();
+    },
   });
 };
+
+// 企业微信认证源配置成功
+const weComSuccess = (url: string) => {
+  window.changeInput = false;
+  detailsConfig.show = false;
+  if (url) {
+    InfoBox({
+      title: t('配置成功'),
+      subTitle: h('div', {
+        style: {
+          display: url ? 'block' : 'none',
+          textAlign: 'left',
+        },
+      }, [
+        h('p', {
+          style: {
+            marginBottom: '12px',
+          },
+        }, t('请将一下回调地址填写到企业微信配置内：')),
+        h('div', {
+          style: {
+            background: '#F5F7FA',
+            padding: '8px 12px',
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+          },
+        }, [
+          h('p', {
+            style: {
+              width: '230px',
+            },
+          }, url),
+          h('i', {
+            class: 'user-icon icon-copy',
+            style: {
+              color: '#3A84FF',
+              fontSize: '14px',
+              cursor: 'pointer',
+            },
+            onClick: () => copy(url),
+          }),
+        ]),
+      ]),
+      dialogType: 'confirm',
+      confirmText: t('确定'),
+      infoType: 'success',
+      quickClose: false,
+      closeIcon: false,
+      onConfirm() {
+        initIdpsPlugins();
+      },
+    });
+  } else {
+    initIdpsPlugins();
+  }
+};
+
+const handleDataSource = () => {
+  router.push({ name: 'dataSource' });
+};
 </script>
 
 <style lang="less" scoped>
@@ -309,39 +378,52 @@ const handleSuccess = () => {
               background: #E1ECFF;
             }
 
-            i {
-              font-size: 24px;
-            }
+            .box {
+              display: flex;
+              align-items: center;
 
-            span {
-              margin-left: 8px;
-              font-size: 14px;
-              color: #313238;
-            }
-
-            .status-tag {
-              position: absolute;
-              top: -2px;
-              right: -6px;
-              background: #2DCB9D;
-            }
+              .logo-style {
+                width: 24px;
+                height: 24px;
+                margin-left: 24px;
+              }
 
-            .tag-info {
-              background: #F0F5FF;
+              span {
+                margin: 0 6px 0 12px;
+                font-size: 14px;
+                color: #313238;
+              }
 
-              :deep(.bk-tag-text) {
+              .tag-info {
                 background: #F0F5FF;
+
+                :deep(.bk-tag-text) {
+                  background: #F0F5FF;
+                }
               }
             }
-          }
 
-          .not {
-            &:hover {
-              background: #F5F7FA;
+            .disabled-box {
+              span {
+                color: #C4C6CC !important;
+              }
+
+              .tag-info {
+                background: #FAFBFD;
+                border: 1px solid #DCDEE5;
+
+                :deep(.bk-tag-text) {
+                  color: #C4C6CC;
+                  background: #FAFBFD;
+                }
+              }
             }
 
-            i, span {
-              color: #C4C6CC;
+            .status-tag {
+              position: absolute;
+              top: -2px;
+              right: -6px;
+              background: #2DCB9D;
             }
           }
         }
diff --git a/src/pages/src/views/setting/auth-config/Local.vue b/src/pages/src/views/setting/auth-config/Local.vue
index a5579ec3a..b5108d39c 100644
--- a/src/pages/src/views/setting/auth-config/Local.vue
+++ b/src/pages/src/views/setting/auth-config/Local.vue
@@ -16,225 +16,223 @@
         </bk-form-item>
         <bk-form-item :label="$t('是否启用')" required>
           <bk-switcher
-            :value="formData.config.enable_account_password_login"
+            :value="formData.config?.enable_password"
             theme="primary"
             size="large"
             @change="changeAccountPassword"
           />
         </bk-form-item>
       </Row>
-      <template v-if="formData.config.enable_account_password_login">
-        <Row :title="$t('密码规则')">
-          <bk-form-item :label="$t('密码长度')" property="config.password_rule.min_length" required>
+      <Row :title="$t('密码规则')" v-if="formData.config?.password_rule">
+        <bk-form-item :label="$t('密码长度')" property="config.password_rule.min_length" required>
+          <bk-input
+            style="width: 200px;"
+            type="number"
+            :suffix="$t('至32位')"
+            :min="10"
+            :max="32"
+            v-model="formData.config.password_rule.min_length"
+            @change="handleChange"
+          />
+        </bk-form-item>
+        <bk-form-item :label="$t('密码必须包含')" required>
+          <bk-checkbox v-model="formData.config.password_rule.contain_lowercase">{{ $t('小写字母') }}</bk-checkbox>
+          <bk-checkbox v-model="formData.config.password_rule.contain_uppercase">{{ $t('大写字母') }}</bk-checkbox>
+          <bk-checkbox v-model="formData.config.password_rule.contain_digit">{{ $t('数字') }}</bk-checkbox>
+          <bk-checkbox v-model="formData.config.password_rule.contain_punctuation">{{ $t('特殊字符（除空格）') }}</bk-checkbox>
+          <p class="error-text" v-show="passwordRuleError">{{ $t('至少包含一类字符') }}</p>
+        </bk-form-item>
+        <bk-form-item label="" required>
+          <div class="div-flex">
+            <span>{{ $t('密码不允许连续') }}</span>
             <bk-input
-              style="width: 200px;"
+              style="width: 85px;"
               type="number"
-              :suffix="$t('至32位')"
-              :min="10"
-              :max="32"
-              v-model="formData.config.password_rule.min_length"
-              @change="handleChange"
+              behavior="simplicity"
+              v-model="formData.config.password_rule.not_continuous_count"
             />
-          </bk-form-item>
-          <bk-form-item :label="$t('密码必须包含')" required>
-            <bk-checkbox v-model="formData.config.password_rule.contain_lowercase">{{ $t('小写字母') }}</bk-checkbox>
-            <bk-checkbox v-model="formData.config.password_rule.contain_uppercase">{{ $t('大写字母') }}</bk-checkbox>
-            <bk-checkbox v-model="formData.config.password_rule.contain_digit">{{ $t('数字') }}</bk-checkbox>
-            <bk-checkbox v-model="formData.config.password_rule.contain_punctuation">{{ $t('特殊字符（除空格）') }}</bk-checkbox>
-            <p class="error-text" v-show="passwordRuleError">{{ $t('至少包含一类字符') }}</p>
-          </bk-form-item>
-          <bk-form-item label="" required>
-            <div class="div-flex">
-              <span>{{ $t('密码不允许连续') }}</span>
-              <bk-input
-                style="width: 85px;"
-                type="number"
-                behavior="simplicity"
-                v-model="formData.config.password_rule.not_continuous_count"
-              />
-              <span>{{ $t('位 出现') }}</span>
-            </div>
-            <p class="error-text" v-show="passwordCountError">{{ $t('可选值范围：5-10') }}</p>
-            <bk-checkbox v-model="formData.config.password_rule.not_keyboard_order">
-              {{ $t('键盘序') }}
-            </bk-checkbox>
-            <bk-checkbox v-model="formData.config.password_rule.not_continuous_letter">
-              {{ $t('连续字母序') }}
-            </bk-checkbox>
-            <bk-checkbox v-model="formData.config.password_rule.not_continuous_digit">
-              {{ $t('连续数字序') }}
-            </bk-checkbox>
-            <bk-checkbox v-model="formData.config.password_rule.not_repeated_symbol">
-              {{ $t('重复字母、数字、特殊符号') }}
-            </bk-checkbox>
-            <p class="error-text" v-show="passwordConfigError">{{ $t('至少包含一类连续性场景') }}</p>
-          </bk-form-item>
-        </Row>
-        <Row :title="$t('初始密码设置')">
-          <bk-form-item label="" required>
-            <div class="div-flex">
-              <bk-checkbox
-                v-model="formData.config.password_initial.cannot_use_previous_password"
-                @change="handleChange">
-                {{ $t('修改密码时不能重复前') }}
-              </bk-checkbox>
-              <bk-input
-                style="width: 85px;"
-                type="number"
-                behavior="simplicity"
-                :min="0"
-                :max="5"
-                v-model="formData.config.password_initial.reserved_previous_password_count"
-                @change="handleChange"
-              />
-              <span>{{ $t('次 用过的密码') }}</span>
-            </div>
-          </bk-form-item>
-          <bk-form-item class="form-item-flex" :label="$t('密码生成方式')" required>
-            <bk-radio-group v-model="formData.config.password_initial.generate_method" @change="handleChange">
-              <bk-radio label="random">{{ $t('随机') }}</bk-radio>
-              <bk-radio label="fixed">{{ $t('固定') }}</bk-radio>
-            </bk-radio-group>
-            <div v-if="formData.config.password_initial.generate_method === 'fixed'">
-              <bk-input
-                class="input-password"
-                v-model="formData.config.password_initial.fixed_password"
-                type="password" />
-              <bk-button
-                outline
-                theme="primary"
-                class="ml-[8px]"
-                @click="handleRandomPassword">{{ $t('随机生成') }}</bk-button>
-            </div>
-          </bk-form-item>
-          <bk-form-item
-            :label="$t('通知方式')"
-            :required="formData.config.password_initial.generate_method === 'random'">
-            <NotifyEditorTemplate
-              :active-methods="formData.config.password_initial.notification.enabled_methods"
-              :checkbox-info="NOTIFICATION_METHODS"
-              :data-list="formData.config.password_initial.notification.templates"
-              :is-template="isPasswordInitial"
-              :expiring-email-key="'user_initialize'"
-              :expired-email-key="'reset_password'"
-              :expiring-sms-key="'user_initialize'"
-              :expired-sms-key="'reset_password'"
-              :create-account-email="$t('创建账户邮件')"
-              :reset-password-email="$t('重设密码后的邮件')"
-              :create-account-sms="$t('创建账户短信')"
-              :reset-password-sms="$t('重设密码后的短信')"
-              @handleEditorText="handleEditorText">
-              <template #label>
-                <div class="password-header">
-                  <bk-checkbox-group
-                    v-model="formData.config.password_initial.notification.enabled_methods"
-                    @change="handleChange">
-                    <bk-checkbox
-                      v-for="(item, index) in NOTIFICATION_METHODS" :key="index"
-                      :class="['password-tab', item.status ? 'active-tab' : '']"
-                      style="margin-left: 5px;"
-                      :label="item.value">
-                      <span class="checkbox-item" @click="handleClickLabel(item)">{{item.label}}</span>
-                    </bk-checkbox>
-                  </bk-checkbox-group>
-                  <div class="edit-info" @click="passwordInitialTemplate">
-                    <span style="font-size:14px">{{ $t('编辑通知模板') }}</span>
-                    <AngleUp v-if="isDropdownPasswordInitial" />
-                    <AngleDown v-else />
-                  </div>
-                </div>
-              </template>
-            </NotifyEditorTemplate>
-            <p class="error" v-show="enabledMethodsError">{{ $t('通知方式不能为空') }}</p>
-          </bk-form-item>
-        </Row>
-        <Row :title="$t('登录限制')">
-          <bk-form-item label="" required>
+            <span>{{ $t('位 出现') }}</span>
+          </div>
+          <p class="error-text" v-show="passwordCountError">{{ $t('可选值范围：5-10') }}</p>
+          <bk-checkbox v-model="formData.config.password_rule.not_keyboard_order">
+            {{ $t('键盘序') }}
+          </bk-checkbox>
+          <bk-checkbox v-model="formData.config.password_rule.not_continuous_letter">
+            {{ $t('连续字母序') }}
+          </bk-checkbox>
+          <bk-checkbox v-model="formData.config.password_rule.not_continuous_digit">
+            {{ $t('连续数字序') }}
+          </bk-checkbox>
+          <bk-checkbox v-model="formData.config.password_rule.not_repeated_symbol">
+            {{ $t('重复字母、数字、特殊符号') }}
+          </bk-checkbox>
+          <p class="error-text" v-show="passwordConfigError">{{ $t('至少包含一类连续性场景') }}</p>
+        </bk-form-item>
+      </Row>
+      <Row :title="$t('初始密码设置')" v-if="formData.config?.password_initial">
+        <bk-form-item label="" required>
+          <div class="div-flex">
             <bk-checkbox
-              v-model="formData.config.password_initial.force_change_at_first_login"
+              v-model="formData.config.password_initial.cannot_use_previous_password"
               @change="handleChange">
-              {{ $t('首次登录强制修改密码') }}
+              {{ $t('修改密码时不能重复前') }}
             </bk-checkbox>
-          </bk-form-item>
-          <bk-form-item :label="$t('密码试错次数')" required>
-            <bk-radio-group v-model="formData.config.password_rule.max_retries" @change="handleChange">
-              <bk-radio-button
-                v-for="(item, index) in maxTrailTimesList"
-                :key="index"
-                :label="item.times"
-              >
-                {{ item.text }}
-              </bk-radio-button>
-            </bk-radio-group>
-          </bk-form-item>
-          <bk-form-item :label="$t('锁定时间')" property="config.password_rule.lock_time" required>
             <bk-input
-              style="width: 200px;"
+              style="width: 85px;"
               type="number"
-              :suffix="$t('秒')"
+              behavior="simplicity"
               :min="0"
-              v-model="formData.config.password_rule.lock_time"
+              :max="5"
+              v-model="formData.config.password_initial.reserved_previous_password_count"
               @change="handleChange"
             />
-          </bk-form-item>
-        </Row>
-        <Row :title="$t('密码有效期设置')">
-          <bk-form-item :label="$t('密码有效期')" required>
-            <bk-radio-group v-model="formData.config.password_rule.valid_time" @change="handleChange">
-              <bk-radio-button
-                v-for="(item, index) in VALID_TIME"
-                :key="index"
-                :label="item.days"
-              >
-                {{ item.text }}
-              </bk-radio-button>
-            </bk-radio-group>
-          </bk-form-item>
-          <bk-form-item :label="$t('提醒时间')" property="config.password_expire.remind_before_expire" required>
-            <bk-checkbox-group v-model="formData.config.password_expire.remind_before_expire" @change="handleChange">
-              <bk-checkbox
-                v-for="(item, index) in REMIND_DAYS"
-                :key="index"
-                :label="item.value"
-              >{{ item.label }}</bk-checkbox
-              >
-            </bk-checkbox-group>
-          </bk-form-item>
-          <bk-form-item :label="$t('通知方式')" property="config.password_expire.notification.enabled_methods" required>
-            <NotifyEditorTemplate
-              :active-methods="formData.config.password_expire.notification.enabled_methods"
-              :checkbox-info="NOTIFICATION_METHODS"
-              :data-list="formData.config.password_expire.notification.templates"
-              :is-template="isPasswordExpire"
-              :expiring-email-key="'password_expiring'"
-              :expired-email-key="'password_expired'"
-              :expiring-sms-key="'password_expiring'"
-              :expired-sms-key="'password_expired'"
-              @handleEditorText="handleEditorText">
-              <template #label>
-                <div class="password-header">
-                  <bk-checkbox-group
-                    v-model="formData.config.password_expire.notification.enabled_methods"
-                    @change="handleChange">
-                    <bk-checkbox
-                      v-for="(item, index) in NOTIFICATION_METHODS" :key="index"
-                      :class="['password-tab', item.status ? 'active-tab' : '']"
-                      style="margin-left: 5px;"
-                      :label="item.value">
-                      <span class="checkbox-item" @click="handleClickLabel(item)">{{item.label}}</span>
-                    </bk-checkbox>
-                  </bk-checkbox-group>
-                  <div class="edit-info" @click="passwordExpireTemplate">
-                    <span style="font-size:14px">{{ $t('编辑通知模板') }}</span>
-                    <AngleUp v-if="isDropdownPasswordExpire" />
-                    <AngleDown v-else />
-                  </div>
+            <span>{{ $t('次 用过的密码') }}</span>
+          </div>
+        </bk-form-item>
+        <bk-form-item class="form-item-flex" :label="$t('密码生成方式')" required>
+          <bk-radio-group v-model="formData.config.password_initial.generate_method" @change="handleChange">
+            <bk-radio label="random">{{ $t('随机') }}</bk-radio>
+            <bk-radio label="fixed">{{ $t('固定') }}</bk-radio>
+          </bk-radio-group>
+          <div v-if="formData.config.password_initial.generate_method === 'fixed'">
+            <bk-input
+              class="input-password"
+              v-model="formData.config.password_initial.fixed_password"
+              type="password" />
+            <bk-button
+              outline
+              theme="primary"
+              class="ml-[8px]"
+              @click="handleRandomPassword">{{ $t('随机生成') }}</bk-button>
+          </div>
+        </bk-form-item>
+        <bk-form-item
+          :label="$t('通知方式')"
+          :required="formData.config.password_initial.generate_method === 'random'">
+          <NotifyEditorTemplate
+            :active-methods="formData.config.password_initial.notification.enabled_methods"
+            :checkbox-info="NOTIFICATION_METHODS"
+            :data-list="formData.config.password_initial.notification.templates"
+            :is-template="isPasswordInitial"
+            :expiring-email-key="'user_initialize'"
+            :expired-email-key="'reset_password'"
+            :expiring-sms-key="'user_initialize'"
+            :expired-sms-key="'reset_password'"
+            :create-account-email="$t('创建账户邮件')"
+            :reset-password-email="$t('重设密码后的邮件')"
+            :create-account-sms="$t('创建账户短信')"
+            :reset-password-sms="$t('重设密码后的短信')"
+            @handleEditorText="handleEditorText">
+            <template #label>
+              <div class="password-header">
+                <bk-checkbox-group
+                  v-model="formData.config.password_initial.notification.enabled_methods"
+                  @change="handleChange">
+                  <bk-checkbox
+                    v-for="(item, index) in NOTIFICATION_METHODS" :key="index"
+                    :class="['password-tab', item.status ? 'active-tab' : '']"
+                    style="margin-left: 5px;"
+                    :label="item.value">
+                    <span class="checkbox-item" @click="handleClickLabel(item)">{{item.label}}</span>
+                  </bk-checkbox>
+                </bk-checkbox-group>
+                <div class="edit-info" @click="passwordInitialTemplate">
+                  <span style="font-size:14px">{{ $t('编辑通知模板') }}</span>
+                  <AngleUp v-if="isDropdownPasswordInitial" />
+                  <AngleDown v-else />
+                </div>
+              </div>
+            </template>
+          </NotifyEditorTemplate>
+          <p class="error" v-show="enabledMethodsError">{{ $t('通知方式不能为空') }}</p>
+        </bk-form-item>
+      </Row>
+      <Row :title="$t('登录限制')" v-if="formData.config?.login_limit">
+        <bk-form-item label="" required>
+          <bk-checkbox
+            v-model="formData.config.login_limit.force_change_at_first_login"
+            @change="handleChange">
+            {{ $t('首次登录强制修改密码') }}
+          </bk-checkbox>
+        </bk-form-item>
+        <bk-form-item :label="$t('密码试错次数')" required>
+          <bk-radio-group v-model="formData.config.login_limit.max_retries" @change="handleChange">
+            <bk-radio-button
+              v-for="(item, index) in maxTrailTimesList"
+              :key="index"
+              :label="item.times"
+            >
+              {{ item.text }}
+            </bk-radio-button>
+          </bk-radio-group>
+        </bk-form-item>
+        <bk-form-item :label="$t('锁定时间')" property="config.login_limit.lock_time" required>
+          <bk-input
+            style="width: 200px;"
+            type="number"
+            :suffix="$t('秒')"
+            :min="0"
+            v-model="formData.config.login_limit.lock_time"
+            @change="handleChange"
+          />
+        </bk-form-item>
+      </Row>
+      <Row :title="$t('密码有效期设置')" v-if="formData.config?.password_expire">
+        <bk-form-item :label="$t('密码有效期')" required>
+          <bk-radio-group v-model="formData.config.password_expire.valid_time" @change="handleChange">
+            <bk-radio-button
+              v-for="(item, index) in VALID_TIME"
+              :key="index"
+              :label="item.days"
+            >
+              {{ item.text }}
+            </bk-radio-button>
+          </bk-radio-group>
+        </bk-form-item>
+        <bk-form-item :label="$t('提醒时间')" property="config.password_expire.remind_before_expire" required>
+          <bk-checkbox-group v-model="formData.config.password_expire.remind_before_expire" @change="handleChange">
+            <bk-checkbox
+              v-for="(item, index) in REMIND_DAYS"
+              :key="index"
+              :label="item.value"
+            >{{ item.label }}</bk-checkbox
+            >
+          </bk-checkbox-group>
+        </bk-form-item>
+        <bk-form-item :label="$t('通知方式')" property="config.password_expire.notification.enabled_methods" required>
+          <NotifyEditorTemplate
+            :active-methods="formData.config.password_expire.notification.enabled_methods"
+            :checkbox-info="NOTIFICATION_METHODS"
+            :data-list="formData.config.password_expire.notification.templates"
+            :is-template="isPasswordExpire"
+            :expiring-email-key="'password_expiring'"
+            :expired-email-key="'password_expired'"
+            :expiring-sms-key="'password_expiring'"
+            :expired-sms-key="'password_expired'"
+            @handleEditorText="handleEditorText">
+            <template #label>
+              <div class="password-header">
+                <bk-checkbox-group
+                  v-model="formData.config.password_expire.notification.enabled_methods"
+                  @change="handleChange">
+                  <bk-checkbox
+                    v-for="(item, index) in NOTIFICATION_METHODS" :key="index"
+                    :class="['password-tab', item.status ? 'active-tab' : '']"
+                    style="margin-left: 5px;"
+                    :label="item.value">
+                    <span class="checkbox-item" @click="handleClickLabel(item)">{{item.label}}</span>
+                  </bk-checkbox>
+                </bk-checkbox-group>
+                <div class="edit-info" @click="passwordExpireTemplate">
+                  <span style="font-size:14px">{{ $t('编辑通知模板') }}</span>
+                  <AngleUp v-if="isDropdownPasswordExpire" />
+                  <AngleDown v-else />
                 </div>
-              </template>
-            </NotifyEditorTemplate>
-          </bk-form-item>
-        </Row>
-      </template>
+              </div>
+            </template>
+          </NotifyEditorTemplate>
+        </bk-form-item>
+      </Row>
     </bk-form>
     <div class="footer">
       <bk-button theme="primary" class="mr8" @click="handleSubmit" :loading="btnLoading">{{ $t('提交') }}</bk-button>
@@ -247,22 +245,20 @@
 import { InfoBox } from 'bkui-vue';
 import { AngleDown, AngleUp } from 'bkui-vue/lib/icon';
 import { defineEmits, defineProps, h, onMounted, reactive, ref, watch } from 'vue';
-import { useRoute } from 'vue-router';
 
 import Row from '@/components/layouts/row.vue';
 import NotifyEditorTemplate from '@/components/notify-editor/NotifyEditorTemplate.vue';
 import { useValidate } from '@/hooks';
 import {
-  getDataSourceDetails,
   getDefaultConfig,
-  newDataSource,
-  putDataSourceDetails,
+  getLocalIdps,
+  postLocalIdps,
+  putLocalIdps,
   randomPasswords,
 } from '@/http';
 import { t } from '@/language/index';
 import { NOTIFICATION_METHODS, passwordMustIncludes, passwordNotAllowed, REMIND_DAYS, VALID_TIME } from '@/utils';
 
-const route = useRoute();
 const validate = useValidate();
 
 const emit = defineEmits(['cancel', 'success']);
@@ -288,6 +284,7 @@ const enabledMethodsError = ref(false);
 
 const formData = reactive({
   name: '',
+  status: '',
   config: {},
 });
 
@@ -301,21 +298,14 @@ onMounted(async () => {
   try {
     if (props.currentId) {
       // 获取数据源详情
-      const res = await getDataSourceDetails(props.currentId);
+      const res = await getLocalIdps(props.currentId);
       formData.name = res?.data?.name;
-      if (!res?.data?.plugin_config?.enable_account_password_login) {
-        const demo = await getDefaultConfig('local');
-        formData.config = {
-          ...demo?.data?.config,
-          enable_account_password_login: false,
-        };
-      } else {
-        formData.config = res?.data?.plugin_config;
-      }
+      formData.status = res?.data?.status;
+      formData.config = res?.data?.plugin_config;
     } else {
       // 获取默认配置
       const res = await getDefaultConfig('local');
-      formData.config = res?.data?.config;
+      formData.config = res?.data?.config || {};
     }
   } catch (e) {
     console.warn(e);
@@ -423,25 +413,17 @@ const handleSubmit = async () => {
     btnLoading.value = true;
     const params = {
       name: formData.name,
-      plugin_id: route.params.type,
-      field_mapping: [],
+      status: formData.config?.enable_password ? 'enabled' : 'disabled',
+      plugin_config: formData.config,
     };
-    if (formData.config.enable_account_password_login) {
-      params.plugin_config = {
-        password_rule: formData.config.password_rule,
-        password_initial: formData.config.password_initial,
-        password_expire: formData.config.password_expire,
-        enable_account_password_login: formData.config.enable_account_password_login,
-      };
+    if (props.currentId) {
+      params.id = props.currentId;
+      await putLocalIdps(params);
+      emit('success');
     } else {
-      params.plugin_config = {
-        password_rule: null,
-        password_initial: null,
-        password_expire: null,
-        enable_account_password_login: false,
-      };
+      await postLocalIdps(params);
+      emit('success');
     }
-    props.currentId ? updateDataSource(params) : getDataSource(params);
   } catch (e) {
     console.warn(e);
   } finally {
@@ -449,22 +431,6 @@ const handleSubmit = async () => {
   }
 };
 
-const updateDataSource = async (params) => {
-  const data = {
-    id: props.currentId,
-    name: params.name,
-    field_mapping: params.field_mapping,
-    plugin_config: params.plugin_config,
-  };
-  await putDataSourceDetails(data);
-  emit('success');
-};
-
-const getDataSource = async (params) => {
-  await newDataSource(params);
-  emit('success');
-};
-
 const handleChange = () => {
   window.changeInput = true;
 };
@@ -483,14 +449,15 @@ const changeAccountPassword = (value) => {
         h('p', t('2.关闭后，再次开启时，账密规则信息会重置')),
       ]),
       onConfirm() {
-        formData.config.enable_account_password_login = value;
+        formData.config.enable_password = value;
       },
       onClosed() {
-        formData.config.enable_account_password_login = !value;
+        formData.config.enable_password = !value;
       },
+      quickClose: false,
     });
   } else {
-    formData.config.enable_account_password_login = value;
+    formData.config.enable_password = value;
   }
   window.changeInput = true;
 };
diff --git a/src/pages/src/views/setting/auth-config/LocalView.vue b/src/pages/src/views/setting/auth-config/LocalView.vue
index 77bb63079..1abc3e3bf 100644
--- a/src/pages/src/views/setting/auth-config/LocalView.vue
+++ b/src/pages/src/views/setting/auth-config/LocalView.vue
@@ -1,53 +1,55 @@
 <template>
   <div v-bkloading="{ loading: isLoading, zIndex: 9 }" class="details-info-wrapper user-scroll-y">
-    <div v-if="openPasswordLogin">
-      <ViewRow :title="$t('基础信息')">
-        <LabelContent :label="$t('名称')"></LabelContent>
-        <LabelContent :label="$t('是否启用')"></LabelContent>
-      </ViewRow>
-      <ViewRow :title="$t('密码规则')">
-        <LabelContent :label="$t('密码长度')">
-          <span>{{ passwordRule?.min_length }}~32{{ $t('位') }}</span>
-        </LabelContent>
-        <LabelContent :label="$t('密码必须包含')">
-          <span>{{ passwordMustIncludesMap(passwordRule) }}</span>
-        </LabelContent>
-        <LabelContent :label="$t('密码不允许')">
-          <span class="value" v-if="passwordRule?.not_continuous_count === 0">--</span>
-          <span class="value" v-else>
-            {{ $t('连续x位出现', { count: passwordRule?.not_continuous_count }) }}
-            {{ passwordNotAllowedMap(passwordRule) }}
-          </span>
-        </LabelContent>
-        <LabelContent :label="$t('密码有效期')">
-          <span>{{ validTimeMap(passwordRule?.valid_time) }}</span>
-        </LabelContent>
-        <LabelContent :label="$t('密码试错次数')">
-          <span>{{ passwordRule?.min_length }}~32{{ $t('位') }}</span>
-        </LabelContent>
-        <LabelContent :label="$t('锁定时间')">
-          <span>{{ passwordRule?.lock_time }}{{ $t('秒') }}</span>
-        </LabelContent>
-      </ViewRow>
-      <ViewRow :title="$t('密码设置')">
-        <LabelContent :label="$t('初始密码获取方式')">{{ passwordMethod }}</LabelContent>
-        <LabelContent :label="$t('初始密码通知方式')">
-          {{ notificationMap(passwordInitial?.notification?.enabled_methods) }}
-        </LabelContent>
-        <LabelContent :label="$t('密码到期提醒时间')">
-          {{ noticeTimeMap(passwordExpire?.remind_before_expire) }}
-        </LabelContent>
-        <LabelContent :label="$t('密码到期通知方式')">
-          {{ notificationMap(passwordExpire?.notification?.enabled_methods) }}
-        </LabelContent>
-      </ViewRow>
-    </div>
-    <div class="details-info-box" v-else>
-      <bk-exception
-        type="empty"
-        :description="$t('暂未开通账密登录')">
-      </bk-exception>
-    </div>
+    <ViewRow :title="$t('基础信息')">
+      <LabelContent :label="$t('名称')">{{ idpsName }}</LabelContent>
+      <LabelContent :label="$t('是否启用')">
+        {{ idpsStatus ? $t('是') : $t('否') }}
+      </LabelContent>
+    </ViewRow>
+    <ViewRow :title="$t('密码规则')">
+      <LabelContent :label="$t('密码长度')">
+        <span>{{ passwordRule?.min_length }}~32{{ $t('位') }}</span>
+      </LabelContent>
+      <LabelContent :label="$t('密码必须包含')">
+        <span>{{ passwordMustIncludesMap(passwordRule) }}</span>
+      </LabelContent>
+      <LabelContent :label="$t('密码不允许')">
+        <span class="value" v-if="passwordRule?.not_continuous_count === 0">--</span>
+        <span class="value" v-else>
+          {{ $t('连续x位出现', { count: passwordRule?.not_continuous_count }) }}
+          {{ passwordNotAllowedMap(passwordRule) }}
+        </span>
+      </LabelContent>
+    </ViewRow>
+    <ViewRow :title="$t('初始密码设置')">
+      <LabelContent :label="$t('修改密码不能重复')">
+        <span>{{ passwordInitial?.reserved_previous_password_count }}{{ $t('次') }}</span>
+      </LabelContent>
+      <LabelContent :label="$t('生成方式')">{{ passwordMethod }}</LabelContent>
+      <LabelContent :label="$t('通知方式')">
+        {{ notificationMap(passwordInitial?.notification?.enabled_methods) }}
+      </LabelContent>
+    </ViewRow>
+    <ViewRow :title="$t('登录限制')">
+      <LabelContent :label="$t('首次强制修改密码')">
+        <span>{{ loginLimit?.force_change_at_first_login ? $t('是') : $t('否') }}</span>
+      </LabelContent>
+      <LabelContent :label="$t('密码试错次数')">
+        <span>{{ loginLimit?.max_retries }}{{ $t('次') }}</span>
+      </LabelContent>
+      <LabelContent :label="$t('锁定时间')">
+        <span>{{ loginLimit?.lock_time }}{{ $t('秒') }}</span>
+      </LabelContent>
+    </ViewRow>
+    <ViewRow :title="$t('密码到期提醒')">
+      <LabelContent :label="$t('密码有效期')">{{ passwordExpire?.valid_time }}</LabelContent>
+      <LabelContent :label="$t('提醒时间')">
+        {{ noticeTimeMap(passwordExpire?.remind_before_expire) }}
+      </LabelContent>
+      <LabelContent :label="$t('通知方式')">
+        {{ notificationMap(passwordExpire?.notification?.enabled_methods) }}
+      </LabelContent>
+    </ViewRow>
   </div>
 </template>
 
@@ -56,9 +58,9 @@ import { computed, defineProps, onMounted, ref } from 'vue';
 
 import LabelContent from '@/components/layouts/LabelContent.vue';
 import ViewRow from '@/components/layouts/ViewRow.vue';
-import { getDataSourceDetails } from '@/http';
+import { getLocalIdps } from '@/http';
 import { t } from '@/language/index';
-import { noticeTimeMap, notificationMap, passwordMustIncludesMap, passwordNotAllowedMap, validTimeMap } from '@/utils';
+import { noticeTimeMap, notificationMap, passwordMustIncludesMap, passwordNotAllowedMap } from '@/utils';
 
 const props = defineProps({
   currentId: {
@@ -68,23 +70,25 @@ const props = defineProps({
 });
 
 const isLoading = ref(false);
-const openPasswordLogin = ref(true);
+const idpsName = ref({});
+const idpsStatus = ref(true);
 const passwordRule = ref({});
 const passwordInitial = ref({});
 const passwordExpire = ref({});
-const plugin = ref({});
+const loginLimit = ref({});
 
 const passwordMethod = computed(() => (passwordInitial.value?.generate_method === 'random' ? t('随机') : t('固定')));
 
 onMounted(async () => {
   try {
     isLoading.value = true;
-    const res = await getDataSourceDetails(props.currentId);
-    openPasswordLogin.value = res.data?.plugin_config?.enable_account_password_login;
+    const res = await getLocalIdps(props.currentId);
+    idpsName.value = res.data?.name;
+    idpsStatus.value = res.data?.plugin_config?.enable_password;
     passwordRule.value = res.data?.plugin_config?.password_rule;
     passwordInitial.value = res.data?.plugin_config?.password_initial;
     passwordExpire.value = res.data?.plugin_config?.password_expire;
-    plugin.value = res.data?.plugin;
+    loginLimit.value = res.data?.plugin_config?.login_limit;
   } catch (e) {
     console.warn(e);
   } finally {
@@ -101,29 +105,14 @@ onMounted(async () => {
   .row-wrapper {
     padding-bottom: 24px;
     border-bottom: 1px solid #EAEBF0;
+
+    &:last-child {
+      border-bottom: none !important;
+    }
   }
 }
 
 ::v-deep .label-content .label-key {
   width: 150px !important;
 }
-
-::v-deep .details-info-box {
-  width: 100%;
-  height: 100%;
-  min-height: 500px;
-  background: #fff;
-
-  .bk-exception {
-    .bk-exception-description {
-      margin-top: -30px;
-      font-size: 24px;
-      color: #63656E;
-    }
-
-    .bk-button {
-      width: 88px;
-    }
-  }
-}
 </style>
diff --git a/src/pages/src/views/setting/auth-config/WeCom.vue b/src/pages/src/views/setting/auth-config/WeCom.vue
index 4988a8807..366333bfc 100644
--- a/src/pages/src/views/setting/auth-config/WeCom.vue
+++ b/src/pages/src/views/setting/auth-config/WeCom.vue
@@ -12,9 +12,10 @@
         </bk-form-item>
         <bk-form-item label="是否启用" required>
           <bk-switcher
-            v-model="formData.open"
+            :value="formData.status === 'enabled'"
             size="large"
             theme="primary"
+            @change="changeStatus"
           />
         </bk-form-item>
       </Row>
@@ -37,7 +38,7 @@
           </bk-radio-group>
         </bk-form-item>
       </Row>
-      <Row :title="$t('登录模式')">
+      <Row :title="$t('登录认证匹配')">
         <div class="item-flex-header">
           <bk-form-item class="w-[236px]" :label="$t('数据源字段')" required />
           <bk-form-item class="w-[236px] auth-source-fields" :label="$t('认证源字段')" required />
@@ -93,7 +94,7 @@
       <bk-button theme="primary" :loading="btnLoading" @click="handleSubmit">
         {{ $t('提交') }}
       </bk-button>
-      <bk-button @click="handleCancel">
+      <bk-button @click="emit('cancelEdit')">
         {{ $t('取消') }}
       </bk-button>
     </div>
@@ -101,32 +102,36 @@
 </template>
 
 <script setup lang="ts">
-import { defineEmits, defineProps, onMounted, ref } from 'vue';
+import { InfoBox, Message } from 'bkui-vue';
+import { defineEmits, defineProps, h, onMounted, ref } from 'vue';
 
 import Row from '@/components/layouts/row.vue';
 import { useCustomPlugin, useValidate } from '@/hooks';
-import { getDataSourceList, getFields, getIdpsDetails } from '@/http';
+import { getDataSourceList, getFields, getIdpsDetails, postIdps, putIdps } from '@/http';
 import { t } from '@/language/index';
 
 const validate = useValidate();
 
-const emit = defineEmits(['cancelEdit']);
+const emit = defineEmits(['cancelEdit', 'success']);
 const props = defineProps({
-  data: {
-    type: Object,
-    default: () => ({}),
+  dataSourceId: {
+    type: String,
+    default: '',
+  },
+  currentId: {
+    type: String,
+    default: '',
   },
 });
 
 const formRef = ref();
 const isLoading = ref(false);
-const authSourceData = ref({});
 const btnLoading = ref(false);
 
 const formData = ref({
   name: '',
-  open: true,
-  id: props.data.id,
+  status: 'enabled',
+  plugin_id: 'wecom',
   plugin_config: {
     corp_id: '',
     agent_id: '',
@@ -134,7 +139,7 @@ const formData = ref({
   },
   data_source_match_rules: [
     {
-      data_source_id: '',
+      data_source_id: props?.dataSourceId,
       field_compare_rules: [
         {
           target_field: '',
@@ -168,47 +173,43 @@ const customFields = ref([]);
 onMounted(async () => {
   try {
     isLoading.value = true;
-    const [authRes, sourceRes, fieldRes] = await Promise.all([
-      getIdpsDetails(props.data.id),
-      getDataSourceList(''),
+    const [sourceRes, fieldRes] = await Promise.all([
+      getDataSourceList({ type: 'real' }),
       getFields(),
     ]);
-
-    if (authRes.data?.name) {
-      authSourceData.value = authRes.data;
-
-      formData.value = {
-        ...formData.value,
-        name: authRes.data?.name || '',
-        plugin_config: authRes.data?.plugin_config,
-        data_source_match_rules: authRes.data?.data_source_match_rules,
-      };
-
-      const sourceIds = new Set(formData.value.data_source_match_rules.map(item => item.data_source_id));
-
-      dataSourceList.value = sourceRes.data?.map(item => ({
-        key: item.id,
-        name: item.name,
-        disabled: sourceIds.has(item.id),
-      })) || [];
-
-      const allFields = [
-        ...(fieldRes.data?.builtin_fields?.map(item => ({ ...item, type: t('内置') })) || []),
-        ...(fieldRes.data?.custom_fields?.map(item => ({ ...item, type: t('自定义') })) || []),
-      ];
-
-      builtinFields.value = fieldRes.data?.builtin_fields || [];
-      customFields.value = fieldRes.data?.custom_fields || [];
-
-      formData.value.data_source_match_rules?.forEach((rule) => {
-        rule.targetFields = allFields.map(field => ({
-          key: field.id,
-          name: field.name,
-          disabled: rule.field_compare_rules.some(compareRule => compareRule.target_field === field.name),
-          type: field.type,
-        }));
-      });
+    if (props?.currentId) {
+      // 获取已配置详情
+      const authRes = await getIdpsDetails(props.currentId);
+      if (authRes.data?.id) {
+        formData.value = authRes.data;
+        formData.value.data_source_match_rules[0].data_source_id = props?.dataSourceId;
+      }
     }
+    // 获取数据源字段
+    const sourceIds = new Set(formData.value.data_source_match_rules.map(item => item.data_source_id));
+
+    dataSourceList.value = sourceRes.data?.map(item => ({
+      key: item.id,
+      name: item.name,
+      disabled: sourceIds.has(item.id),
+    })) || [];
+
+    const allFields = [
+      ...(fieldRes.data?.builtin_fields?.map(item => ({ ...item, type: t('内置') })) || []),
+      ...(fieldRes.data?.custom_fields?.map(item => ({ ...item, type: t('自定义') })) || []),
+    ];
+
+    builtinFields.value = fieldRes.data?.builtin_fields || [];
+    customFields.value = fieldRes.data?.custom_fields || [];
+
+    formData.value.data_source_match_rules?.forEach((rule) => {
+      rule.targetFields = allFields.map(field => ({
+        key: field.id,
+        name: field.name,
+        disabled: rule.field_compare_rules.some(compareRule => compareRule.target_field === field.name),
+        type: field.type,
+      }));
+    });
   } catch (error) {
     console.error(error);
   } finally {
@@ -216,8 +217,57 @@ onMounted(async () => {
   }
 });
 
-const handleCancel = () => {
-  emit('cancelEdit');
+// 切换启用状态
+const changeStatus = (value: boolean) => {
+  if (!value) {
+    InfoBox({
+      title: t('确认要关闭企业微信登录吗？'),
+      subTitle: h('div', {
+        style: {
+          textAlign: 'left',
+          lineHeight: '24px',
+        },
+      }, [
+        h('p', t('1.关闭后该数据的用户将无法通过企业微信登录')),
+        h('p', t('2.关闭后，再次开启时，企业微信信息会重置')),
+      ]),
+      onConfirm() {
+        formData.value.status = 'disabled';
+      },
+      onClosed() {
+        formData.value.status = 'enabled';
+      },
+      quickClose: false,
+    });
+  } else {
+    formData.value.status = 'enabled';
+  }
+  window.changeInput = true;
+};
+
+//  提交企业微信认证源配置信息
+const handleSubmit = async () => {
+  try {
+    await formRef.value.validate();
+    btnLoading.value = true;
+    const data = formData.value;
+    data.data_source_match_rules.forEach((item) => {
+      delete item.targetFields;
+    });
+
+    if (!formData.value.id) {
+      const res = await postIdps(data);
+      emit('success', res.data?.callback_uri);
+    } else {
+      await putIdps(data);
+      Message({ theme: 'success', message: t('认证源更新成功') });
+      emit('success');
+    }
+  } catch (e) {
+    console.warn(e);
+  } finally {
+    btnLoading.value = false;
+  }
 };
 
 const {
@@ -226,15 +276,11 @@ const {
   handleAddItem,
   handleDeleteItem,
   handleChange,
-  handleSubmit,
 } = useCustomPlugin(
   formData,
   dataSourceList,
   builtinFields,
   customFields,
-  btnLoading,
-  formRef,
-  'edit',
 );
 </script>
 
diff --git a/src/pages/src/views/setting/auth-config/WeComView.vue b/src/pages/src/views/setting/auth-config/WeComView.vue
index 4a25ed434..0e2bc6ac7 100644
--- a/src/pages/src/views/setting/auth-config/WeComView.vue
+++ b/src/pages/src/views/setting/auth-config/WeComView.vue
@@ -14,9 +14,9 @@
         <i class="user-icon icon-copy" @click="copy(authSourceData.callback_uri)" />
       </div>
     </div>
-    <ViewRow :title="$t('认证源信息')">
+    <ViewRow :title="$t('认证源信息')" class="mt-[24px]">
       <LabelContent :label="$t('名称')">{{ authSourceData.name }}</LabelContent>
-      <LabelContent :label="$t('是否启用')"></LabelContent>
+      <LabelContent :label="$t('是否启用')">{{ authSourceData.status === 'enabled' ? $t('是') : $t('否') }}</LabelContent>
       <LabelContent :label="$t('企业 ID')">{{ authSourceData.plugin_config?.corp_id }}</LabelContent>
       <LabelContent label="Agent ID">{{ authSourceData.plugin_config?.agent_id }}</LabelContent>
       <LabelContent label="Secret">**********</LabelContent>
@@ -30,8 +30,7 @@
             scene="part"
             :description="$t('暂无数据源匹配')"
           />
-          <div class="content-box" v-else v-for="(item, index) in onDataSources" :key="index">
-            <bk-overflow-title type="tips" class="data-source-title">{{ item.data_source_name }}</bk-overflow-title>
+          <div v-else v-for="(item, index) in onDataSources" :key="index">
             <div class="field-rules">
               <dl>
                 <dt>{{ $t('数据源字段') }}：</dt>
@@ -165,12 +164,17 @@ const processMatchRules = (list) => {
       display: flex;
       padding: 8px 12px;
       color: #313238;
+      word-wrap: break-word;
       background: #F0F5FF;
       align-items: center;
       justify-content: space-between;
+      overflow-wrap: break-word;
+
+      p {
+        width: 70%;
+      }
 
       i {
-        width: 5%;
         font-size: 14px;
         color: #3A84FF;
         cursor: pointer;
@@ -197,67 +201,13 @@ const processMatchRules = (list) => {
       }
     }
 
-    .content-box {
-      position: relative;
-
-      .or {
-        position: absolute;
-        top: -16px;
-        left: -22px;
-        display: inline-block;
-        width: 19px;
-        height: 16px;
-        line-height: 16px;
-        color: #FE9C00;
-        text-align: center;
-        background: #FFF3E1;
-        border-radius: 2px;
-
-        &::before {
-          position: absolute;
-          top: -16px;
-          left: 10px;
-          width: 12px;
-          height: 16px;
-          border: 1px solid #DCDEE5;
-          border-right: transparent;
-          border-bottom: transparent;
-          border-top-left-radius: 2px;
-          content: '';
-        }
-
-        &::after {
-          position: absolute;
-          top: 16px;
-          left: 10px;
-          width: 12px;
-          height: 16px;
-          border: 1px solid #DCDEE5;
-          border-top: transparent;
-          border-right: transparent;
-          border-bottom-left-radius: 2px;
-          content: '';
-        }
-      }
-    }
-
-    .data-source-title {
-      position: relative;
-      width: 460px;
-      padding: 0 24px;
-      line-height: 32px;
-      background: #F0F1F5;
-      border-radius: 2px 2px 0 0;
-    }
-
     .field-rules {
       display: flex;
-      margin-bottom: 16px;
-      background: #FAFBFD;
+      padding: 12px 24px;
       border-radius: 2px;
 
       dl {
-        padding: 12px 50px;
+        width: 50%;
 
         dt {
           font-size: 14px;
diff --git a/src/pages/static/login_success.html b/src/pages/static/login_success.html
index e3abdcf92..6b6425626 100644
--- a/src/pages/static/login_success.html
+++ b/src/pages/static/login_success.html
@@ -9,7 +9,6 @@
   <script>
     var params = new URLSearchParams(window.location.href)
     window.opener && window.opener.postMessage({ target: 'bk-login', result: true }, params.get('from'))
-    window.opener.location.reload();
     window.close();
   </script>
 </body>