订单列表

src/router/index.js

@@ -75,7 +75,7 @@ export const constantRoutes = [
       },
       {
         path: '/orderList',
-        component: () => import('@/views/commodityManage/orderList.vue'),
+        component: () => import('@/views/orderList/index.vue'),
         hidden: true
       }
     ]

src/views/orderList/FilterButton.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/views/commodityManage/orderList.vue → src/views/orderList/index.vue

@@ -15,42 +15,42 @@
               {{ item.label }} ({{ item.sum }})
             </button>
           </div>
-          <el-button type="primary" @click="resetQuery">
-            <el-icon><Refresh /></el-icon>&nbsp;&nbsp;刷新
-          </el-button>
         </div>
       </div>
       <transition name="fade">
         <div>
           <el-form ref="queryFormRef" :model="queryParams">
             <el-row :gutter="20">
-              <el-col :span="4">
+              <el-col :span="5">
                 <el-form-item label="输入搜索：" prop="name">
                   <el-input v-model="queryParams.name" placeholder="请输入报告名称" clearable @keyup.enter="handleQuery" />
                 </el-form-item>
               </el-col>
-              <el-col :span="4">
+              <el-col :span="5">
                 <el-form-item label="收货人：" prop="consignee">
                   <el-select v-model="queryParams.serviceClass" clearable>
                     <!--<el-option v-for="item in mm_event_type" :key="item.value" :label="item.label" :value="item.value"></el-option>-->
                   </el-select>
                 </el-form-item>
               </el-col>
-              <el-col :span="4">
+              <el-col :span="5">
                 <el-form-item label="商品类型：" prop="submissionTime">
                   <el-select v-model="queryParams.serviceStatus" clearable>
                     <!--<el-option v-for="item in mm_event_type" :key="item.value" :label="item.label" :value="item.value"></el-option>-->
                   </el-select>
                 </el-form-item>
               </el-col>
-              <el-col :span="4">
+              <el-col :span="5">
                 <el-form-item label="提交时间：" prop="serviceStatus">
                   <el-date-picker v-model="value1" type="datetime" placeholder="请选择时间" />
                 </el-form-item>
               </el-col>
-              <el-col :span="4">
+              <el-col :span="1.5">
                 <el-button type="primary" @click="handleQuery">查询</el-button>
               </el-col>
+              <el-col :span="1.5">
+                <el-button @click="resetQuery">重置</el-button>
+              </el-col>
             </el-row>
           </el-form>
         </div>
@@ -59,16 +59,6 @@
         <el-col :span="1.5">
           <el-button type="warning" plain icon="Download" @click="handleExport">导出</el-button>
         </el-col>
-        <el-col :span="3">
-          <el-select v-model="sortField" placeholder="排序方式" @change="handleSortChange">
-            <el-option
-              v-for="item in sortOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-col>
       </el-row>
       <!-- 表格组件 -->
       <el-table ref="multipleTable" v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">