搜索结果页面

src/components/header/header.vue

@@ -22,19 +22,43 @@
     <!-- 搜索框 -->
     <div class="context">
       <div class="search">
-        <van-search v-model="value" placeholder="请输入搜索关键词" @search="">
+        <van-search
+          v-model="kw"
+          placeholder="请输入搜索关键词"
+          @search="OnSearch"
+        >
         </van-search>
-        <van-button @click="" type="info">搜索</van-button>
+        <van-button @click="OnSearch" type="info">搜索</van-button>
       </div>
     </div>
   </div>
 </template>
 
 <script>
+import { Toast } from 'vant';
+
 export default {
   name: "HeaderTop",
   components: {},
+  data() {
+    return {
+      kw: '',
+    };
+  },
   methods: {
+    // 搜索方法
+    OnSearch(val) {
+       Toast("正在检索中");
+      // 点击跳转
+      if (this.$route.path.indexOf("Search") !== 1) {
+        this.$router.push("/Search/" + this.kw);
+        console.log("跳转");
+        console.log(this.kw);
+      } else {
+        return false;
+      }
+    },
+
     backurl() {
       this.$router.back(-1);
     },
@@ -56,13 +80,9 @@ export default {
     },
   },
   props: {
-    value: {
-      type: String,
-      default() {
-        return "";
-      },
-    },
+
   },
+
 };
 </script>
 

src/router/index.js

@@ -8,7 +8,7 @@ Vue.use(VueRouter)
 const Login = () => import('../views/login/login.vue')
 const PoiceMessage = () => import('../views/Poice/PoiceMessage.vue')
 const articles = () => import('../views/article/articles.vue')
-
+const Search =() => import('../views/searchview/search.vue')
 
 
 const routes = [{
@@ -22,6 +22,17 @@ const routes = [{
       auth: true,
     }
   },
+
+  {  // 搜索
+    path: '/Search/:kw',
+    name: 'Search',
+    component: Search,
+    meta: {
+      title: '搜索页面',
+      keepAlive: false,
+      auth: true,
+    }
+  },
   {
     path: '/PoiceMessage',
     name: 'PoiceMessage',

src/views/article/children/articlemain.vue

@@ -3,7 +3,7 @@
     <div v-for="(item,index) in onefilelist" :key="index">
       <div class="title">
         <span class="title-m">文件标题：{{item.name}}</span>
-        <span class="datatime">发布日期：{{ item.createOn }}</span>
+        <span class="datatime">发布日期：{{ datanew }}</span>
         <span class="filetype">文件类型：{{ item.type }}</span>
         <span class="typetype">文号：{{ item.fileNo }}</span>
       </div>
@@ -27,6 +27,13 @@ export default {
         return [];
       },
     },
+  },
+    computed: {
+        // 发布日期转换
+    datanew(){
+      return this.onefilelist[0].createOn.slice(0,10)
+    }
+    
   },
 };
 </script>

src/views/searchview/search.vue

@@ -1,15 +1,51 @@
 <template>
-    <div>
-        
-    </div>
+  <div class="Search">
+    <header-top>
+      <span slot="Bigtitle">搜索结果</span>
+    </header-top>
+    <card :poicefilelist="showMessage"></card>
+  </div>
 </template>
 
 <script>
+//导入的插件
+import Card from "../../components/carditem/card.vue";
+import HeaderTop from "../../components/header/header.vue";
+// 方法
+import {getpoicefile} from "../../network/poicefile";
+
 export default {
-    
-}
+  name: "Search",
+  components: {
+    HeaderTop,
+    Card,
+  },
+  data() {
+    return {
+      kw: "",
+      showMessage: [],
+    };
+  },
+  created() {
+    // 获取当前关键词
+  this.kw = this.$route.params.kw;
+    this.getpoicefile()
+  },
+
+  methods: {
+      
+    getpoicefile(){
+      getpoicefile(this.kw,1,12).then((res)=>{
+        // console.log(res);
+        this.showMessage.push(...res.data.data)
+      })
+    }
+  },
+};
 </script>
 
 <style scoped>
-
+/deep/.search{
+  display: none;
+}
 </style>