管理后台增加交易单号

src/types/order.ts

@@ -29,6 +29,8 @@ export interface OrderListQuery {
   page?: number
   page_size?: number
   order_no?: string
+  /** 微信交易号（精确） */
+  transaction_id?: string
   user_id?: number
   status?: number
 }

src/views/order/OrderListView.vue

@@ -16,6 +16,7 @@ const pageSize = ref(10)
 
 const query = reactive({
   order_no: '',
+  transaction_id: '',
   user_id: undefined as number | undefined,
   status: undefined as number | undefined,
 })
@@ -27,6 +28,7 @@ async function fetchList() {
       page: page.value,
       page_size: pageSize.value,
       order_no: query.order_no || undefined,
+      transaction_id: query.transaction_id || undefined,
       user_id: query.user_id || undefined,
       status: query.status,
     })
@@ -46,6 +48,7 @@ function handleSearch() {
 
 function handleReset() {
   query.order_no = ''
+  query.transaction_id = ''
   query.user_id = undefined
   query.status = undefined
   handleSearch()
@@ -80,6 +83,12 @@ async function openDetail(row: OrderItem) {
         clearable
         @keyup.enter="handleSearch"
       />
+      <el-input
+        v-model="query.transaction_id"
+        placeholder="交易单号（精确）"
+        clearable
+        @keyup.enter="handleSearch"
+      />
       <el-input
         v-model.number="query.user_id"
         placeholder="用户 ID"