115 lines
2.7 KiB
Vue
115 lines
2.7 KiB
Vue
|
<template>
|
|||
|
|
<div class="field-roles-selector">
|
|||
|
|
<label class="selector-label">
|
|||
|
|
字段角色
|
|||
|
|
<el-tooltip content="为字段分配角色，工具将按角色精准消费字段" placement="top">
|
|||
|
|
<el-icon class="help-icon"><QuestionFilled /></el-icon>
|
|||
|
|
</el-tooltip>
|
|||
|
|
</label>
|
|||
|
|
<el-checkbox-group v-model="selectedRoles" class="roles-checkbox-group">
|
|||
|
|
<el-checkbox
|
|||
|
|
v-for="role in availableRoles"
|
|||
|
|
:key="role.value"
|
|||
|
|
:value="role.value"
|
|||
|
|
class="role-checkbox"
|
|||
|
|
>
|
|||
|
|
<div class="role-item">
|
|||
|
|
<span class="role-label">{{ role.label }}</span>
|
|||
|
|
<el-tooltip :content="role.description" placement="top">
|
|||
|
|
<el-icon class="role-help-icon"><QuestionFilled /></el-icon>
|
|||
|
|
</el-tooltip>
|
|||
|
|
</div>
|
|||
|
|
</el-checkbox>
|
|||
|
|
</el-checkbox-group>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup lang="ts">
|
|||
|
|
import { computed } from 'vue'
|
|||
|
|
import { QuestionFilled } from '@element-plus/icons-vue'
|
|||
|
|
import type { FieldRole } from '@/types/metadata'
|
|||
|
|
|
|||
|
|
const props = defineProps<{
|
|||
|
|
modelValue: FieldRole[]
|
|||
|
|
}>()
|
|||
|
|
|
|||
|
|
const emit = defineEmits<{
|
|||
|
|
(e: 'update:modelValue', value: FieldRole[]): void
|
|||
|
|
}>()
|
|||
|
|
|
|||
|
|
const availableRoles: { value: FieldRole; label: string; description: string }[] = [
|
|||
|
|
{
|
|||
|
|
value: 'resource_filter',
|
|||
|
|
label: '资源过滤',
|
|||
|
|
description: '用于 KB 文档检索时的元数据过滤，kb_search_dynamic 工具将消费此类字段'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: 'slot',
|
|||
|
|
label: '运行时槽位',
|
|||
|
|
description: '对话流程中的结构化槽位，用于信息收集，memory_recall 工具将消费此类字段'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: 'prompt_var',
|
|||
|
|
label: '提示词变量',
|
|||
|
|
description: '注入到 LLM Prompt 中的变量，template_engine 将消费此类字段'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: 'routing_signal',
|
|||
|
|
label: '路由信号',
|
|||
|
|
description: '用于意图路由和风险判断的信号，intent_hint/high_risk_check 工具将消费此类字段'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
const selectedRoles = computed({
|
|||
|
|
get: () => props.modelValue || [],
|
|||
|
|
set: (val: FieldRole[]) => emit('update:modelValue', val)
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.field-roles-selector {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.selector-label {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
gap: 4px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: var(--el-text-color-regular);
|
|||
|
|
margin-bottom: 8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.help-icon {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: var(--el-text-color-secondary);
|
|||
|
|
cursor: help;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.roles-checkbox-group {
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
gap: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.role-checkbox {
|
|||
|
|
margin-right: 0 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.role-item {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
gap: 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.role-label {
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.role-help-icon {
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: var(--el-text-color-secondary);
|
|||
|
|
cursor: help;
|
|||
|
|
}
|
|||
|
|
</style>
|