eli-video-interview 1.6.4 → 1.6.6

package/lib/modules/ai-report-v3/components/AIEvaluate/Graph.js

@@ -1,4 +1,15 @@
 "use strict";
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -33,46 +44,75 @@ function setupCanvas(canvas) {
 //   Good: Array<number>;
 //   Best: Array<number>;
 // }
-var MAX_WIDTH = 315;
-var MAX_HEIGHT = 24;
+var MAX_WIDTH = 354;
+var MAX_HEIGHT = 18;
+// 底部"更多考核维度"提示胶囊（设计稿「容器 14851」，画进 canvas 而非 HTML）
+var CAPTION_TEXT = '更多考核维度请展开上方综合评价查看详情';
+var CAPTION_HEIGHT = 20;
+// 粗略估算文本像素宽（与下方绘制所用 sans-serif 接近；中文宽、拉丁/数字窄）
+var estimateTextWidth = function (s, cjkW, latinW) {
+    var e_1, _a;
+    if (cjkW === void 0) { cjkW = 14; }
+    if (latinW === void 0) { latinW = 7.5; }
+    var w = 0;
+    try {
+        for (var s_1 = __values(s), s_1_1 = s_1.next(); !s_1_1.done; s_1_1 = s_1.next()) {
+            var ch = s_1_1.value;
+            w += /[　-鿿＀-￯]/.test(ch) ? cjkW : latinW;
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (s_1_1 && !s_1_1.done && (_a = s_1.return)) _a.call(s_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return w;
+};
 var levelOrder = ['Bad', 'Good', 'Best'];
-var levelOrderScore = [0, 60, 80, 100];
+// 表头三段宽度（设计稿 176:89:89，铺满轨道 MAX_WIDTH）
+var LEVEL_WIDTHS = {
+    Bad: (MAX_WIDTH * (176 / 354)) | 0,
+    Good: (MAX_WIDTH * (89 / 354)) | 0,
+    Best: MAX_WIDTH - ((MAX_WIDTH * (176 / 354)) | 0) - ((MAX_WIDTH * (89 / 354)) | 0),
+};
 var levelConf = {
     Bad: {
         label: '欠佳',
-        width: (MAX_WIDTH * 0.6) | 0,
-        fontColor: '#0D67FF',
-        color: [229, 115, 115],
+        fontColor: '#FFFFFF',
+        color: [98, 156, 255],
         gradient: ['#629CFF', 'rgba(75,141,255,0.08)'],
         scoreGradient: ['#4B87F0', '#D2E2FF'],
         backgroundColor: 'rgba(98,156,255,0.15)',
-        shadowColor: 'rgba(98, 156, 255, 0.40)',
+        shadowColor: 'rgba(98,156,255,0.4)',
+        textColor: '#2E6ED8',
         endScore: 60,
-        pointColor: ['RGB(229, 115, 115)', 'RGB(255, 67, 102)'],
+        pointColor: ['RGB(98, 156, 255)', 'RGB(98, 156, 255)'],
     },
     Good: {
         label: '适中',
-        width: (MAX_WIDTH * 0.2) | 0,
-        fontColor: '#00A276',
-        color: [255, 183, 77],
+        fontColor: '#ffffff',
+        color: [0, 217, 157],
         gradient: ['#00D99D', '#CBFFF1'],
         scoreGradient: ['#0ACB96', '#65FFD4'],
         backgroundColor: 'rgba(0,217,157,0.15)',
-        shadowColor: 'rgba(0, 217, 157, 0.40)',
+        shadowColor: 'rgba(0,217,157,0.4)',
+        textColor: '#0A9E71',
         endScore: 80,
-        pointColor: ['RGB(255, 183, 77)', 'RGB(255, 152, 0)'],
+        pointColor: ['RGB(0, 217, 157)', 'RGB(0, 217, 157)'],
     },
     Best: {
         label: '优秀',
-        width: (MAX_WIDTH * 0.2) | 0,
-        fontColor: '#DF8500',
-        color: [0, 217, 157],
+        fontColor: '#ffffff',
+        color: [255, 153, 3],
         gradient: ['#FF9903', 'rgba(255,218,165,0.29)'],
         scoreGradient: ['#FF9903', '#FFDF9D'],
-        shadowColor: 'rgba(255, 153, 3, 0.40)',
         backgroundColor: 'rgba(255,183,77,0.15)',
+        shadowColor: 'rgba(255,153,3,0.4)',
+        textColor: '#E07E00',
         endScore: 100,
-        pointColor: ['RGB(0, 217, 157)', 'RGB(0, 176, 127)'],
+        pointColor: ['RGB(255, 153, 3)', 'RGB(255, 153, 3)'],
     },
 };
 var tipEl = document.createElement('div');
@@ -90,34 +130,28 @@ function isInPath(x, y, rect, ctx) {
 }
 var drawTop = function (layout, ctx) {
     // 设置全局样式
-    var leftLableWidth = layout.leftLableWidth, height = layout.height;
+    var leftLableWidth = layout.leftLableWidth, shiftY = layout.shiftY, dashEndY = layout.dashEndY;
+    ctx.font = '14px sans-serif';
     var offset = leftLableWidth;
-    var lineEndY = height - 40; // 虚线结束位置，距离底部40px
-    var scoreTextY = height - 25; // 分数文字的Y位置，距离底部25px
-    levelOrder.forEach(function (level, i) {
-        var _a = levelConf[level], width = _a.width, gradient = _a.gradient, label = _a.label, fontColor = _a.fontColor;
-        // 绘制渐变背景
-        var gradientFill = ctx.createLinearGradient(0, 0, 0, 25);
+    levelOrder.forEach(function (level) {
+        var width = LEVEL_WIDTHS[level];
+        var _a = levelConf[level], gradient = _a.gradient, label = _a.label, fontColor = _a.fontColor;
+        // 绘制渐变背景（设计稿 180deg：上=主色，下=淡色过渡）
+        var gradientFill = ctx.createLinearGradient(0, shiftY, 0, shiftY + 25);
         gradientFill.addColorStop(0, gradient[0]);
         gradientFill.addColorStop(1, gradient[1]);
         ctx.fillStyle = gradientFill;
-        ctx.fillRect(offset, 0, width, 25);
-        // 绘制标签文本
+        ctx.fillRect(offset, shiftY, width, 25);
+        // 绘制标签文本（置于色带中上，避开底部透明渐变区）
         var labelWidth = measureTextWidth(ctx, label);
         ctx.fillStyle = fontColor;
-        ctx.fillText(label, offset + width / 2 - labelWidth / 2, 18);
-        // 绘制垂直虚线
-        drawVerticalDashedLine(ctx, offset - 1, 0, lineEndY, 2, 2);
-        // 绘制分数文本
-        ctx.fillStyle = '#4CAF50';
-        ctx.fillText("".concat(levelOrderScore[i]), offset - (i === 0 ? 5 : 9), scoreTextY);
-        offset += width + 1;
-        // 绘制结束的虚线和文本 '100'
-        if (i === levelOrder.length - 1) {
-            drawVerticalDashedLine(ctx, offset - 2, 0, lineEndY, 2, 2);
-            ctx.fillText('100', offset - 2 - 24, scoreTextY);
-        }
+        ctx.fillText(label, offset + width / 2 - labelWidth / 2, shiftY + 16);
+        // 绘制垂直虚线（色带分隔 → 末条底部下方 dashEndY）
+        drawVerticalDashedLine(ctx, offset - 1, shiftY + 25, dashEndY, 2, 2);
+        offset += width;
     });
+    // 右端收口虚线
+    drawVerticalDashedLine(ctx, offset - 1, shiftY + 25, dashEndY, 2, 2);
 };
 var truncateString = function (str) { return (str.length > 7 ? "".concat(str.slice(0, 6), "...") : str); };
 var drawLable = function (lable, x, y, ctx) {
@@ -128,7 +162,7 @@ function drawVerticalDashedLine(ctx, x, startY, endY, dashLength, gapLength) {
     if (dashLength === void 0) { dashLength = 2; }
     if (gapLength === void 0) { gapLength = 1; }
     ctx.lineWidth = 1;
-    ctx.strokeStyle = 'rgba(76, 175, 80, 0.30)';
+    ctx.strokeStyle = 'rgba(153, 153, 153, 0.35)';
     ctx.beginPath();
     ctx.setLineDash([dashLength, gapLength]);
     ctx.moveTo(x, startY);
@@ -165,35 +199,43 @@ function getLevel(score) {
 }
 exports.getLevel = getLevel;
 var drawScore = function (layout, ctx, config, rect, score) {
-    var gradient = ctx.createLinearGradient(layout.leftLableWidth + rect.width, 30, layout.leftLableWidth, 30);
+    var text = "".concat(score);
+    ctx.save();
+    // 渐变数据条（设计稿 90deg：左=强色 0% → 右=淡色 100%），圆角胶囊
+    var gradient = ctx.createLinearGradient(rect.x, 0, rect.x + rect.width, 0);
     gradient.addColorStop(0, config.scoreGradient[0]);
     gradient.addColorStop(1, config.scoreGradient[1]);
     ctx.fillStyle = gradient;
-    // // 设置阴影
     ctx.shadowOffsetX = 0;
     ctx.shadowOffsetY = 4;
     ctx.shadowBlur = 6;
-    // ctx.shadowColor = config.shadowColor;
-    // 绘制圆角矩形
-    var borderRadius = 12;
-    drawRoundedRect(rect.x, rect.y, rect.width, rect.height, borderRadius, true, false, ctx);
-    ctx.fillStyle = score < 10 ? '#0D67FF' : '#fff';
-    var scoreWidth = measureTextWidth(ctx, "".concat(score));
-    ctx.fillText("".concat(score), layout.leftLableWidth + rect.width + (score < 10 ? 4 : -scoreWidth - 4), rect.y + 18);
+    ctx.shadowColor = config.shadowColor;
+    var barRadius = rect.height / 2;
+    drawRoundedRect(rect.x, rect.y, rect.width, rect.height, barRadius, true, false, ctx);
+    ctx.restore();
+    // 分数数字直接放在条末端右侧（无圆形背景，颜色取该档主色加深保证可读）
+    ctx.save();
+    ctx.font = 'bold 13px sans-serif';
+    var textW = measureTextWidth(ctx, text);
+    ctx.fillStyle = config.textColor || '#333';
+    ctx.textAlign = 'left';
+    ctx.textBaseline = 'middle';
+    ctx.fillText(text, rect.x + rect.width + 6, rect.y + rect.height / 2 + 1);
+    ctx.restore();
+    return textW;
 };
 var draw = function (layout, dimensions, pathRef, ctx) {
     ctx.font = '14px sans-serif';
     ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
+    var shiftY = layout.shiftY;
     dimensions.forEach(function (v, i) {
         var config = getLevel(v.score);
-        // 绘制圆角矩形
-        var borderRadius = 12;
         var x = layout.leftLableWidth;
-        var y = 50 + layout.itemSpacing * i;
-        // 设置背景颜色
+        var y = shiftY + 46 + layout.itemSpacing * i;
+        // 轨道胶囊背景（设计稿「条状图*条背景」：本档淡色 + 全圆角）
         ctx.fillStyle = config.backgroundColor;
-        drawRoundedRect(x, y, MAX_WIDTH, MAX_HEIGHT, borderRadius, true, false, ctx);
-        var endPointY = 50 + 15 + layout.itemSpacing * i; // 50是顶部偏移，15是文字相对矩形的偏移
+        drawRoundedRect(x, y, MAX_WIDTH, MAX_HEIGHT, MAX_HEIGHT / 2, true, false, ctx);
+        var endPointY = shiftY + 46 + 14 + layout.itemSpacing * i; // TOP_OFFSET是顶部偏移，14是文字相对矩形的偏移
         drawLable(v.name, 0, endPointY, ctx);
         pathRef.push({ x: 0, y: y, width: layout.leftLableWidth, height: 22, tips: "".concat(v.name, ": ").concat(v.score) });
         var score = v.score === 0 ? 0 : Math.max(v.score, 4);
@@ -206,21 +248,91 @@ var draw = function (layout, dimensions, pathRef, ctx) {
     });
     drawTop(layout, ctx);
 };
+// 底部提示胶囊：浅绿圆角胶囊(#EBFCF7, 淡青描边) + 居中青色(#0087B4)文字（y 为胶囊顶）
+var drawCaption = function (ctx, canvasWidth, y) {
+    var width = Math.min(440, canvasWidth - 24);
+    var height = CAPTION_HEIGHT;
+    var x = (canvasWidth - width) / 2;
+    ctx.save();
+    ctx.fillStyle = '#EBFCF7';
+    ctx.strokeStyle = 'rgba(0,135,180,0.1)';
+    ctx.lineWidth = 1;
+    drawRoundedRect(x, y, width, height, height / 2, true, true, ctx);
+    ctx.font = '12px sans-serif';
+    ctx.textAlign = 'center';
+    ctx.textBaseline = 'middle';
+    ctx.fillStyle = '#0087B4';
+    ctx.fillText(CAPTION_TEXT, canvasWidth / 2, y + height / 2);
+    ctx.restore();
+};
+// 刻度值：欠佳|适中 分界=60、适中|优秀 分界=80、优秀满格(右端线)=100
+var drawScaleTicks = function (ctx, opts) {
+    var y = opts.y, x60 = opts.x60, x80 = opts.x80, xRight = opts.xRight;
+    ctx.save();
+    ctx.font = '11px sans-serif';
+    ctx.textBaseline = 'middle';
+    ctx.fillStyle = 'rgba(102,102,102,0.78)';
+    ctx.textAlign = 'center';
+    ctx.fillText('60', x60, y);
+    ctx.fillText('80', x80, y);
+    ctx.textAlign = 'right';
+    ctx.fillText('100', xRight - 3, y); // 右端线：右对齐向内收，避免出画布
+    ctx.restore();
+};
 var Graph = function (_a) {
     var _b = _a.items, items = _b === void 0 ? [] : _b;
     var ref = (0, react_1.useRef)(null);
     var pathRef = (0, react_1.useRef)([]);
     var _c = __read((0, react_1.useState)(), 2), ctx = _c[0], setCtx = _c[1];
-    // 统一间距配置
-    var ITEM_SPACING = 40;
-    var TOP_OFFSET = 50;
-    var BOTTOM_SPACING = 20; // 最后一个item与虚线之间的间距
-    var SCORE_AREA_HEIGHT = 40; // 分数区域的高度
-    var height = (0, react_1.useMemo)(function () {
+    // ---- 垂直布局常量（条图 → 刻度 → 胶囊 的紧凑垂直流）----
+    var ITEM_SPACING = 28; // 相邻条间距
+    var TOP_OFFSET = 46; // 条顶相对内容顶 shiftY 的偏移
+    var CANVAS_HEIGHT = 300; // 与右侧饼图等高（内容不足时保持，超出按流增高）
+    var DASH_TAIL = 8; // 刻度虚线超出最后一条条底的长度
+    var TICK_LINE = 14; // 刻度数值行高
+    var GAP_CAPTION = 8; // 刻度数 → 提示胶囊间距
+    var CAPTION_PAD_BOTTOM = 12; // 胶囊下方留白
+    // 条形区域高度（shiftY 内容顶 → 最后一条条底）
+    var contentHeight = (0, react_1.useMemo)(function () {
+        if (items.length === 0)
+            return 0;
+        return TOP_OFFSET + (items.length - 1) * ITEM_SPACING + MAX_HEIGHT;
+    }, [items]);
+    // 可见内容块高度（条图 → 刻度 → 胶囊），不含外留白
+    var bodyHeight = contentHeight + DASH_TAIL + TICK_LINE + GAP_CAPTION + CAPTION_HEIGHT;
+    // 画布高：≥300，且内容上下各保留 ≥CAPTION_PAD_BOTTOM 的对称留白
+    var canvasHeight = (0, react_1.useMemo)(function () { return Math.max(CANVAS_HEIGHT, bodyHeight + 2 * CAPTION_PAD_BOTTOM); }, [bodyHeight]);
+    // 内容块在画布内垂直居中 → 上留白 = 下留白
+    var shiftY = (0, react_1.useMemo)(function () {
+        if (bodyHeight <= 0)
+            return 0;
+        return Math.max(0, Math.round((canvasHeight - bodyHeight) / 2));
+    }, [bodyHeight, canvasHeight]);
+    var dashEndY = shiftY + contentHeight + DASH_TAIL; // 虚线终点 = 末条条底 + DASH_TAIL
+    var tickMidY = shiftY + contentHeight + DASH_TAIL + Math.round(TICK_LINE / 2);
+    var captionY = shiftY + contentHeight + DASH_TAIL + TICK_LINE + GAP_CAPTION; // 胶囊顶
+    // 左标签列宽度贴合最长维度名，压缩文字与条形之间留白
+    var leftLabelWidth = (0, react_1.useMemo)(function () {
         if (items.length === 0)
             return 0;
-        return TOP_OFFSET + (items.length - 1) * ITEM_SPACING + MAX_HEIGHT + BOTTOM_SPACING + SCORE_AREA_HEIGHT;
+        var mx = 0;
+        items.forEach(function (it) { return (mx = Math.max(mx, estimateTextWidth(truncateString(it.name)))); });
+        return Math.min(Math.round(mx) + 18, 210);
     }, [items]);
+    // 右边界：默认=色带/轨道右端(leftLabelWidth+MAX_WIDTH)。仅当某条高分条形末端的分数字(条尾+6px+数字宽)超出轨道时顺延，避免满格数字被裁。
+    var rightmostX = (0, react_1.useMemo)(function () {
+        var end = leftLabelWidth + MAX_WIDTH;
+        items.forEach(function (it) {
+            var s = it.score || 0;
+            var barWidth = s === 0 ? 0 : (MAX_WIDTH * Math.min(Math.max(s, 4), 100)) / 100;
+            var numEnd = leftLabelWidth + barWidth + 6 + estimateTextWidth("".concat(s));
+            if (numEnd > end)
+                end = numEnd;
+        });
+        return end;
+    }, [items, leftLabelWidth]);
+    // 画布宽紧贴内容，只留 6px 尾余（替代原固定 +48px 右留白）
+    var canvasWidth = Math.round(rightmostX + 6);
     (0, react_1.useEffect)(function () {
         if (items.length === 0)
             return;
@@ -245,18 +357,35 @@ var Graph = function (_a) {
     (0, react_1.useEffect)(function () {
         if (ctx) {
             var layout = {
-                leftLableWidth: 140,
+                leftLableWidth: leftLabelWidth,
                 topLableHeight: 40,
                 itemSpacing: ITEM_SPACING,
-                height: height,
+                height: contentHeight,
+                shiftY: shiftY,
+                dashEndY: dashEndY,
             };
             pathRef.current = [];
             draw(layout, items, pathRef.current, ctx);
+            drawScaleTicks(ctx, {
+                y: tickMidY,
+                x60: leftLabelWidth + LEVEL_WIDTHS.Bad,
+                x80: leftLabelWidth + LEVEL_WIDTHS.Bad + LEVEL_WIDTHS.Good,
+                xRight: leftLabelWidth + MAX_WIDTH,
+            });
+            drawCaption(ctx, canvasWidth, captionY);
         }
-    }, [ctx, items, height, ITEM_SPACING]);
-    // useEffect(() => {
-    //   console.log(pathRef);
-    // }, [pathRef]);
+    }, [
+        ctx,
+        items,
+        contentHeight,
+        shiftY,
+        leftLabelWidth,
+        canvasWidth,
+        ITEM_SPACING,
+        dashEndY,
+        tickMidY,
+        captionY,
+    ]);
     var handleMouseMove = (0, react_1.useCallback)(function (e) {
         if (ctx) {
             var p = pathRef.current.find(function (p) { return isInPath(e.nativeEvent.offsetX, e.nativeEvent.offsetY, p, ctx); });
@@ -271,6 +400,6 @@ var Graph = function (_a) {
             }
         }
     }, [ctx, pathRef]);
-    return (0, jsx_runtime_1.jsx)("canvas", { ref: ref, onMouseOut: function () { return (tipEl.style.display = 'none'); }, onMouseMove: handleMouseMove, style: { width: 460, height: height } });
+    return ((0, jsx_runtime_1.jsx)("canvas", { ref: ref, onMouseOut: function () { return (tipEl.style.display = 'none'); }, onMouseMove: handleMouseMove, style: { width: canvasWidth, height: canvasHeight } }));
 };
 exports.default = (0, react_1.memo)(Graph);

package/lib/modules/ai-report-v3/components/AIEvaluate/index.js

@@ -32,6 +32,6 @@ var Index = function () {
     }, [collection]);
     if (!showAiDimension)
         return null;
-    return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ id: "report-evaluate", sx: { px: 2, mt: 3 } }, { children: (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ component: mui_1.Paper, elevation: 0, bgcolor: "transparent", mb: 3 }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [workplaceEvaluation && ((0, jsx_runtime_1.jsx)(Evaluate_1.default, { orderToken: orderToken, canEdit: canEditAiDimension, evaluation: workplaceEvaluation, title: "\u7EFC\u5408\u8BC4\u4EF7", mode: "show" })), collection.length > 0 && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ mt: 2, flex: 1 }, { children: (0, jsx_runtime_1.jsx)(Graph_1.default, { items: items }) })), (0, jsx_runtime_1.jsx)(Report_1.default, {})] })))] }) })) })));
+    return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ id: "report-evaluate", sx: { px: 2, mt: 1.5 } }, { children: (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ component: mui_1.Paper, elevation: 0, bgcolor: "transparent", mb: 3 }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [workplaceEvaluation && ((0, jsx_runtime_1.jsx)(Evaluate_1.default, { orderToken: orderToken, canEdit: canEditAiDimension, evaluation: workplaceEvaluation, title: "\u7EFC\u5408\u8BC4\u4EF7", mode: "show" })), collection.length > 0 && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ flex: 1, minWidth: 0, sx: { display: 'flex', alignItems: 'center', justifyContent: 'center' } }, { children: (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ sx: { display: 'inline-flex', flexDirection: 'column', alignItems: 'center' } }, { children: (0, jsx_runtime_1.jsx)(Graph_1.default, { items: items }) })) })), (0, jsx_runtime_1.jsx)(Report_1.default, {})] })) }))] }) })) })));
 };
 exports.default = (0, react_1.memo)(Index);

