From 7a8e4297e07f564bcdca7c1982520fdae5965853 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E6=96=87=E6=98=8A?= <wangwenhao_2026@163.com>
Date: Wed, 17 Jun 2026 11:14:51 +0800
Subject: [PATCH] =?UTF-8?q?style(bid/order):=20=E4=BC=98=E5=8C=96=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E5=88=97=E8=A1=A8=E6=93=8D=E4=BD=9C=E5=88=97=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1.  为操作列添加col-ops类并设置不换行
2.  使用ops-wrap包裹操作按钮，统一间距与排版
3.  调整部分表格列宽适配内容
---
 ruoyi-ui/src/views/bid/order/history.vue | 12 +++++---
 ruoyi-ui/src/views/bid/order/pending.vue | 37 ++++++++++++++++--------
 ruoyi-ui/src/views/bid/order/transit.vue | 14 +++++----
 3 files changed, 42 insertions(+), 21 deletions(-)

diff --git a/ruoyi-ui/src/views/bid/order/history.vue b/ruoyi-ui/src/views/bid/order/history.vue
index 0e1b28ff..eeb3a688 100644
--- a/ruoyi-ui/src/views/bid/order/history.vue
+++ b/ruoyi-ui/src/views/bid/order/history.vue
@@ -58,11 +58,13 @@
             <el-tag :type="tagType(s.row)" size="small" effect="dark">{{ tagLabel(s.row) }}</el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="210" align="center">
+        <el-table-column label="操作" class-name="col-ops" align="center">
           <template slot-scope="s">
-            <el-button size="mini" type="text" @click="handleView(s.row)">详情</el-button>
-            <el-button size="mini" type="text" @click="handleReOrder(s.row)">再次下单</el-button>
-            <el-button size="mini" type="text" style="color:#e6a23c" @click="handleRecall(s.row)">撤回</el-button>
+            <span class="ops-wrap">
+              <el-button size="mini" type="text" @click="handleView(s.row)">详情</el-button>
+              <el-button size="mini" type="text" @click="handleReOrder(s.row)">再次下单</el-button>
+              <el-button size="mini" type="text" style="color:#e6a23c" @click="handleRecall(s.row)">撤回</el-button>
+            </span>
           </template>
         </el-table-column>
       </el-table>
