From 3137da82c3d75f3dfd1eb94e843a12627264751a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=BE=81?= <zhangz@163.com>
Date: Tue, 17 May 2022 15:27:31 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E5=A4=8D=E8=AE=A2=E5=8D=95bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/BsAddress.vue                      | 29 +++++++++++++++----
 components/UiGoodsItem.vue                    |  4 +++
 layouts/module/header/HeaderInfoBar.vue       | 12 ++++----
 pages/account/index/message.vue               | 12 ++++----
 .../index/order/detail/module/GoodsInfo.vue   |  2 +-
 pages/index/module/TabbarFixed.vue            |  1 -
 plugins/im.js                                 |  9 +++---
 7 files changed, 45 insertions(+), 24 deletions(-)

diff --git a/components/BsAddress.vue b/components/BsAddress.vue
index ad84d7b..9bd95ba 100644
--- a/components/BsAddress.vue
+++ b/components/BsAddress.vue
@@ -93,11 +93,14 @@
         :class="!isAccount ? 'flex-column' : ''"
       >
         <el-checkbox v-model="defaultAddress">设为默认地址</el-checkbox>
-        <div class="address__edit--btns flex flex-middle" :class="isAccount?'clearmargin':''">
+        <div
+          class="address__edit--btns flex flex-middle"
+          :class="isAccount ? 'clearmargin' : ''"
+        >
           <UiButton
             v-if="addressList[0].id && !isAccount"
             type="grey"
-            @click="isOperation = false"
+            @click="onCanceloperation()"
             >取消</UiButton
           >
           <UiButton type="yellow_panel" @click="onAddAddress"
