1
This commit is contained in:
@@ -63,6 +63,10 @@
|
|||||||
<div class="info-footer">
|
<div class="info-footer">
|
||||||
<div>下单时间:{{ item.orderTime }}</div>
|
<div>下单时间:{{ item.orderTime }}</div>
|
||||||
<div>完成时间:{{ item.finishTime }}</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -276,6 +280,9 @@ export default {
|
|||||||
.info-cell-price { margin-top: 6px; text-align: right; }
|
.info-cell-price { margin-top: 6px; text-align: right; }
|
||||||
.price-val { color: #e02f2f; font-weight: bold; }
|
.price-val { color: #e02f2f; font-weight: bold; }
|
||||||
.info-footer { margin-top: 16px; color: #666; }
|
.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 {
|
.tag {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
|
|||||||
@@ -910,7 +910,7 @@
|
|||||||
</el-table-column>
|
</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">
|
<template slot-scope="scope">
|
||||||
<!-- 移动端:悬浮操作按钮 -->
|
<!-- 移动端:悬浮操作按钮 -->
|
||||||
<div v-if="isMobile" class="mobile-action-wrapper">
|
<div v-if="isMobile" class="mobile-action-wrapper">
|
||||||
@@ -3980,7 +3980,8 @@ export default {
|
|||||||
|
|
||||||
.order-table ::v-deep .el-table {
|
.order-table ::v-deep .el-table {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
overflow: hidden;
|
/* 勿 overflow:hidden,否则会裁切 fixed-right 操作列 */
|
||||||
|
overflow: visible;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: var(--jd-text);
|
color: var(--jd-text);
|
||||||
border: 1px solid var(--jd-border);
|
border: 1px solid var(--jd-border);
|
||||||
@@ -4286,6 +4287,7 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
|
min-width: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.jd-order-el-table {
|
.jd-order-el-table {
|
||||||
@@ -4726,14 +4728,21 @@ export default {
|
|||||||
color: #67C23A;
|
color: #67C23A;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 桌面端确保操作列正常显示(宽度与 el-table-column :width="288" 一致;勿改 fixed-right-patch,否则会出现整块无意义空白列) */
|
/* 桌面端确保操作列正常显示(宽度与 el-table-column :width 一致;勿改 fixed-right-patch,否则会出现整块无意义空白列) */
|
||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.order-table ::v-deep .action-column {
|
.order-table ::v-deep .action-column {
|
||||||
width: 288px !important;
|
width: 300px !important;
|
||||||
|
min-width: 300px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-table ::v-deep .el-table__fixed-right {
|
.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;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 隐藏移动端按钮 */
|
/* 隐藏移动端按钮 */
|
||||||
|
|||||||
Reference in New Issue
Block a user