样式修改

src/view/ddkz/components/chatRoomInfo.vue

@@ -17,13 +17,13 @@
                 <el-form-item>
                     <img class="goBack" :src="goBack" alt="" @click="goBackFn">
                 </el-form-item>
-                <el-form-item>
+                <!-- <el-form-item>
                     <div class="searchButton"
-                        :style="{ background: stompClient.connected ? 'Green' : 'gray', color: 'white' }">
-                        <span :class="[!stompClient.connected ? 'el-icon-loading' : '']"></span>
-                        {{ stompClient.connected ? '已连接' : '重连中' }}
+                        :style="{ background: status ? 'Green' : 'gray', color: 'white' }">
+                        <span :class="[!status ? 'el-icon-loading' : '']"></span>
+                        {{ status ? '已连接' : '重连中' }}
                     </div>
-                </el-form-item>
+                </el-form-item> -->
             </el-form>
         </div>
         <div class="ddkz-info-content">
@@ -120,7 +120,8 @@ export default {
             newsList: [],
             publicNoticeList: [],
             stompClient: { connected: false },
-            peopleList: []
+            peopleList: [],
+            // status:false
         }
     },
     components: {
@@ -247,7 +248,13 @@ export default {
             } else {
                 this.dataOrderByParams(this.formInfo.day, newVal);
             }
-        }
+        },
+        // 'stompClient.connected':{
+        //     handler(newVal,oldVal){
+        //         this.status = newVal;
+        //     },
+        //     immediate:true
+        // }
     },
     computed: {
         userInfo() {
@@ -261,6 +268,7 @@ export default {
     activated() {
         this.currentChatRoomInfo = this.$route.params.data;
         this.stompClient = this.$route.params.client;
+        // this.status = this.stompClient.connected;
         this.listChatroom(this.currentChatRoomInfo);
         //获取当前组成员
         this.getCurrentTeamPeople(this.currentChatRoomInfo);