feate:添加退款接口

src/views/order/OrderList.vue

@@ -5,6 +5,30 @@
       <!-- 搜索和操作栏 -->
       <div class="filter-section">
         <div class="filter-content">
+          <el-form :inline="true" :model="queryParams" class="filter-form">
+            <el-form-item label="关键词">
+              <el-input v-model="queryParams.key" placeholder="订单名称/ID" clearable style="width: 150px" @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="用户ID">
+              <el-input v-model="queryParams.user_id" placeholder="用户ID" clearable style="width: 120px" @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="用户关键词">
+              <el-input v-model="queryParams.user_key" placeholder="用户名/手机号/邮箱" clearable style="width: 180px" @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="状态">
+              <el-select v-model="queryParams.state" placeholder="全部" clearable style="width: 120px">
+                <el-option label="待支付" value="0" />
+                <el-option label="已支付" value="1" />
+                <el-option label="已失效" value="2" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery">
+                <el-icon><Search /></el-icon>搜索
+              </el-button>
+              <el-button @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
           <div class="action-bar">
             <el-button type="primary" @click="handleAdd">
               <el-icon><Plus /></el-icon>新增订单
@@ -220,9 +244,12 @@ import { getOrderList, getOrderDetail, createOrder, updateOrder, deleteOrder } f
 
 // 查询参数
 const queryParams = reactive({
- 
   page: 1,
-  count: 10
+  count: 10,
+  key: '',
+  state: '',
+  user_id: '',
+  user_key: ''
 })
 
 // 订单表单
@@ -282,7 +309,14 @@ const orderFormRef = ref(null)
 const fetchOrderList = async () => {
   loading.value = true
   try {
-    const res = await getOrderList(queryParams)
+    // 过滤空值参数
+    const params = {}
+    Object.keys(queryParams).forEach(key => {
+      if (queryParams[key] !== '' && queryParams[key] !== null && queryParams[key] !== undefined) {
+        params[key] = queryParams[key]
+      }
+    })
+    const res = await getOrderList(params)
     console.log('订单列表数据:', res.data)
     if (res.data.code === 200) {
       orderList.value = res.data.data.list || []
@@ -337,10 +371,10 @@ const handleQuery = () => {
 
 // 重置查询
 const resetQuery = () => {
-  queryParams.order_no = ''
+  queryParams.key = ''
+  queryParams.state = ''
   queryParams.user_id = ''
-  queryParams.status = ''
-  queryParams.dateRange = []
+  queryParams.user_key = ''
   queryParams.page = 1
   fetchOrderList()
 }
@@ -532,13 +566,29 @@ onMounted(() => {
 
 .filter-content {
   display: flex;
-  justify-content: flex-end;
-  align-items: center;
+  justify-content: space-between;
+  align-items: flex-start;
   padding: 16px 20px;
   gap: 20px;
   flex-wrap: wrap;
 }
 
+.filter-form {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+}
+
+.filter-form :deep(.el-form-item) {
+  margin-bottom: 0;
+  margin-right: 8px;
+}
+
+.filter-form :deep(.el-form-item__label) {
+  font-size: 13px;
+}
+
 .action-bar {
   display: flex;
   gap: 12px;