From 2b76024175e4a41dfe7361cc48752dc5fd746e5a Mon Sep 17 00:00:00 2001
From: hejin <jmy13864291147@163.com>
Date: Mon, 28 Jul 2025 23:35:44 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=85=A8=E7=AB=99=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/header.vue         |  15 +++++
 components/seo-pagination.vue |   1 +
 locales/en.json               |   3 +-
 locales/zh.json               |   3 +-
 pages/inquiry.vue             |   2 +-
 pages/search-result.vue       | 111 ++++++++++++++++++++++++++++++++++
 6 files changed, 132 insertions(+), 3 deletions(-)
 create mode 100644 pages/search-result.vue

diff --git a/components/header.vue b/components/header.vue
index 0d85404..db205f1 100644
--- a/components/header.vue
+++ b/components/header.vue
@@ -13,6 +13,7 @@
           class="search-input"
           v-model="searchVal"
           placeholder="SEARCH"
+          @keydown.enter="search"
         >
         </b-form-input>
       </div>
@@ -27,6 +28,7 @@
             class="search-input"
             v-model="searchVal"
             placeholder="SEARCH"
+            @keydown.enter="search"
           >
           </b-form-input>
           <img 
@@ -69,8 +71,21 @@ export default {
       searchVal: '',
     }
   },
+  watch: {
+    '$route.query.str': {
+      handler(val) {
+        this.searchVal = val;
+      },
+      immediate: true
+    }
+  },
   computed: {
     ...mapState(['menuTree'])
+  },
+  methods: {
+    search() {
+      this.$router.push({ path: '/search-result', query: { str: this.searchVal } })
+    }
   }
 }
 </script>
diff --git a/components/seo-pagination.vue b/components/seo-pagination.vue
index 71599dc..fd1ef0f 100644
--- a/components/seo-pagination.vue
+++ b/components/seo-pagination.vue
@@ -42,6 +42,7 @@ export default {
     '$route': {
       handler(val) {
         this.currentPage = val.query[this.pageKey] || 1
+        this.queryStr = ''
         for (let key in val.query) {
           if (key!==this.pageKey) {
             this.queryStr = `${this.queryStr}&${key}=${val.query[key]}`
diff --git a/locales/en.json b/locales/en.json
index d404b93..af81e30 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -30,7 +30,8 @@
     "search": "Search",
     "next": "Next",
     "prev": "Prev",
-    "submitSuccess": "Submit success"
+    "submitSuccess": "Submit success",
+    "fulltextsearch": "Full text search"
   },
   "menu": {
     "Home": "Home",
diff --git a/locales/zh.json b/locales/zh.json
index 9b818aa..7818660 100644
--- a/locales/zh.json
+++ b/locales/zh.json
@@ -30,7 +30,8 @@
     "search": "搜索",
     "next": "下一个",
     "prev": "上一个",
-    "submitSuccess": "提交成功"
+    "submitSuccess": "提交成功",
+    "fulltextsearch": "全站搜索"
   },
   "menu": {
     "Home": "首页",
diff --git a/pages/inquiry.vue b/pages/inquiry.vue
index 66a2b6b..97afb86 100644
--- a/pages/inquiry.vue
+++ b/pages/inquiry.vue
@@ -176,7 +176,7 @@
 <script>
 
 export default {
-  name: 'feedback',
+  name: 'inquiry',
   data() {
     return {
       dataForm: {
diff --git a/pages/search-result.vue b/pages/search-result.vue
new file mode 100644
index 0000000..b793575
--- /dev/null
+++ b/pages/search-result.vue
@@ -0,0 +1,111 @@
+<template>
+  <div class="content">
+    <BannerTop :options="bannerTopOptions"/>
+    <div class="container">
+      <section class="article-page-list">
+        <nuxt-link 
+          class="article-page-item box_shadow row mt-4" 
+          :to="`/${jumpUrl(item.dataType)}/${item.id}?catgId=${item.catgId}`"
+          v-for="item in pordObj.records"
+          :key="item.id"
+        >
+          <b-img 
+            class="col-md-4"
+            :src="item.mainPic"
+            :alt="item.title"
+          >
+          </b-img>
+          <article class="col-md-8">
+            <h3 class="title text-ellipsis">
+              {{ item.title }}
+            </h3>
+            <p class="article-page-content text-ellipsis" v-html="item.description"></p>
+            <div>
+              <span>{{ item.createTime }}</span>
+              <img src="~assets/image/icon/goto1.png" :alt="$t('common.viewDetails')">
+            </div>
+          </article>
+        </nuxt-link>
+
+        <SeoPagination class="mt-4" :total="pordObj.total" />
+      </section>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'search-result',
+  watchQuery: ['str','pageNum'],
+  data() {
+    return {
+      bannerTopOptions: {
+        title: this.$t('common.fulltextsearch'),
+        img: require('../assets/image/banner/aboutus-banner.png')
+      }
+    }
+  },
+  async asyncData({$axios, query}) {
+    console.log(query.str);
+    const params = {
+      pageNum: query.pageNum || 1,
+      pageSize: 10,
+      text: query.str
+    }
+    let {data: pordObj} = await $axios('/web/searchText', {params})
+
+    return {
+      pordObj
+    }
+  },
+  methods: {
+    jumpUrl(val) {
+      const routeMap = {
+        'news': 'article-page', // 文章栏目
+        'product': 'products' // 产品栏目
+      }
+      
+      return routeMap[val]
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.article-page-list {
+  box-sizing: border-box;
+  .article-page-item {
+    margin: 0;
+    height: min-content;
+    min-height: 12.875rem;
+    border: 1px solid #e6e8ec;
+    article {
+      padding: 1.125rem;
+      font-size: .875rem;
+      .title {
+        margin-top: .9375rem;
+        color: #212222;
+        font-size: .875rem;
+      }
+      .article-page-content {
+        margin: 1.25rem 0;
+        height: 5rem;
+        color: #878b90;
+      	-webkit-line-clamp: 4;
+      }
+      >div {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        color: #878b90;
+        img {
+          width: 1.6875rem;
+          height: 1rem;
+        }
+      }
+    }
+  }
+}
+
+</style>
\ No newline at end of file