| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <customer-index v-if="roleType == 1||roleType == 4" |
| | | <customer-index v-if="roleType == 1" |
| | | ref="customerIndexRef" |
| | | :orderPlanDataStore="orderPlanDataStore"></customer-index> |
| | | <freight-forwarder-index v-if="roleType == 2" |
| | |
| | | <driver-index v-if="roleType == 3" |
| | | ref="driverIndexRef" |
| | | :indexdriverBillOfLoadingData="indexdriverBillOfLoadingData"></driver-index> |
| | | <inspectionIndex ref="inspectionIndex" v-if='roleType == 4'/> |
| | | <tab-bar :current="0"></tab-bar> |
| | | <!-- 推送消息弹窗 --> |
| | | <u-modal :show="messagePushShow" |
| | |
| | | <script> |
| | | import customerIndex from '@/pages/customer-page/customer-index/customer-index.vue'; |
| | | import driverIndex from '@/pages/driver-page/driver-index/driver-index.vue'; |
| | | import inspectionIndex from '@/pages/driver-page/driver-index/bill-of-lading-details/selectOrderPlan/selectOrderPlan.vue' |
| | | import freightForwarderIndex from '@/pages/freight-forwarder-page/freightForwarder-index/freightForwarder-index.vue'; |
| | | import { mapState, mapMutations } from 'vuex'; |
| | | import { mapState, mapMutations, mapGetters } from 'vuex'; |
| | | import { webSocketUrl } from '@/api/request.js'; |
| | | |
| | | let socket = null; |
| | | export default { |
| | | components: { |
| | | customerIndex, |
| | | driverIndex, |
| | | freightForwarderIndex |
| | | freightForwarderIndex, |
| | | inspectionIndex |
| | | }, |
| | | computed: { |
| | | ...mapState(['globalweighHouseCode', 'globalweigh', 'globalisconnect', 'globalSocket', 'websocketData', |
| | | 'globalIntervalId' |
| | | ]) |
| | | ]), |
| | | ...mapGetters(['websocketData']) |
| | | }, |
| | | //首页下拉刷新 |
| | | onPullDownRefresh() { |
| | |
| | | }, |
| | | isconnect: false, |
| | | dotShow: false, |
| | | appHide: false |
| | | appHide: false, |
| | | phone: '' |
| | | }; |
| | | }, |
| | | watch: { |
| | | '$store.state.websocketData'(v) { |
| | | console.log(v, '接受的ws数据'); |
| | | if (v.startsWith('weigh')) { |
| | | let nowWeighObj = JSON.parse(v.slice(7)); |
| | | if (this.globalweighHouseCode && nowWeighObj.eqCode == this.globalweighHouseCode) { |
| | | if (nowWeighObj.eqInfraredStatus) { |
| | | this.changeinfraredStatus(true); |
| | | this.changeWeigh(nowWeighObj.weigh); |
| | | let warningState = nowWeighObj.warning == 1 |
| | | this.changeWarning(warningState) |
| | | } else { |
| | | this.changeinfraredStatus(false); |
| | | this.changeWeigh(nowWeighObj.weigh); |
| | | this.changeWarning(warningState) |
| | | } |
| | | } |
| | | } else if (v.startsWith('msg')) { |
| | | function removeTags(str) { |
| | | return str.replace(/<\/?[^>]+>/gi, ''); |
| | | } |
| | | this.messageList = JSON.parse(v.slice(5)); |
| | | this.messageList = { |
| | | ...this.messageList, |
| | | title: this.messageList.title.slice(0, 8) + '...', |
| | | content: removeTags(this.messageList.content).trim().slice(0, 8) + '...' |
| | | } |
| | | this.messagePushShow = true; |
| | | } else {} |
| | | 'websocketData': { |
| | | handler(v) { |
| | | console.log(v, '接受的ws数据'); |
| | | if(v) { |
| | | if (v.startsWith('weigh')) { |
| | | let nowWeighObj = JSON.parse(v.slice(7)); |
| | | if (this.globalweighHouseCode && nowWeighObj.eqCode == this.globalweighHouseCode) { |
| | | if (nowWeighObj.eqInfraredStatus) { |
| | | this.changeinfraredStatus(true); |
| | | this.changeWeigh(nowWeighObj.weigh); |
| | | let warningState = nowWeighObj.warning == 1 |
| | | this.changeWarning(warningState) |
| | | } else { |
| | | this.changeinfraredStatus(false); |
| | | this.changeWeigh(nowWeighObj.weigh); |
| | | let warningState = nowWeighObj.warning == 1 |
| | | this.changeWarning(warningState) |
| | | } |
| | | } |
| | | } else if (v.startsWith('msg')) { |
| | | function removeTags(str) { |
| | | return str.replace(/<\/?[^>]+>/gi, ''); |
| | | } |
| | | this.messageList = JSON.parse(v.slice(5)); |
| | | this.messageList = { |
| | | ...this.messageList, |
| | | title: this.messageList.title.slice(0, 8) + '...', |
| | | content: removeTags(this.messageList.content).trim().slice(0, 8) + '...' |
| | | } |
| | | this.messagePushShow = true; |
| | | } else {} |
| | | } |
| | | }, |
| | | deep: true, |
| | | immediate: true |
| | | } |
| | | }, |
| | | onShow() { |
| | |
| | | }); |
| | | break; |
| | | case 4: |
| | | console.log('customerIndexRef'); |
| | | console.log('inspectionIndex'); |
| | | this.$nextTick(() => { |
| | | this.$refs.customerIndexRef.init(); |
| | | this.$refs.inspectionIndex.init(); |
| | | }); |
| | | break; |
| | | default: |
| | |
| | | this.dotShow = filtermessage.length > 0; |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | scoped> |
| | | .max-block { |
| | | font-family: siYuanLight !important; |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .white-block { |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |