story#7373 调度h5 添加车辆类型

src/api/order.js

@@ -151,4 +151,11 @@ export function dealWithAlarm(data) {
   })
 }
 
-
+//获取当前任务信息
+export function getConfigByCode(data){
+  return request({
+    url: '/base/baseConfig/getConfigByCode',
+    method:'POST',
+    data
+  })
+}

src/views/index/workOrderDetail.vue

@@ -46,6 +46,9 @@
         <div class="item">
           <span class="leftTitle fontColor">服务类型:</span><span class="rightContent">{{ orderDetailInfo.taskServiceName }}</span>
         </div>
+        <div class="item">
+          <span class="leftTitle fontColor">车辆类型:</span><span class="rightContent">{{ orderDetailInfo.userVehicleTypeString }}<van-icon class="icon" name="question" @click="showCarTypeShow = true" /></span>
+        </div>
         <div class="item">
           <span class="leftTitle fontColor">车辆位于:</span><span class="rightContent">{{ orderDetailInfo.positionEnvironment?.label }}</span>
         </div>
@@ -95,7 +98,15 @@
         </div>
       </div>
     </div>
-
+    <van-popup v-model="showCarTypeShow" round position="center" class="popupCenter">
+      <table v-for="(item, index) in carTypeList" :key="index">
+        <tr>
+          <td width="50">{{item.type}}:</td>
+          <td>{{item.abbr}}</td>
+        </tr>
+      </table>
+<!--      <div v-for="(item, index) in carTypeList" :key="index"><span style="margin-right: 5px">{{item.type}}:</span><span>{{item.abbr}}</span></div>-->
+    </van-popup>
     <div class="map" v-show="showPopup"   id="container">
       <img @click="showPopup = false"  src="@/assets/delKey.png" class="mapImg">
     </div>
@@ -103,7 +114,7 @@
 </template>
 <script>
 import {myMixins} from '@/utils/myMixins'
-import {getOrderDetail,showVehiclePositionInfo} from "@/api/order"
+import {getOrderDetail,showVehiclePositionInfo, getConfigByCode} from "@/api/order"
 import minePosition from '@/assets/minePosition.png';
 import vehiclePosition from '@/assets/vehiclePosition.png';
 import  desitationPosition from '@/assets/desitationPosition.png'
@@ -121,6 +132,8 @@ export default {
       map: '',
       driverPoiInfo:{},
       noClick:true,
+      showCarTypeShow: false,
+      carTypeList: []
     }
   },
   async mounted() {
@@ -131,6 +144,7 @@ export default {
     this.userOrderId = urlParams.get('userOrderId');
     this.orderCode=urlParams.get('orderCode');
     this.taskOrderId=urlParams.get('taskOrderId') ? urlParams.get('taskOrderId') : '';
+    await this.getConfigByCodeHandler();
     await this.getDetail();
     if(this.queryType == 5){
       await this.getDriverPoi();
@@ -141,6 +155,12 @@ export default {
 
   },
   methods:{
+    async getConfigByCodeHandler() {
+      let res = await getConfigByCode({
+        code: 'userVehicleTypeConfig'
+      });
+      this.carTypeList = res?.data?.userVehicleType
+    },
     async getDetail(){
       let result=await getOrderDetail({
         queryType:this.queryType,
@@ -341,4 +361,8 @@ export default {
   margin: 7px 0;
   border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
 }
+  .popupCenter {
+    padding: 20px 10px;
+    width: 80%;
+  }
 </style>