成员

src/view/ddkz/components/chatRoomInfo.vue

@@ -44,7 +44,7 @@
                                             <span v-text="item1.time"></span>&emsp;
                                         </div>
                                         <div class="everyDayNewCardInfo">
-                                            来自于组：<span class="newsSource" v-text="item1.teamInfo.teamName"></span>，
+                                            来自于组：<span class="newsSource" v-text="item1.teamInfo.teamName"></span>；
                                             成员：<span class="newsSource" v-text="item1.from"></span>
                                         </div>
                                         <div class="everyDayNewCardText" v-text="item1.content"></div>
@@ -93,7 +93,7 @@
         <NoticeDialog ref="myNotice" :stompClient="stompClient" :currentChatRoomInfo="currentChatRoomInfo"></NoticeDialog>
         <ChatRoomDialog ref="myChatRoom" :currentChatRoomInfo="currentChatRoomInfo" :stompClient="stompClient">
         </ChatRoomDialog>
-        <ChatRoomPeople ref="myChatRoomPeople" :currentTeamInfo="currentChatRoomInfo"></ChatRoomPeople>
+        <chatRoomMemberDialog ref="mychatRoomMemberDialog" :currentTeamInfo="currentChatRoomInfo"></chatRoomMemberDialog>
     </div>
 </template>
 
@@ -103,7 +103,7 @@ import { getRecordsByPaging, updateStatus } from '@/api/chat/chatRecords';
 import { getTime_extent } from '@/util/http_util.js';
 import NoticeDialog from '@/view/ddkz/components/noticeDialog.vue';
 import ChatRoomDialog from "@/view/ddkz/components/chatRoomDialog.vue";
-import ChatRoomPeople from "@/view/ddkz/components/chatRoomPeople.vue";
+import chatRoomMemberDialog from "@/view/ddkz/components/chatRoomMemberDialog.vue";
 import textImg from '@/assets/img/ddkz/tool1.png';
 import excelImg from '@/assets/img/ddkz/tool5.png';
 import { MAIL_ADDRESS } from "@/constant/user"
@@ -131,7 +131,7 @@ export default {
     components: {
         NoticeDialog: NoticeDialog,
         ChatRoomDialog: ChatRoomDialog,
-        ChatRoomPeople: ChatRoomPeople
+        chatRoomMemberDialog: chatRoomMemberDialog
     },
     methods: {
         goBackFn() {
@@ -230,7 +230,7 @@ export default {
         },
         showPeopleList() {
             this.$nextTick(() => {
-                this.$refs.myChatRoomPeople.showDialog();
+                this.$refs.mychatRoomMemberDialog.showDialog();
             })
         },
         sendEmail() {
@@ -492,7 +492,8 @@ export default {
                                     color: white;
 
                                     .newsSource {
-                                        color: red;
+                                        // color: red;
+                                        color: white;
                                     }
                                 }
 

src/view/ddkz/components/chatRoomPeople.vue → src/view/ddkz/components/chatRoomMemberDialog.vue

@@ -9,7 +9,8 @@
                         <!-- <span>角色：<span>{{ item.teamType }}</span></span> -->
                     </div>
                     <div class="peopleInfo">
-                        <div v-for="item1 in item.teamMemberStateBOList" class="everyPersonList">
+                        <div v-for="item1 in item.teamMemberStateBOList"
+                            :class="['everyPersonList', 'cardType' + item.id % 3]">
                             <span class="isOnline" :style="{ backgroundColor: item1.online ? 'green' : 'gray' }"></span>
                             <span class="username" :style="{ color: item1.online ? 'green' : 'white' }"
                                 v-text="item1.userId"></span>
@@ -156,17 +157,32 @@ export default {
                     }
                 }
 
-                &>div:nth-child(3n) {
+                // &>div:nth-child(3n) {
+                //     background-image: url(@/assets/img/ddkz/12.png);
+                //     background-size: 100% 100%;
+                // }
+
+                // &>div:nth-child(3n+1) {
+                //     background-image: url(@/assets/img/ddkz/13.png);
+                //     background-size: 100% 100%;
+                // }
+
+                // &>div:nth-child(3n+2) {
+                //     background-image: url(@/assets/img/ddkz/14.png);
+                //     background-size: 100% 100%;
+                // }
+
+                .cardType0 {
                     background-image: url(@/assets/img/ddkz/12.png);
                     background-size: 100% 100%;
                 }
 
-                &>div:nth-child(3n+1) {
+                .cardType1 {
                     background-image: url(@/assets/img/ddkz/13.png);
                     background-size: 100% 100%;
                 }
 
-                &>div:nth-child(3n+2) {
+                .cardType2 {
                     background-image: url(@/assets/img/ddkz/14.png);
                     background-size: 100% 100%;
                 }