package/lib/modules/ai-report-v3/components/CapabilityTable/CapabilityTable.js

@@ -19,7 +19,7 @@ var global_store_1 = require("../../../../store/ai-report/global-store");
 var utils_1 = require("../../../../utils/utils");
 var HeaderCell = function (_a) {
     var children = _a.children, _b = _a.width, width = _b === void 0 ? 'auto' : _b;
-    return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ width: width, flexShrink: 0, py: 1, px: 1.5, bgcolor: "#EBFCF7" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#00996B', fontSize: 13, lineHeight: '20px' } }, { children: children })) })));
+    return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ width: width, flexShrink: 0, py: 1, px: 1.5, bgcolor: "#EBFCF7", display: "flex", alignItems: "center", justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#00996B', fontSize: 13, lineHeight: '20px' } }, { children: children })) })));
 };
 var CapabilityTable = function () {
     var reportResult = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult]; }).reportResult;
@@ -58,7 +58,7 @@ var CapabilityTable = function () {
     return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ id: "report-capability", px: 2, mt: 3 }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ mt: 0.5, border: "1px solid #E7F4EC", borderRadius: 2, overflow: "hidden" }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row" }, { children: [(0, jsx_runtime_1.jsx)(HeaderCell, __assign({ width: "160px" }, { children: "\u80DC\u4EFB\u529B" })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ flex: "1", minWidth: 0 }, { children: (0, jsx_runtime_1.jsx)(HeaderCell, { children: "\u5C97\u4F4D\u91CD\u70B9\u8003\u5BDF" }) })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ flex: "1", minWidth: 0 }, { children: (0, jsx_runtime_1.jsx)(HeaderCell, { children: "\u9762\u8BD5\u8BC4\u4EF7" }) })), (0, jsx_runtime_1.jsx)(HeaderCell, __assign({ width: "90px" }, { children: "\u5F97\u5206" }))] })), rows.map(function (row) {
                     var count = row.collectionToken ? groupCounts[row.collectionToken] : undefined;
                     var score = typeof row.finalScore === 'number' && row.finalScore > 0 ? "".concat((0, utils_1.formatScore)(row.finalScore), "\u5206") : '-';
