157 lines
9.2 KiB
XML
157 lines
9.2 KiB
XML
|
<?xml version="1.0" encoding="UTF-8"?>
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
|
||
|
|
<defs>
|
||
|
|
<filter id="shadow" x="-10%" y="-10%" width="120%" height="130%">
|
||
|
|
<feDropShadow dx="0" dy="5" stdDeviation="7" flood-color="#17231E" flood-opacity="0.12"/>
|
||
|
|
</filter>
|
||
|
|
<marker id="arrowHead" markerWidth="10" markerHeight="10" refX="8" refY="4.5"
|
||
|
|
orient="auto" markerUnits="strokeWidth">
|
||
|
|
<path d="M0,0 L9,4.5 L0,9 Z" fill="#64726B"/>
|
||
|
|
</marker>
|
||
|
|
<style>
|
||
|
|
text { font-family: "Microsoft YaHei", "SimHei", sans-serif; fill: #17231E; }
|
||
|
|
.eyebrow { font-size: 18px; font-weight: 700; letter-spacing: 0; fill: #0D7A63; }
|
||
|
|
.title { font-size: 42px; font-weight: 800; }
|
||
|
|
.subtitle { font-size: 20px; fill: #56645D; }
|
||
|
|
.num { font-size: 20px; font-weight: 800; fill: #FFFFFF; }
|
||
|
|
.actor { font-size: 14px; font-weight: 700; }
|
||
|
|
.cardTitle { font-size: 24px; font-weight: 800; }
|
||
|
|
.detail { font-size: 16px; fill: #56645D; }
|
||
|
|
.arrow { stroke: #64726B; stroke-width: 4; fill: none; marker-end: url(#arrowHead); }
|
||
|
|
.guard { font-size: 17px; font-weight: 700; fill: #17231E; }
|
||
|
|
.footer { font-size: 14px; fill: #6C7771; }
|
||
|
|
</style>
|
||
|
|
</defs>
|
||
|
|
<rect width="1600" height="900" fill="#F7F8F4"/>
|
||
|
|
<rect x="0" y="0" width="14" height="900" fill="#0D7A63"/>
|
||
|
|
<text x="70" y="64" class="eyebrow">END-TO-END FLOW · 第一版目标流程</text>
|
||
|
|
<text x="70" y="113" class="title">肉包智能采购验证系统</text>
|
||
|
|
<text x="70" y="149" class="subtitle">从后台任务到人工确认与证据回传；MVP 不提交订单、不支付</text>
|
||
|
|
<line x1="370" y1="273" x2="445" y2="273" class="arrow"/>
|
||
|
|
<line x1="755" y1="273" x2="830" y2="273" class="arrow"/>
|
||
|
|
<line x1="1140" y1="273" x2="1215" y2="273" class="arrow"/>
|
||
|
|
<line x1="1375" y1="368" x2="1375" y2="485" class="arrow"/>
|
||
|
|
<line x1="1225" y1="580" x2="1150" y2="580" class="arrow"/>
|
||
|
|
<line x1="840" y1="580" x2="765" y2="580" class="arrow"/>
|
||
|
|
<line x1="455" y1="580" x2="380" y2="580" class="arrow"/>
|
||
|
|
|
||
|
|
<g filter="url(#shadow)">
|
||
|
|
<rect x="70" y="188" width="300" height="170" rx="14"
|
||
|
|
fill="#FFFFFF" stroke="#CAD4CE" stroke-width="2"/>
|
||
|
|
<rect x="70" y="188" width="9" height="170" rx="4.5" fill="#D6654F"/>
|
||
|
|
<circle cx="108" cy="225" r="19" fill="#D6654F"/>
|
||
|
|
<text x="108" y="232" text-anchor="middle" class="num">1</text>
|
||
|
|
<rect x="266" y="207" width="82" height="27" rx="13.5"
|
||
|
|
fill="#D6654F" fill-opacity="0.12"/>
|
||
|
|
<text x="307" y="226" text-anchor="middle"
|
||
|
|
class="actor" fill="#D6654F">管理端</text>
|
||
|
|
<text x="95" y="273" class="cardTitle">创建采购任务</text>
|
||
|
|
<text x="95" y="307" class="detail"><tspan x="95" dy="0">标题、SKU、数量、描述</tspan><tspan x="95" dy="25">与参考图进入统一后端</tspan></text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g filter="url(#shadow)">
|
||
|
|
<rect x="455" y="188" width="300" height="170" rx="14"
|
||
|
|
fill="#FFFFFF" stroke="#CAD4CE" stroke-width="2"/>
|
||
|
|
<rect x="455" y="188" width="9" height="170" rx="4.5" fill="#0D7A63"/>
|
||
|
|
<circle cx="493" cy="225" r="19" fill="#0D7A63"/>
|
||
|
|
<text x="493" y="232" text-anchor="middle" class="num">2</text>
|
||
|
|
<rect x="651" y="207" width="82" height="27" rx="13.5"
|
||
|
|
fill="#0D7A63" fill-opacity="0.12"/>
|
||
|
|
<text x="692" y="226" text-anchor="middle"
|
||
|
|
class="actor" fill="#0D7A63">Android</text>
|
||
|
|
<text x="480" y="273" class="cardTitle">App 手动领取</text>
|
||
|
|
<text x="480" y="307" class="detail"><tspan x="480" dy="0">设备就绪后点击获取</tspan><tspan x="480" dy="25">后端原子分配且只领一条</tspan></text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g filter="url(#shadow)">
|
||
|
|
<rect x="840" y="188" width="300" height="170" rx="14"
|
||
|
|
fill="#FFFFFF" stroke="#CAD4CE" stroke-width="2"/>
|
||
|
|
<rect x="840" y="188" width="9" height="170" rx="4.5" fill="#28779A"/>
|
||
|
|
<circle cx="878" cy="225" r="19" fill="#28779A"/>
|
||
|
|
<text x="878" y="232" text-anchor="middle" class="num">3</text>
|
||
|
|
<rect x="1036" y="207" width="82" height="27" rx="13.5"
|
||
|
|
fill="#28779A" fill-opacity="0.12"/>
|
||
|
|
<text x="1077" y="226" text-anchor="middle"
|
||
|
|
class="actor" fill="#28779A">VLM</text>
|
||
|
|
<text x="865" y="273" class="cardTitle">解析图片与文字</text>
|
||
|
|
<text x="865" y="307" class="detail"><tspan x="865" dy="0">VLM 提取搜索词和属性</tspan><tspan x="865" dy="25">硬约束保持原值</tspan></text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g filter="url(#shadow)">
|
||
|
|
<rect x="1225" y="188" width="300" height="170" rx="14"
|
||
|
|
fill="#FFFFFF" stroke="#CAD4CE" stroke-width="2"/>
|
||
|
|
<rect x="1225" y="188" width="9" height="170" rx="4.5" fill="#D09A2D"/>
|
||
|
|
<circle cx="1263" cy="225" r="19" fill="#D09A2D"/>
|
||
|
|
<text x="1263" y="232" text-anchor="middle" class="num">4</text>
|
||
|
|
<rect x="1421" y="207" width="82" height="27" rx="13.5"
|
||
|
|
fill="#D09A2D" fill-opacity="0.12"/>
|
||
|
|
<text x="1462" y="226" text-anchor="middle"
|
||
|
|
class="actor" fill="#D09A2D">拼多多</text>
|
||
|
|
<text x="1250" y="273" class="cardTitle">拼多多有界搜索</text>
|
||
|
|
<text x="1250" y="307" class="detail"><tspan x="1250" dy="0">App 自动输入搜索词</tspan><tspan x="1250" dy="25">只检查前 5 个可见候选</tspan></text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g filter="url(#shadow)">
|
||
|
|
<rect x="1225" y="495" width="300" height="170" rx="14"
|
||
|
|
fill="#FFFFFF" stroke="#CAD4CE" stroke-width="2"/>
|
||
|
|
<rect x="1225" y="495" width="9" height="170" rx="4.5" fill="#0D7A63"/>
|
||
|
|
<circle cx="1263" cy="532" r="19" fill="#0D7A63"/>
|
||
|
|
<text x="1263" y="539" text-anchor="middle" class="num">5</text>
|
||
|
|
<rect x="1421" y="514" width="82" height="27" rx="13.5"
|
||
|
|
fill="#0D7A63" fill-opacity="0.12"/>
|
||
|
|
<text x="1462" y="533" text-anchor="middle"
|
||
|
|
class="actor" fill="#0D7A63">Android</text>
|
||
|
|
<text x="1250" y="580" class="cardTitle">逐个采集证据</text>
|
||
|
|
<text x="1250" y="614" class="detail"><tspan x="1250" dy="0">进入候选详情</tspan><tspan x="1250" dy="25">保存脱敏截图与原始顺序</tspan></text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g filter="url(#shadow)">
|
||
|
|
<rect x="840" y="495" width="300" height="170" rx="14"
|
||
|
|
fill="#FFFFFF" stroke="#CAD4CE" stroke-width="2"/>
|
||
|
|
<rect x="840" y="495" width="9" height="170" rx="4.5" fill="#28779A"/>
|
||
|
|
<circle cx="878" cy="532" r="19" fill="#28779A"/>
|
||
|
|
<text x="878" y="539" text-anchor="middle" class="num">6</text>
|
||
|
|
<rect x="1036" y="514" width="82" height="27" rx="13.5"
|
||
|
|
fill="#28779A" fill-opacity="0.12"/>
|
||
|
|
<text x="1077" y="533" text-anchor="middle"
|
||
|
|
class="actor" fill="#28779A">VLM</text>
|
||
|
|
<text x="865" y="580" class="cardTitle">逐个评估候选</text>
|
||
|
|
<text x="865" y="614" class="detail"><tspan x="865" dy="0">输出匹配、缺失、拒绝原因</tspan><tspan x="865" dy="25">以及分数和置信度</tspan></text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g filter="url(#shadow)">
|
||
|
|
<rect x="455" y="495" width="300" height="170" rx="14"
|
||
|
|
fill="#FFFFFF" stroke="#CAD4CE" stroke-width="2"/>
|
||
|
|
<rect x="455" y="495" width="9" height="170" rx="4.5" fill="#D6654F"/>
|
||
|
|
<circle cx="493" cy="532" r="19" fill="#D6654F"/>
|
||
|
|
<text x="493" y="539" text-anchor="middle" class="num">7</text>
|
||
|
|
<rect x="651" y="514" width="82" height="27" rx="13.5"
|
||
|
|
fill="#D6654F" fill-opacity="0.12"/>
|
||
|
|
<text x="692" y="533" text-anchor="middle"
|
||
|
|
class="actor" fill="#D6654F">采购人员</text>
|
||
|
|
<text x="480" y="580" class="cardTitle">人工确认结论</text>
|
||
|
|
<text x="480" y="614" class="detail"><tspan x="480" dy="0">接受、拒绝、无匹配或转人工</tspan><tspan x="480" dy="25">自动化保持硬停止</tspan></text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g filter="url(#shadow)">
|
||
|
|
<rect x="70" y="495" width="300" height="170" rx="14"
|
||
|
|
fill="#FFFFFF" stroke="#CAD4CE" stroke-width="2"/>
|
||
|
|
<rect x="70" y="495" width="9" height="170" rx="4.5" fill="#34443D"/>
|
||
|
|
<circle cx="108" cy="532" r="19" fill="#34443D"/>
|
||
|
|
<text x="108" y="539" text-anchor="middle" class="num">8</text>
|
||
|
|
<rect x="266" y="514" width="82" height="27" rx="13.5"
|
||
|
|
fill="#34443D" fill-opacity="0.12"/>
|
||
|
|
<text x="307" y="533" text-anchor="middle"
|
||
|
|
class="actor" fill="#34443D">后端</text>
|
||
|
|
<text x="95" y="580" class="cardTitle">回传结果与证据</text>
|
||
|
|
<text x="95" y="614" class="detail"><tspan x="95" dy="0">后台展示状态、候选和理由</tspan><tspan x="95" dy="25">后续形成优化数据</tspan></text>
|
||
|
|
</g>
|
||
|
|
<rect x="70" y="736" width="1460" height="88" rx="12" fill="#DCEFE8"/>
|
||
|
|
<text x="104" y="770" class="eyebrow">安全边界</text>
|
||
|
|
<circle cx="293" cy="779" r="5" fill="#0D7A63"/><text x="311" y="786" class="guard">采购人员手动领取</text>
|
||
|
|
<circle cx="533" cy="779" r="5" fill="#0D7A63"/><text x="551" y="786" class="guard">最多检查 5 个候选</text>
|
||
|
|
<circle cx="819" cy="779" r="5" fill="#D09A2D"/><text x="837" y="786" class="guard">验证码/风控立即停止</text>
|
||
|
|
<circle cx="1128" cy="779" r="5" fill="#D6654F"/><text x="1146" y="786" class="guard">人工确认后只回传结果</text>
|
||
|
|
<text x="70" y="866" class="footer">当前状态：T-205 后端原子领取与租约已完成 · 下一步：T-206 Android 接入</text>
|
||
|
|
<text x="1530" y="866" text-anchor="end" class="footer">2026-07-26</text>
|
||
|
|
</svg>
|