1

src/views/open/jd/promoter/index.vue

@@ -63,6 +63,10 @@
         <div class="info-footer">
           <div>下单时间：{{ item.orderTime }}</div>
           <div>完成时间：{{ item.finishTime }}</div>
+          <div v-if="item.proPriceAmount && item.proPriceAmount !== '0.00'" class="pro-price-line">
+            价保赔付：<span class="pro-price-val">¥{{ item.proPriceAmount }}</span>
+            <span v-if="item.proPriceTime" class="pro-price-time">（{{ item.proPriceTime }}）</span>
+          </div>
         </div>
       </div>
     </div>
@@ -276,6 +280,9 @@ export default {
 .info-cell-price { margin-top: 6px; text-align: right; }
 .price-val { color: #e02f2f; font-weight: bold; }
 .info-footer { margin-top: 16px; color: #666; }
+.pro-price-line { margin-top: 4px; }
+.pro-price-val { color: #e02f2f; font-weight: bold; }
+.pro-price-time { color: #999; font-weight: normal; }
 .tag {
   display: inline-block;
   font-size: 11px;

src/views/system/jdorder/orderList.vue

@@ -910,7 +910,7 @@
           </el-table-column>
 
           <!-- 操作列（统一放在最右侧） -->
-          <el-table-column label="操作" fixed="right" :width="isMobile ? 60 : 330" align="center" class-name="action-column">
+          <el-table-column label="操作" fixed="right" :width="isMobile ? 60 : 300" align="center" class-name="action-column">
             <template slot-scope="scope">
               <!-- 移动端：悬浮操作按钮 -->
               <div v-if="isMobile" class="mobile-action-wrapper">
@@ -3980,7 +3980,8 @@ export default {
 
 .order-table ::v-deep .el-table {
   border-radius: 8px;
-  overflow: hidden;
+  /* 勿 overflow:hidden，否则会裁切 fixed-right 操作列 */
+  overflow: visible;
   font-size: 13px;
   color: var(--jd-text);
   border: 1px solid var(--jd-border);
@@ -4286,6 +4287,7 @@ export default {
   display: flex;
   flex-direction: column;
   min-height: 0;
+  min-width: 0;
   overflow: hidden;
 }
 .jd-order-el-table {
@@ -4726,14 +4728,21 @@ export default {
   color: #67C23A;
 }
 
-/* 桌面端确保操作列正常显示（宽度与 el-table-column :width="288" 一致；勿改 fixed-right-patch，否则会出现整块无意义空白列） */
+/* 桌面端确保操作列正常显示（宽度与 el-table-column :width 一致；勿改 fixed-right-patch，否则会出现整块无意义空白列） */
 @media (min-width: 769px) {
   .order-table ::v-deep .action-column {
-    width: 288px !important;
+    width: 300px !important;
+    min-width: 300px !important;
   }
 
   .order-table ::v-deep .el-table__fixed-right {
-    width: 288px !important;
+    width: 300px !important;
+    right: 0 !important;
+    z-index: 4;
+  }
+
+  .order-table ::v-deep .el-table__fixed-right-patch {
+    width: 300px !important;
   }
 
   /* 隐藏移动端按钮 */