From 8d0788e09b887cae50a701da72ae965d56ba0f70 Mon Sep 17 00:00:00 2001 From: "pikachu1995@126.com" Date: Tue, 27 Oct 2026 16:01:44 +0800 Subject: [PATCH] =?UTF-8?q?style(order):=20=E4=BC=98=E5=8C=96=E8=AE=A2?= =?UTF-8?q?=E5=8D=95=E8=AF=A6=E6=83=85=E9=A1=B5=E6=A0=B7=E5=BC=8F=EF=BC=88?= =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=88=86=E7=BB=84=E5=8F=B3=E7=BD=AE=E3=80=81?= =?UTF-8?q?=E5=88=86=E7=BB=84=E6=A0=87=E9=A2=98=E3=80=81=E9=87=91=E9=A2=9D?= =?UTF-8?q?=E6=B1=87=E6=80=BB=E8=B4=9F=E5=8F=B7=E7=BA=A2=E5=AD=97=E3=80=81?= =?UTF-8?q?=E4=BC=98=E6=83=A0=E6=98=8E=E7=BB=86=E7=9B=B4=E5=87=BA=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- seller/src/views/order/order/orderDetail.vue | 190 ++++++++++++------- 1 file changed, 125 insertions(+), 65 deletions(-) diff --git a/seller/src/views/order/order/orderDetail.vue b/seller/src/views/order/order/orderDetail.vue index 69729dc62..1cad73b9f 100644 --- a/seller/src/views/order/order/orderDetail.vue +++ b/seller/src/views/order/order/orderDetail.vue @@ -2,20 +2,17 @@
-
- 调整价格 - 修改收货地址 +
+ 调整价格 + 修改收货地址 查看物流 - 订单日志 {{ isAppointmentOrder ? "预约核销" : "订单核销" }} 发货 - 添加备注 打印电子面单 - 打印发货单 +
+ 订单日志 + 添加备注 + 打印发货单 +
+
订单信息
订单号：
-
{{ orderInfo.order.sn }}
+
+ {{ orderInfo.order.sn }} + 复制 +
订单来源：
@@ -97,6 +101,7 @@
+
发票信息
发票信息：
暂无发票信息
@@ -148,6 +153,7 @@
+
收货与支付
收货信息：
@@ -330,8 +336,8 @@ orderInfo.order.priceDetailDTO.discountPrice > 0 "> 优惠金额： - - {{ $filters.unitPrice(orderInfo.order.priceDetailDTO.discountPrice, "￥") }} + + -¥{{ $filters.unitPrice(orderInfo.order.priceDetailDTO.discountPrice) }}
  • 优惠券金额： - - + + -¥{{ $filters.unitPrice(orderInfo.order.priceDetailDTO.couponPrice) }}
    • -
  • -
    - - -
    - - - - - - - - - - - - -
    优惠详情：
    {{ item.promotionName }}：¥{{ $filters.unitPrice(item.discountPrice) }}
    -
    -     - 优惠详情： -
    +
  • + {{ item.promotionName }}： + -¥{{ $filters.unitPrice(item.discountPrice) }}
    • - -
  • 运费： {{ @@ -396,7 +369,7 @@ orderInfo.order.priceDetailDTO.payPoint }}
    • -
  • +
  • 应付金额： ¥{{ $filters.unitPrice(orderInfo.order.flowPrice) }}
    • @@ -922,7 +895,6 @@ const fulfillTable = ref(null); const map = ref(null); const typeList = ref([]); -const showPrices = ref(false); const printHiddenFlag = ref(false); const loading = ref(false); const logisticsType = ref("KUAIDINIAO"); @@ -1148,6 +1120,23 @@ onBeforeRouteLeave((to, from, next) => { function lineCardKeyRows(line) { return line.cardKeys || []; } +function copySn() { + const text = orderInfo.value?.order?.sn || ""; + if (!text) return; + if (navigator.clipboard && navigator.clipboard.writeText) { + navigator.clipboard.writeText(text).then(() => { + Message.success("订单号已复制"); + }); + } else { + const ta = document.createElement("textarea"); + ta.value = text; + document.body.appendChild(ta); + ta.select(); + document.execCommand("copy"); + document.body.removeChild(ta); + Message.success("订单号已复制"); + } +} function copyCardKey(row) { const text = `卡号：${row.cardNo || ""}\n卡密：${row.cardSecret || ""}`; if (navigator.clipboard && navigator.clipboard.writeText) { @@ -1261,7 +1250,6 @@ function refreshFulfillAfterSubmit() { ? JSON.parse(JSON.stringify(res.result.order.priceDetailDTO.discountPriceDetail)) : []; getContentPrice(); - getOrderPrice(); } }), getOrderPackages(), @@ -1423,7 +1411,6 @@ function getDataDetail () { ? JSON.parse(JSON.stringify(discountDetail)) : []; getContentPrice(); - getOrderPrice(); if (isAppointmentOrder.value) { loadAppointmentVerification(); } @@ -1572,13 +1559,6 @@ function getLogisticsSetting () { } }); } -function getOrderPrice () { - if (showPrices.value) { - showPrices.value = false - } else if (!showPrices.value) { - showPrices.value = true - } -} function getContentPrice () { for (let i = 0; i < typeList.value.length; i++) { for (let j = i + 1; j < typeList.value.length; j++) { @@ -2096,6 +2076,86 @@ function editAddressSubmit () { font-size: 22px; } } + + .el-card { + border: none; + border-radius: 8px; + box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 2px 8px rgba(17, 24, 39, 0.06); + } + + .div-item > .div-item-left { + color: #909399; + } + + .order-toolbar { + display: flex; + align-items: center; + + .toolbar-right { + margin-left: auto; + } + } + + .info-group-title { + display: flex; + align-items: center; + gap: 7px; + margin-bottom: 6px; + font-size: 14px; + font-weight: 600; + color: #303133; + + &::before { + content: ""; + width: 3px; + height: 13px; + border-radius: 2px; + background: var(--el-color-primary); + } + } + + .order-fit-table tbody tr:hover td { + background: #f7f8fa; + } + + .order-goods-img { + border: 1px solid #f0f0f0; + border-radius: 6px; + } + + .order-goods-spec { + padding: 1px 6px; + margin-right: 6px; + background: #f4f4f5; + border-radius: 4px; + } + + .total-row { + margin-top: 8px; + padding: 6px 10px; + background: #fef0f0; + border-radius: 6px; + } + + .discount-detail-row { + .label, + .txt { + font-size: 12px; + color: #909399; + } + + .label { + padding-left: 16px; + position: relative; + + &::before { + content: "└"; + position: absolute; + left: 4px; + color: #c0c4cc; + } + } + } } .f14 {