From 5a45708d6720174ecc037f138c79c0886e843a97 Mon Sep 17 00:00:00 2001
From: db_huang <18006480240@163.com>
Date: Thu, 5 Nov 2026 15:39:42 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=BB=E4=B9=8B=E5=89=8D=E8=A2=AB?=
 =?UTF-8?q?=E5=86=BB=E7=BB=93=E7=9A=84=E4=B8=80=E5=88=86=E9=92=B1=EF=BC=8C?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=BF=94=E6=AC=BE=E8=AE=B0=E5=BD=95=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/app/__pycache__/main.cpython-313.pyc | Bin 391537 -> 391537 bytes
 backend/app/main.py                          |   4 ++--
 backend/data/app.db                          |   0
 frontend/src/RefundRecordsPage.jsx           |  17 ++++++++++++--
 frontend/src/admin.css                       |  23 +++++++++++++++++--
 5 files changed, 38 insertions(+), 6 deletions(-)
 create mode 100644 backend/data/app.db

diff --git a/backend/app/__pycache__/main.cpython-313.pyc b/backend/app/__pycache__/main.cpython-313.pyc
index 4af207e27dd74060976824decd98f0294c561812..672d5ada9506cd44f974cea90e82a39cbdc7a455 100644
GIT binary patch
delta 112
zcmezPN&Mp{ajwt2yj%=G&}`Vq)yl=#%Eh#mi@E!i%=0N*pH6Lix^wf>{tcx(Km|{C
zO@BFg*V75T&zEoC_=-7<nT?&1fuV?VJMTN@3`Sw|i*n|dB`tQU>?pf#?|;$W|FTtk
Q$9rZVX4&5Hp7kXs07mOC*Z=?k

delta 112
zcmezPN&Mp{ajwt2yj%=GAS2nx)yl=#%Eh#mi@E!i%+p=dUryfjbVBd*<r_+QfC`>Z
z+4^*9+tZz!pZ0Ix_=-7<nT?Z?fuV?fJMTN@3`SwSi*kCGCG|IoY)HFq=6})5|FU6w
Q$9rZVX4&5Hp7kXs01d@1^8f$<

diff --git a/backend/app/main.py b/backend/app/main.py
index 22221b3..79700a0 100644
--- a/backend/app/main.py
+++ b/backend/app/main.py
@@ -3908,14 +3908,14 @@ def export_refund_records(q: str = "", start_date: str = "", end_date: str = "",
     query = _refund_record_query(user, q, start_date, end_date)
     output = io.StringIO()
     writer = csv.writer(output)
-    writer.writerow(["店铺名称", "电商平台", "商品ID", "转账时间", "订单号", "收款人", "收款账号", "返款金额（元）", "付款账户", "操作人", "支付宝流水"])
+    writer.writerow(["电商平台", "店铺名称", "商品ID", "转账时间", "订单号", "收款人", "收款账号", "返款金额（元）", "付款账户", "操作人", "支付宝流水"])
     total = 0
     def safe(value):
         value = str(value or "")
         return "'" + value if value.lstrip().startswith(("=", "+", "-", "@")) or value.startswith(("\t", "\r", "\n")) else value
     for record in db.scalars(query.order_by(RefundRecord.transferred_at.desc(), RefundRecord.id.desc()).execution_options(yield_per=500)):
         total += record.amount_fen
-        writer.writerow([safe(record.shop_name), safe(record.ecommerce_platform), safe(record.product_id), (record.transferred_at + timedelta(hours=8)).strftime("%Y-%m-%d %H:%M:%S"), safe(record.order_no), safe(record.payee_name), safe(record.payee_account), f"{record.amount_fen / 100:.2f}", safe(record.payer_account), safe(record.operator_name), safe(record.alipay_trade_no)])
+        writer.writerow([safe(record.ecommerce_platform), safe(record.shop_name), safe(record.product_id), (record.transferred_at + timedelta(hours=8)).strftime("%Y-%m-%d %H:%M:%S"), safe(record.order_no), safe(record.payee_name), safe(record.payee_account), f"{record.amount_fen / 100:.2f}", safe(record.payer_account), safe(record.operator_name), safe(record.alipay_trade_no)])
     writer.writerow(["合计", "", "", "", "", "", "", f"{total / 100:.2f}", "", "", ""])
     return Response(content="\ufeff" + output.getvalue(), media_type="text/csv; charset=utf-8", headers={"Content-Disposition": 'attachment; filename="refund-records.csv"'})
 
diff --git a/backend/data/app.db b/backend/data/app.db
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/RefundRecordsPage.jsx b/frontend/src/RefundRecordsPage.jsx
index 9d77bad..215a7a5 100644
--- a/frontend/src/RefundRecordsPage.jsx
+++ b/frontend/src/RefundRecordsPage.jsx
@@ -75,9 +75,22 @@ export default function RefundRecordsPage({ api }) {
       {error && <p role="alert" className="refund-records-error">{error}</p>}
       <div className="refund-account-table-wrap" aria-busy={loading}>
         <table className="refund-account-table refund-records-table">
-          <thead><tr>{["店铺名称", "电商平台", "商品ID", "转账时间", "订单号", "收款人", "收款账号", "返款金额", "付款账户", "操作人", "支付宝流水"].map((title) => <th key={title}>{title}</th>)}</tr></thead>
+          <colgroup>
+            <col className="refund-col-platform" />
+            <col className="refund-col-shop" />
+            <col className="refund-col-product" />
+            <col className="refund-col-time" />
+            <col className="refund-col-order" />
+            <col className="refund-col-payee" />
+            <col className="refund-col-account" />
+            <col className="refund-col-amount" />
+            <col className="refund-col-payer" />
+            <col className="refund-col-operator" />
+            <col className="refund-col-trade" />
+          </colgroup>
+          <thead><tr>{["电商平台", "店铺名称", "商品ID", "转账时间", "订单号", "收款人", "收款账号", "返款金额", "付款账户", "操作人", "支付宝流水"].map((title) => <th key={title}>{title}</th>)}</tr></thead>
           <tbody>{loading || error ? <tr><td colSpan={11}>{loading ? "加载中…" : "记录加载失败，请调整筛选或重新进入页面"}</td></tr> : data.items.length ? data.items.map((item) => <tr key={item.id}>
-            <td>{item.shop_name || "—"}</td><td>{item.ecommerce_platform || "—"}</td><td>{item.product_id || "—"}</td><td>{formatDateTime(item.transferred_at)}</td><td>{item.order_no}</td><td>{item.payee_name || "—"}</td><td>{item.payee_account || "—"}</td><td className="refund-account-balance">{money(item.amount_fen)}</td><td>{item.payer_account || "—"}</td><td>{item.operator_name || "—"}</td><td>{item.alipay_trade_no || "—"}</td>
+            <td className="refund-platform-cell">{item.ecommerce_platform || "—"}</td><td className="refund-shop-cell">{item.shop_name || "—"}</td><td className="refund-product-cell">{item.product_id || "—"}</td><td className="refund-time-cell">{formatDateTime(item.transferred_at)}</td><td className="refund-order-cell">{item.order_no}</td><td>{item.payee_name || "—"}</td><td className="refund-payee-account-cell">{item.payee_account || "—"}</td><td className="refund-account-balance">{money(item.amount_fen)}</td><td>{item.payer_account || "—"}</td><td>{item.operator_name || "—"}</td><td className="refund-trade-cell" title={item.alipay_trade_no || ""}>{item.alipay_trade_no || "—"}</td>
           </tr>) : <tr><td colSpan={11}>暂无返款记录</td></tr>}</tbody>
           {!loading && !error && <tfoot><tr><th colSpan={7}>合计（当前筛选全部记录）</th><td className="refund-account-balance">{money(data.total_amount_fen)}</td><td colSpan={3} /></tr></tfoot>}
         </table>
diff --git a/frontend/src/admin.css b/frontend/src/admin.css
index f24a841..3a60a96 100644
--- a/frontend/src/admin.css
+++ b/frontend/src/admin.css
@@ -6394,8 +6394,27 @@ html.dingtalk-mobile .answer-v2-footer {
 .refund-records-toolbar input[type="date"] { padding: 9px; border: 1px solid #cbdaf2; border-radius: 8px; background: white; color: inherit; }
 .refund-records-toolbar > .primary-button { margin-left: auto; display: flex; align-items: center; gap: 6px; }
 .refund-records-hint { color: #7186a5; font-size: 12px; margin: 16px 0; }
-.refund-records-table { min-width: 1250px; }
-.refund-records-table td { overflow-wrap: anywhere; max-width: 230px; }
+.refund-records-table { width: 100%; min-width: 1540px; table-layout: fixed; }
+.refund-records-table col.refund-col-platform { width: 90px; }
+.refund-records-table col.refund-col-shop { width: 175px; }
+.refund-records-table col.refund-col-product { width: 155px; }
+.refund-records-table col.refund-col-time { width: 155px; }
+.refund-records-table col.refund-col-order { width: 195px; }
+.refund-records-table col.refund-col-payee { width: 85px; }
+.refund-records-table col.refund-col-account { width: 125px; }
+.refund-records-table col.refund-col-amount { width: 90px; }
+.refund-records-table col.refund-col-payer { width: 90px; }
+.refund-records-table col.refund-col-operator { width: 105px; }
+.refund-records-table col.refund-col-trade { width: 275px; }
+.refund-records-table td { max-width: none; overflow-wrap: normal; word-break: normal; }
+.refund-records-table .refund-shop-cell { overflow-wrap: anywhere; }
+.refund-records-table .refund-platform-cell,
+.refund-records-table .refund-product-cell,
+.refund-records-table .refund-time-cell,
+.refund-records-table .refund-order-cell,
+.refund-records-table .refund-payee-account-cell,
+.refund-records-table .refund-trade-cell { white-space: nowrap; font-variant-numeric: tabular-nums; }
+.refund-records-table .refund-trade-cell { font-size: 12px; }
 .refund-records-table tfoot { background: #f6f8fc; }
 .refund-records-error { color: #dc2626; }
 .refund-record-fields { border: 0; padding: 0; margin: 12px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; text-align: left; }