图层控制

wujingjing

2025-01-19 1113ced19c32c1b9b65571c48491d9435dbaf085

 src/components/chat/assistant/index.vue

@@ -98,7 +98,7 @@
                           />
                        </div>
                     </template>
                     <p v-else class="text-info">暂无内容，请重试</p>
                     <p v-else-if="msg.content?.errCode !== ErrorCode.Message" class="text-info">暂无内容，请重试</p>
                  </template>
                  <component
                     v-else
@@ -138,15 +138,12 @@
                  <!-- #region ====================== 停止 ======================-->
                  <span v-if="msg.isStopMsg && msg?.role === RoleEnum.assistant" class="text-gray-400 text-[12px]">（已停止）</span>
                  <!-- parseContent 返回为 null -->
                  <p v-if="!msg.content && !isTalking && !msg.isStopMsg" class="text-red-500">暂无数据</p>
                  <p v-if="!msg.content && !isTalking && !msg.isStopMsg && msg.content?.errCode !== ErrorCode.Message" class="text-red-500">暂无数据</p>
                  <!-- #endregion -->
                  <!-- #endregion -->
               </div>
               <!-- #region ====================== ai 消息操作 ======================-->
               <div
                  v-if="msg.role === RoleEnum.assistant && msg.content?.values && !isSharePage"
                  class="absolute flex items-center right-0 mr-4 mt-2 space-x-2"
               >
               <div v-if="msg.content?.values && !isSharePage" class="absolute flex items-center right-0 mr-4 mt-2 space-x-2">
                  <div
                     class="flex items-center justify-center size-[15px]"
                     v-if="msg.content?.type === AnswerType.Text || msg.content?.type === AnswerType.Knowledge"
@@ -206,6 +203,16 @@
                  </el-tooltip>
               </div>
               <!-- #endregion -->

               <div class="absolute flex items-center left-18 mt-2 space-x-2 pb-7">
                  <div
                     v-if="isTalking && isLast"
                     class="text-blue-400 cursor-pointer z-20 py-2 px-2 border border-solid border-blue-400 hover:text-blue-500 hover:border-blue-500 rounded-lg hover:bg-[#ebeffa]"
                     @click="stopGenClick"
                  >
                     停止输出
                  </div>
               </div>
            </div>
         </div>
      </div>
@@ -254,12 +261,17 @@
const emit = defineEmits({
   sendChatMessage: (content: ChatContent) => true,
   shareMsg: (msg: ChatMessage) => true,
   stopGenClick: () => true,
});

const sendChatMessage = (content: ChatContent) => {
   emit('sendChatMessage', content);
};

const stopGenClick = () => {
   emit('stopGenClick');
};

//#region ====================== 步骤 step ======================

const toggleStepLabel = (item: any) => (item.isShow ? '收起' : '展开');