修改

src/views/MLargeScreen/components/startOrderReceiving/index.vue

@@ -9,12 +9,14 @@
         <div class="orderText2" @click="startPaidanFn()" v-show="btnShow1">开始派单</div>
         <div class="orderText2" @click="refusePaidanFn()" v-show="btnShow1">拒绝派单</div>
         <div class="orderText2" @click="finishPaidanFn()" v-show="btnShow2">卸车</div>
+        <audio controls currentTime autoplay :src='startOrderSrcUrl' style="display:none;" id="audio1"></audio>
     </div>
 </template>
 
 <script>
 import { httpGet, httpPostForJson, putForJson, httpDelForJson} from "@/common/httpBean.js"
 import {manualSchedulingQuery,manmadeStatusQuery,vehicleInformationQuery,vehicleInformationUpdate,dingDanBiaoCaoZuo,getZhuangCheDingDanQuery,getXieCheDingDanQuery} from "@/axios/api.js"
+import newOrder from '@/assets/dingdan.mp3'
 
 export default {
 	data(){
@@ -25,6 +27,7 @@ export default {
             btnShow1:false, //开始派单和拒绝派单展示
             btnShow2:false, //完成派单展示
             sonTimer1:null,
+            startOrderSrcUrl:'',//来订单语音路径
 		}
 	},
 	mounted(){
@@ -40,12 +43,16 @@ export default {
                                 this.btnShow1 = true;
                                 this.btnShow2 = false;
                                 this.carDestination = res.data.content[0].destination;
+                                this.startOrderSrcUrl = newOrder;
+                                let au = document.getElementById('audio1');
+                                au.currentTime = 0;
+                                au.play();
                             }
                         }
                     });
                 }
             });
-        }, 20000)
+        }, 10000)
     },
 	methods:{
         loadData(carnumber){
@@ -62,6 +69,10 @@ export default {
                                     this.btnShow1 = true;
                                     this.btnShow2 = false;
                                     this.carDestination = res.data.content[0].destination;
+                                    this.startOrderSrcUrl = newOrder;
+                                    let au = document.getElementById('audio1');
+                                    au.currentTime = 0;
+                                    au.play();
                                 }
                             }
                         });

src/views/MLargeScreen/index.vue

@@ -44,7 +44,7 @@
 			<img src="../../assets/images/truckTuPian/luzhang.png" height="17">
 			<span>路障申报</span>
 		</div>
-		<div class="dispatchCenterStyle">
+		<div class="dispatchCenterStyle" @click="voiceApFn()">
 			<img src="../../assets/images/truckTuPian/diaoduzhongxin.png" height="20">
 			<span>调度中心</span>
 		</div>