From 4888d4964b4af9256bbe309e77c374ed72d1b0db Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Wed, 22 Jul 2026 16:28:01 +0800
Subject: [PATCH] =?UTF-8?q?CRM=5F26-07-30#story#9040,=E5=B9=B3=E5=AE=89?=
 =?UTF-8?q?=E8=81=9A=E5=90=88=E6=A1=88=E4=BB=B6=E5=A4=B1=E8=B4=A5=E5=90=8E?=
 =?UTF-8?q?=E5=9C=A8=E8=B0=83=E5=BA=A6=E7=AB=AFApp=E4=B8=AD=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E8=A2=AB=E8=81=9A=E5=90=88=E5=B8=88=E5=82=85=E7=9A=84?=
 =?UTF-8?q?=E4=BA=BA=E5=91=98=E4=B8=8E=E8=BD=A6=E8=BE=86=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=EF=BC=8C=E4=BB=A5=E5=8F=8A=E6=9C=AA=E6=8E=A5=E5=8D=95=E5=8E=9F?=
 =?UTF-8?q?=E5=9B=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index/workOrderDetail.vue | 65 +++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)

diff --git a/src/views/index/workOrderDetail.vue b/src/views/index/workOrderDetail.vue
index bf3fc41a..58252641 100644
--- a/src/views/index/workOrderDetail.vue
+++ b/src/views/index/workOrderDetail.vue
@@ -99,6 +99,29 @@
            <span  class="driverPoiBtn" v-if="orderDetailInfo.beforeDispatchImages && orderDetailInfo.beforeDispatchImages.length > 0" @click="environmentPhoto">环境照片</span>
           </span>
         </div>
+        <div v-if="orderDetailInfo.firstAggregateFailInfo" class="aggregate-fail-card">
+          <div class="aggregate-fail-card__title">⚠ 首次聚合未接单</div>
+          <div class="aggregate-fail-card__row">
+            <span class="aggregate-fail-card__label">师傅姓名：</span>
+            <span class="aggregate-fail-card__value">{{ orderDetailInfo.firstAggregateFailInfo.driverName || '—' }}</span>
+          </div>
+          <div class="aggregate-fail-card__row">
+            <span class="aggregate-fail-card__label">师傅手机号：</span>
+            <span class="aggregate-fail-card__value">{{ orderDetailInfo.firstAggregateFailInfo.driverPhone || '—' }}</span>
+          </div>
+          <div class="aggregate-fail-card__row">
+            <span class="aggregate-fail-card__label">车辆：</span>
+            <span class="aggregate-fail-card__value">{{ aggregateFailVehicle }}</span>
+          </div>
+          <div class="aggregate-fail-card__row">
+            <span class="aggregate-fail-card__label">失败原因：</span>
+            <span class="aggregate-fail-card__value aggregate-fail-card__value--warning">{{ orderDetailInfo.firstAggregateFailInfo.failReason || '—' }}</span>
+          </div>
+          <div class="aggregate-fail-card__row">
+            <span class="aggregate-fail-card__label">聚合时间：</span>
+            <span class="aggregate-fail-card__value">{{ orderDetailInfo.firstAggregateFailInfo.dispatchTime || '—' }}</span>
+          </div>
+        </div>
       </div>
     </div>
     <div class="serviceInfo common" v-if="orderDetailInfo.batteryNo">
@@ -154,6 +177,16 @@ export default {
       carTypeList: []
     }
   },
+  computed:{
+    aggregateFailVehicle(){
+      const info = this.orderDetailInfo.firstAggregateFailInfo
+      if(!info) return '—'
+      const plate = info.licensePlate || ''
+      const type = info.vehicleTypeName || ''
+      if(plate && type) return `${plate}（${type}）`
+      return plate || type || '—'
+    }
+  },
   async mounted() {
     // 获取当前 URL
     const urlParams = new URLSearchParams(window.location.search);
@@ -418,6 +451,38 @@ export default {
     }
   }
 }
+.aggregate-fail-card{
+  margin-top: 12px;
+  padding: 12px;
+  background: #FFF7F0;
+  border: 1px solid #FFBB96;
+  border-radius: 6px;
+  &__title{
+    @include fontWeightSize(bold,13px);
+    color: #FA541C;
+    margin-bottom: 8px;
+  }
+  &__row{
+    display: flex;
+    align-items: baseline;
+    line-height: 22px;
+  }
+  &__label{
+    width: 78px;
+    flex-shrink: 0;
+    @include fontWeightSize(400,12px);
+    color: #000000;
+    opacity: .65;
+  }
+  &__value{
+    flex: 1;
+    @include fontWeightSize(bold,12px);
+    color: #000000;
+    &--warning{
+      color: #FA541C;
+    }
+  }
+}
 .title{
   @include fontWeightSize(bold,14px);
   @include colorOpa(#323643,0.6);