未知（继上次中断）

frontend/src/views/ia/KnowledgeNotes.vue

@@ -1,28 +1,34 @@
 <template>
   <div class="page">
-    <div class="page-header">
-      <div>
-        <h1 class="page-title">{{ TEXT.modules.knowledgeNotes.title }}</h1>
+
+    <el-card shadow="never" class="main-content-card">
+      <div class="filter-container">
+        <el-form :inline="true" :model="filters" class="filter-form">
+          <el-form-item label="" class="filter-item-form">
+            <el-input 
+              v-model="filters.site_name" 
+              :placeholder="TEXT.common.fields.site" 
+              clearable 
+              class="filter-input-comp"
+            />
+          </el-form-item>
+          <el-form-item label="" class="filter-item-form">
+            <el-input 
+              v-model="filters.keyword" 
+              :placeholder="TEXT.common.fields.keyword" 
+              clearable 
+              class="filter-input-comp"
+            />
+          </el-form-item>
+          <el-form-item class="filter-item-form">
+            <el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
+          </el-form-item>
+          <div class="filter-spacer"></div>
+          <el-button type="primary" @click="goNew" class="header-action-btn">
+            {{ TEXT.modules.knowledgeNotes.newTitle }}
+          </el-button>
+        </el-form>
       </div>
-      <el-button type="primary" @click="goNew">{{ TEXT.modules.knowledgeNotes.newTitle }}</el-button>
-    </div>
-
-    <el-card class="filter-card">
-      <el-form :inline="true" :model="filters">
-        <el-form-item :label="TEXT.common.fields.site">
-          <el-input v-model="filters.site_name" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.site" clearable />
-        </el-form-item>
-        <el-form-item :label="TEXT.common.fields.keyword">
-          <el-input v-model="filters.keyword" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.keyword" clearable />
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="load">{{ TEXT.common.actions.search }}</el-button>
-          <el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
-        </el-form-item>
-      </el-form>
-    </el-card>
-
-    <el-card>
       <el-table
         :data="sortedItems"
         v-loading="loading"
@@ -87,8 +93,17 @@ const siteActiveMap = computed(() => {
 const isInactiveSite = (siteName?: string) => !!siteName && siteActiveMap.value[siteName] === false;
 const noteRowClass = ({ row }: { row: any }) =>
   `${row?.id ? "clickable-row" : ""}${isInactiveSite(row?.site_name) ? " row-inactive" : ""}`.trim();
+const filteredItems = computed(() => {
+  const siteKeyword = filters.site_name.trim().toLowerCase();
+  const keyword = filters.keyword.trim().toLowerCase();
+  return items.value.filter((item) => {
+    if (siteKeyword && !String(item?.site_name || "").toLowerCase().includes(siteKeyword)) return false;
+    if (keyword && !String(item?.title || "").toLowerCase().includes(keyword)) return false;
+    return true;
+  });
+});
 const sortedItems = computed(() =>
-  [...items.value].sort((a, b) => Number(isInactiveSite(a?.site_name)) - Number(isInactiveSite(b?.site_name)))
+  [...filteredItems.value].sort((a, b) => Number(isInactiveSite(a?.site_name)) - Number(isInactiveSite(b?.site_name)))
 );
 
 const loadSites = async () => {
@@ -107,10 +122,7 @@ const load = async () => {
   if (!studyId) return;
   loading.value = true;
   try {
-    const { data } = await listKnowledgeNotes(studyId, {
-      site_name: filters.site_name || undefined,
-      keyword: filters.keyword || undefined,
-    });
+    const { data } = await listKnowledgeNotes(studyId, {}) as any;
     items.value = Array.isArray(data) ? data : data.items || [];
   } catch (e: any) {
     ElMessage.error(e?.response?.data?.message || TEXT.common.messages.loadFailed);
@@ -122,7 +134,6 @@ const load = async () => {
 const resetFilters = () => {
   filters.site_name = "";
   filters.keyword = "";
-  load();
 };
 
 const goNew = () => router.push("/knowledge/notes/new");
@@ -160,29 +171,40 @@ onMounted(async () => {
 .page {
   display: flex;
   flex-direction: column;
-  gap: 16px;
 }
 
-.page-header {
+.main-content-card :deep(.el-card__body) {
+  padding: 20px;
+}
+
+.filter-container {
+  margin-bottom: 20px;
+}
+
+.filter-form {
   display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
+  width: 100%;
+  gap: 12px;
+  align-items: center;
 }
 
-.page-title {
-  margin: 0;
-  font-size: 22px;
-  font-weight: 600;
+.filter-item-form {
+  margin-bottom: 0 !important;
+  margin-right: 0 !important;
 }
 
-.page-subtitle {
-  margin: 6px 0 0;
-  font-size: 13px;
-  color: var(--ctms-text-secondary);
+.filter-input-comp {
+  width: 160px;
 }
 
-.filter-card :deep(.el-form-item) {
-  margin-bottom: 0;
+.filter-spacer {
+  flex: 1;
+}
+
+.header-action-btn {
+  height: 36px;
+  padding: 0 20px;
+  border-radius: 8px;
 }
 
 </style>