121

Web/src/components/Business/GameChat.vue

@@ -9,12 +9,15 @@
                 <span v-if="item.chat.code != 'System'">
                     <GameUser :data="item.user" :show-icon="1"></GameUser>:
                 </span>
-                <span v-html="item.chat.sign" @click="HtmlEvent">                    
+                <span v-html="item.chat.sign" @click="HtmlEvent">
                 </span>
                 <span v-if="showTime == 1">
                     ({{ TimeExtend.StrToFormat(item.chat.addTime, "dd日HH:mm") }})
                 </span>
             </span>
+            <span v-if="CheckRole(item.chat.code)">
+                [<Abutton @click="DelChat(item.chat.chatId)">删除</Abutton>]
+            </span>
         </div>
     </div>
 </template>
@@ -24,7 +27,8 @@ const props = defineProps({
     data: Array<any>,
     showTime: Number,
     page: Number,
-    limit: Number
+    limit: Number,
+    role: Number
 })
 
 const GetChatType = (type: string) => {
@@ -52,4 +56,22 @@ const GetChatType = (type: string) => {
     }
     return result;
 }
+
+const CheckRole = (type: string): boolean => {
+    if ((type == 'Public' || type == 'Region') && (props.role ?? 0) > 0) {
+        return true;
+    }
+    else if (type == 'Dress' && (props.role ?? 0) > 1) {
+        return true;
+    }
+    return false
+}
+
+// 1. 声明要触发的事件
+const emit = defineEmits(['delChat'])
+
+const DelChat = async (chatId: string) => {
+    emit('delChat', { chatId: chatId });
+}
+
 </script>

Web/src/components/Business/GameUser.vue

@@ -1,13 +1,17 @@
 <template>
     <span v-if="data.userNo == '0'">海精灵</span>
     <span v-else>
-        <Abar :href='"/user/user?no=" + data.userNo'>{{ data.nick }}</Abar>
+        <Abar :href='"/user/user?no=" + data.userNo'>
+            {{ showArea==1?"["+data.area+"区]":"" }}
+            {{ data.nick }}
+        </Abar>
     </span>
 </template>
 <script lang="ts" setup>
 const props = defineProps({
     // 字段名、类型、默认值
     data: null,
-    showIcon: Number
+    showIcon: Number,
+    showArea:Number
 })
 </script>