@@ -249,6 +251,8 @@ export default {
 .amount { color: #e4393c; font-weight: 700; }
 .order-link { color: #e4393c; cursor: pointer; transition: color 0.2s; }
 .order-link:hover { color: #e4393c; text-decoration: underline; }
+.jd-table ::v-deep .col-ops { white-space: nowrap; }
+.ops-wrap { display: inline-flex; align-items: center; gap: 2px; flex-wrap: nowrap; }
 
 .diff-early { color: #67c23a; font-weight: 600; }
 .diff-ontime { color: #999; font-weight: 600; }
diff --git a/ruoyi-ui/src/views/bid/order/pending.vue b/ruoyi-ui/src/views/bid/order/pending.vue
index 80be495d..e06b8a2d 100644
--- a/ruoyi-ui/src/views/bid/order/pending.vue
+++ b/ruoyi-ui/src/views/bid/order/pending.vue
@@ -26,29 +26,31 @@
     <!-- ═══ 订单表格 ═══ -->
     <div class="jd-table-wrap">
       <el-table v-loading="loading" :data="list" border stripe size="small" class="jd-table" style="width:100%">
-        <el-table-column label="发货单号" width="115">
+        <el-table-column label="发货单号" width="130">
           <template slot-scope="s">
             <span class="order-link" @click="handleView(s.row)">{{ s.row.doNo }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="供应商" prop="supplierName" min-width="120" show-overflow-tooltip />
-        <el-table-column label="金额" width="85" align="right">
+        <el-table-column label="供应商" prop="supplierName" min-width="140" show-overflow-tooltip />
+        <el-table-column label="金额" width="110" align="right">
           <template slot-scope="s"><span class="amount">¥{{ s.row.totalAmount }}</span></template>
         </el-table-column>
-        <el-table-column label="交货期" prop="deliveryDate" width="85" align="center" />
-        <el-table-column label="延期" prop="delayDate" width="80" align="center">
+        <el-table-column label="交货期" prop="deliveryDate" width="95" align="center" />
+        <el-table-column label="延期" prop="delayDate" width="90" align="center">
           <template slot-scope="s">{{ s.row.delayDate || '-' }}</template>
         </el-table-column>
-        <el-table-column label="逾期" width="80" align="center">
+        <el-table-column label="逾期" width="95" align="center">
           <template slot-scope="s"><span v-html="getUrgentBadge(s.row)" /></template>
         </el-table-column>
-        <el-table-column label="物料" prop="itemCount" width="50" align="center" />
-        <el-table-column label="操作" width="210" align="center">
+        <el-table-column label="物料" prop="itemCount" width="60" align="center" />
+        <el-table-column label="操作" class-name="col-ops" align="center">
           <template slot-scope="s">
-            <el-button size="mini" type="text" @click="handleView(s.row)">详情</el-button>
-            <el-button size="mini" type="text" @click="handleEdit(s.row)" v-if="s.row.deliveryStatus==='pending'">编辑</el-button>
-            <el-button size="mini" type="text" style="color:var(--color-success)" @click="handleShip(s.row)" v-if="s.row.deliveryStatus==='pending'">发货确认</el-button>
-            <el-button size="mini" type="text" style="color:var(--color-danger)" @click="handleDelete(s.row)">删除</el-button>
+            <span class="ops-wrap">
+              <el-button size="mini" type="text" @click="handleView(s.row)">详情</el-button>
+              <el-button size="mini" type="text" @click="handleEdit(s.row)" v-if="s.row.deliveryStatus==='pending'">编辑</el-button>
+              <el-button size="mini" type="text" style="color:var(--color-success)" @click="handleShip(s.row)" v-if="s.row.deliveryStatus==='pending'">发货确认</el-button>
+              <el-button size="mini" type="text" style="color:var(--color-danger)" @click="handleDelete(s.row)">删除</el-button>
+            </span>
           </template>
         </el-table-column>
       </el-table>
@@ -311,4 +313,15 @@ export default {
   color: #e4393c;
   text-decoration: underline;
 }
+
+/* ═══ 操作列 - 自适应填满剩余空间，按钮不换行 ═══ */
+.jd-table ::v-deep .col-ops {
+  white-space: nowrap;
+}
+.ops-wrap {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  flex-wrap: nowrap;
+}
 </style>
diff --git a/ruoyi-ui/src/views/bid/order/transit.vue b/ruoyi-ui/src/views/bid/order/transit.vue
index 0228357f..b53c6e2b 100644
--- a/ruoyi-ui/src/views/bid/order/transit.vue
+++ b/ruoyi-ui/src/views/bid/order/transit.vue
@@ -78,12 +78,14 @@
             <el-tag :type="transitTagType(s.row)" size="small" effect="dark">{{ transitStatusLabel(s.row) }}</el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="230" align="center">
+        <el-table-column label="操作" class-name="col-ops" align="center">
           <template slot-scope="s">
-            <el-button size="mini" type="text" @click="handleView(s.row)">详情</el-button>
-            <el-button size="mini" type="text" style="color:#67C23A" @click="handleComplete(s.row)">收货完成</el-button>
-            <el-button size="mini" type="text" style="color:#e6a23c" @click="handleDelay(s.row)">延期</el-button>
-            <el-button size="mini" type="text" @click="handleRecall(s.row)">撤回</el-button>
+            <span class="ops-wrap">
+              <el-button size="mini" type="text" @click="handleView(s.row)">详情</el-button>
+              <el-button size="mini" type="text" style="color:#67C23A" @click="handleComplete(s.row)">收货完成</el-button>
+              <el-button size="mini" type="text" style="color:#e6a23c" @click="handleDelay(s.row)">延期</el-button>
+              <el-button size="mini" type="text" @click="handleRecall(s.row)">撤回</el-button>
+            </span>
           </template>
         </el-table-column>
       </el-table>
@@ -294,4 +296,6 @@ export default {
 .urgent-soon { color: #e6a23c; font-weight: 700; font-size: 12px; }
 .order-link { color: #e4393c; cursor: pointer; transition: color 0.2s; }
 .order-link:hover { color: #e4393c; text-decoration: underline; }
+.jd-table ::v-deep .col-ops { white-space: nowrap; }
+.ops-wrap { display: inline-flex; align-items: center; gap: 2px; flex-wrap: nowrap; }
 </style>