添加快捷分类查询

src/views/erp/purchase/inquiry/index.vue

@@ -11,6 +11,37 @@
       </div>
     </div>
 
+    <div class="mobile-header__quick-filter">
+      <div
+        class="quick-filter-item"
+        :class="{ active: queryParams.status === undefined }"
+        @click="handleQuickFilter(undefined)"
+      >
+        全部订单
+      </div>
+      <div
+        class="quick-filter-item"
+        :class="{ active: queryParams.status === 10 }"
+        @click="handleQuickFilter(10)"
+      >
+        待询价
+      </div>
+      <div
+        class="quick-filter-item"
+        :class="{ active: queryParams.status === 20 }"
+        @click="handleQuickFilter(20)"
+      >
+        询价中
+      </div>
+      <div
+        class="quick-filter-item"
+        :class="{ active: queryParams.status === 30 }"
+        @click="handleQuickFilter(30)"
+      >
+        已完成
+      </div>
+    </div>
+
     <!-- 卡片列表 -->
     <div class="mobile-list" v-loading="loading">
       <div v-if="list.length === 0 && !loading" class="mobile-empty">
@@ -233,9 +264,41 @@ onMounted(async () => {
   productList.value = await ProductApi.getProductSimpleList()
   userList.value = await UserApi.getSimpleUserList()
 })
+
+/** 快捷分类筛选 */
+const handleQuickFilter = (status: number | undefined) => {
+  queryParams.status = status
+  queryParams.pageNo = 1
+  getList()
+}
+
 </script>
 
 <style lang="scss" scoped>
+
+.mobile-header__quick-filter {
+  display: flex;
+  gap: 12px;
+  margin: 8px 0;
+  justify-content: flex-start;
+
+  .quick-filter-item {
+    padding: 4px 12px;
+    font-size: 14px;
+    border-radius: 20px;
+    cursor: pointer;
+    color: #909399;
+    background: transparent;
+    transition: all 0.2s;
+
+    &.active {
+      color: #fff;
+      background: #409eff;
+    }
+  }
+}
+
+
 .mobile-purchase-inquiry {
   padding: 12px;
   background: #f5f5f5;