From bf7035cd2e3feeba68dcb9e1718fd59cfb307791 Mon Sep 17 00:00:00 2001
From: modendeveloper <modendeveloper@163.com>
Date: Tue, 19 Nov 2024 00:58:08 +0800
Subject: [PATCH] =?UTF-8?q?Feat=EF=BC=9A=E5=9C=B0=E6=A0=87=E5=A5=BD?=
 =?UTF-8?q?=E7=89=A9=E6=94=BF=E7=AD=96=E6=90=9C=E7=B4=A2=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                       |   6 ++
 pages/home/components/policy.vue |  18 +++--
 pages/home/searchPage.vue        | 135 +++++++++++++++++++++++++++++++
 3 files changed, 151 insertions(+), 8 deletions(-)
 create mode 100644 pages/home/searchPage.vue

diff --git a/pages.json b/pages.json
index 7288a32..f8b04b7 100644
--- a/pages.json
+++ b/pages.json
@@ -42,6 +42,12 @@
         "navigationBarTitleText": "地标好物"
       }
     },
+    {
+      "path": "pages/home/searchPage",
+      "style": {
+        "navigationBarTitleText": "搜索"
+      }
+    },
     {
       "path": "pages/home/newZone",
       "style": {
diff --git a/pages/home/components/policy.vue b/pages/home/components/policy.vue
index ec3a4be..1e095c3 100644
--- a/pages/home/components/policy.vue
+++ b/pages/home/components/policy.vue
@@ -7,9 +7,9 @@
       </view>
       <view class="item-action v12-dark"><u-icon name="arrow-right" color="#fff" size="8"></u-icon></view>
     </view>
-    <view class="more-wrap" v-if="isMore ? isMore : list.length > 3">
+    <view class="more-wrap">
       <view class="more-btn v12-primary v12-align-center" @click="showMore">
-        {{ isMore ? '收起' : '查看更多' }}
+        {{ isMore ? '查看更多' : '查看更多' }}
         <view class="item-action v12-white"><u-icon name="arrow-right" color="#C52733 " size="12"></u-icon></view>
       </view>
     </view>
@@ -65,12 +65,14 @@ export default {
       })
     },
     showMore() {
-      this.isMore = !this.isMore
-      if(this.isMore) {
-        this.currentList = this.list
-      } else {
-        this.currentList = this.list.filter((item, index) => index < 3)
-      }
+      // this.isMore = !this.isMore
+      // if(this.isMore) {
+      //   this.currentList = this.list
+      // } else {
+      //   this.currentList = this.list.filter((item, index) => index < 3)
+      // }
+      uni.navigateTo({ url: `/pages/home/searchPage?id=${this.landmarkDataId}&type=2` })
+
     },
     fileItemClick(file) {
       const url = file.attachment || ''
diff --git a/pages/home/searchPage.vue b/pages/home/searchPage.vue
new file mode 100644
index 0000000..a2f5562
--- /dev/null
+++ b/pages/home/searchPage.vue
@@ -0,0 +1,135 @@
+<template>
+  <view class="list-page">
+    <view class="v12-mb-3">
+      <u-search 
+        placeholder="请输入关键词查询" 
+        v-model="keyword" 
+        shape="round" 
+        :show-action="false" 
+        height="72rpx"
+        @search="handleSearch"
+        bg-color="#fff">
+      </u-search>
+    </view>
+    <view v-if="isLoad" class="file-list">
+      <view
+        v-for="(file, fileIndex) in currentList"
+        :key="fileIndex"
+        class="file-item"
+        @click="fileItemClick(file)"
+      >
+        <view class="name more-t">
+          ·&nbsp;&nbsp;{{ file.title }}
+        </view>
+        <image
+          :src="webUrl + '/page/qianxian/icon-05.png'"
+          class="icon"
+        />
+      </view>
+      <view v-if="currentList.length === 0" class="no-data-txt">
+        暂无数据~
+      </view>
+    </view>
+    <goo-skeleton v-else />
+  </view>
+</template>
+<script>
+import {
+  getPorjectPolicyFiles,
+} from "@/api/product"
+import { pageListenMixins } from '@/mixins/pageListenMixins'
+export default {
+  name: 'searchPage',
+  mixins: [pageListenMixins],
+  data() {
+    return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
+      isLoad: false,
+      pageKeyId: '',
+      list: [],
+      keyword: '',
+      currentList: []
+    }
+  },
+  onLoad(options) {
+    const id = options.id
+    this.getListReq(id)
+  },
+  methods: {
+    handleSearch() {
+      this.currentList = this.list.filter(item => item.title.indexOf(this.keyword) > -1)
+    },
+    getListReq(id) {
+      const params = {
+        landmarkDataId : id,
+        page: 1,
+        limit: 9999
+      }
+      getPorjectPolicyFiles(params).then(res => {
+        const { success, data } = res
+        if (success) {
+          this.isLoad = true
+          this.list = data.records || []
+          this.currentList = [...this.list]
+        }
+      })
+    },
+    fileItemClick(file) {
+      const url = file.attachment || ''
+      if (!url) return
+      uni.downloadFile({
+        url,
+        success: res => {
+          const filePath = res.tempFilePath
+          wx.openDocument({
+            filePath,
+            fail: (err) => {
+              console.log(err)
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.list-page {
+  min-height: 100vh;
+  padding: 30rpx;
+  box-sizing: border-box;
+  background-color: #f0f0f0;
+  .file-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 100rpx;
+    width: 100%;
+    padding: 0 20rpx;
+    margin: 0 0 20rpx 0;
+    border-radius: 20rpx;
+    box-sizing: border-box;
+    line-height: 36rpx;
+    background-color: #fff;
+    .name {
+      width: calc(100% - 40rpx);
+      font-size: 28rpx;
+    }
+    .icon {
+      display: block;
+      width: 26rpx;
+      height: 26rpx;
+    }
+  }
+  .loadend {
+    width: 100%;
+  }
+  .no-data-txt {
+    text-align: center;
+    line-height: 200rpx;
+    color: #999;
+    font-size: 36rpx;
+  }
+}
+</style>
\ No newline at end of file