物料条码添加搜索框

ruoyi-ui/src/views/bas/BasProductCode/index.vue

@@ -180,7 +180,7 @@
 
         <!-- 历史数据区域 -->
         <div class="list-container" style="padding-bottom: 60px;">
-          <div class="section-header" style="margin-bottom: 40px;">
+          <div class="section-header" style="margin-bottom: 20px;">
             <h3>历史数据</h3>
             <div class="header-actions">
               <el-button
@@ -195,6 +195,22 @@
             </div>
           </div>
 
+          <!-- 搜索框区域 -->
+          <div class="search-box" style="margin-bottom: 20px; border: 1px solid #ebeef5; padding: 15px; background-color: #fff; border-radius: 4px;">
+            <div style="display: flex; align-items: center;">
+              <div style="font-weight: bold; margin-right: 10px; min-width: 60px;">订单号</div>
+              <el-input
+                v-model="queryParams.spare1"
+                placeholder="请输入订单号"
+                clearable
+                style="width: 240px; margin-right: 10px;"
+                @keyup.enter.native="handleQuery"
+              />
+              <el-button type="primary" icon="el-icon-search" @click="handleQuery" style="margin-right: 10px;">搜索</el-button>
+              <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </div>
+          </div>
+
           <el-table
             ref="table"
             v-loading="loading"
@@ -523,6 +539,14 @@ export default {
       this.previewData = { ...DEFAULT_PREVIEW_DATA }
       this.showPreview = false
     },
+    resetQuery(){
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        searchText: ''
+      }
+      this.handleQuery()
+    },
 
     // 预览按钮操作
     async handlePreview() {