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);