| | |
| | | v-if="roleType == 5"></load-unload> |
| | | <!-- <selectTarget v-if="roleType == 5" |
| | | ref="LoadUnloadRef"></selectTarget> --> |
| | | <sampling |
| | | v-if="roleType == 6" |
| | | ref="samplingRef" |
| | | :samplingData="samplingData" |
| | | /> |
| | | <entranceGuard |
| | | v-if="roleType == 7" |
| | | ref="entranceGuardgRef" |
| | | :samplingData="entranceGuardData" |
| | | /> |
| | | <tab-bar :current="0"></tab-bar> |
| | | <!-- 推送消息弹窗 --> |
| | | <u-modal :show="messagePushShow" |
| | |
| | | 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 selectTarget from '@/pages/loadUnload-page/selectTarget/selectTarget.vue' |
| | | import { mapState, mapMutations } from 'vuex'; |
| | | import selectTarget from '@/pages/loadUnload-page/selectTarget/selectTarget.vue'; |
| | | import { mapState, mapMutations,mapGetters } from 'vuex'; |
| | | import { webSocketUrl } from '@/api/request.js'; |
| | | import sampling from '@/pages/sampling-page/index.vue' |
| | | import entranceGuard from '@/pages/entranceGuard/index.vue' |
| | | |
| | | let socket = null; |
| | | export default { |
| | |
| | | driverIndex, |
| | | freightForwarderIndex, |
| | | LoadUnload, |
| | | selectTarget |
| | | selectTarget, |
| | | sampling, |
| | | entranceGuard |
| | | }, |
| | | computed: { |
| | | ...mapState(['globalweighHouseCode', 'globalweigh', 'globalisconnect', 'globalSocket', 'websocketData', |
| | | 'globalIntervalId' |
| | | ]) |
| | | ]), |
| | | ...mapGetters(['websocketData']) |
| | | }, |
| | | //首页下拉刷新 |
| | | onPullDownRefresh() { |
| | |
| | | uni.stopPullDownRefresh(); |
| | | } |
| | | }); |
| | | }else if(this.roleType == 6){ |
| | | this.$reqGet('inspectedTaskPage',{inspectionStatus:2}).then(res => { |
| | | if (res.code == 0) { |
| | | if(res.data.records.length){ |
| | | this.orderPlanData = [res.data.records[0]] |
| | | }else{ |
| | | this.orderPlanData = []; |
| | | } |
| | | |
| | | this.$u.toast('加载成功'); |
| | | uni.hideLoading(); |
| | | uni.stopPullDownRefresh(); |
| | | } else { |
| | | this.$u.toast('加载失败'); |
| | | uni.hideLoading(); |
| | | uni.stopPullDownRefresh(); |
| | | } |
| | | }); |
| | | }else if(this.roleType == 7){ |
| | | |
| | | this.$reqGet('gateAuth',{current:1,size:5,status:30}).then(res => { |
| | | if (res.code == 0) { |
| | | if(res.data.records.length){ |
| | | this.orderPlanData = res.data.records; |
| | | }else{ |
| | | this.orderPlanData = []; |
| | | } |
| | | |
| | | this.$u.toast('加载成功'); |
| | | uni.hideLoading(); |
| | | uni.stopPullDownRefresh(); |
| | | } else { |
| | | this.$u.toast('加载失败'); |
| | | uni.hideLoading(); |
| | | uni.stopPullDownRefresh(); |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | onHide() { |
| | | console.log('页面隐藏') |
| | | this.$nextTick(()=>{ |
| | | if(this.roleType === 7){ |
| | | this.$refs.entranceGuardgRef.clearTime(); |
| | | }else{ |
| | | this.$refs.samplingRef.clearTime(); |
| | | } |
| | | |
| | | |
| | | }) |
| | | }, |
| | | onUnload() { |
| | | console.log('页面卸载'); |
| | |
| | | clearInterval(this.globalIntervalId); |
| | | this.changeisconnect(false) |
| | | }, |
| | | onLoad() { |
| | | onShow() { |
| | | this.init(); |
| | | this.messageReq(); |
| | | }, |
| | | onLoad() { |
| | | this.$store.dispatch('websocketInit') |
| | | this.$store.commit('changeisLogin', true) |
| | | console.log(this.globalisconnect, 'index的ws数据'); |
| | |
| | | roleType: null, |
| | | orderPlanDataStore: [], |
| | | indexHuoDaiOrderPlanData: [], |
| | | entranceGuardData:[], |
| | | indexHistoryCoalData: [], |
| | | indexdriverBillOfLoadingData: {}, |
| | | samplingData:[], |
| | | messagePushShow: false, |
| | | messageList: { |
| | | title: '', |
| | |
| | | }; |
| | | }, |
| | | watch: { |
| | | '$store.state.websocketData'(v) { |
| | | 'websocketData': { |
| | | handler(v){ |
| | | console.log(v, '接受的ws数据'); |
| | | if (v.startsWith('weigh')) { |
| | | if(v){ |
| | | if (v.startsWith('weigh')) { //重量(称重的条件) |
| | | let nowWeighObj = JSON.parse(v.slice(7)); |
| | | if (this.globalweighHouseCode && nowWeighObj.eqCode == this.globalweighHouseCode) { |
| | | this.changeWeigh(nowWeighObj.weigh); |
| | | this.changeinfraredStatus(!!nowWeighObj.eqInfraredStatus); |
| | | console.log(!!nowWeighObj.eqInfraredStatus, '红外状态'); |
| | | let warningState = nowWeighObj.warning == 1 |
| | | this.changeWarning(warningState) |
| | | } |
| | | } else if (v.startsWith('msg')) { |
| | | } else if (v.startsWith('msg')) { //消息 |
| | | function removeTags(str) { |
| | | return str.replace(/<\/?[^>]+>/gi, ''); |
| | | } |
| | |
| | | title: this.messageList.title.slice(0, 8) + '...', |
| | | content: removeTags(this.messageList.content).trim().slice(0, 8) + '...' |
| | | } |
| | | if (uni.getStorageSync('userId') === this.messageList.appUserId) { |
| | | this.messagePushShow = true; |
| | | } |
| | | } else if (v.startsWith('wsg')) { |
| | | this.messagePushShow = !this.messageList.appUserId || uni.getStorageSync('userId') === this.messageList |
| | | .appUserId; |
| | | } else if (v.startsWith('wsg')) { //提醒磅房有车 |
| | | let wsgObj = JSON.parse(v.slice(5)); |
| | | if (uni.getStorageInfoSync('carNo') === wsgObj.carNo) { |
| | | changewsgVisiable(true) |
| | | changewsgContent(wsgObj.content) |
| | | if (uni.getStorageSync('carNo') === wsgObj.carNo && !wsgObj.peopleWeigh) { |
| | | this.changewsgVisiable(true) //磅房忙碌的弹框的现隐藏 |
| | | this.changewsgContent(wsgObj.content) //磅房忙碌的弹框的内容提示 |
| | | } |
| | | if (uni.getStorageSync('carNo') === wsgObj.carNo && wsgObj.peopleWeigh === 2) { |
| | | this.changeconfirmWeighVisiable(true) |
| | | this.changeconfirmWeighContent(wsgObj.content) |
| | | } |
| | | } |
| | | //取样员页面 |
| | | else if (v.startsWith('inspect')) { |
| | | //收到通知更新数据 |
| | | this.$nextTick(() => { |
| | | this.$refs.samplingRef.init(); |
| | | }); |
| | | |
| | | } |
| | | //门卫页面 |
| | | else if (v.startsWith('gate_auth')) { |
| | | //收到通知更新数据 |
| | | this.$nextTick(() => { |
| | | this.$refs.entranceGuardgRef.init(); |
| | | }); |
| | | |
| | | } |
| | | } |
| | | |
| | | }, |
| | | deep:true, |
| | | immediate:true |
| | | |
| | | } |
| | | }, |
| | | methods: { |
| | | ...mapMutations(['pushMessage', 'changeWeigh', 'changeinfraredStatus', 'changeisconnect', 'websocketInit', |
| | | 'changewsgVisiable', 'changewsgContent' |
| | | 'changewsgVisiable', 'changewsgContent', 'changeconfirmWeighVisiable', 'changeconfirmWeighContent', |
| | | 'changeWarning' |
| | | ]), |
| | | messagePage() { |
| | | uni.navigateTo({ |
| | |
| | | console.log('LoadUnloadRef'); |
| | | this.$nextTick(() => { |
| | | this.$refs.LoadUnloadRef.init(); |
| | | }); |
| | | break; |
| | | case 6: |
| | | console.log('samplingRef'); |
| | | this.$nextTick(() => { |
| | | this.$refs.samplingRef.init(); |
| | | this.$refs.samplingRef.timerFun(); |
| | | }); |
| | | break; |
| | | case 7: |
| | | console.log('entranceGuardgRef'); |
| | | this.$nextTick(() => { |
| | | this.$refs.entranceGuardgRef.init(); |
| | | this.$refs.entranceGuardgRef.timerFun(); |
| | | }); |
| | | break; |
| | | default: |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |