仓库的配件申请单处加上搜索功能

pages-warehouse/home/home.vue

@@ -139,6 +139,7 @@ export default {
         pageSize: 10,
         query: null,
         type: "01",
+        isBack: false,
       },
       //配件单列表
       ticketWares: [],

pages-warehouse/inOutWarehouse/inOutWarehouse.vue

@@ -6,6 +6,14 @@
     <!--        {{ item.name }}-->
     <!--      </view>-->
     <!--    </view>-->
+    <view class="body-top">
+      <view class="body-top-search">
+        <input class="body-top-search-input" v-model="query" placeholder="配件名称"
+               placeholder-style="font-size: 28rpx"
+               type="text">
+        <text @click="handleSearch">搜索</text>
+      </view>
+    </view>
     <view class="listBox">
       <view class="list">
         <view v-for="(item, index) in wares" :key="index" class="listItem">
@@ -65,7 +73,8 @@ export default {
       //父组件传入的数据
       formData: {},
       active: '',
-      isToBeReviewed: true
+      isToBeReviewed: true,
+      query: null
     };
   },
   onLoad(data) {
@@ -82,12 +91,16 @@ export default {
 
   computed: {},
   methods: {
+    handleSearch(){
+      this.init()
+    },
     /**
      * 初始化配件数据
      */
     init() {
       const params = {
-        twId: this.formData.id
+        twId: this.formData.id,
+        query: this.query
       }
       request({
         url: '/admin-api/repair/twi/list',
@@ -381,4 +394,29 @@ export default {
     margin-left: 20rpx;
   }
 }
+
+.body-top {
+  //width: 686rpx;
+  background: #FFFFFF;
+  border-radius: 8rpx 8rpx 8rpx 8rpx;
+  margin: 30rpx 30rpx 0;
+
+  .body-top-search {
+    height: 84rpx;
+    background: #F3F5F7;
+    border-radius: 12rpx 12rpx 12rpx 12rpx;
+    margin: 0 auto;
+    padding: 0 30rpx;
+    font-size: 28rpx;
+
+    display: flex;
+    align-items: center;
+    column-gap: 10rpx;
+
+    .body-top-search-input {
+      flex: 1;
+      width: 0;
+    }
+  }
+}
 </style>