@@ -206,6 +209,18 @@ export default {
     this.getAddressData();
   },
   methods: {
+    onCanceloperation() {
+      let vm = this;
+      vm.isOperation = false;
+      vm.$set(vm.selectData.area, "value", "");
+      vm.$set(vm.selectData.city, "value", "");
+      vm.$set(vm.selectData.province, "value", "");
+      vm.$set(vm, "detailAddress", "");
+      vm.$set(vm, "defaultAddress", "");
+      vm.$set(vm, "addressUser", "");
+      vm.$set(vm, "addressPhone", "");
+      vm.$emit("onSaveSuccess");
+    },
     onEdit() {
       let vm = this;
       let curIndex = vm.addressList.findIndex(
@@ -260,8 +275,10 @@ export default {
     },
     async onAddAddress() {
       let vm = this;
-      let curItem = vm.addressList.find((item) => item.id == vm.curAddressListItem.id);
-      console.log(vm.selectData)
+      let curItem = vm.addressList.find(
+        (item) => item.id == vm.curAddressListItem.id
+      );
+      console.log(vm.selectData);
       if (!vm.selectData?.area?.code) {
         vm.$message.error("请选择所在区域~");
         return;
@@ -274,7 +291,7 @@ export default {
         vm.$message.error("请输入收货人~");
         return;
       }
-      if (!IsPhone(vm.addressPhone)&&vm.addressPhone!=curItem.phone) {
+      if (!IsPhone(vm.addressPhone) && vm.addressPhone != curItem.phone) {
         vm.$message.error("请输入收货人手机号码~");
         return;
       }
@@ -413,7 +430,7 @@ export default {
         margin-right: 38px;
       }
     }
-    .clearmargin{
+    .clearmargin {
       margin: 0 0 0 20px;
     }
   }
diff --git a/components/UiGoodsItem.vue b/components/UiGoodsItem.vue
index a9d94b9..4b716c8 100644
--- a/components/UiGoodsItem.vue
+++ b/components/UiGoodsItem.vue
@@ -55,6 +55,10 @@ export default {
   cursor: pointer;
   background: #ffffff;
 
+  &:hover{
+    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.10000000149011612);
+  }
+
   &__img {
     width: 232px;
     height: 232px;
diff --git a/layouts/module/header/HeaderInfoBar.vue b/layouts/module/header/HeaderInfoBar.vue
index fc35920..848a5a6 100644
--- a/layouts/module/header/HeaderInfoBar.vue
+++ b/layouts/module/header/HeaderInfoBar.vue
@@ -62,11 +62,11 @@
             />
             <span>消息</span>
             <div
-              v-if="messageCount > 0"
+              v-if="unreadCount > 0"
               class="wrap-content-message__tip flex flex-center flex-middle"
-              :class="{ 'wrap-content-message__tip--more': messageCount > 9 }"
+              :class="{ 'wrap-content-message__tip--more': unreadCount > 9 }"
             >
-              {{ messageCount }}
+              {{ unreadCount }}
             </div>
           </div>
         </template>
@@ -149,17 +149,19 @@ export default {
           value: MENU_VALUE.LOGON_OUT,
         },
       ],
-      messageCount: 0, // 消息未读数
     };
   },
   computed: {
-    ...mapState(["userInfo", "token"]),
+    ...mapState(["userInfo", "token","unreadCount"]),
     menuIcon() {
       return this.menuVisible
         ? require("~/assets/img/layout/icon-up-light.png")
         : require("~/assets/img/layout/icon-up.png");
     },
   },
+  mounted() {
+    this.$startWebSockets()
+  },
   methods: {
     onLoginClick() {
       this.$isLoginValidate();
diff --git a/pages/account/index/message.vue b/pages/account/index/message.vue
index 58b3a7a..3275547 100644
--- a/pages/account/index/message.vue
+++ b/pages/account/index/message.vue
@@ -11,7 +11,7 @@
     <main class="main">
       <h3 class="title">消息通知</h3>
       <section class="section">
-        <!-- <div class="section__item flex" v-for="item in 3" :key="item.id">
+        <div class="section__item flex" v-for="item in socketMsgData" :key="item.id">
           <img
             class="section__item-img"
             src="https://img1.baidu.com/it/u=3384796346,381674655&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500"
@@ -19,19 +19,19 @@
           />
           <div class="section__item-content flex flex-column">
             <div class="section__item-content--title flex">
-              <span>{{ item.payload.title || `马士兵严选上新啦` }}</span>
+              <span>{{ JSON.parse(item.payload).title || `` }}</span>
               <span class="section__item-content--time">{{
                 item.createTimeStamp
               }}</span>
             </div>
             <div class="section__item-content--txt">
               {{
-                item.payload.content ||
-                `马士兵严选上新啦!！走过路过不要错过，大家快来看看...`
+                JSON.parse(item.payload).content ||
+                ``
               }}
             </div>
           </div>
-        </div> -->
+        </div>
       </section>
     </main>
   </div>
@@ -46,7 +46,7 @@ export default {
     ...mapState(["token","socketMsgData"]),
   },
   mounted(){
-    console.log(`socketMsgData`,this.$store)
+    console.log(`socketMsgData`,this.$store.state)
   },
   methods: {},
 };
diff --git a/pages/account/index/order/detail/module/GoodsInfo.vue b/pages/account/index/order/detail/module/GoodsInfo.vue
index 279ee23..e739186 100644
--- a/pages/account/index/order/detail/module/GoodsInfo.vue
+++ b/pages/account/index/order/detail/module/GoodsInfo.vue
@@ -52,7 +52,7 @@
 					<label>运费</label>
 					<UiMoney :money="orderInfo.shippingAmount" float/>
 				</p>
-				<p>
+				<p v-if="orderInfo.orderStatus > 2">
 					<label>
 						{{orderInfo.orderStatus == 1 ? '应付款：' : '实付款：'}}
 					</label>
diff --git a/pages/index/module/TabbarFixed.vue b/pages/index/module/TabbarFixed.vue
index e4a9c15..418aac8 100644
--- a/pages/index/module/TabbarFixed.vue
+++ b/pages/index/module/TabbarFixed.vue
@@ -72,7 +72,6 @@ export default {
   },
   mounted() {
     this.getTabBarVisible();
-    this.$startWebSockets()
   },
   methods: {
     getTabBarVisible() {
diff --git a/plugins/im.js b/plugins/im.js
index b6d0484..0798b55 100644
--- a/plugins/im.js
+++ b/plugins/im.js
@@ -12,7 +12,7 @@ function guid() {
 Vue.prototype.$startWebSockets = function () {
   console.log();
   let token = this.$cookies.get(TOKEN_KEY);
-  if (token) {
+  if (token&&!Vue.prototype.Socket) {
     let url = `wss://k8s-horse-gateway.mashibing.cn/ws?client=${token}&type=1`;
     Vue.prototype.Socket = new WebSocket(url);
     Vue.prototype.Socket.onopen = () => {
@@ -48,6 +48,9 @@ Vue.prototype.$startWebSockets = function () {
       // 获取消息列表
       if (msg.traceType == 2) {
         this.$store.commit("setSocketMsgData", msg.content);
+        setTimeout(()=>{
+          console.log(this.$store.state)
+        },500)
       }
 
       // 接收消息
@@ -57,10 +60,6 @@ Vue.prototype.$startWebSockets = function () {
           `{"traceId":"${traceId}",traceType:1,"content":{"size": 100}}`
         );
       }
-
-      setTimeout(()=>{
-        console.log(this.$store.state)
-      },500)
     };
   }
 };