feat(web3): FieldConfigDrawer 字段后也显示「⚠ N规则」徽章

结果表表头已经显示规则数徽章 + tooltip 列规则 desc，但字段配置面板（drawer）
只显示字段名 + 注释图标 —— 用户看不到「这个字段有几条规则」。

复用 f.rules / f.ruleList（DataQualityView 在 resultFields 已经塞了，
不用改父组件），加 el-tooltip + ⚠ N规则 徽章。

布局：rule-mark 插在 .en 后、comment icon 前；
.comment-icon { margin-left: auto } 推最右，所以
- 有规则 + 有 comment：cn/en/rule-mark 靠左，icon 推右
- 有规则 + 无 comment：cn/en/rule-mark 自然铺开
- 无规则 + 有 comment：cn/en + icon 推右（不变）
- 无规则 + 无 comment：cn/en（不变）

scoped CSS .rule-mark：黄橙色 #e6a23c + help 光标，
跟 ResultTable 表头 rule-mark 视觉一致。

web3/src/components/FieldConfigDrawer.vue

@@ -13,6 +13,16 @@
             <input type="checkbox" class="checkbox" v-model="localChecked[f.key]" />
             <span class="cn">{{ f.cn }}</span>
             <span class="en">{{ f.en }}</span>
+            <!-- 2026-08-21：字段规则数 —— 跟结果表表头的「⚠ N规则」徽章一致，
+                 让用户一眼看出「这个字段配了几条规则」，也提示点开后能改规则 -->
+            <el-tooltip
+              v-if="f.rules > 0"
+              :content="ruleHint(f)"
+              placement="top"
+              effect="dark"
+            >
+              <span class="rule-mark">⚠ {{ f.rules }}规则</span>
+            </el-tooltip>
             <!-- 字段注释：有 comment 时在右侧放个 ⓘ 图标，hover 出 tooltip -->
             <el-tooltip
               v-if="f.comment"
@@ -61,4 +71,23 @@ function onSave() {
   const list = businessFields.value.filter((f) => localChecked[f.key]).map((f) => f.key)
   emit('save', list)
 }
-</script>
\ No newline at end of file
+
+// 字段规则数 hover 提示文案 —— 跟 ResultTable.ruleHint 同款：有 ruleList 就列每条 desc，否则给通用文案
+function ruleHint(f) {
+  if (Array.isArray(f.ruleList) && f.ruleList.length > 0) {
+    return f.ruleList.map((r) => r.desc).join('；')
+  }
+  return `该字段配置了 ${f.rules || 0} 条校验规则`
+}
+</script>
+
+<style scoped>
+/* 2026-08-21：字段规则数徽章 —— 跟 ResultTable 表头 rule-mark 风格统一
+   （黄橙色 + help 光标 + hover 出 tooltip）。放在 scoped 而非 global，避免污染其他组件。*/
+.field-check-item .rule-mark {
+  color: #e6a23c;
+  margin-left: 4px;
+  font-size: 12px;
+  cursor: help;
+}
+</style>
\ No newline at end of file