|  |  | 
 |  |  |       <driver-index v-if="roleType == 3" | 
 |  |  |          ref="driverIndexRef" | 
 |  |  |          :indexdriverBillOfLoadingData="indexdriverBillOfLoadingData"></driver-index> | 
 |  |  |       <load-unload ref="LoadUnloadRef" | 
 |  |  |          v-if="roleType == 5"></load-unload> | 
 |  |  |       <tab-bar :current="0"></tab-bar> | 
 |  |  |       <!-- 推送消息弹窗 --> | 
 |  |  |       <u-modal :show="messagePushShow" | 
 |  |  | 
 |  |  |    import customerIndex from '@/pages/customer-page/customer-index/customer-index.vue'; | 
 |  |  |    import driverIndex from '@/pages/driver-page/driver-index/driver-index.vue'; | 
 |  |  |    import freightForwarderIndex from '@/pages/freight-forwarder-page/freightForwarder-index/freightForwarder-index.vue'; | 
 |  |  |    import LoadUnload from '@/pages/loadUnload-page/loadUnload-page.vue' | 
 |  |  |    import { mapState, mapMutations } from 'vuex'; | 
 |  |  |    import { webSocketUrl } from '@/api/request.js'; | 
 |  |  |  | 
 |  |  | 
 |  |  |       components: { | 
 |  |  |          customerIndex, | 
 |  |  |          driverIndex, | 
 |  |  |          freightForwarderIndex | 
 |  |  |          freightForwarderIndex, | 
 |  |  |          LoadUnload | 
 |  |  |       }, | 
 |  |  |       computed: { | 
 |  |  |          ...mapState(['globalweighHouseCode', 'globalweigh', 'globalisconnect', 'globalSocket', 'websocketData', | 
 |  |  | 
 |  |  |       }, | 
 |  |  |       onShow() { | 
 |  |  |          this.init(); | 
 |  |  |          console.log(this.globalisconnect); | 
 |  |  |          if (this.globalisconnect) { | 
 |  |  |             this.$store.dispatch('websocketInit') | 
 |  |  |             this.changeisconnect(false) | 
 |  |  |             console.log(this.globalisconnect, 'index的ws心事’'); | 
 |  |  |             this.$store.commit('changeisLogin', true) | 
 |  |  |             console.log(this.globalisconnect, 'index的ws数据'); | 
 |  |  |          } | 
 |  |  |          this.userAuthorization(); | 
 |  |  |          this.messageReq(); | 
 |  |  | 
 |  |  |                      this.$refs.driverIndexRef.init(); | 
 |  |  |                   }); | 
 |  |  |                   break; | 
 |  |  |                case 5: | 
 |  |  |                   console.log('LoadUnloadRef'); | 
 |  |  |                   this.$nextTick(() => { | 
 |  |  |                      this.$refs.LoadUnloadRef.init(); | 
 |  |  |                   }); | 
 |  |  |                   break; | 
 |  |  |                default: | 
 |  |  |                   break; | 
 |  |  |             } |