From 2bf5ba295ec4ed0e5eaf6e6c84847ebc84c14d9d Mon Sep 17 00:00:00 2001
From: linxi <linxi.jiang@jeeyor.com>
Date: Mon, 26 Aug 2024 17:57:57 +0800
Subject: [PATCH] =?UTF-8?q?Fix(=E5=8D=83=E5=8E=BF=E5=90=8D=E5=93=81)?=
 =?UTF-8?q?=EF=BC=9A=E5=BA=97=E9=93=BA=E2=80=94=E4=BA=A7=E4=B8=9A=E2=80=94?=
 =?UTF-8?q?=E6=8B=9B=E5=95=86=E6=94=BF=E7=AD=96=E2=80=94=E6=9B=B4=E5=A4=9A?=
 =?UTF-8?q?=E6=94=BF=E7=AD=96=EF=BC=8C=E5=B0=91=E5=81=9A=E4=BA=86=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E6=A1=86=EF=BC=8C=E6=95=88=E6=9E=9C=E5=9B=BE=E6=98=AF?=
 =?UTF-8?q?=E6=9C=89=E6=90=9C=E7=B4=A2=E6=A1=86=E7=9A=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/v12-style.less                     | 47 +++++++++++++++++++
 .../views/famousQianxianInvestment.vue        | 25 ++++++++--
 2 files changed, 68 insertions(+), 4 deletions(-)

diff --git a/assets/css/v12-style.less b/assets/css/v12-style.less
index 5fdf542..f737c69 100644
--- a/assets/css/v12-style.less
+++ b/assets/css/v12-style.less
@@ -28,6 +28,53 @@ each(@colors, {
 
 .generateFontSize(20);
 
+.generateMarginAndPadding(@n, @i:0) when (@i<= @n)  {
+  @baseNum: @i * 8rpx;
+  .v12-mt-@{i} {
+    margin-top: @baseNum;
+  }
+  .v12-ml-@{i} {
+    margin-left: @baseNum;
+  }
+  .v12-mr-@{i} {
+    margin-right: @baseNum;
+  }
+  .v12-mb-@{i} {
+    margin-bottom: @baseNum;
+  }
+  .v12-ma-@{i} {
+    margin: @baseNum;
+  }
+  .v12-mx-@{i} {
+    margin: 0 @baseNum;
+  }
+  .v12-my-@{i} {
+    margin:  @baseNum 0;
+  }
+  .v12-pt-@{i} {
+    padding-top: @baseNum;
+  }
+  .v12-pl-@{i} {
+    padding-left: @baseNum;
+  }
+  .v12-pr-@{i} {
+    padding-right: @baseNum;
+  }
+  .v12-pb-@{i} {
+    padding-bottom: @baseNum;
+  }
+  .v12-pa-@{i} {
+    padding: @baseNum;
+  }
+  .v12-px-@{i} {
+    padding: 0 @baseNum
+  }
+  .v12-py-@{i} {
+    padding: @baseNum 0
+  }
+  .generateMarginAndPadding(@n, (@i + 1))
+}
+.generateMarginAndPadding(40);
 .v12-font-bold{
   font-weight: bold !important;
 }
diff --git a/pkg_product/views/famousQianxianInvestment.vue b/pkg_product/views/famousQianxianInvestment.vue
index 4167dc6..f2cc496 100644
--- a/pkg_product/views/famousQianxianInvestment.vue
+++ b/pkg_product/views/famousQianxianInvestment.vue
@@ -1,8 +1,19 @@
 <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 list"
+        v-for="(file, fileIndex) in currentList"
         :key="fileIndex"
         class="file-item"
         @click="fileItemClick(file)"
@@ -15,11 +26,11 @@
           class="icon"
         />
       </view>
-      <image
+      <!-- <image
         :src="webUrl + '/home/no-data-bg.png'"
         mode="widthFix"
         class="loadend"
-      />
+      /> -->
     </view>
     <goo-skeleton v-else />
   </view>
@@ -37,7 +48,9 @@ export default {
       webUrl: this.$VUE_APP_RESOURCES_URL,
       isLoad: false,
       pageKeyId: '',
-      list: []
+      list: [],
+      keyword: '',
+      currentList: []
     }
   },
   onLoad(options) {
@@ -45,6 +58,9 @@ export default {
     this.getListReq(id)
   },
   methods: {
+    handleSearch() {
+      this.currentList = this.list.filter(item => item.title.indexOf(this.keyword) > -1)
+    },
     getListReq(id) {
       getCountyFamousInvestmentFile({
         countyFamousDataId: id,
@@ -55,6 +71,7 @@ export default {
         if (success) {
           this.isLoad = true
           this.list = data.records || []
+          this.currentList = [...this.list]
         }
       })
     },