-                    return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ borderTop: "1px solid #F0F6F2" }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "stretch" }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ width: "160px", flexShrink: 0, p: 1.5 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 500, sx: { color: 'rgba(0,0,0,0.6)', fontSize: 14 } }, { children: row.name })), count && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ sx: { display: 'inline-flex', alignItems: 'center', bgcolor: '#E8F3FF', color: '#007CFD', borderRadius: '999px', px: 1, py: 0.25, mt: 0.5 } }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", sx: { color: '#007CFD', fontSize: 12, lineHeight: 1 } }, { children: [count.main, "\u4E3B\u95EE\u9898+", count.followups, "\u8FFD\u95EE"] })) })))] })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ flex: "1", minWidth: 0, p: 1.5 }, { children: (row.keyPoints.length > 0 ? row.keyPoints : ['-']).map(function (point, i) { return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { color: 'rgba(0,0,0,0.6)', fontSize: 13 }, display: "block" }, { children: point }), i)); }) })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ flex: "1", minWidth: 0, p: 1.5 }, { children: row.evaluation ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { color: 'rgba(0,0,0,0.6)', fontSize: 13 } }, { children: row.evaluation }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "rgba(0,0,0,0.26)" }, { children: "-" }))) })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ width: "90px", flexShrink: 0, p: 1.5, textAlign: "right" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#03BA4C' } }, { children: score })) }))] })) }), row.step.token));
+                    return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ borderTop: "1px solid #F0F6F2" }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "stretch" }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ width: "160px", flexShrink: 0, p: 1.5, display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 500, sx: { color: 'rgba(0,0,0,0.6)', fontSize: 14 } }, { children: row.name })), count && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ sx: { display: 'inline-flex', alignItems: 'center', bgcolor: '#E8F3FF', color: '#007CFD', borderRadius: '999px', px: 1, py: 0.25, mt: 0.5 } }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", sx: { color: '#007CFD', fontSize: 12, lineHeight: 1 } }, { children: [count.main, "\u4E3B\u95EE\u9898+", count.followups, "\u8FFD\u95EE"] })) })))] })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ flex: "1", minWidth: 0, p: 1.5 }, { children: (row.keyPoints.length > 0 ? row.keyPoints : ['-']).map(function (point, i) { return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { color: 'rgba(0,0,0,0.6)', fontSize: 13 }, display: "block" }, { children: point }), i)); }) })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ flex: "1", minWidth: 0, p: 1.5 }, { children: row.evaluation ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { color: 'rgba(0,0,0,0.6)', fontSize: 13 } }, { children: row.evaluation }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "rgba(0,0,0,0.26)" }, { children: "-" }))) })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ width: "90px", flexShrink: 0, p: 1.5, display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#03BA4C' } }, { children: score })) }))] })) }), row.step.token));
                 })] })) })));
 };
 exports.default = CapabilityTable;

