feat:三个浮动窗口功能新增
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user