231 lines
11 KiB
HTML
231 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>L1-S2-U21-L1 寻人启事 — 组件配置审校报告</title>
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; background: #f5f6fa; color: #2d3436; line-height: 1.6; padding: 24px; }
|
||
.container { max-width: 960px; margin: 0 auto; }
|
||
h1 { font-size: 22px; margin-bottom: 4px; }
|
||
.meta { color: #636e72; font-size: 13px; margin-bottom: 24px; }
|
||
.summary { display: flex; gap: 12px; margin-bottom: 28px; flex-wrap: wrap; }
|
||
.summary-card { background: #fff; border-radius: 8px; padding: 16px 20px; min-width: 120px; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
|
||
.summary-card .num { font-size: 28px; font-weight: 700; }
|
||
.summary-card .label { font-size: 12px; color: #636e72; margin-top: 2px; }
|
||
.card-ok .num { color: #00b894; }
|
||
.card-warn .num { color: #e17055; }
|
||
.card-total .num { color: #0984e3; }
|
||
table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.06); margin-bottom: 28px; }
|
||
th { background: #2d3436; color: #fff; font-size: 13px; font-weight: 600; padding: 10px 14px; text-align: left; }
|
||
td { padding: 10px 14px; font-size: 13px; border-bottom: 1px solid #f1f2f6; vertical-align: top; }
|
||
tr:last-child td { border-bottom: none; }
|
||
.tag { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; }
|
||
.tag-ok { background: #dff9fb; color: #0abde3; }
|
||
.tag-warn { background: #ffeaa7; color: #d63031; }
|
||
.tag-info { background: #dfe6e9; color: #636e72; }
|
||
.issue-list { margin: 0; padding-left: 18px; }
|
||
.issue-list li { margin-bottom: 3px; }
|
||
.section-title { font-size: 16px; font-weight: 700; margin: 28px 0 12px; padding-bottom: 6px; border-bottom: 2px solid #0984e3; }
|
||
.code-block { background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 4px; padding: 10px 14px; font-family: "SF Mono", "Menlo", "Consolas", monospace; font-size: 12px; white-space: pre-wrap; overflow-x: auto; margin: 6px 0; }
|
||
.highlight { background: #fff3cd; padding: 1px 3px; border-radius: 2px; }
|
||
.footer { text-align: center; color: #b2bec3; font-size: 12px; margin-top: 32px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
|
||
<h1>📝 L1-S2-U21-L1 寻人启事 — 组件配置审校报告</h1>
|
||
<div class="meta">
|
||
文档：<a href="https://makee-interactive.feishu.cn/wiki/VhyTwlhh5iTXMrkJ4Fccftz5nph" target="_blank">L1-S2-U21-L1 寻人启事</a>
|
||
| 审校时间：2026-06-08
|
||
| 审校范围：F 列「组件配置」（对话类组件）
|
||
| 审校依据：dialogue-interaction-config 技能规范
|
||
</div>
|
||
|
||
<div class="summary">
|
||
<div class="summary-card card-total"><div class="num">17</div><div class="label">组件总数</div></div>
|
||
<div class="summary-card card-ok"><div class="num">7</div><div class="label">对话类组件</div></div>
|
||
<div class="summary-card card-warn"><div class="num">6</div><div class="label">有问题组件</div></div>
|
||
<div class="summary-card card-warn"><div class="num">8</div><div class="label">问题总数</div></div>
|
||
</div>
|
||
|
||
<!-- ====== 对话朗读 ====== -->
|
||
<div class="section-title">一、对话朗读类（5 个组件）</div>
|
||
<table>
|
||
<thead><tr><th style="width:80px">ID</th><th style="width:100px">任务标题</th><th style="width:60px">状态</th><th>问题详情</th></tr></thead>
|
||
<tbody>
|
||
|
||
<tr>
|
||
<td>1221104</td>
|
||
<td>辨认棒球帽</td>
|
||
<td><span class="tag tag-warn">3 处</span></td>
|
||
<td>
|
||
<ol class="issue-list">
|
||
<li><b>【资源配置】缺图片命名：</b>当前仅写了「图片时机：情境引入 互动内容」，缺少 <code>1221104.png</code> 格式的图片命名</li>
|
||
<li><b>【互动内容】后多余空行：</b>朗读句 <code>He wears a blue cap.（朗读）</code> 后有多余空行</li>
|
||
<li><b>【资源配置】缺音频载体：</b>未标注音频载体信息</li>
|
||
</ol>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>1221105</td>
|
||
<td>确认棒球帽</td>
|
||
<td><span class="tag tag-warn">1 处</span></td>
|
||
<td>
|
||
<ol class="issue-list">
|
||
<li><b>【资源配置】缺图片命名：</b>当前仅写了「图片时机：情境引入 互动内容」，缺少 <code>1221105.png</code> 格式的图片命名</li>
|
||
</ol>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>1221109</td>
|
||
<td>辨认眼镜</td>
|
||
<td><span class="tag tag-warn">1 处</span></td>
|
||
<td>
|
||
<ol class="issue-list">
|
||
<li><b>【资源配置】缺图片命名：</b>当前仅写了「图片时机：互动内容」，缺少 <code>1221109.png</code> 格式的图片命名</li>
|
||
</ol>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>1221110</td>
|
||
<td>辨认鞋子</td>
|
||
<td><span class="tag tag-warn">2 处</span></td>
|
||
<td>
|
||
<ol class="issue-list">
|
||
<li><b>【资源配置】缺图片命名：</b>当前仅写了「图片时机：互动内容」，缺少 <code>1221110.png</code> 格式的图片命名</li>
|
||
<li><b>【互动内容】后多余空行：</b>朗读句 <code>A shoe!（朗读）</code> 后有多余空行</li>
|
||
</ol>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>1221111</td>
|
||
<td>辨认白鞋</td>
|
||
<td><span class="tag tag-warn">3 处</span></td>
|
||
<td>
|
||
<ol class="issue-list">
|
||
<li><b>类型字段双横线：</b>A 列类型为 <code>对话朗读<span class="highlight">--</span>配图</code>，应为 <code>对话朗读-配图</code>（单横线）</li>
|
||
<li><b>【资源配置】缺图片命名：</b>缺少 <code>1221111.png</code> 格式的图片命名</li>
|
||
<li><b>【互动内容】后多余空行：</b>朗读句 <code>This is not a white shoe.（朗读）</code> 后有多余空行</li>
|
||
</ol>
|
||
</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
<!-- ====== 对话挖空 ====== -->
|
||
<div class="section-title">二、对话挖空类（2 个组件）</div>
|
||
<table>
|
||
<thead><tr><th style="width:80px">ID</th><th style="width:100px">任务标题</th><th style="width:60px">状态</th><th>问题详情</th></tr></thead>
|
||
<tbody>
|
||
|
||
<tr>
|
||
<td>1221106</td>
|
||
<td>辨认帽子</td>
|
||
<td><span class="tag tag-warn">2 处</span></td>
|
||
<td>
|
||
<ol class="issue-list">
|
||
<li><b>【资源配置】字段重复：</b>配置中出现两次 <code>【资源配置】</code> 标题行</li>
|
||
<li><b>【后置对话】值不规范：</b>填写的是 <code>空</code>，规范要求无后置对话时应填 <code>无</code></li>
|
||
</ol>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>1221108</td>
|
||
<td>辨认眼镜</td>
|
||
<td><span class="tag tag-ok">合规</span></td>
|
||
<td>—</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
<!-- ====== 对话选择 ====== -->
|
||
<div class="section-title">三、对话选择类（3 个组件）</div>
|
||
<table>
|
||
<thead><tr><th style="width:80px">ID</th><th style="width:100px">任务标题</th><th style="width:60px">状态</th><th>问题详情</th></tr></thead>
|
||
<tbody>
|
||
|
||
<tr>
|
||
<td>1221112</td>
|
||
<td>汇报发现</td>
|
||
<td><span class="tag tag-warn">1 处</span></td>
|
||
<td>
|
||
<ol class="issue-list">
|
||
<li><b>【情境引入】格式错误：</b>内容与标题写在同一行：<br>
|
||
<code class="code-block">【情境引入】Sally: What did you find?</code>
|
||
规范要求标题独占一行，内容换行书写：<br>
|
||
<code class="code-block">【情境引入】
|
||
Sally: What did you find?</code>
|
||
</li>
|
||
</ol>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>1221113</td>
|
||
<td>汇报眼镜</td>
|
||
<td><span class="tag tag-ok">合规</span></td>
|
||
<td>—</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>1221114</td>
|
||
<td>汇报鞋子</td>
|
||
<td><span class="tag tag-ok">合规</span></td>
|
||
<td>—</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
<!-- ====== 非对话类 ====== -->
|
||
<div class="section-title">四、非对话类组件（7 个，不适用对话类规范，未纳入审校）</div>
|
||
<table>
|
||
<thead><tr><th style="width:80px">ID</th><th style="width:100px">任务标题</th><th style="width:80px">类型</th><th>备注</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>1221101</td><td>选择棒球帽</td><td><span class="tag tag-info">图片单选</span></td><td>S1 主线</td></tr>
|
||
<tr><td>1221102</td><td>选择眼镜</td><td><span class="tag tag-info">图片单选</span></td><td>S2 主线</td></tr>
|
||
<tr><td>1221103</td><td>选择鞋子</td><td><span class="tag tag-info">图片单选</span></td><td>S3 主线</td></tr>
|
||
<tr><td>1221107</td><td>找到棒球帽</td><td><span class="tag tag-info">图片单选</span></td><td>S7 主线</td></tr>
|
||
<tr><td>1221115</td><td>选出棒球帽</td><td><span class="tag tag-info">图片单选</span></td><td>S15 主线</td></tr>
|
||
<tr><td>1221117</td><td>擦干净眼镜</td><td><span class="tag tag-info">场景互动-擦除</span></td><td>S16 主线</td></tr>
|
||
<tr><td>1221116</td><td>找回Logi的物品</td><td><span class="tag tag-info">听力拖拽</span></td><td>S17 主线</td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<!-- ====== 问题汇总 ====== -->
|
||
<div class="section-title">五、问题汇总</div>
|
||
<table>
|
||
<thead><tr><th style="width:40px">#</th><th style="width:80px">组件 ID</th><th>问题描述</th><th style="width:80px">严重程度</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>1</td><td>1221104</td><td>【资源配置】缺图片命名</td><td><span class="tag tag-warn">中</span></td></tr>
|
||
<tr><td>2</td><td>1221104</td><td>【互动内容】后多余空行</td><td><span class="tag tag-warn">低</span></td></tr>
|
||
<tr><td>3</td><td>1221104</td><td>【资源配置】缺音频载体</td><td><span class="tag tag-warn">低</span></td></tr>
|
||
<tr><td>4</td><td>1221105</td><td>【资源配置】缺图片命名</td><td><span class="tag tag-warn">中</span></td></tr>
|
||
<tr><td>5</td><td>1221106</td><td>【资源配置】字段重复出现两次</td><td><span class="tag tag-warn">中</span></td></tr>
|
||
<tr><td>6</td><td>1221106</td><td>【后置对话】值「空」应为「无」</td><td><span class="tag tag-warn">低</span></td></tr>
|
||
<tr><td>7</td><td>1221109</td><td>【资源配置】缺图片命名</td><td><span class="tag tag-warn">中</span></td></tr>
|
||
<tr><td>8</td><td>1221110</td><td>【资源配置】缺图片命名</td><td><span class="tag tag-warn">中</span></td></tr>
|
||
<tr><td>9</td><td>1221110</td><td>【互动内容】后多余空行</td><td><span class="tag tag-warn">低</span></td></tr>
|
||
<tr><td>10</td><td>1221111</td><td>类型字段双横线「--」应为单横线「-」</td><td><span class="tag tag-warn">中</span></td></tr>
|
||
<tr><td>11</td><td>1221111</td><td>【资源配置】缺图片命名</td><td><span class="tag tag-warn">中</span></td></tr>
|
||
<tr><td>12</td><td>1221111</td><td>【互动内容】后多余空行</td><td><span class="tag tag-warn">低</span></td></tr>
|
||
<tr><td>13</td><td>1221112</td><td>【情境引入】标题与内容同行，应换行</td><td><span class="tag tag-warn">中</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="footer">小研 · 组件配置自动审校 · 2026-06-08</div>
|
||
|
||
</div>
|
||
</body>
|
||
</html>
|