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 @@
环境照片
+
+
⚠ 首次聚合未接单
+
+ 师傅姓名:
+ {{ orderDetailInfo.firstAggregateFailInfo.driverName || '—' }}
+
+
+ 师傅手机号:
+ {{ orderDetailInfo.firstAggregateFailInfo.driverPhone || '—' }}
+
+
+ 车辆:
+ {{ aggregateFailVehicle }}
+
+
+ 失败原因:
+ {{ orderDetailInfo.firstAggregateFailInfo.failReason || '—' }}
+
+
+ 聚合时间:
+ {{ orderDetailInfo.firstAggregateFailInfo.dispatchTime || '—' }}
+
+
@@ -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);