耗材修改

src/views/order_manage/order_list.vue

@@ -54,12 +54,21 @@
           >
           </el-date-picker>
         </el-form-item>
+        
         <el-form-item label="订单号">
           <el-input
             v-model="query.orderNo"
             placeholder="请输入订单号"
             style="width: 300px;"
           ></el-input>
+         
+        </el-form-item>
+        <el-form-item label="商品名称">
+          <el-input
+            v-model="query.productName"
+            placeholder="请输入商品名称"
+            style="width: 300px;"
+          ></el-input>
           <el-button type="primary" @click="getTableData">查询</el-button>
           <el-button @click="resetHandle">重置</el-button>
           <el-button
@@ -71,6 +80,8 @@
             <span v-else>下载中...</span>
           </el-button>
         </el-form-item>
+       
+
       </el-form>
     </div>
     <div class="head-container">
@@ -218,7 +229,8 @@ export default {
         status: "",
         payType: "",
         orderNo: "",
-        createdAt: []
+        createdAt: [],
+        productName:''
       },
       tableData: {
         data: [],
@@ -262,6 +274,9 @@ export default {
     if(this.$route.query.tableName){
       this.query.tableName = this.$route.query.tableName
     }
+    if(this.$route.query.orderNo){
+      this.query.orderNo = this.$route.query.orderNo
+    }
     this.resetQuery = { ...this.query };
     this.tbShopPayTypeGet();
     this.getTableData();
@@ -320,11 +335,13 @@ export default {
       this.tableData.loading = true;
       try {
         this.payCount();
+        const productName=this.query.productName.replace(/\s+/g,'')
         const res = await tbOrderInfoData({
           page: this.tableData.page,
           pageSize: this.tableData.size,
           orderType: this.orderType,
-          ...this.query
+          ...this.query,
+          productName
         });
         this.tableData.loading = false;
         this.tableData.data = res.content;