From 19815fe27d26558bc19142a87eda96107778a071 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Mon, 7 Apr 2025 06:47:59 +0800
Subject: [PATCH] no message

---
 .../assets/js/pages/manage/application.vue    | 33 +++++++---
 resources/assets/sass/pages/page-apply.scss   | 62 +++++++++++--------
 2 files changed, 61 insertions(+), 34 deletions(-)

diff --git a/resources/assets/js/pages/manage/application.vue b/resources/assets/js/pages/manage/application.vue
index a6a2586d3..d67b16fa0 100644
--- a/resources/assets/js/pages/manage/application.vue
+++ b/resources/assets/js/pages/manage/application.vue
@@ -58,7 +58,9 @@
                                 <img :src="item.avatar">
                             </div>
                             <div class="modal-item-info">
-                                <h4>{{ item.name }}</h4>
+                                <div class="modal-item-name">
+                                    <h4>{{ item.name }}</h4>
+                                </div>
                                 <div class="modal-item-mybot">
                                     <p><span>ID:</span>{{item.id}}</p>
                                     <p><span>{{$L('清理时间')}}:</span>{{item.clear_day}}</p>
@@ -118,11 +120,14 @@
                                 <img :src="item.src">
                             </div>
                             <div class="modal-item-info">
-                                <h4>{{ item.label }}</h4>
+                                <div class="modal-item-name">
+                                    <h4>{{ item.label }}</h4>
+                                    <div class="modal-item-tag" @click="applyClick({value: 'robot-setting'}, item.value)">
+                                        {{item.tag}}
+                                        <em v-if="item.tags.length > 1">+{{item.tags.length - 1}}</em>
+                                    </div>
+                                </div>
                                 <p class="modal-item-desc" @click="openDetail(item.desc)">{{ item.desc }}</p>
-                                <ul v-if="item.tags.length > 0" class="modal-item-tags">
-                                    <li v-for="(tag, index) in item.tags" :key="index">{{ tag }}</li>
-                                </ul>
                                 <div class="modal-item-btns">
                                     <Button icon="md-chatbubbles" :loading="aibotDialogSearchLoad == item.value" @click="onGoToChat(item.value)">{{ $L('开始聊天') }}</Button>
                                     <Button v-if="userIsAdmin" icon="md-settings" @click="applyClick({value: 'robot-setting'}, item.value)">{{ $L('设置') }}</Button>
@@ -196,7 +201,9 @@
                                 <div class="apply-icon no-dark-content meeting"></div>
                             </div>
                             <div class="modal-item-info">
-                                <h4>{{ $L('新会议') }}</h4>
+                                <div class="modal-item-name">
+                                    <h4>{{ $L('新会议') }}</h4>
+                                </div>
                                 <p class="modal-item-desc" @click="openDetail(meetingDescs.add)"> {{ meetingDescs.add }} </p>
                                 <div class="modal-item-btns">
                                     <Button @click="onMeeting('createMeeting')">{{ $L('新建会议') }}</Button>
@@ -208,7 +215,9 @@
                                 <div class="apply-icon no-dark-content meeting-join"></div>
                             </div>
                             <div class="modal-item-info">
-                                <h4>{{ $L('加入会议') }}</h4>
+                                <div class="modal-item-name">
+                                    <h4>{{ $L('加入会议') }}</h4>
+                                </div>
                                 <p class="modal-item-desc" @click="openDetail(meetingDescs.join)">{{ meetingDescs.join }}</p>
                                 <div class="modal-item-btns">
                                     <Button @click="onMeeting('joinMeeting')">{{ $L('加入会议') }}</Button>
@@ -618,7 +627,15 @@ export default {
                     const value = match[1];
                     this.aibotList.map(h => {
                         if (h.value == value) {
-                            h.tags = AIModelNames(data[key]).map(item => item.label);
+                            const items = AIModelNames(data[key])
+                            h.tags = items.map(item => item.label);
+                            h.tag = data[key.slice(0, -1)];
+                            items.some(item => {
+                                if (item.value == h.tag) {
+                                    h.tag = item.label;
+                                    return true;
+                                }
+                            })
                         }
                     });
                 }
diff --git a/resources/assets/sass/pages/page-apply.scss b/resources/assets/sass/pages/page-apply.scss
index 721f46f6c..2abc0dfba 100644
--- a/resources/assets/sass/pages/page-apply.scss
+++ b/resources/assets/sass/pages/page-apply.scss
@@ -359,12 +359,39 @@
                 .modal-item-info {
                     flex: 1;
 
-                    h4 {
-                        font-size: 18px;
-                        color: #333;
-                        margin: 0 0 10px 0;
-                        line-height: 1.2;
-                        font-weight: 500;
+                    .modal-item-name {
+                        display: flex;
+                        flex-wrap: wrap;
+                        gap: 8px;
+                        list-style-type: none;
+                        margin-bottom: 10px;
+
+                        h4 {
+                            font-size: 18px;
+                            color: #333;
+                            line-height: 26px;
+                            font-weight: 500;
+                            word-break: break-all;
+                        }
+
+                        .modal-item-tag {
+                            cursor: pointer;
+                            display: flex;
+                            align-items: center;
+                            padding: 4px 12px;
+                            line-height: 18px;
+                            background: #f5f5f5;
+                            border-radius: 12px;
+                            font-size: 12px;
+                            color: #666;
+                            border: none;
+                            margin: 0;
+
+                            > em {
+                                padding-left: 4px;
+                                font-style: normal;
+                            }
+                        }
                     }
 
                     .modal-item-desc {
@@ -384,10 +411,12 @@
                         row-gap: 4px;
                         flex-direction: column;
                         margin-bottom: 12px;
+
                         > p {
                             display: flex;
                             flex-wrap: wrap;
                             word-break: break-all;
+
                             > span {
                                 opacity: 0.8;
                                 padding-right: 6px;
@@ -395,24 +424,6 @@
                         }
                     }
 
-                    .modal-item-tags {
-                        display: flex;
-                        flex-wrap: wrap;
-                        gap: 8px;
-                        list-style-type: none;
-                        margin-bottom: 12px;
-
-                        > li {
-                            padding: 4px 12px;
-                            background: #f5f5f5;
-                            border-radius: 12px;
-                            font-size: 12px;
-                            color: #666;
-                            border: none;
-                            margin: 0;
-                        }
-                    }
-
                     .modal-item-btns {
                         display: flex;
                         flex-wrap: wrap;
@@ -420,7 +431,6 @@
                     }
                 }
             }
-
         }
 
         .ai-tabs {
@@ -468,7 +478,7 @@
             }
 
             @media (max-width: 500px) {
-                padding: 8px 0;
+                padding: 0;
 
                 .ivu-modal-wrap-ul {
                     margin: 0;