From 1064498940a1ba49769c6ae96770a0d9dab1daf7 Mon Sep 17 00:00:00 2001
From: QI_YUJIE <2878090898@qq.com>
Date: Tue, 29 Aug 2023 15:02:33 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A1=AE=E6=9D=83=E8=B0=83=E6=9F=A5=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95=E9=97=AE=E9=A2=98=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../contractor/contractorLandDetail.vue       | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/views/contracted/village/contractor/contractorLandDetail.vue b/src/views/contracted/village/contractor/contractorLandDetail.vue
index 2259acad..6a9a0a55 100644
--- a/src/views/contracted/village/contractor/contractorLandDetail.vue
+++ b/src/views/contracted/village/contractor/contractorLandDetail.vue
@@ -14,10 +14,11 @@
         <van-field v-model="form.dkbm" label="地块代码：" placeholder="请选择地块代码" required :rules="[{ required: true }]" :border="false"
                    input-align="right" right-icon="arrow-down" readonly clickable @click="openLandCodePopup" :disabled="isDisabled" maxlength="19" />
         <van-popup v-model="showLandCode" position="bottom">
+          <van-search v-model="searchKeyword"  placeholder="请输入地块名称搜索" />
           <van-picker
             ref="landCodePicker"
             show-toolbar
-            :columns="landList"
+            :columns="filteredLandList"
             @confirm="onConfirmLandCodeOptions"
             @cancel="showLandCode = false"
           >
@@ -150,6 +151,7 @@
         sfjbntOptions: [],                // 是否基本农田字典
         landList: [],                     // 地块信息列表
         taskStatus: null,                 // 调查任务的完成状态：1表示已完成，2表示未完成
+        searchKeyword: '',                // 弹出框查询关键字
       };
     },
     created() {
@@ -177,6 +179,13 @@
         this.getLandList();
       }
     },
+    computed: {
+      filteredLandList() {
+        return this.landList.filter(item => {
+          return item.dkmc.indexOf(this.searchKeyword) !== -1;
+        })
+      }
+    },
     methods: {
       getCoordinates() {
         getDept(this.$route.params.deptId).then(response => {
@@ -238,6 +247,7 @@
         } */
         if (!this.isDisabled) {
           this.showLandCode = true;
+          this.searchKeyword = '';
         }
       },
       onConfirmLandCodeOptions(value) {
@@ -359,14 +369,6 @@
     border: none;
   }
 
-  /deep/ .van-search__content{
-    background: rgba(255,255,255,.5);
-  }
-  /deep/ .van-search{
-    padding: 0;
-    flex: 1;
-  }
-
   /deep/ .van-ellipsis{
     overflow: initial;
   }