เเก้เงื่อนไข อ่านเเล้ว

src/modules/00_support/components/FormChat.vue

@@ -114,10 +114,11 @@ const onLoad = (async (_: any, done: any) => {
         </q-avatar>
         <q-item-section v-if="store.currentIssue" class="q-pl-sm">
           <q-item-label>
-            <span class="tite-on-message-long">
+            <span class="title-on-message-long">
               <q-badge color="blue" outline>
                 {{ validateCategory(store.currentCategory) }}
               </q-badge>
+              {{ store.currentTitle }}
             </span>
           </q-item-label>
           <span>
@@ -191,7 +192,7 @@ const onLoad = (async (_: any, done: any) => {
                   }}</q-badge>
                 </div>
               </span>
-              <span class="tite-long text-weight-bold line-ellipsis">
+              <span class="title-long text-weight-bold line-ellipsis">
                 {{ item.title }}</span
               >
 
@@ -229,6 +230,7 @@ const onLoad = (async (_: any, done: any) => {
                   text-color="white"
                   :label="item.unreadCount"
                 />
+
                 <q-icon v-else name="mdi-check-all" size="xs" color="grey" />
               </div>
             </div>
@@ -281,12 +283,14 @@ const onLoad = (async (_: any, done: any) => {
                 <q-space />
                 <div
                   v-if="
-                    store.messageStatus?.result.some(
-                      (v) =>
+                    store.messageStatus?.result.some((v) => {
+                      return (
                         new Date(v.lastAccessDate).getTime() >=
                           new Date(item.createdAt).getTime() &&
+                        v.fromUserId !== store.userId &&
                         index + 1 === store.message?.result.message.length
-                    )
+                      );
+                    })
                   "
                   class="q-mr-xl"
                 >
@@ -366,7 +370,7 @@ const onLoad = (async (_: any, done: any) => {
 </template>
 
 <style scoped>
-.tite-long {
+.title-long {
   width: 180px;
   display: inline-block;
   text-overflow: ellipsis;
@@ -374,7 +378,7 @@ const onLoad = (async (_: any, done: any) => {
   white-space: nowrap;
 }
 
-.tite-on-message-long {
+.title-on-message-long {
   width: 250px;
   display: inline-block;
   text-overflow: ellipsis;

src/modules/00_support/store/Main.ts

@@ -87,7 +87,7 @@ export const useSupportStore = defineStore("supportServiceStore", () => {
   socket.on("read", (r) => {
     if (messageStatus.value) {
       messageStatus.value.result = messageStatus.value.result.map((v) => {
-        if (v.fromUserId !== r.fromUserId) return r;
+        if (v.fromUserId === r.fromUserId) return r;
         return v;
       });
     }
@@ -100,6 +100,7 @@ export const useSupportStore = defineStore("supportServiceStore", () => {
       issue.value.result = issue.value.result.map((v) => {
         if (v.id === r.issueId) {
           v.lastMessage = r.content;
+          v.updatedAt = r.updatedAt;
         }
         return v;
       });