1

src/views/system/jdorder/orderList.vue

@@ -402,6 +402,7 @@
           v-loading="loading"
           border
           stripe
+          size="medium"
           height="calc(100% - 56px)"
           :default-sort="{prop: 'createTime', order: 'descending'}"
           @sort-change="handleSortChange"
@@ -510,12 +511,12 @@
           <el-table-column label="下单人" prop="buyer" width="80"/>
 
           <!-- 退款/到账/价保/专票/评价：合并为一列 -->
-          <el-table-column label="状态" align="center" width="200" class-name="order-status-flags-cell">
+          <el-table-column label="状态" align="center" min-width="268" class-name="order-status-flags-cell">
             <template slot-scope="scope">
               <div class="order-status-flags">
                 <el-tag
                   :type="scope.row.isRefunded === 1 ? 'warning' : 'info'"
-                  size="mini"
+                  size="small"
                   :title="scope.row.isRefunded === 1 && scope.row.refundDate ? '退款日期：' + parseTime(scope.row.refundDate) : '退款'"
                   @click.native="toggleRefunded(scope.row)"
                   style="cursor: pointer;">
@@ -523,7 +524,7 @@
                 </el-tag>
                 <el-tag
                   :type="scope.row.isRefundReceived === 1 ? 'success' : 'info'"
-                  size="mini"
+                  size="small"
                   :title="scope.row.isRefundReceived === 1 && scope.row.refundReceivedDate ? '退款到账日期：' + parseTime(scope.row.refundReceivedDate) : '退款到账'"
                   @click.native="toggleRefundReceived(scope.row)"
                   style="cursor: pointer;">
@@ -531,7 +532,7 @@
                 </el-tag>
                 <el-tag
                   :type="scope.row.isRebateReceived === 1 ? 'success' : 'info'"
-                  size="mini"
+                  size="small"
                   :title="scope.row.isRebateReceived === 1 && scope.row.rebateReceivedDate ? '后返到账日期：' + parseTime(scope.row.rebateReceivedDate) : '后返到账'"
                   @click.native="toggleRebateReceived(scope.row)"
                   style="cursor: pointer;">
@@ -539,7 +540,7 @@
                 </el-tag>
                 <el-tag
                   :type="scope.row.isPriceProtected === 1 ? 'warning' : 'info'"
-                  size="mini"
+                  size="small"
                   :title="scope.row.isPriceProtected === 1 && scope.row.priceProtectedDate ? '价保日期：' + parseTime(scope.row.priceProtectedDate) : ''"
                   @click.native="togglePriceProtected(scope.row)"
                   style="cursor: pointer;">
@@ -547,7 +548,7 @@
                 </el-tag>
                 <el-tag
                   :type="scope.row.isInvoiceOpened === 1 ? 'success' : 'info'"
-                  size="mini"
+                  size="small"
                   :title="scope.row.isInvoiceOpened === 1 && scope.row.invoiceOpenedDate ? '开票日期：' + parseTime(scope.row.invoiceOpenedDate) : ''"
                   @click.native="toggleInvoiceOpened(scope.row)"
                   style="cursor: pointer;">
@@ -555,7 +556,7 @@
                 </el-tag>
                 <el-tag
                   :type="scope.row.isReviewPosted === 1 ? 'success' : 'info'"
-                  size="mini"
+                  size="small"
                   :title="scope.row.isReviewPosted === 1 && scope.row.reviewPostedDate ? '评价日期：' + parseTime(scope.row.reviewPostedDate) : ''"
                   @click.native="toggleReviewPosted(scope.row)"
                   style="cursor: pointer;">
@@ -2894,9 +2895,13 @@ export default {
   box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
 }
 
-/* 优化表格单元格内容 */
+/* 表格单元格：略增大上下左右留白，避免拥挤 */
 .order-table ::v-deep .el-table td {
-  padding: 8px 0;
+  padding: 12px 10px;
+}
+
+.order-table ::v-deep .el-table th {
+  padding: 12px 10px;
 }
 
 /* 合并列：退款/到账/价保等标签换行排列 */
@@ -2905,13 +2910,21 @@ export default {
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
-  gap: 4px;
+  gap: 8px 10px;
   max-width: 100%;
+  padding: 6px 4px;
+  line-height: 1.5;
 }
 .order-status-flags .el-tag {
   margin: 0;
 }
 
+/* 状态列单元格略加垂直空间 */
+.order-table ::v-deep .order-status-flags-cell .cell {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
 /* 优化地址列显示，防止过长换行 */
 .order-table ::v-deep .el-table .address-cell {
   max-width: 280px;
@@ -2920,8 +2933,7 @@ export default {
   white-space: nowrap;
 }
 
-.order-table ::v-deep .el-table th {
-  padding: 10px 0;
+.order-table ::v-deep .el-table thead th {
   background-color: #fafafa;
   font-weight: 600;
 }