package/lib/modules/ai-report-v3/components/CheatRisk/CheatRisk.js

@@ -10,35 +10,86 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var mui_1 = require("fbm-ui/lib/mui");
 var fbm_ui_1 = require("fbm-ui");
-var react_1 = require("react");
-// 作弊风险模块：产品逻辑未确认前仅保留样式与收起交互，不渲染任何未确认数据。
+var global_store_1 = require("../../../../store/ai-report/global-store");
+// 报告头部与"作弊风险"章节共用的风险标签名（命中其一即视为存在面试过程风险）
+var RISK_TAG_NAMES = ['疑似读稿', '疑似作弊', '面试切屏'];
+// 作弊检测详情表（仅命中风险时展示；"有风险"文案取自蓝湖，未命中的行第三列统一"暂无风险"）
+var CHEAT_ROWS = [
+    {
+        name: '疑似读稿',
+        detail: '根据候选人面试回答过程的眼神表现，以及回答内容，候选人有读背稿的嫌疑，也有可能候选人的眼神变化只是在思考。',
+    },
+    {
+        name: '面试切屏',
+        detail: '候选人面试答题过程中有切屏的动作，可能是去查阅资料，也有可能是系统其他应用弹窗导致。',
+    },
+    {
+        name: '疑似作弊',
+        detail: '面试过程眼神、回答内容、面试行为综合诊断，候选人可能有作弊的嫌疑。',
+    },
+];
+// 单个风险标签胶囊（橙色警示样式，紧凑小号）
+var RiskPill = function (_a) {
+    var name = _a.name;
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ sx: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 0.5,
+            bgcolor: '#FFF7E6',
+            color: '#FA8C16',
+            border: '1px solid #FFD591',
+            borderRadius: '999px',
+            height: 20,
+            px: '8px',
+            fontSize: 12,
+            lineHeight: 1,
+            whiteSpace: 'nowrap',
+        } }, { children: [(0, jsx_runtime_1.jsxs)("svg", __assign({ width: "12", height: "12", viewBox: "0 0 24 24", fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 3 1.5 21h21L12 3Z", fill: "#FA8C16" }), (0, jsx_runtime_1.jsx)("rect", { x: "11", y: "9", width: "2", height: "5", rx: "1", fill: "#fff" }), (0, jsx_runtime_1.jsx)("rect", { x: "11", y: "15.5", width: "2", height: "2", rx: "1", fill: "#fff" })] })), name] })));
+};
+// 表格里的风险评估徽标
+var RiskBadge = function (_a) {
+    var has = _a.has;
+    return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ sx: __assign({ display: 'inline-flex', alignItems: 'center', px: 1, py: 0.25, borderRadius: '999px', fontSize: 12, fontWeight: 500, whiteSpace: 'nowrap' }, (has
+            ? { color: '#FA8C16', bgcolor: '#FFF7E6', border: '1px solid #FFD591' }
+            : { color: '#52C41A', bgcolor: '#EAFBEA', border: '1px solid #B7EB8F' })) }, { children: has ? '有风险' : '无风险' })));
+};
+// 作弊检测详情表（不带头标题行，仅表格）
+var COL_W1 = 118; // 检测项目列宽
+var COL_W2 = 130; // 风险评估列宽
+var TEXT_COLOR = 'rgba(0,0,0,0.85)'; // 表格文字：比 0.6 深、不纯黑
+var CheatDetailTable = function (_a) {
+    var hitNames = _a.hitNames;
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ sx: { mt: 2, borderRadius: 2, overflow: 'hidden', border: '1px solid rgba(0,191,255,0.05)', bgcolor: '#fff' } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", sx: { background: 'rgba(0,191,255,0.04)', px: 1.5, py: 0.75, alignItems: 'center' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { width: COL_W1, flexShrink: 0, textAlign: 'center', color: TEXT_COLOR, fontSize: 12, fontWeight: 600 } }, { children: "\u68C0\u6D4B\u9879\u76EE" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { width: COL_W2, flexShrink: 0, textAlign: 'center', color: TEXT_COLOR, fontSize: 12, fontWeight: 600 } }, { children: "\u98CE\u9669\u8BC4\u4F30" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { flex: 1, textAlign: 'center', color: TEXT_COLOR, fontSize: 12, fontWeight: 600 } }, { children: "\u8BE6\u60C5\u8BF4\u660E" }))] })), CHEAT_ROWS.map(function (row, i) {
+                var hit = hitNames.has(row.name);
+                return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", sx: {
+                        px: 1.5,
+                        py: 0.75,
+                        alignItems: 'center',
+                        borderTop: '1px solid #F2F4F6',
+                        bgcolor: i % 2 ? '#FAFCFE' : '#fff',
+                    } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { width: COL_W1, flexShrink: 0, textAlign: 'center', color: TEXT_COLOR, fontSize: 12 } }, { children: row.name })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ sx: { width: COL_W2, flexShrink: 0, display: 'flex', justifyContent: 'center' } }, { children: (0, jsx_runtime_1.jsx)(RiskBadge, { has: hit }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { flex: 1, textAlign: 'center', color: TEXT_COLOR, fontSize: 12, lineHeight: '20px' } }, { children: hit ? row.detail : '暂无风险' }))] }), row.name));
+            })] })));
+};
 var CheatRisk = function () {
-    var _a = __read((0, react_1.useState)(true), 2), open = _a[0], setOpen = _a[1];
-    return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ id: "report-risk", px: 2, mt: 3 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 1 }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Box, { sx: {
-                            width: 16,
-                            height: 16,
-                            borderRadius: '50%',
-                            background: 'linear-gradient(158deg, #5EE2B8 2.38%, #41C446 97.38%)',
-                        } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1", fontWeight: "bold", sx: { fontSize: 16 } }, { children: "\u4F5C\u5F0A\u98CE\u9669" })), (0, jsx_runtime_1.jsx)(mui_1.Box, { flex: 1 }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { cursor: 'pointer', color: '#00996B', userSelect: 'none' }, onClick: function () { return setOpen(!open); } }, { children: open ? '收起' : '展开' }))] })), open && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ mt: 1.5, border: "1px solid #E7F4EC", borderRadius: 2, p: 3, textAlign: "center" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "rgba(0,0,0,0.26)" }, { children: "\u4F5C\u5F0A\u98CE\u9669\u8BC4\u4F30 / \u9632\u4F5C\u5F0A\u68C0\u6D4B\u660E\u7EC6\uFF1A\u5F85\u4EA7\u54C1\u786E\u8BA4\u6570\u636E\u4E0E\u4EA4\u4E92\u540E\u63A5\u5165" })) })))] })));
+    var _a;
+    var store = (0, global_store_1.useAiReportStore)();
+    var v3AssetBase = store.v3AssetBase || '';
+    var reportResult = store.reportResult || {};
+    var interviewCheat = store.interviewCheat;
+    var _b = reportResult.screenSwitchCount, screenSwitchCount = _b === void 0 ? 0 : _b, _c = reportResult.candidateInfo, candidateInfo = _c === void 0 ? {} : _c, _d = reportResult.tags, reportTags = _d === void 0 ? [] : _d;
+    // 与报告头部同源取标签：候选人信息卡标签优先，兜底报告级标签
+    var tagList = ((_a = candidateInfo === null || candidateInfo === void 0 ? void 0 : candidateInfo.tags) === null || _a === void 0 ? void 0 : _a.length) ? candidateInfo.tags : reportTags;
+    var hitNames = new Set((tagList || []).map(function (t) { return t === null || t === void 0 ? void 0 : t.name; }).filter(function (n) { return Boolean(n); }));
+    var riskTags = (tagList || []).filter(function (t) { return RISK_TAG_NAMES.includes(t === null || t === void 0 ? void 0 : t.name); });
+    // 命中风险标签 或 旧字段(isCheat/切屏次数) 均视为有风险
+    var hasRisk = riskTags.length > 0 || !!(interviewCheat === null || interviewCheat === void 0 ? void 0 : interviewCheat.isCheat) || screenSwitchCount > 0;
+    var fallbackInfo = (interviewCheat === null || interviewCheat === void 0 ? void 0 : interviewCheat.info) || '面试过程中可能存在作弊行为，请结合面试视频核对。';
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ id: "report-risk", px: 2, mt: 3 }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: v3AssetBase && (0, jsx_runtime_1.jsx)("img", { src: "".concat(v3AssetBase, "/risk_title.png"), alt: "\u4F5C\u5F0A\u98CE\u9669", width: 94, height: 28, style: { flexShrink: 0 } }) })), hasRisk ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ sx: { bgcolor: 'rgba(0,191,255,0.03)', borderRadius: 2, p: 2, mt: 2 } }, { children: riskTags.length > 0 ? ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", flexWrap: "wrap", gap: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { color: '#1890FF', fontSize: 14, fontWeight: 600 } }, { children: "\u9762\u8BD5\u8FC7\u7A0B\u98CE\u9669" })), riskTags.map(function (t) { return ((0, jsx_runtime_1.jsx)(RiskPill, { name: t.name }, t.token || t.name)); })] }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { color: 'rgba(0,0,0,0.6)', fontSize: 14 } }, { children: fallbackInfo }))) })), (0, jsx_runtime_1.jsx)(CheatDetailTable, { hitNames: hitNames })] })) : (
+            /* 无风险（蓝湖「AI面试报告 v16」定义）：作弊风险评估 + 无风险（不显示表格） */
+            (0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ sx: { bgcolor: '#F0F8FB', borderRadius: 2, p: 2, mt: 2 } }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ sx: { color: '#1890FF', fontSize: 14, fontWeight: 600 } }, { children: ["\u4F5C\u5F0A\u98CE\u9669\u8BC4\u4F30\uFF1A", (0, jsx_runtime_1.jsx)("span", __assign({ style: { color: '#52C41A', fontWeight: 600 } }, { children: "\u65E0\u98CE\u9669" }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { color: 'rgba(0,0,0,0.6)', fontSize: 14, mt: 1 } }, { children: "\u672A\u53D1\u73B0\u660E\u786E\u4F5C\u5F0A\u98CE\u9669\uFF0C\u8BF7\u7ED3\u5408\u9762\u8BD5\u89C6\u9891\u7EE7\u7EED\u6838\u5BF9\u3002" }))] })))] })));
 };
 exports.default = CheatRisk;

