feat:三个浮动窗口功能新增

This commit is contained in:
liailing1026
2025-12-31 19:04:58 +08:00
parent d42554ce03
commit 5847365eee
34 changed files with 7471 additions and 647 deletions

View File

@@ -28,12 +28,14 @@ const agentsStore = useAgentsStore()
:class="agentsStore.currentTask?.AgentSelection?.includes(item.Name) ? 'active-card' : ''"
>
<div class="flex items-center justify-between relative h-[43px]">
<!-- 图标区域 -->
<div
class="w-[44px] h-[44px] rounded-full flex items-center justify-center flex-shrink-0 relative right-[2px] icon-container"
:style="{ background: getAgentMapIcon(item.Name).color }"
>
<svg-icon :icon-class="getAgentMapIcon(item.Name).icon" color="#fff" size="24px" />
</div>
<div class="flex-1 text-[14px] textClass flex flex-col items-end justify-start truncate ml-1">
<div class="flex items-center justify-start gap-2 w-full">
<span
@@ -96,39 +98,9 @@ const agentsStore = useAgentsStore()
v-if="index1 !== taskProcess.filter(i => i.AgentName === item.Name).length - 1"
class="h-[1px] w-full bg-[var(--color-border-default)] my-[8px]"
></div>
<AssignmentButton />
</div>
<div
v-if="item.apiUrl"
class="h-[1px] w-full bg-[var(--color-border-default)] my-[8px]"
></div>
<!-- 使用 v-if 判断 item 中是否存在 apiUrl -->
<div v-if="item.apiUrl" class="text-[12px] break-all">
<span class="text-[12px] text-[red]">apiUrl:</span>
<span class="text-[12px] text-[var(--color-text-quaternary)] break-all ml-2">{{
item.apiUrl
}}</span>
</div>
<!-- 只有当 item.apiUrl 存在时才显示上面的分隔线 -->
<div
v-if="item.apiUrl"
class="h-[1px] w-full bg-[var(--color-border-default)] my-[8px]"
></div>
<!-- 使用 v-if 判断 item 中是否存在 apiModel -->
<div v-if="item.apiModel" class="text-[12px]">
<span class="text-[12px] text-[blue]">apiModel:</span>
<span class="text-[12px] text-[var(--color-text-quaternary)] ml-2">{{
item.apiModel
}}</span>
</div>
<!-- 只有当 item.apiModel 存在时才显示下面的分隔线 -->
<div
v-if="item.apiModel"
class="h-[1px] w-full bg-[var(--color-border-default)] my-[8px]"
></div>
</div>
</div>
</div>