确权调查测试问题修改

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;
   }