From 31096da9f5175a83123e6184f1d41429d8c5c932 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Mon, 26 May 2025 16:39:22 +0800
Subject: [PATCH] feat: Style optimization

---
 frontend/src/views/work/DatasourceCard.vue |  3 +--
 frontend/src/views/work/index.vue          | 19 ++++++++++++++-----
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/frontend/src/views/work/DatasourceCard.vue b/frontend/src/views/work/DatasourceCard.vue
index c5757997..15e33d37 100644
--- a/frontend/src/views/work/DatasourceCard.vue
+++ b/frontend/src/views/work/DatasourceCard.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
-import { ref } from "vue";
 import { Document } from "@element-plus/icons-vue";
-const props = withDefaults(
+withDefaults(
   defineProps<{
     name: string;
     description: string;
diff --git a/frontend/src/views/work/index.vue b/frontend/src/views/work/index.vue
index 1ebe488a..1422c8d9 100644
--- a/frontend/src/views/work/index.vue
+++ b/frontend/src/views/work/index.vue
@@ -1,10 +1,15 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 import DatasourceCard from "./DatasourceCard.vue";
-
+interface Datasource {
+  id?: string;
+  name: string;
+  description: string;
+  creator: string;
+}
 const props = withDefaults(
   defineProps<{
-    datasourceList: Array<any>;
+    datasourceList: Array<Datasource>;
   }>(),
   {
     datasourceList: () => [],
@@ -14,7 +19,7 @@ const props = withDefaults(
 const datasourceName = ref("");
 const datasourceListComputed = computed(() =>
   props.datasourceList.filter((val) =>
-    val.name.toLowerCase.includes(datasourceName.value.toLowerCase())
+    val.name.toLowerCase().includes(datasourceName.value.toLowerCase())
   )
 );
 
@@ -34,7 +39,9 @@ const dialogVisible = ref(false);
     </div>
     <div class="datasource-content">
       <DatasourceCard
-        name="1"
+        :name="ele.name"
+        :description="ele.description"
+        :creator="ele.creator"
         v-for="ele in datasourceList"
         :key="ele.id"
       ></DatasourceCard>
@@ -56,7 +63,9 @@ const dialogVisible = ref(false);
     </div>
     <div class="datasource-content">
       <DatasourceCard
-        name="1"
+        :name="ele.name"
+        :description="ele.description"
+        :creator="ele.creator"
         v-for="ele in datasourceListComputed"
         :key="ele.id"
       ></DatasourceCard>