原顶部工具栏是裸 div + 状态单选,现改为 el-form :inline 版式,与出库记录 / 报废记录一致: 状态 全部 / 待审批 / 已通过 / 已驳回 / 已完成 / 已完结 搜索 [搜索类型下拉] + 关键词输入,500ms 防抖 采购日期 日期范围选择 按钮 查询 / 重置 / 新建采购申请 交互细节: · 搜索类型切换、清空输入时立即查询(取消防抖等待); · 「重置」恢复默认的「待审批」状态(该页默认视图),而非清成"全部"—— 与页面初始状态保持一致; · 重置同时清空关键词、搜索类型、日期范围。 api/purchase.ts 的 getPurchaseList 补充新参数的类型定义。
Vue 3 + TypeScript + Vite
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.