搜索

src/pages/publicity/list.vue

 <template>
   <div class="publicity-page">
     <h3>信息公示</h3>
+    <div class="picker-search">
+      <van-search v-model="searchValue" placeholder="请输入报销人姓名" @search="onSearch" />
+    </div>
     <van-list
       class="publicity-list"
       v-model:loading="loading"
 const { invoiceId } = route.query;
 
 const list = ref([])
+const searchValue = ref()
 const error = ref(false);
 const loading = ref(false);
 const pagenavi = reactive({ pageNum: 1, pageSize: 10, total: 0 })
   const params = { pageNum: pagenavi.pageNum + 1, pageSize: pagenavi.pageSize }
   queryData(params)
 }
+const onSearch=()=>{
+  const params = { pageNum: pagenavi.pageNum, pageSize: pagenavi.pageSize,personName:searchValue.value }
+  queryData(params)
+}
 
 onMounted(() => {
   //获取提交记录
   // .item + .item {
   //   margin-top: 16px;
   // }
+  .picker-search {
+    flex: none;
+  }
 }
 </style>