feat(admin): WallAdvanced 高级折叠区（正则/提醒迁移）
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
@@ -0,0 +1,336 @@
|
|||||||
|
<!--
|
||||||
|
高级折叠区（Task 9）：引擎级规则编辑——price/reask 正则行编辑器（双形态
|
||||||
|
行编辑：pattern + flags + comment）+ triggers/zero_number 单正则 +
|
||||||
|
reminders 六类话术，自 WallPane 原样迁入（复制不移动——WallPane 旧块
|
||||||
|
Task 10 才删，两处并存无冲突）。默认全部折叠；数据经 props.model 直改
|
||||||
|
reactive（与 ScenarioCard 同契约）。
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div class="wall-advanced">
|
||||||
|
<ElAlert
|
||||||
|
type="warning"
|
||||||
|
:closable="false"
|
||||||
|
class="wa-warn"
|
||||||
|
title="引擎级规则——改错可能导致拦截失灵或 AI 行为异常"
|
||||||
|
description="以下正则与指令由引擎直接消费；不确定的不要动；改坏可用版本历史回滚。"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ElCollapse v-model="openSections" class="wa-collapse">
|
||||||
|
<!-- 正则列表区：价格墙 / 再索要墙（双形态行编辑器） -->
|
||||||
|
<ElCollapseItem
|
||||||
|
v-for="section in patternListSections"
|
||||||
|
:key="section.key"
|
||||||
|
:name="section.key"
|
||||||
|
:title="section.title"
|
||||||
|
>
|
||||||
|
<p class="section-note">{{ section.plain }}</p>
|
||||||
|
<p class="section-note">{{ section.note }}</p>
|
||||||
|
<div
|
||||||
|
v-for="(row, i) in section.rows.value"
|
||||||
|
:key="i"
|
||||||
|
class="regex-row"
|
||||||
|
>
|
||||||
|
<div class="regex-line">
|
||||||
|
<span class="row-index">{{ i + 1 }}</span>
|
||||||
|
<ElInput
|
||||||
|
v-model="row.pattern"
|
||||||
|
placeholder="正则表达式（Python re 语法）"
|
||||||
|
class="mono-input pattern-input"
|
||||||
|
/>
|
||||||
|
<ElSelect v-model="row.flags" class="flags-select" title="标志位">
|
||||||
|
<ElOption value="" label="无" />
|
||||||
|
<ElOption value="i" label="i 忽略大小写" />
|
||||||
|
</ElSelect>
|
||||||
|
<ElButton
|
||||||
|
:type="row.comment ? 'primary' : 'default'"
|
||||||
|
link
|
||||||
|
title="设计备注（comment，随词表保存但不参与编译）"
|
||||||
|
@click="row.showComment = !row.showComment"
|
||||||
|
>
|
||||||
|
备注{{ row.comment ? '●' : '○' }}
|
||||||
|
</ElButton>
|
||||||
|
<ElButton
|
||||||
|
type="danger"
|
||||||
|
link
|
||||||
|
title="删除此条"
|
||||||
|
@click="section.remove(i)"
|
||||||
|
>
|
||||||
|
删
|
||||||
|
</ElButton>
|
||||||
|
</div>
|
||||||
|
<ElInput
|
||||||
|
v-if="row.showComment"
|
||||||
|
v-model="row.comment"
|
||||||
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 2, maxRows: 6 }"
|
||||||
|
placeholder="comment：设计说明（防误杀断言等），保存为条目 comment 字段"
|
||||||
|
class="comment-input"
|
||||||
|
/>
|
||||||
|
<p v-else-if="row.comment" class="comment-view mono">{{ row.comment }}</p>
|
||||||
|
</div>
|
||||||
|
<ElButton size="small" @click="section.add()">+ 添加一条</ElButton>
|
||||||
|
</ElCollapseItem>
|
||||||
|
|
||||||
|
<!-- 单正则区：triggers 三键 / zero_number 两键（合并为一个折叠项） -->
|
||||||
|
<ElCollapseItem name="singles" title="触发词与零号码规则（triggers / zero_number）">
|
||||||
|
<p class="section-note">识别边界话题/预算/索要联系方式，以及号码与邮箱。</p>
|
||||||
|
<div v-for="section in singlePatternSections" :key="section.key" class="wa-single">
|
||||||
|
<p class="wa-single-title">{{ section.title }}</p>
|
||||||
|
<p class="section-note">{{ section.note }}</p>
|
||||||
|
<div class="regex-row">
|
||||||
|
<div class="regex-line">
|
||||||
|
<ElInput
|
||||||
|
v-model="model.singles[section.key].pattern"
|
||||||
|
placeholder="正则表达式（Python re 语法）"
|
||||||
|
class="mono-input pattern-input"
|
||||||
|
/>
|
||||||
|
<ElSelect
|
||||||
|
v-model="model.singles[section.key].flags"
|
||||||
|
class="flags-select"
|
||||||
|
title="标志位"
|
||||||
|
>
|
||||||
|
<ElOption value="" label="无" />
|
||||||
|
<ElOption value="i" label="i 忽略大小写" />
|
||||||
|
</ElSelect>
|
||||||
|
</div>
|
||||||
|
<p
|
||||||
|
v-if="model.singles[section.key].comment"
|
||||||
|
class="comment-view mono"
|
||||||
|
>
|
||||||
|
{{ model.singles[section.key].comment }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ElCollapseItem>
|
||||||
|
|
||||||
|
<!-- reminders 六类话术 -->
|
||||||
|
<ElCollapseItem name="reminders" title="AI 提醒指令（reminders 六类）">
|
||||||
|
<p class="section-note">
|
||||||
|
按场景注入 AI 的系统指令文案；{shown}/{intl} 等占位符由系统回填。
|
||||||
|
</p>
|
||||||
|
<div v-for="(variants, cat) in REMINDER_VARIANTS" :key="cat" class="reminder-cat">
|
||||||
|
<p class="reminder-cat-title">{{ reminderCatLabel(cat) }}</p>
|
||||||
|
<div v-for="variant in variants" :key="variant" class="reminder-variant">
|
||||||
|
<span class="variant-label mono">{{ cat }}.{{ variant }}</span>
|
||||||
|
<ElInput
|
||||||
|
v-model="model.reminders[cat][variant]"
|
||||||
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 2, maxRows: 8 }"
|
||||||
|
:placeholder="variantLabel(cat, variant)"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ElCollapseItem>
|
||||||
|
</ElCollapse>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { REMINDER_VARIANTS, type WallEditModel } from '../model'
|
||||||
|
|
||||||
|
defineOptions({ name: 'WallAdvanced' })
|
||||||
|
|
||||||
|
const props = defineProps<{
|
||||||
|
/** 词表编辑模型（直改 reactive——与 ScenarioCard 同契约） */
|
||||||
|
model: WallEditModel
|
||||||
|
}>()
|
||||||
|
|
||||||
|
// ---- 区块展开态（默认全部收起——引擎级规则按需展开） -------------------------------
|
||||||
|
|
||||||
|
const openSections = ref<string[]>([])
|
||||||
|
|
||||||
|
// ---- 正则列表区（价格墙 / 再索要墙）--------------------------------------------------
|
||||||
|
|
||||||
|
const patternListSections = [
|
||||||
|
{
|
||||||
|
key: 'price_patterns',
|
||||||
|
title: '价格识别正则（price_patterns）',
|
||||||
|
plain: '识别客户在谈价格的句式。',
|
||||||
|
note: '每条一行；flags 仅支持 i（忽略大小写）；comment 为设计说明（不参与编译）。空 pattern 行保存时自动剔除。',
|
||||||
|
rows: toRef(() => props.model.priceRows),
|
||||||
|
add: () => props.model.priceRows.push(blankRegexRow()),
|
||||||
|
remove: (i: number) => props.model.priceRows.splice(i, 1)
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'reask_patterns',
|
||||||
|
title: '追问识别正则（reask_patterns）',
|
||||||
|
plain: '识别客户再次追问的句式。',
|
||||||
|
note: 'AI 输出侧防重复索要：命中且客户已留联系方式 → 静默丢弃该句（无替换文案）。',
|
||||||
|
rows: toRef(() => props.model.reaskRows),
|
||||||
|
add: () => props.model.reaskRows.push(blankRegexRow()),
|
||||||
|
remove: (i: number) => props.model.reaskRows.splice(i, 1)
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
function blankRegexRow() {
|
||||||
|
return { pattern: '', flags: '' as const, comment: '', showComment: true }
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---- 单正则区（triggers / zero_number）----------------------------------------------
|
||||||
|
|
||||||
|
const singlePatternSections = [
|
||||||
|
{
|
||||||
|
key: 'boundary',
|
||||||
|
title: '边界触发器 triggers.boundary',
|
||||||
|
note: '客户侧触发词大表（价格/折扣/交期/样品等）——命中注入边界提醒话术。'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'budget',
|
||||||
|
title: '预算触发器 triggers.budget',
|
||||||
|
note: '客户报预算触发词（与 reminders.boundary.budget 话术联动）。'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'contact_ask',
|
||||||
|
title: '索要联系方式触发器 triggers.contact_ask',
|
||||||
|
note: '客户索要我方联系方式（最高意向信号）——命中注入对应 source 话术。'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'long_number',
|
||||||
|
title: '零号码墙 zero_number.long_number',
|
||||||
|
note: '≥10 位数字串（号码红线）——命中整句替换为 no_contact 对应句。'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'any_email',
|
||||||
|
title: '零号码墙 zero_number.any_email',
|
||||||
|
note: '邮箱地址（号码红线同款）——命中整句替换。'
|
||||||
|
}
|
||||||
|
] as const
|
||||||
|
|
||||||
|
// ---- 提醒标签 -------------------------------------------------------------------------
|
||||||
|
|
||||||
|
const REMINDER_CAT_LABELS: Record<string, string> = {
|
||||||
|
boundary: '职能边界',
|
||||||
|
contact_ask: '索要联系方式',
|
||||||
|
language_follow: '语言跟随',
|
||||||
|
lead_given: '已留线索',
|
||||||
|
cc_guide: '国家代码指引',
|
||||||
|
email_light: '邮箱轻补'
|
||||||
|
}
|
||||||
|
|
||||||
|
function reminderCatLabel(cat: string): string {
|
||||||
|
return REMINDER_CAT_LABELS[cat] ?? cat
|
||||||
|
}
|
||||||
|
|
||||||
|
function variantLabel(cat: string, variant: string): string {
|
||||||
|
const map: Record<string, string> = {
|
||||||
|
'boundary.budget': '客户报预算求推荐的边界提醒',
|
||||||
|
'boundary.normal': '常规价格/交期询问的边界提醒',
|
||||||
|
'contact_ask.app_already': 'App 会话且已留资',
|
||||||
|
'contact_ask.app': 'App 会话（无页面按钮）',
|
||||||
|
'contact_ask.web': 'Web 会话（指路页面按钮）'
|
||||||
|
}
|
||||||
|
return map[`${cat}.${variant}`] ?? variant
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.wall-advanced {
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wa-warn {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-note {
|
||||||
|
margin: 0 0 10px;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--art-gray-400);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---- 正则行 -------------------------------------------------------------------------
|
||||||
|
|
||||||
|
.regex-row {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.regex-line {
|
||||||
|
display: flex;
|
||||||
|
gap: 6px;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.row-index {
|
||||||
|
width: 20px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--art-gray-400);
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pattern-input {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flags-select {
|
||||||
|
width: 130px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment-input {
|
||||||
|
margin: 4px 0 0 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment-view {
|
||||||
|
margin: 4px 0 0 26px;
|
||||||
|
padding: 6px 8px;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--art-gray-500);
|
||||||
|
background: var(--art-main-bg-color, var(--el-fill-color-lighter));
|
||||||
|
border-radius: 4px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mono {
|
||||||
|
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.mono-input textarea),
|
||||||
|
:deep(.mono-input input) {
|
||||||
|
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---- 单正则子块（五键合并展示） -------------------------------------------------------
|
||||||
|
|
||||||
|
.wa-single {
|
||||||
|
margin-bottom: 14px;
|
||||||
|
|
||||||
|
.wa-single-title {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---- 提醒六类 -------------------------------------------------------------------------
|
||||||
|
|
||||||
|
.reminder-cat {
|
||||||
|
margin-bottom: 14px;
|
||||||
|
|
||||||
|
.reminder-cat-title {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.reminder-variant {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
|
||||||
|
.variant-label {
|
||||||
|
width: 190px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
padding-top: 6px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--art-gray-500);
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user