From 79993be468244e6cc16ce9c1d7e8736bd359c600 Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期五, 05 五月 2023 14:48:51 +0800
Subject: [PATCH] 样式全面修改，所有页面焕然一新
---
pages/tabbar-page/index-tabbar/index-tabbar.vue | 88 +++++++++++++++++++++++++++----------------
1 files changed, 55 insertions(+), 33 deletions(-)
diff --git a/pages/tabbar-page/index-tabbar/index-tabbar.vue b/pages/tabbar-page/index-tabbar/index-tabbar.vue
index a42f5ec..3921269 100644
--- a/pages/tabbar-page/index-tabbar/index-tabbar.vue
+++ b/pages/tabbar-page/index-tabbar/index-tabbar.vue
@@ -1,7 +1,9 @@
<template>
<view>
<view class="search-bar">
- <view class="icon-box" @click="messagePage"><u-icon name="chat" color="#000" size="50"></u-icon></view>
+ <view class="icon-body">
+ <view class="icon-box" @click="messagePage"><u-icon name="chat" color="#fff" size="50"></u-icon></view>
+ </view>
</view>
<customer-index v-if="roleType == 1" ref="customerIndexRef" :orderPlanDataStore="orderPlanDataStore"></customer-index>
<freight-forwarder-index
@@ -13,7 +15,10 @@
<driver-index v-if="roleType == 3" ref="driverIndexRef" :indexdriverBillOfLoadingData="indexdriverBillOfLoadingData"></driver-index>
<tab-bar :current="0"></tab-bar>
<!-- 鎺ㄩ�佹秷鎭脊绐� -->
- <u-modal :show="messagePushShow" :title="messageList.title" :content="messageList.content" @confirm="messageconfirm"></u-modal>
+ <u-modal :show="messagePushShow" :title="messageList.title" @confirm="messageconfirm">
+ <view class="slot-content"><rich-text :nodes="messageList.content"></rich-text></view>
+ </u-modal>
+ <view class="white-block"></view>
</view>
</template>
@@ -115,9 +120,6 @@
isconnect: false
};
},
- beforeDestroy() {
- this.closeSocket();
- },
onShow() {
this.init();
if (!this.isconnect) {
@@ -125,8 +127,16 @@
}
this.userAuthorization();
},
- onBackPress() {
- this.closeSocket();
+ onHide() {
+ console.log('椤甸潰闅愯棌');
+ if (!this.isconnect) {
+ this.initWebsocket();
+ }
+ },
+ onUnload() {
+ console.log('椤甸潰鍗歌浇');
+ socket.close();
+ clearInterval(this.intervalId);
},
methods: {
...mapMutations(['pushMessage', 'changeWeigh', 'changeinfraredStatus']),
@@ -214,10 +224,19 @@
});
socket.onOpen(() => {
console.log('onOpen');
+ this.intervalId = setInterval(() => {
+ socket.send({
+ data: JSON.stringify({ type: 'ping' }),
+ success(e) {
+ console.log(e, '鍙戦�佸績璺虫垚鍔�');
+ }
+ });
+ }, 30000);
});
+
// 鑾峰彇鏈嶅姟鍣ㄤ紶鏉ョ殑鏁版嵁锛屽仛鐩稿簲澶勭悊
socket.onMessage(res => {
- console.log('socketWeigh', res);
+ console.log('message', res);
if (res.data.startsWith('weigh')) {
let nowWeighObj = JSON.parse(res.data.slice(7));
if (this.globalweighHouseCode && nowWeighObj.eqCode == this.globalweighHouseCode) {
@@ -229,27 +248,21 @@
this.changeWeigh(nowWeighObj.weigh);
}
}
- } else {
+ } else if (res.data.startsWith('msg')) {
this.messageList = JSON.parse(res.data.slice(5));
this.messagePushShow = true;
+ } else {
+ console.log('websocket鍚姩涓�');
}
});
- socket.onClose(() => {
- console.log('webSocketClose');
+ socket.onClose(e => {
+ console.log('webSocketClose', e);
+ // this.$u.toast('杩炴帴宸叉柇寮�锛岃閲嶆柊杩涘叆璇ラ〉闈紝閲嶈瘯锛侊紒');
+ this.isconnect = false;
});
socket.onError(err => {
console.log('socket鎶ラ敊', err);
this.$u.toast('鍑虹幇閿欒锛岃閲嶆柊杩涘叆璇ラ〉闈紝閲嶈瘯锛侊紒');
- });
- },
- closeSocket() {
- socket.close({
- success(res) {
- console.log('鍏抽棴鎴愬姛', res);
- },
- fail(err) {
- console.log('鍏抽棴澶辫触', err);
- }
});
},
messageconfirm() {
@@ -260,21 +273,30 @@
</script>
<style lang="scss" scoped>
+.white-block {
+ width: 100%;
+ height: vww(50);
+ margin-top: vww(10);
+}
.search-bar {
height: vww(20);
width: 96%;
- margin: vww(3) auto;
- position: relative;
- .icon-box {
- width: vww(30);
- height: vww(30);
- background-color: #eee;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
- position: absolute;
- right: vww(-3);
+ position: fixed;
+ top: vww(96);
+ right: vww(32);
+ z-index: 1;
+ .icon-body {
+ position: relative;
+ .icon-box {
+ width: vww(30);
+ height: vww(30);
+ border-radius: 50%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: absolute;
+ right: vww(-3);
+ }
}
}
</style>
--
Gitblit v1.9.1