feat: 认证源列表 & 本地账密详情接口联调

src/pages/src/components/layouts/MainBreadcrumbsDetails.vue

@@ -21,8 +21,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, defineProps } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { computed, defineEmits, defineProps } from 'vue';
+import { useRoute } from 'vue-router';
 
 import { useMainViewStore } from '@/store/mainView';
 
@@ -33,9 +33,10 @@ defineProps({
   },
 });
 
+const emit = defineEmits(['toBack']);
+
 const store = useMainViewStore();
 const route = useRoute();
-const router = useRouter();
 store.customBreadcrumbs = true;
 /**
  * 当前面包屑展示文案
@@ -45,7 +46,7 @@ const current = computed(() => store.breadCrumbsTitle || route.meta.navName);
  * back control
  */
 const handleBack = () => {
-  router.push({ name: 'dataSource' });
+  emit('toBack');
 };
 </script>
 

src/pages/src/http/authSourceFiles.ts

@@ -0,0 +1,24 @@
+import http from './fetch';
+import type {
+  NewIdpsParams,
+} from './types/authSourceFiles';
+
+/**
+ * 认证源列表
+ */
+export const getIdps = (keyword: string) => http.get(`/api/v1/web/idps/?keyword=${keyword}`);
+
+/**
+ * 认证源插件列表
+ */
+export const getIdpsPlugins = () => http.get('/api/v1/web/idps/plugins/');
+
+/**
+ * 新建认证源
+ */
+export const postIdps = (params: NewIdpsParams) => http.post('/api/v1/web/idps/plugins/', params);
+
+/**
+ * 认证源详情
+ */
+export const getIdpsDetails = (id: string) => http.get(`/api/v1/web/idps/${id}/`);

src/pages/src/http/types/authSourceFiles.ts

@@ -0,0 +1,15 @@
+/**
+ * 新建认证源参数
+ */
+export interface NewIdpsParams {
+  name: string,
+  plugin_id: string,
+  plugin_config: {},
+  data_source_match_rules?: {
+    data_source_id: number,
+    field_compare_rules: {
+      source_field: string,
+      target_field: string,
+    }[],
+  }[],
+}

src/pages/src/router/index.ts

@@ -118,15 +118,40 @@ export default createRouter({
     {
       path: '/auth-source',
       name: 'authSource',
-      component: () => import('@/views/auth-source/index.vue'),
-    },
-    {
-      path: '/auth-source/new',
-      name: 'newAuthSource',
       meta: {
-        navName: '新建认证源',
+        navName: '认证源管理',
       },
-      component: () => import('@/views/auth-source/new-data/NewConfig.vue'),
+      component: () => import('@/views/auth-source/index.vue'),
+      children: [
+        {
+          path: '',
+          name: 'authSourceList',
+          meta: {
+            routeParentName: 'authSource',
+            navName: '认证源管理',
+          },
+          component: () => import('@/views/auth-source/List.vue'),
+        },
+        {
+          path: 'new',
+          name: 'newAuthSource',
+          meta: {
+            routeParentName: 'authSource',
+            navName: '新建认证源',
+          },
+          component: () => import('@/views/auth-source/new-data/index.vue'),
+        },
+        {
+          path: 'edit/:id',
+          name: 'editAuthSource',
+          meta: {
+            routeParentName: 'authSource',
+            navName: '编辑本地认证源',
+            showBack: true,
+          },
+          component: () => import('@/views/auth-source/edit-data/index.vue'),
+        },
+      ],
     },
     {
       path: '/audit',

src/pages/src/views/Header.vue

@@ -123,7 +123,7 @@ const headerNav = reactive([
   },
   {
     name: '认证源管理',
-    path: 'authSource',
+    path: 'authSourceList',
   },
   {
     name: '租户管理',