task#6524 报备

src/views/report/components/service-item.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="wrap">
     <div class="service_title">
-      <span class="name">故障平板拖车</span>
-      <span class="status">调度成功，等待发车备份</span>
+      <span class="name">{{orderInfo?.serviceName}}</span>
+      <span class="status">{{orderInfo?.orderStatusString}}</span>
     </div>
     <!--    <img class="report_line" src="@/assets/report/report_line.png" alt="">-->
     <div class="service_content">
@@ -10,11 +10,11 @@
         <img class="report_logo" src="@/assets/report/report_logo.png" alt="">
       </div>
       <div class="content_right">
-        <div class="order_code">单号：ZD20240878990</div>
-        <div class="company">单位：上海安昌汽车救援有限公司</div>
+        <div class="order_code">单号：{{orderInfo?.userOrderCode}}</div>
+        <div class="company">单位：{{orderInfo?.supplierName}}</div>
         <div class="driver_info">
-          <span class="driver_name">张师傅</span>
-          <span>13666665577</span>
+          <span class="driver_name">{{orderInfo?.driverName}}</span>
+          <span>{{orderInfo?.phone}}</span>
         </div>
       </div>
     </div>
@@ -23,7 +23,8 @@
 
 <script>
   export default {
-    name: "service-item"
+    name: "service-item",
+    props: ['orderInfo'],
   }
 </script>