From 3a40d5f872411dc156b1efd7f727395f0c39c25d Mon Sep 17 00:00:00 2001
From: Leo <leo@qi-cloud.com>
Date: Sat, 15 Nov 2025 15:15:13 +0800
Subject: [PATCH] 1

---
 src/api/system/jdorder.js        |   9 +
 src/router/index.js              |   6 +
 src/views/public/OrderSearch.vue | 472 +++++++++++++++++++++++++++++++
 3 files changed, 487 insertions(+)
 create mode 100644 src/views/public/OrderSearch.vue

diff --git a/src/api/system/jdorder.js b/src/api/system/jdorder.js
index 329aec3..7879727 100644
--- a/src/api/system/jdorder.js
+++ b/src/api/system/jdorder.js
@@ -174,4 +174,13 @@ export function fetchLogisticsManually(data) {
     method: 'post',
     data
   })
+}
+
+// 订单搜索工具接口（返回简易字段）
+export function searchOrders(query) {
+  return request({
+    url: '/system/jdorder/tools/search',
+    method: 'get',
+    params: query
+  })
 }
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 0ab20e3..c035395 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -85,6 +85,12 @@ export const constantRoutes = [
     component: () => import('@/views/public/CommentGenerator'),
     hidden: true
   },
+  // 订单搜索工具（内部使用，不易被发现的路径）
+  {
+    path: '/tools/order-search',
+    component: () => import('@/views/public/OrderSearch'),
+    hidden: true
+  },
   // 公开订单提交页（不使用 Layout，无侧边栏）
   {
     path: '/public/order-submit',
diff --git a/src/views/public/OrderSearch.vue b/src/views/public/OrderSearch.vue
new file mode 100644
index 0000000..4438849
--- /dev/null
+++ b/src/views/public/OrderSearch.vue
@@ -0,0 +1,472 @@
+<template>
+  <div class="order-search-container">
+    <div class="search-card">
+      <div class="card-header">
+        <h3>订单搜索工具</h3>
+        <span class="header-desc">快速搜索下好的订单</span>
+      </div>
+
+      <div class="search-form">
+        <el-form :model="searchForm" label-width="100px" label-position="top">
+          <el-form-item label="单号搜索">
+            <el-input
+              v-model="searchForm.orderNo"
+              placeholder="请输入订单号/第三方单号/内部单号（至少5个字符）"
+              clearable
+              size="medium"
+              @keyup.enter.native="handleSearch"
+              @input="handleOrderNoInput"
+            />
+            <div class="input-tip">
+              <i class="el-icon-info"></i>
+              至少输入5个字符，将自动过滤TF、H、F、PDD等搜索词
+            </div>
+          </el-form-item>
+
+          <el-form-item label="地址搜索">
+            <el-input
+              v-model="searchForm.address"
+              placeholder="请输入收货地址关键词（至少3个字符）"
+              clearable
+              size="medium"
+              @keyup.enter.native="handleSearch"
+              @input="handleAddressInput"
+            />
+            <div class="input-tip">
+              <i class="el-icon-info"></i>
+              至少输入3个字符进行模糊搜索
+            </div>
+          </el-form-item>
+
+          <el-form-item>
+            <el-button
+              type="primary"
+              size="medium"
+              icon="el-icon-search"
+              @click="handleSearch"
+              :loading="loading"
+              :disabled="!canSearch"
+            >
+              搜索
+            </el-button>
+            <el-button
+              size="medium"
+              icon="el-icon-refresh"
+              @click="handleReset"
+            >
+              重置
+            </el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <!-- 搜索结果 -->
+      <div v-if="hasSearched" class="result-section">
+        <el-divider>
+          <span>搜索结果（共 {{ total }} 条）</span>
+        </el-divider>
+
+        <div v-if="loading" class="loading-container">
+          <i class="el-icon-loading"></i>
+          <span>搜索中...</span>
+        </div>
+
+        <div v-else-if="orderList.length === 0" class="empty-container">
+          <el-empty description="未找到匹配的订单" />
+        </div>
+
+        <div v-else class="order-list">
+          <el-table
+            :data="orderList"
+            border
+            stripe
+            style="width: 100%"
+            :default-sort="{prop: 'createTime', order: 'descending'}"
+          >
+            <el-table-column label="内部单号" prop="remark" width="140" />
+            <el-table-column label="京东单号" prop="orderId" width="180" />
+            <el-table-column label="第三方单号" prop="thirdPartyOrderNo" width="150">
+              <template slot-scope="scope">
+                <span v-if="scope.row.thirdPartyOrderNo">{{ scope.row.thirdPartyOrderNo }}</span>
+                <span v-else style="color: #999;">-</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="型号" prop="modelNumber" width="160" />
+            <el-table-column label="地址" prop="address" min-width="280" show-overflow-tooltip />
+            <el-table-column label="退款状态" width="100" align="center">
+              <template slot-scope="scope">
+                <el-tag
+                  :type="scope.row.isRefunded === 1 ? 'warning' : 'info'"
+                  size="small"
+                >
+                  {{ scope.row.isRefunded === 1 ? '已退款' : '未退款' }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="后返到账" width="100" align="center">
+              <template slot-scope="scope">
+                <el-tag
+                  :type="scope.row.isRebateReceived === 1 ? 'success' : 'info'"
+                  size="small"
+                >
+                  {{ scope.row.isRebateReceived === 1 ? '已到账' : '未到账' }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="赔付金额" prop="proPriceAmount" width="110" align="right">
+              <template slot-scope="scope">
+                {{ formatAmount(scope.row.proPriceAmount) }}
+              </template>
+            </el-table-column>
+            <el-table-column label="订单状态" prop="orderStatus" width="100" align="center">
+              <template slot-scope="scope">
+                <el-tag
+                  v-if="scope.row.orderStatus != null"
+                  :type="getOrderStatusType(scope.row.orderStatus)"
+                  size="small"
+                >
+                  {{ getOrderStatusText(scope.row.orderStatus) }}
+                </el-tag>
+                <span v-else style="color: #999;">-</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" prop="status" min-width="120" show-overflow-tooltip />
+            <el-table-column label="创建时间" prop="createTime" width="160">
+              <template slot-scope="scope">
+                {{ parseTime(scope.row.createTime) }}
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <!-- 分页 -->
+          <div class="pagination-container" v-if="total > 0">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="queryParams.pageNum"
+              :page-sizes="[10, 20, 50, 100]"
+              :page-size="queryParams.pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="total"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { listJDOrders, searchOrders } from '@/api/system/jdorder'
+import { parseTime } from '@/utils'
+
+export default {
+  name: 'OrderSearch',
+  data() {
+    return {
+      searchForm: {
+        orderNo: '',
+        address: ''
+      },
+      loading: false,
+      hasSearched: false,
+      orderList: [],
+      total: 0,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20
+      },
+      // 需要过滤的搜索词
+      filteredKeywords: ['TF', 'H', 'F', 'PDD']
+    }
+  },
+  computed: {
+    canSearch() {
+      const orderNo = (this.searchForm.orderNo || '').trim()
+      const address = (this.searchForm.address || '').trim()
+      
+      // 至少有一个搜索条件满足要求
+      const orderNoValid = orderNo.length >= 5 && !this.isFilteredKeyword(orderNo)
+      const addressValid = address.length >= 3
+      
+      return orderNoValid || addressValid
+    }
+  },
+  methods: {
+    // 检查是否是过滤的关键词
+    isFilteredKeyword(keyword) {
+      const upperKeyword = keyword.toUpperCase()
+      return this.filteredKeywords.some(kw => upperKeyword.includes(kw.toUpperCase()))
+    },
+    // 处理单号输入
+    handleOrderNoInput(value) {
+      // 如果输入的是过滤关键词，清空
+      if (value && value.length < 5) {
+        return
+      }
+      if (this.isFilteredKeyword(value)) {
+        this.$message.warning('该搜索词已被过滤，请输入其他关键词')
+        this.searchForm.orderNo = ''
+      }
+    },
+    // 处理地址输入
+    handleAddressInput(value) {
+      // 地址输入不需要特殊处理
+    },
+    // 执行搜索
+    async handleSearch() {
+      if (!this.canSearch) {
+        this.$message.warning('请输入有效的搜索条件')
+        return
+      }
+
+      const orderNo = (this.searchForm.orderNo || '').trim()
+      const address = (this.searchForm.address || '').trim()
+
+      // 验证搜索条件
+      if (orderNo && (orderNo.length < 5 || this.isFilteredKeyword(orderNo))) {
+        this.$message.warning('单号搜索至少需要5个字符，且不能包含TF、H、F、PDD等关键词')
+        return
+      }
+
+      if (address && address.length < 3) {
+        this.$message.warning('地址搜索至少需要3个字符')
+        return
+      }
+
+      if (!orderNo && !address) {
+        this.$message.warning('请至少输入一个搜索条件')
+        return
+      }
+
+      this.loading = true
+      this.hasSearched = true
+      this.queryParams.pageNum = 1
+
+      try {
+        // 构建查询参数
+        const queryParams = {
+          pageNum: this.queryParams.pageNum,
+          pageSize: this.queryParams.pageSize,
+          orderSearch: orderNo || undefined,
+          address: address || undefined
+        }
+
+        // 使用专门的搜索接口
+        const res = await searchOrders(queryParams)
+        
+        if (res && (res.code === 200 || res.msg === '操作成功')) {
+          const list = (res.rows || res.data || [])
+          
+          // 处理退款相关字段的默认值
+          this.orderList = list.map(item => ({
+            ...item,
+            isRefunded: item.isRefunded != null ? item.isRefunded : 0,
+            isRefundReceived: item.isRefundReceived != null ? item.isRefundReceived : 0,
+            isRebateReceived: item.isRebateReceived != null ? item.isRebateReceived : 0
+          }))
+          
+          this.total = res.total || 0
+          
+          if (this.orderList.length === 0) {
+            this.$message.info('未找到匹配的订单')
+          } else {
+            this.$message.success(`找到 ${this.total} 条匹配的订单`)
+          }
+        } else {
+          this.$message.error(res && res.msg ? res.msg : '搜索失败')
+          this.orderList = []
+          this.total = 0
+        }
+      } catch (error) {
+        console.error('搜索失败:', error)
+        this.$message.error('搜索失败，请稍后重试')
+        this.orderList = []
+        this.total = 0
+      } finally {
+        this.loading = false
+      }
+    },
+    // 重置搜索
+    handleReset() {
+      this.searchForm = {
+        orderNo: '',
+        address: ''
+      }
+      this.orderList = []
+      this.total = 0
+      this.hasSearched = false
+      this.queryParams.pageNum = 1
+      this.queryParams.pageSize = 20
+    },
+    // 分页大小变化
+    handleSizeChange(val) {
+      this.queryParams.pageSize = val
+      this.queryParams.pageNum = 1
+      this.handleSearch()
+    },
+    // 当前页变化
+    handleCurrentChange(val) {
+      this.queryParams.pageNum = val
+      this.handleSearch()
+    },
+    // 格式化金额
+    formatAmount(amount) {
+      if (amount == null || amount === '') return '-'
+      const num = Number(amount)
+      if (Number.isNaN(num)) return amount
+      return num.toFixed(2)
+    },
+    // 解析时间
+    parseTime(time) {
+      if (!time) return '-'
+      return parseTime(time, '{y}-{m}-{d} {h}:{i}:{s}')
+    },
+    // 获取订单状态类型
+    getOrderStatusType(status) {
+      if (status == null) return 'info'
+      const statusStr = String(status)
+      if (statusStr.includes('完成') || statusStr.includes('成功')) return 'success'
+      if (statusStr.includes('退款') || statusStr.includes('失败')) return 'warning'
+      if (statusStr.includes('取消')) return 'danger'
+      return 'info'
+    },
+    // 获取订单状态文本
+    getOrderStatusText(status) {
+      if (status == null) return '-'
+      return String(status)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.order-search-container {
+  min-height: 100vh;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  padding: 20px;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+}
+
+.search-card {
+  max-width: 1400px;
+  width: 100%;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+}
+
+.card-header {
+  background: linear-gradient(135deg, #409EFF 0%, #67C23A 100%);
+  color: #fff;
+  padding: 20px 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.card-header h3 {
+  margin: 0;
+  font-size: 20px;
+  font-weight: 600;
+}
+
+.header-desc {
+  font-size: 14px;
+  opacity: 0.9;
+}
+
+.search-form {
+  padding: 24px;
+}
+
+.input-tip {
+  margin-top: 8px;
+  font-size: 12px;
+  color: #909399;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.input-tip i {
+  color: #409EFF;
+}
+
+.result-section {
+  padding: 0 24px 24px;
+}
+
+.loading-container {
+  text-align: center;
+  padding: 40px;
+  color: #909399;
+}
+
+.loading-container i {
+  font-size: 24px;
+  margin-right: 8px;
+  animation: rotating 2s linear infinite;
+}
+
+@keyframes rotating {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.empty-container {
+  padding: 40px;
+}
+
+.order-list {
+  margin-top: 16px;
+}
+
+.pagination-container {
+  margin-top: 20px;
+  display: flex;
+  justify-content: flex-end;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .order-search-container {
+    padding: 12px;
+  }
+
+  .search-card {
+    border-radius: 8px;
+  }
+
+  .card-header {
+    padding: 16px;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 8px;
+  }
+
+  .card-header h3 {
+    font-size: 18px;
+  }
+
+  .search-form {
+    padding: 16px;
+  }
+
+  .result-section {
+    padding: 0 16px 16px;
+  }
+
+  .pagination-container {
+    overflow-x: auto;
+  }
+}
+</style>
+