diff --git a/vue-fastapi-frontend/src/api/meta/dsDataSource.js b/vue-fastapi-frontend/src/api/meta/dsDataSource.js
new file mode 100644
index 0000000..8a6a365
--- /dev/null
+++ b/vue-fastapi-frontend/src/api/meta/dsDataSource.js
@@ -0,0 +1,70 @@
+import request from '@/utils/request'
+import cache from '@/plugins/cache'
+
+function getDashHeaders() {
+ return {
+ dashUserName: cache.local.get('username'),
+ dashPassword: cache.local.get('password')
+ }
+}
+
+export function queryDataSourceListPaging(params) {
+ return request({
+ url: '/ds-api/dolphinscheduler/datasources',
+ method: 'get',
+ params,
+ headers: getDashHeaders()
+ })
+}
+
+export function queryDataSource(id) {
+ return request({
+ url: `/ds-api/dolphinscheduler/datasources/${id}`,
+ method: 'get',
+ headers: getDashHeaders()
+ })
+}
+
+export function verifyDataSourceName(params) {
+ return request({
+ url: '/ds-api/dolphinscheduler/datasources/verify-name',
+ method: 'get',
+ params,
+ headers: getDashHeaders()
+ })
+}
+
+export function createDataSource(data) {
+ return request({
+ url: '/ds-api/dolphinscheduler/datasources',
+ method: 'post',
+ data,
+ headers: getDashHeaders()
+ })
+}
+
+export function connectDataSource(data) {
+ return request({
+ url: '/ds-api/dolphinscheduler/datasources/connect',
+ method: 'post',
+ data,
+ headers: getDashHeaders()
+ })
+}
+
+export function updateDataSource(data, id) {
+ return request({
+ url: `/ds-api/dolphinscheduler/datasources/${id}`,
+ method: 'put',
+ data,
+ headers: getDashHeaders()
+ })
+}
+
+export function deleteDataSource(id) {
+ return request({
+ url: `/ds-api/dolphinscheduler/datasources/${id}`,
+ method: 'delete',
+ headers: getDashHeaders()
+ })
+}
diff --git a/vue-fastapi-frontend/src/views/dsDataSource/index.vue b/vue-fastapi-frontend/src/views/dsDataSource/index.vue
new file mode 100644
index 0000000..a3a156f
--- /dev/null
+++ b/vue-fastapi-frontend/src/views/dsDataSource/index.vue
@@ -0,0 +1,517 @@
+
+
+
+
+
+
+
+
+ 搜索
+ 重置
+
+
+
+
+
+
+ 新增
+
+
+
+ 修改
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+ 点击查看
+
+
+
+ {{ row.note || '-' }}
+
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+ {{ currentParams }}
+
+ 关闭
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 服务名
+ SID
+
+
+
+
+
+
+
+
+
+ 测试连接
+ 取消
+ 保存
+
+
+
+
+
+
+
+