package/lib/modules/ai-report-v3/components/Form/Form.js

@@ -65,7 +65,7 @@ var template = (_a = {},
     _a);
 var Form = function (_a) {
     var answers = _a.answers, _b = _a.customProcessName, customProcessName = _b === void 0 ? '资料收集' : _b;
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ px: 2, mt: 3 }, { children: [(0, jsx_runtime_1.jsx)(ModuleTitle_1.ModuleTitle, { title: customProcessName }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 1.5, border: "1px solid #E7F4EC", borderRadius: 2, overflow: "hidden" }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", sx: { background: '#EBFCF7' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 52, flexShrink: 0, py: 1, px: 1.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#00996B', fontSize: 14, lineHeight: '22px' } }, { children: "\u5E8F\u53F7" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: 1, minWidth: 0, py: 1, px: 1.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#00996B', fontSize: 14, lineHeight: '22px' } }, { children: "\u9898\u76EE" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: 1, minWidth: 0, py: 1, px: 1.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#00996B', fontSize: 14, lineHeight: '22px' } }, { children: "\u56DE\u7B54" })) }))] })), answers === null || answers === void 0 ? void 0 : answers.map(function (answer, index) {
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ px: 2, mt: 3 }, { children: [(0, jsx_runtime_1.jsx)(ModuleTitle_1.ModuleTitle, { title: customProcessName, iconVariant: "person" }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 1.5, border: "1px solid #E7F4EC", borderRadius: 2, overflow: "hidden" }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", sx: { background: '#EBFCF7' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 52, flexShrink: 0, py: 1, px: 1.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#00996B', fontSize: 14, lineHeight: '22px' } }, { children: "\u5E8F\u53F7" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: 1, minWidth: 0, py: 1, px: 1.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#00996B', fontSize: 14, lineHeight: '22px' } }, { children: "\u9898\u76EE" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: 1, minWidth: 0, py: 1, px: 1.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#00996B', fontSize: 14, lineHeight: '22px' } }, { children: "\u56DE\u7B54" })) }))] })), answers === null || answers === void 0 ? void 0 : answers.map(function (answer, index) {
                         var _a;
                         return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", borderTop: "1px solid #F0F6F2" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 52, flexShrink: 0, p: 1.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { color: 'rgba(0,0,0,0.6)', fontSize: 14 } }, { children: index + 1 })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: 1, minWidth: 0, p: 1.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { color: 'rgba(0,0,0,0.6)', fontSize: 14 } }, { children: answer.formTypeKey })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: 1, minWidth: 0, p: 1.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { color: 'rgba(0,0,0,0.6)', fontSize: 14 } }, { children: (_a = template[answer.formTypeId]) === null || _a === void 0 ? void 0 : _a.call(template, answer) })) }))] }), index));
                     })] }))] })));

