搜索完成

src/views/news-management/NewsList.vue

@@ -40,7 +40,13 @@ const selections = ref([]);
 const editNewsDialogVisible = ref(false);
 const editNewsDialogMode = ref('create');
 const editId = ref("");
+
+const searchMode = ref(false);
 const loadNews = async () => {
+  if (searchMode.value) {
+    newsData.value = allNewsData.value.slice((currentPage.value - 1) * pageSize.value, currentPage.value * pageSize.value);
+    return;
+  }
   if (firstTimeLoad.value || allNewsData.value.length < (currentPage.value * pageSize) && (currentPage.value * pageSize) <= newsCount) {
     // console.error(allNewsData.value.length, currentPage.value, pageSize.value, newsCount.value)
     let params = {
@@ -69,16 +75,39 @@ onMounted(() => {
 })
 
 
-const handleSearch = () => {
-  // 搜索逻辑
+const handleSearch = async () => {
+  const params = {
+    token: token,
+    title: searchTitle.value,
+    author: searchAuthor.value,
+    summary: searchSummary.value,
+    imagePath: searchPath.value
+  }
+
+  try {
+    const response = await axios.post('/api/news/search', params);
+    const data = response.data;
+    allNewsData.value = data.newsList;
+    newsCount.value = data.newsCount;
+    newsData.value = allNewsData.value.slice((currentPage.value - 1) * pageSize.value, currentPage.value * pageSize.value);
+    searchMode.value = true;
+    ElMessage.success('搜索成功');
+  } catch (e) {
+    ElMessage.error('搜索失败');
+    console.error(e);
+  }
 };
 
-const handleReset = () => {
+
+const handleReset = async () => {
   searchTitle.value = '';
   searchPath.value = '';
   searchAuthor.value = '';
   searchSummary.value = '';
   sortOrder.value = '';
+
+  searchMode.value = false;
+  await refreshNewsList();
 };
 
 const handleCreateButton = () => {