package/lib/modules/ai-report-v3/components/ModuleTitle.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-export declare const ModuleTitle: ({ title, action }: {
+export declare const ModuleTitle: ({ title, action, icon, iconVariant, }: {
     title: React.ReactNode;
     action?: React.ReactNode;
+    icon?: string | undefined;
+    iconVariant?: "doc" | "person" | "shield" | undefined;
 }) => JSX.Element;

package/lib/modules/ai-report-v3/components/ModuleTitle.js

@@ -15,14 +15,25 @@ exports.ModuleTitle = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
+// 章节标题：绿色圆角图标盒(设计稿切片 icon 或默认绿色盒) + 加粗标题
+// 设计稿章节头 = 绿色圆角方块图标 + 深色加粗标题，无下划线(避免牛客风)
 var ModuleTitle = function (_a) {
-    var title = _a.title, action = _a.action;
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: {
-                                    width: 16,
-                                    height: 16,
-                                    borderRadius: '50%',
-                                    flexShrink: 0,
-                                    background: 'linear-gradient(158deg, #5EE2B8 2.38%, #41C446 97.38%)',
-                                } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontWeight: 700, sx: { color: 'rgba(0,0,0,0.86)', fontSize: 16, lineHeight: '24px' } }, { children: title }))] })), action && (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { position: 'absolute', top: 0, right: 0 } }, { children: action }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: { height: 2, mt: 1, borderRadius: 2, background: 'linear-gradient(90deg, #5EE2B8 0%, rgba(94,226,184,0) 100%)' } })] }));
+    var title = _a.title, action = _a.action, icon = _a.icon, iconVariant = _a.iconVariant;
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 1 }, { children: [icon ? ((0, jsx_runtime_1.jsx)("img", { src: icon, alt: "", width: 24, height: 24, style: { flexShrink: 0 } })) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: {
+                                width: 26,
+                                height: 26,
+                                borderRadius: '7px',
+                                flexShrink: 0,
+                                background: 'linear-gradient(158deg, #5EE2B8 2.38%, #41C446 97.38%)',
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                            } }, { children: iconVariant === 'person' ? (
+                            // 资料收集：人形剪影
+                            (0, jsx_runtime_1.jsxs)("svg", __assign({ width: "16", height: "16", viewBox: "0 0 24 24", fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "8", r: "3.6", fill: "#fff" }), (0, jsx_runtime_1.jsx)("path", { d: "M4 20c.8-4 4-6 8-6s7.2 2 8 6", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round" })] }))) : iconVariant === 'shield' ? (
+                            // 作弊风险：盾牌 + 感叹号
+                            (0, jsx_runtime_1.jsxs)("svg", __assign({ width: "16", height: "16", viewBox: "0 0 24 24", fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 2.5 5 5v6c0 4.5 3 8 7 9.5 4-1.5 7-5 7-9.5V5l-7-2.5Z", fill: "#fff" }), (0, jsx_runtime_1.jsx)("rect", { x: "11", y: "6.6", width: "2", height: "5.4", rx: "1", fill: "#41C446" }), (0, jsx_runtime_1.jsx)("rect", { x: "11", y: "13.6", width: "2", height: "2.4", rx: "1", fill: "#41C446" })] }))) : (
+                            // 默认/面试详情：文档 + 双横线
+                            (0, jsx_runtime_1.jsxs)("svg", __assign({ width: "16", height: "16", viewBox: "0 0 24 24", fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "5", y: "3", width: "14", height: "18", rx: "2.5", fill: "#fff" }), (0, jsx_runtime_1.jsx)("rect", { x: "8.5", y: "7", width: "7", height: "1.8", rx: "0.9", fill: "#41C446" }), (0, jsx_runtime_1.jsx)("rect", { x: "8.5", y: "11", width: "7", height: "1.8", rx: "0.9", fill: "#41C446" }), (0, jsx_runtime_1.jsx)("rect", { x: "8.5", y: "15", width: "4.5", height: "1.8", rx: "0.9", fill: "#41C446" })] }))) }))), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontWeight: 700, sx: { color: 'rgba(0,0,0,0.86)', fontSize: 18, lineHeight: '24px' } }, { children: title }))] })), action && (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { position: 'absolute', top: 0, right: 0 } }, { children: action }))] })) }));
 };
 exports.ModuleTitle = ModuleTitle;