eli-video-interview 1.2.2 → 1.2.3-5.alpha

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

@@ -3,21 +3,37 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 function setupCanvas(canvas) {
-    // Get the device pixel ratio, falling back to 1.
     var dpr = window.devicePixelRatio || 1;
-    // Get the size of the canvas in CSS pixels.
     var rect = canvas.getBoundingClientRect();
-    // Give the canvas pixel dimensions of their CSS
-    // size * the device pixel ratio.
     canvas.width = rect.width * dpr;
     canvas.height = rect.height * dpr;
     var ctx = canvas.getContext('2d');
-    // Scale all drawing operations by the dpr, so you
-    // don't have to worry about the difference.
     ctx.scale(dpr, dpr);
     return ctx;
 }
 var levelOrder = ['Bad', 'Good', 'Best'];
+var serverLevelMap = [
+    {
+        level: 'Best',
+        start: 134 + 171 + 10,
+        width: 125 - 12,
+    },
+    {
+        level: 'Good',
+        start: 134 + 5,
+        width: 171 - 10,
+    },
+    {
+        level: 'Bad',
+        start: 0,
+        width: 134 - 10,
+    },
+    {
+        level: 'Bad',
+        start: 0,
+        width: 0,
+    },
+];
 var levelConf = {
     Bad: {
         label: '欠佳',
@@ -35,7 +51,7 @@ var levelConf = {
     },
     Best: {
         label: '优秀',
-        width: 134,
+        width: 125,
         color: [0, 217, 157],
         endScore: 100,
         pointColor: ['RGB(0, 217, 157)', 'RGB(0, 176, 127)'],
@@ -47,8 +63,9 @@ var measureTextWidth = function (ctx, text) {
     return width;
 };
 function isInPath(x, y, tx, ty, ctx) {
+    var dpr = window.devicePixelRatio || 1;
     ctx.beginPath();
-    ctx.arc(tx / 2, ty / 2, 10 / 2, 0, Math.PI * 2, true);
+    ctx.arc(tx / dpr, ty / dpr, 10 / dpr, 0, Math.PI * 2, true);
     var ret = ctx.isPointInPath(x, y);
     ctx.closePath();
     return ret;
@@ -60,7 +77,7 @@ var drawTop = function (layout, ctx) {
     ctx.fillText('0', layout.leftLableWidth, 10);
     ctx.strokeStyle = '#ccc';
     var offset = 0;
-    levelOrder.forEach(function (x) {
+    levelOrder.forEach(function (x, i) {
         var c = levelConf[x];
         var labelWidth = measureTextWidth(ctx, c.label);
         var endScoreWidth = measureTextWidth(ctx, c.endScore);
@@ -71,7 +88,7 @@ var drawTop = function (layout, ctx) {
         ctx.moveTo(layout.leftLableWidth + offset + c.width / 2 + labelWidth / 2 + 5, 6);
         ctx.lineTo(layout.leftLableWidth + offset + c.width - endScoreWidth - 5, 6);
         ctx.fillStyle = '#ccc';
-        ctx.fillText(c.endScore, layout.leftLableWidth + offset + c.width - endScoreWidth, 10);
+        ctx.fillText(c.endScore, layout.leftLableWidth + offset + c.width - endScoreWidth + (i === 0 ? 0 : 5), 10);
         ctx.stroke();
         offset += c.width;
     });
@@ -81,7 +98,7 @@ var drowBackground = function (layout, ctx) {
     levelOrder.forEach(function (x) {
         var c = levelConf[x];
         ctx.fillStyle = "rgb(".concat(c.color.join(','), ")");
-        ctx.fillRect(0 + leftOffset, layout.topLableHeight, c.width, 4);
+        drawRoundedRect(0 + leftOffset, layout.topLableHeight, c.width, 4, 2, true, false, ctx);
         var linearGradient0 = ctx.createLinearGradient(0, 0, 0, layout.height - layout.topLableHeight);
         linearGradient0.addColorStop(0, "RGBA(".concat(c.color.join(','), ", 0.3)"));
         linearGradient0.addColorStop(1, "RGBA(".concat(c.color.join(','), ", 0.05)"));
@@ -92,16 +109,10 @@ var drowBackground = function (layout, ctx) {
 };
 var percent = function (_a) {
     var rank = _a.rank, total = _a.total;
-    return Math.min(0.975, parseFloat((1 - (rank - 1) / total).toFixed(2)));
+    return Math.min(0.975, parseFloat((1 - rank / total).toFixed(2)));
 };
 var getPointColor = function (s) {
-    var conf = Object.entries(levelConf);
-    for (var _i = 0, conf_1 = conf; _i < conf_1.length; _i++) {
-        var _a = conf_1[_i], v = _a[1];
-        if (v.endScore >= s * 100)
-            return v.pointColor;
-    }
-    return [];
+    return levelConf[s].pointColor;
 };
 var drawLable = function (lable, x, y, ctx) {
     ctx.fillStyle = 'black';
@@ -116,6 +127,8 @@ var drawLine = function (sx, ex, ey, ctx) {
     ctx.stroke();
 };
 var drawPoint = function (fill, stroke, x, y, ctx) {
+    ctx.save();
+    ctx.setLineDash([]);
     ctx.fillStyle = fill;
     ctx.strokeStyle = stroke;
     ctx.lineWidth = 1;
@@ -124,21 +137,38 @@ var drawPoint = function (fill, stroke, x, y, ctx) {
     ctx.closePath();
     ctx.fill();
     ctx.stroke();
+    ctx.restore();
+};
+var drawRoundedRect = function (x, y, width, height, r, fill, stroke, ctx) {
+    ctx.save();
+    ctx.beginPath();
+    ctx.moveTo(x + r, y);
+    ctx.arcTo(x + width, y, x + width, y + r, r);
+    ctx.arcTo(x + width, y + height, x + width - r, y + height, r);
+    ctx.arcTo(x, y + height, x, y + height - r, r);
+    ctx.arcTo(x, y, x + r, y, r);
+    if (fill) {
+        ctx.fill();
+    }
+    if (stroke) {
+        ctx.stroke();
+    }
+    ctx.restore();
 };
 var draw = function (layout, color, dimensions, pathRef, ctx) {
     drawTop(layout, ctx);
     drowBackground(layout, ctx);
-    var maxWidth = 439;
     dimensions.forEach(function (v, i) {
+        var level = serverLevelMap[v.level - 1];
         var p = percent(v);
-        var target = maxWidth * p + 4;
-        var endPointX = target + layout.leftLableWidth;
+        var target = level.width * p + 4;
+        var endPointX = level.start + target + layout.leftLableWidth;
         var endPointY = 65 + layout.itemSpacing * i;
         drawLable(v.name, 10, endPointY, ctx);
         drawLine(layout.leftLableWidth, endPointX, endPointY, ctx);
-        var _a = getPointColor(p), fill = _a[0], stroke = _a[1];
+        var _a = getPointColor(level.level), fill = _a[0], stroke = _a[1];
         drawPoint(fill, stroke, endPointX, endPointY, ctx);
-        pathRef.push({ x: endPointX, y: endPointY, tips: "".concat(v === null || v === void 0 ? void 0 : v.name, "\u5F97\u5206:").concat(v === null || v === void 0 ? void 0 : v.score, "\u5206") });
+        pathRef.push({ x: endPointX, y: endPointY, tips: "".concat(v === null || v === void 0 ? void 0 : v.name, "\u5F97\u5206:").concat(v === null || v === void 0 ? void 0 : v.score.toFixed(2), "\u5206") });
     });
 };
 var Graph = function (_a) {
@@ -154,7 +184,7 @@ var Graph = function (_a) {
         tipEl.style.borderRadius = '2px';
         tipEl.style.padding = '2px 5px';
         tipEl.style.position = 'absolute';
-        tipEl.style.zIndex = '999';
+        tipEl.style.zIndex = '9999';
         tipEl.style.fontSize = '12px';
         tipEl.style.display = 'none';
         document.body.appendChild(tipEl);

package/lib/modules/ai-report/components/AIEvaluate/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Index: () => JSX.Element | null;
 export default Index;

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

@@ -15,25 +15,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../utils");
 var Evaluate_1 = __importDefault(require("./Evaluate"));
 var Graph_1 = __importDefault(require("./Graph"));
 var global_store_1 = require("../../../../store/ai-report/global-store");
+var AiHeaderTitle_1 = __importDefault(require("../../../../components/AiHeaderTitle"));
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
 var react_1 = require("react");
 var Index = function () {
-    var _a;
-    var _b = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult, store.operableButtons]; }), reportResult = _b.reportResult, showAiDimension = _b.showAiDimension, canEditAiDimension = _b.canEditAiDimension;
-    var _c = (0, react_1.useState)(false), expand = _c[0], setExpand = _c[1];
-    var handleExpandChange = (0, react_1.useCallback)(function () {
-        setExpand(!expand);
-    }, [expand]);
-    if (!showAiDimension)
+    var _a, _b;
+    var _c = (0, global_store_1.useAiReportStore)(function (store) { return [
+        store.reportResult,
+        store.operableButtons,
+    ]; }), reportResult = _c.reportResult, showAiDimension = _c.showAiDimension, canEditAiDimension = _c.canEditAiDimension, customInterviewDimRankMap = _c.customInterviewDimRankMap;
+    var expand = (0, react_1.useState)(true)[0];
+    // const handleExpandChange = useCallback(() => {
+    //   setExpand(!expand);
+    // }, [expand]);
+    if (!showAiDimension || ((_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.evaluations) === null || _a === void 0 ? void 0 : _a.length) === 0)
         return null;
-    return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ component: mui_1.Paper, variant: "outlined", px: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: "medium" }, { children: "AI\u7EF4\u5EA6\u8868\u73B0" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoOutlineIcon, { sx: { fontSize: '16px' } })] })), (0, jsx_runtime_1.jsxs)(mui_1.Collapse, __assign({ in: expand }, { children: [(_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.evaluations) === null || _a === void 0 ? void 0 : _a.map(function (v) {
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ id: "report-evaluate", component: mui_1.Paper, variant: "outlined", px: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1, marginBottom: 1 }, { children: [(0, jsx_runtime_1.jsx)(AiHeaderTitle_1.default, { name: "AI\u57FA\u7840\u80FD\u529B" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: (0, jsx_runtime_1.jsxs)("span", { children: ["\u7ED3\u679C\u8BF4\u660E\uFF1A", (0, jsx_runtime_1.jsx)("br", {}), "AI\u57FA\u7840\u80FD\u529B\u4ECE\u8BED\u901F\u3001\u666E\u901A\u8BDD\u3001\u8BED\u8A00\u6D41\u7545\u5EA6\u3001\u8981\u70B9\u5206\u6790\u5339\u914D\u5EA6\u3001\u8BED\u8A00\u4E30\u5BCC\u5EA6\u3001\u5F62\u8C61\u516D\u4E2A\u7EF4\u5EA6\u5BF9\u5019\u9009\u4EBA\u5728\u9762\u8BD5\u4E2D\u7684\u56DE\u7B54\u8868\u73B0\u8FDB\u884C\u8BC4\u4EF7\uFF0C\u6BCF\u4E2A\u7EF4\u5EA6\u5206\u4E3A\u4E09\u4E2A\u6863\uFF0C\u5206\u522B\u4E3A\uFF1A\u524D30%\u4EE3\u8868\u4F18\u79C0\u3001\u4E2D\u95F430%~70%\u4EE3\u8868\u9002\u4E2D\u3001\u540E30%\u4EE3\u8868\u6B20\u4F73\u3002", (0, jsx_runtime_1.jsx)("br", {}), "\u6BCF\u4E2A\u80FD\u529B\u7684\u4E09\u6863\u7684\u5206\u6570\u503C\u4F9D\u636E\u5168\u56FD\u5927\u6570\u636E\u7EDF\u8BA1\u800C\u5B9A\u3002\u6839\u636E\u5019\u9009\u4EBA\u5F53\u524DAI\u89C6\u9891\u6B65\u9AA4\u4E0B\u7684\u6BCF\u4E2A\u80FD\u529B\u7684\u5E73\u5747\u5206\u6765\u786E\u5B9A\u6BCF\u4E2A\u80FD\u529B\u7684\u8BC4\u4EF7\u3002\u76F8\u540C\u7684\u5F97\u5206\uFF0C\u6210\u7EE9\u5148\u51FA\u7684\u6392\u540D\u9760\u524D\u3002"] }) }, { children: (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoOutlineIcon, { sx: { fontSize: '16px' } }) })) }))] })), (0, jsx_runtime_1.jsxs)(mui_1.Collapse, __assign({ in: expand }, { children: [(_b = reportResult === null || reportResult === void 0 ? void 0 : reportResult.evaluations) === null || _b === void 0 ? void 0 : _b.map(function (v) {
                         var _a;
-                        var rank = (1 - (v.rank - 1) / v.total) * 100;
-                        return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ component: mui_1.Paper, elevation: 0, bgcolor: "#f9f9f9", mb: 2, pb: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ px: 2, pt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "h6" }, { children: v.evaluationDimensionName })), !isNaN(rank) && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: ["\u51FB\u8D25\u4E86", (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium", display: "inline", color: "#4caf50" }, { children: [rank.toFixed(2), "%"] })), "\u7684\u5019\u9009\u4EBA"] })))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ mt: 1, mb: 2, variant: "body2", fontWeight: "medium", color: "success" }, { children: v.impressions.join('、') }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Divider, {}), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ px: 2 }, { children: [((_a = v.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ mt: 2 }, { children: (0, jsx_runtime_1.jsx)(Graph_1.default, { items: v.items }) }))), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(Evaluate_1.default, { canEdit: canEditAiDimension, token: v.evaluationToken, evaluations: v.evaluations, title: "\u8BC4\u4EF7\u5185\u5BB9", field: "evaluations", mode: "show" }), (0, jsx_runtime_1.jsx)(Evaluate_1.default, { canEdit: canEditAiDimension, token: v.evaluationToken, evaluations: v.suggestions, title: "\u63D0\u9AD8\u5EFA\u8BAE", field: "suggestions", mode: "show" })] }))] }))] }), v.evaluationToken));
-                    }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1, mt: 4 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium", color: "textSecondary" }, { children: "\u7ED3\u679C\u8BF4\u660E" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "disabled" }, { children: ["AI\u7EF4\u5EA6\u8868\u73B0\u4ECE\u8BED\u901F\u3001\u666E\u901A\u8BDD\u3001\u8BED\u8A00\u6D41\u7545\u5EA6\u3001\u8981\u70B9\u5206\u6790\u5339\u914D\u5EA6\u3001\u8BED\u8A00\u4E30\u5BCC\u5EA6\u3001\u5F62\u8C61\u516D\u4E2A\u7EF4\u5EA6\u5BF9\u5019\u9009\u4EBA\u5728\u9762\u8BD5\u4E2D\u7684\u56DE\u7B54\u8868\u73B0\u8FDB\u884C\u8BC4\u4EF7\uFF0C\u6BCF\u4E2A\u7EF4\u5EA6\u5206\u4E3A\u4E09\u4E2A\u6863\uFF0C\u5206\u522B\u4E3A\uFF1A\u524D30%\u4EE3\u8868\u4F18\u79C0\u3001\u4E2D\u95F430%~70%\u4EE3\u8868\u9002\u4E2D\u3001\u540E30%\u4EE3\u8868\u6B20\u4F73\u3002", (0, jsx_runtime_1.jsx)("br", {}), "\u6BCF\u4E2A\u80FD\u529B\u7684\u4E09\u6863\u7684\u5206\u6570\u503C\u4F9D\u636E\u5168\u56FD\u5927\u6570\u636E\u7EDF\u8BA1\u800C\u5B9A\u3002\u6839\u636E\u5019\u9009\u4EBA\u5F53\u524DAI\u89C6\u9891\u6B65\u9AA4\u4E0B\u7684\u6BCF\u4E2A\u80FD\u529B\u7684\u5E73\u5747\u5206\u6765\u786E\u5B9A\u6BCF\u4E2A\u80FD\u529B\u7684\u8BC4\u4EF7\u3002\u76F8\u540C\u7684\u5F97\u5206\uFF0C\u6210\u7EE9\u5148\u51FA\u7684\u6392\u540D\u9760\u524D\u3002"] }))] }))] })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ display: "flex", justifyContent: "flex-end", alignItems: "center", mt: 1, mb: 2 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Link, { href: "#", onClick: handleExpandChange, text: expand ? '收起' : '查看详情' }) }))] })));
+                        var c = customInterviewDimRankMap === null || customInterviewDimRankMap === void 0 ? void 0 : customInterviewDimRankMap[v.evaluationToken];
+                        var rank = (0, utils_1.rankPercent)((c === null || c === void 0 ? void 0 : c.rank) || (v === null || v === void 0 ? void 0 : v.rank), (c === null || c === void 0 ? void 0 : c.total) || (v === null || v === void 0 ? void 0 : v.total));
+                        return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ component: mui_1.Paper, elevation: 0, bgcolor: "#f9f9f9", mb: 2, pb: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ px: 2, pt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "h6", fontWeight: "medium", sx: { fontWeight: 500 } }, { children: v.evaluationDimensionName })), !isNaN(rank) && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: ["\u51FB\u8D25\u4E86", (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium", display: "inline", color: "#4caf50" }, { children: [rank.toFixed(2), "%"] })), "\u7684\u5019\u9009\u4EBA"] })))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ mt: 1, mb: 2, variant: "body2", fontWeight: "medium", color: "#4caf50" }, { children: v.impressions.join('、') }))] })), (0, jsx_runtime_1.jsx)(mui_1.Divider, { sx: { borderColor: 'rgba(0,0,0,0.08)' } }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ px: 2 }, { children: [((_a = v.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ mt: 2 }, { children: (0, jsx_runtime_1.jsx)(Graph_1.default, { items: v.items }) }))), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(Evaluate_1.default, { canEdit: canEditAiDimension, token: v.evaluationToken, evaluations: v.evaluations, title: "\u8BC4\u4EF7\u5185\u5BB9", field: "evaluations", mode: "show" }), (0, jsx_runtime_1.jsx)(Evaluate_1.default, { canEdit: canEditAiDimension, token: v.evaluationToken, evaluations: v.suggestions, title: "\u63D0\u9AD8\u5EFA\u8BAE", field: "suggestions", mode: "show" })] }))] }))] }), v.evaluationToken));
+                    }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1, mt: 4, pb: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium", color: "textSecondary" }, { children: "\u7ED3\u679C\u8BF4\u660E" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "rgba(0,0,0,0.26)" }, { children: ["AI\u57FA\u7840\u80FD\u529B\u4ECE\u8BED\u901F\u3001\u666E\u901A\u8BDD\u3001\u8BED\u8A00\u6D41\u7545\u5EA6\u3001\u8981\u70B9\u5206\u6790\u5339\u914D\u5EA6\u3001\u8BED\u8A00\u4E30\u5BCC\u5EA6\u3001\u5F62\u8C61\u516D\u4E2A\u7EF4\u5EA6\u5BF9\u5019\u9009\u4EBA\u5728\u9762\u8BD5\u4E2D\u7684\u56DE\u7B54\u8868\u73B0\u8FDB\u884C\u8BC4\u4EF7\uFF0C\u6BCF\u4E2A\u7EF4\u5EA6\u5206\u4E3A\u4E09\u4E2A\u6863\uFF0C\u5206\u522B\u4E3A\uFF1A\u524D30%\u4EE3\u8868\u4F18\u79C0\u3001\u4E2D\u95F430%~70%\u4EE3\u8868\u9002\u4E2D\u3001\u540E30%\u4EE3\u8868\u6B20\u4F73\u3002", (0, jsx_runtime_1.jsx)("br", {}), "\u6BCF\u4E2A\u80FD\u529B\u7684\u4E09\u6863\u7684\u5206\u6570\u503C\u4F9D\u636E\u5168\u56FD\u5927\u6570\u636E\u7EDF\u8BA1\u800C\u5B9A\u3002\u6839\u636E\u5019\u9009\u4EBA\u5F53\u524DAI\u89C6\u9891\u6B65\u9AA4\u4E0B\u7684\u6BCF\u4E2A\u80FD\u529B\u7684\u5E73\u5747\u5206\u6765\u786E\u5B9A\u6BCF\u4E2A\u80FD\u529B\u7684\u8BC4\u4EF7\u3002\u76F8\u540C\u7684\u5F97\u5206\uFF0C\u6210\u7EE9\u5148\u51FA\u7684\u6392\u540D\u9760\u524D\u3002"] }))] }))] }))] })));
 };
 exports.default = Index;

package/lib/modules/ai-report/components/MenuAnchor/index.d.ts

@@ -0,0 +1,4 @@
+import { MenuAnchorProps } from '../../interface';
+import React from 'react';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<any>>>;
+export default _default;

package/lib/modules/ai-report/components/MenuAnchor/index.js

@@ -0,0 +1,117 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ai_report_1 = require("../../../../constants/ai-report");
+var ai_report_2 = require("../../../../services/ai-report");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
+var MenuAnchor = (0, react_1.forwardRef)(function (props) {
+    var _a = (0, react_1.useState)(null), anchorEl = _a[0], setAnchorEl = _a[1];
+    var open = Boolean(anchorEl);
+    // 接口请求
+    var token = props.token, showAiDimension = props.showAiDimension;
+    var firstLoad = (0, react_1.useRef)(true);
+    var _b = (0, react_1.useState)([]), list = _b[0], setList = _b[1];
+    var _c = (0, global_store_1.useAiReportStore)(), reportResult = _c.reportResult, updateState = _c.updateState, updateReportResult = _c.updateReportResult;
+    var postAiInterviewResult = (0, ahooks_1.useRequest)(function () { return (0, ai_report_2.PostAiInterviewResult)([token]); }, {
+        manual: true,
+        onSuccess: function (_a) {
+            var list = _a.data.list;
+            var result = list[0];
+            updateReportResult(result);
+            if (firstLoad.current) {
+                firstLoad.current = false;
+                handleMenuList(result);
+            }
+        },
+    }).run;
+    (0, react_1.useEffect)(function () {
+        firstLoad.current = true;
+        postAiInterviewResult();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [token]);
+    (0, react_1.useEffect)(function () {
+        updateState(props);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props]);
+    // 处理菜单数据
+    var handleMenuList = function (reportResult) {
+        if (!reportResult.status) {
+            return;
+        }
+        var resList = [ai_report_1.REPORT_MODULE_MAP['videoQuestion']];
+        var _a = reportResult.collection, collection = _a === void 0 ? [] : _a, _b = reportResult.workplaces, workplaces = _b === void 0 ? [] : _b, _c = reportResult.suggestion, suggestion = _c === void 0 ? { show: false } : _c, _d = reportResult.evaluations, evaluations = _d === void 0 ? [] : _d;
+        if (showAiDimension) {
+            if (suggestion === null || suggestion === void 0 ? void 0 : suggestion.show) {
+                resList.unshift(ai_report_1.REPORT_MODULE_MAP['suggestion']);
+            }
+            if (collection.length > 0 && evaluations.length > 0) {
+                resList.unshift(ai_report_1.REPORT_MODULE_MAP['evaluate']);
+            }
+            if (workplaces.length > 0) {
+                resList.unshift(ai_report_1.REPORT_MODULE_MAP['workplace']);
+            }
+        }
+        if (collection.length > 0) {
+            resList.unshift(ai_report_1.REPORT_MODULE_MAP['score']);
+        }
+        console.log(resList);
+        setList(resList);
+    };
+    var handlePopoverOpen = function (event) {
+        setAnchorEl(event.currentTarget);
+    };
+    var handlePopoverClose = function () {
+        setAnchorEl(null);
+    };
+    var scrollToAnchor = (0, react_1.useCallback)(function (id) {
+        if (id) {
+            var anchorEle = document.getElementById(id);
+            if (anchorEle) {
+                anchorEle.scrollIntoView({ block: 'start', behavior: 'smooth' });
+            }
+        }
+    }, []);
+    var content = (0, react_1.useMemo)(function () {
+        return ((0, jsx_runtime_1.jsx)(mui_1.List, __assign({ style: { minWidth: 150 }, onMouseLeave: handlePopoverClose }, { children: list.map(function (_a) {
+                var name = _a.name, id = _a.id;
+                return ((0, jsx_runtime_1.jsx)(mui_1.ListItem, __assign({ disablePadding: true }, { children: (0, jsx_runtime_1.jsx)(mui_1.ListItemButton, __assign({ onClick: function () { return scrollToAnchor(id); } }, { children: (0, jsx_runtime_1.jsx)(mui_1.ListItemText, { primary: name }) })) }), id));
+            }) })));
+    }, [scrollToAnchor, list]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(reportResult === null || reportResult === void 0 ? void 0 : reportResult.status) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    position: 'absolute',
+                    top: 20,
+                    right: -10,
+                    zIndex: 999,
+                    height: 32,
+                    width: 32,
+                    backgroundColor: '#fff',
+                    borderRadius: 4,
+                    boxShadow: '0px 2px 4px rgba(0,0,0, 0.08)',
+                }, "aria-owns": open ? 'menu-anchor-popover' : undefined, "aria-haspopup": "true", onClick: handlePopoverOpen, onMouseEnter: handlePopoverOpen }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.MenuIcon, {}) }))), (0, jsx_runtime_1.jsx)(mui_1.Popover, __assign({ id: "menu-anchor-popover", open: open, anchorEl: anchorEl, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'right',
+                }, transformOrigin: {
+                    vertical: -8,
+                    horizontal: 'right',
+                }, onClose: handlePopoverClose }, { children: content }))] }));
+});
+MenuAnchor.displayName = 'MenuAnchor';
+exports.default = (0, react_1.memo)(MenuAnchor);

package/lib/modules/ai-report/components/NotFinish/index.js

@@ -13,8 +13,8 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var fbm_ui_1 = require("fbm-ui");
-var global_store_1 = require("../../../../store/ai-report/global-store");
 var ai_report_1 = require("../../../../enum/ai-report");
+var global_store_1 = require("../../../../store/ai-report/global-store");
 var NotFinish = function () {
     var _a = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult, store.interviewCheat]; }), reportResult = _a.reportResult, interviewCheat = _a.interviewCheat;
     var _b = (reportResult || {}).completedStatus, completedStatus = _b === void 0 ? 1 : _b;

package/lib/modules/ai-report/components/ScoreReport/Bar.js

@@ -12,26 +12,32 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var fbm_ui_1 = require("fbm-ui");
-var global_store_1 = require("../../../../store/ai-report/global-store");
+var utils_1 = require("../../utils");
 var ai_report_1 = require("../../../../constants/ai-report");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var Bar = function () {
     var _a = (0, react_1.useState)(1), currentRank = _a[0], setCurrentRank = _a[1];
-    var _b = (0, react_1.useState)('前0% ~ 100%'), text = _b[0], setText = _b[1];
-    var _c = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult, store.scoreRankIntervals]; }), reportResult = _c.reportResult, scoreRankIntervals = _c.scoreRankIntervals;
+    var _b = (0, react_1.useState)(''), text = _b[0], setText = _b[1];
+    var _c = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult, store.scoreRankIntervals]; }), reportResult = _c.reportResult, scoreRankIntervals = _c.scoreRankIntervals, reportRank = _c.reportRank;
     var _d = (reportResult || {}).score, score = _d === void 0 ? 0 : _d;
     (0, react_1.useEffect)(function () {
         var floatInterval = scoreRankIntervals === null || scoreRankIntervals === void 0 ? void 0 : scoreRankIntervals.find(function (interval) { return score >= interval.score.startScore && score <= interval.score.endScore; });
         if (floatInterval) {
-            var rank = floatInterval.rank, _a = floatInterval.scoreRankIntervals, startRankProportion = _a.startRankProportion, endRankProportion = _a.endRankProportion;
+            var rank = floatInterval.rank;
             setCurrentRank(rank);
-            setText("\u524D".concat(startRankProportion * 100, "% ~ ").concat(endRankProportion * 100, "%"));
         }
-    }, [score, scoreRankIntervals]);
+        if (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) {
+            setText("\u51FB\u8D25\u4E86".concat((0, utils_1.rankPercent)((reportRank === null || reportRank === void 0 ? void 0 : reportRank.rank) || 0, (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) || 0).toFixed(0), "%\u5019\u9009\u4EBA"));
+        }
+        else {
+            setText('');
+        }
+    }, [score, reportRank, scoreRankIntervals]);
     if (!scoreRankIntervals || (scoreRankIntervals === null || scoreRankIntervals === void 0 ? void 0 : scoreRankIntervals.length) === 0)
         return null;
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: text })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", sx: { height: 12, mt: 0.5 } }, { children: scoreRankIntervals === null || scoreRankIntervals === void 0 ? void 0 : scoreRankIntervals.map(function (_a, index) {
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", flexShrink: 0 }, { children: [text, "\u00A0"] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", sx: { height: 12, mt: 0.5 } }, { children: scoreRankIntervals === null || scoreRankIntervals === void 0 ? void 0 : scoreRankIntervals.map(function (_a, index) {
                     var rank = _a.rank, _b = _a.scoreRankIntervals, startRankProportion = _b.startRankProportion, endRankProportion = _b.endRankProportion;
                     return [
                         (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: {

package/lib/modules/ai-report/components/ScoreReport/Report.js

@@ -15,18 +15,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var fbm_ui_1 = require("fbm-ui");
-var global_store_1 = require("../../../../store/ai-report/global-store");
+var AiHeaderTitle_1 = __importDefault(require("../../../../components/AiHeaderTitle"));
 var ReportPie_1 = __importDefault(require("../../../../components/Charts/ReportPie"));
 // import ScoreLegend from './ScoreLegend';
 var ScoreBigBall_1 = __importDefault(require("../../../../components/ScoreBigBall"));
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var Report = function () {
     var reportResult = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult]; }).reportResult;
-    var _a = reportResult || {}, orderToken = _a.orderToken, score = _a.score, status = _a.status, _b = _a.collection, collection = _b === void 0 ? [] : _b;
+    var _a = reportResult || {}, orderToken = _a.orderToken, score = _a.score, status = _a.status, _b = _a.collection, collection = _b === void 0 ? [] : _b, _c = _a.summaryText, summaryText = _c === void 0 ? { sprintf: '', variables: [] } : _c;
     var title = (0, react_1.useMemo)(function () {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u4F18\u79C0 \u4EE3\u8868\u5019\u9009\u4EBA\u8BE5\u9879\u80FD\u529B\u5728\u672C\u6B65\u9AA4\u6240\u6709\u5019\u9009\u4EBA\u4E2D\u6392\u540D\u5728\u524D30%" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u9002\u4E2D \u4EE3\u8868\u5019\u9009\u4EBA\u8BE5\u9879\u80FD\u529B\u5728\u672C\u6B65\u9AA4\u6240\u6709\u5019\u9009\u4EBA\u4E2D\u6392\u540D\u572830%~70%" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u6B20\u4F73 \u4EE3\u8868\u5019\u9009\u4EBA\u8BE5\u9879\u80FD\u529B\u5728\u672C\u6B65\u9AA4\u6240\u6709\u5019\u9009\u4EBA\u4E2D\u6392\u540D\u5728\u540E30%" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u4EBA\u6570\u5C0F\u4E8E5\u4EBA\u65F6\uFF0C\u8BC4\u4EF7\u4E0D\u751F\u6548" }))] }));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u804C\u573A\u80FD\u529B\u4EE5\u53CA\u82F1\u6587\u8868\u8FBE\u80FD\u529B\u7684\u8BC4\u4EF7\u6807\u51C6\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff", style: { textIndent: '2em' } }, { children: "\u5F53\u5019\u9009\u4EBA\u7684\u8BE5\u9879\u80FD\u529B\u7EFC\u5408\u5F97\u5206\u5927\u4E8E\u7B49\u4E8E80\u65F6\u4E3A\u4F18\u79C0\uFF1B" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff", style: { textIndent: '2em' } }, { children: "\u5F53\u5019\u9009\u4EBA\u7684\u8BE5\u9879\u80FD\u529B\u7EFC\u5408\u5F97\u5206\u5927\u4E8E\u7B49\u4E8E60\u5C0F\u4E8E80\u65F6\u4E3A\u9002\u4E2D\uFF1B" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff", style: { textIndent: '2em' } }, { children: "\u5F53\u5019\u9009\u4EBA\u7684\u8BE5\u9879\u80FD\u529B\u7EFC\u5408\u5F97\u5206\u5C0F\u4E8E60\u65F6\u4E3A\u6B20\u4F73\uFF1B" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u5176\u4ED6AI\u57FA\u7840\u80FD\u529B\u7684\u8BC4\u4EF7\u6807\u51C6\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff", style: { textIndent: '2em' } }, { children: "AI\u57FA\u7840\u80FD\u529B\u7684\u8BC4\u4EF7\u6807\u51C6\u4E3A\uFF1A\u6BCF\u4E2A\u80FD\u529B\u7684\u4E09\u6863\u7684\u5206\u6570\u503C\u4F9D\u636E\u5168\u56FD\u5927\u6570\u636E\u7EDF\u8BA1\u800C\u5B9A\u3002\u4EE5\u5168\u56FD\u6570\u636E\u7684\u524D30%\u4EE3\u8868\u4F18\u79C0\u3001\u4E2D\u95F430%~70%\u4EE3\u8868\u9002\u4E2D\u3001\u540E30%\u4EE3\u8868\u6B20\u4F73\u3002\u6839\u636E\u5019\u9009\u4EBA\u5F53\u524DAI\u89C6\u9891\u6B65\u9AA4\u4E0B\u7684\u6BCF\u4E2AAI\u57FA\u7840\u80FD\u529B\u7684\u6700\u7EC8\u5F97\u5206\u6765\u786E\u5B9A\u6BCF\u4E2A\u80FD\u529B\u7684\u8BC4\u4EF7\u3002" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u76F8\u540C\u7684\u5F97\u5206\uFF0C\u6210\u7EE9\u5148\u51FA\u7684\u6392\u540D\u9760\u524D\u3002" }))] }));
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", pl: 3, pt: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u80FD\u529B\u6807\u51C6" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: title }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '4px' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoOutlineIcon, { sx: { fontSize: 14, color: 'RGBA(0, 0, 0, 0.86)' } }) })) }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ height: 300, sx: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)(ReportPie_1.default, { id: orderToken || '', source: collection }), (0, jsx_runtime_1.jsx)(ScoreBigBall_1.default, { score: score || 0, status: status })] }))] })));
+    var showSummaryText = (0, react_1.useMemo)(function () {
+        var _a = summaryText.sprintf, sprintf = _a === void 0 ? '' : _a, _b = summaryText.variables, variables = _b === void 0 ? [] : _b;
+        var textList = (sprintf === null || sprintf === void 0 ? void 0 : sprintf.split('%s')) || [];
+        return textList.map(function (text, index) {
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ style: { fontSize: 14, color: 'RGBA(0, 0, 0, 0.56)' } }, { children: text })), (0, jsx_runtime_1.jsx)("span", __assign({ style: { fontSize: 14, color: '#4CAF50', fontWeight: 500 } }, { children: variables[index] || '' }))] }));
+        });
+    }, [summaryText]);
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", justifyContent: "space-between", pl: 2, pt: 2, pr: 2 }, { children: [(0, jsx_runtime_1.jsx)(AiHeaderTitle_1.default, { name: "\u7EFC\u5408\u8868\u73B0" }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u80FD\u529B\u6807\u51C6" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: title }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '4px' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoOutlineIcon, { sx: { fontSize: 14, color: 'RGBA(0, 0, 0, 0.86)' } }) })) }))] }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ height: 300, sx: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)(ReportPie_1.default, { id: orderToken || '', source: collection }), (0, jsx_runtime_1.jsx)(ScoreBigBall_1.default, { score: score || 0, status: status })] })), showSummaryText.length > 0 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "block", width: 498, style: { backgroundColor: '#FAFAFA', padding: 8, margin: '0 auto 16px' } }, { children: showSummaryText })))] })));
 };
 exports.default = Report;

package/lib/modules/ai-report/components/ScoreReport/Score.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
 import { ScoreProps } from './interface';
+import { FC } from 'react';
 declare const Score: FC<ScoreProps>;
 export default Score;

package/lib/modules/ai-report/components/ScoreReport/Score.js

@@ -15,25 +15,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var dayjs_1 = __importDefault(require("dayjs"));
-var fbm_ui_1 = require("fbm-ui");
-var global_store_1 = require("../../../../store/ai-report/global-store");
-var utils_1 = require("../../../../utils/utils");
-var styled_1 = require("./styled");
 var RankingRange_1 = __importDefault(require("../RankingRange"));
 var Bar_1 = __importDefault(require("./Bar"));
+var styled_1 = require("./styled");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var utils_1 = require("../../../../utils/utils");
+var dayjs_1 = __importDefault(require("dayjs"));
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var Score = function (_a) {
-    var loading = _a.loading, onRefresh = _a.onRefresh;
+    var customScore = _a.customScore, loading = _a.loading, onRefresh = _a.onRefresh;
     var _b = (0, react_1.useState)(false), openRankingRange = _b[0], setOpenRankingRange = _b[1];
     var _c = (0, react_1.useState)(false), openRefresh = _c[0], setOpenRefresh = _c[1];
     var _d = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult, store.operableButtons]; }), reportResult = _d.reportResult, operableButtons = _d.operableButtons, onExportReportClick = _d.onExportReportClick;
     var _e = reportResult || {}, score = _e.score, createTime = _e.createTime;
+    var _f = (0, react_1.useState)(score || 0), feScore = _f[0], setScore = _f[1];
     (0, react_1.useEffect)(function () {
+        if (typeof customScore === 'number' && customScore > -1) {
+            setScore(customScore);
+        }
         if (!loading)
             setOpenRefresh(false);
-    }, [loading]);
+    }, [loading, customScore]);
     var content = ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ padding: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", color: "secondary" }, { children: "\u5237\u65B0\u540E\u5C06\u6309\u6700\u65B0\u7B97\u5206\u89C4\u5219\u8BA1\u7B97\uFF0C\u662F\u5426\u786E\u8BA4\u5237\u65B0" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ paddingTop: 1, textAlign: "right" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: onRefresh }, { children: "\u5237\u65B0" })) }))] })));
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", sx: { padding: '24px' } }, { children: [(0, jsx_runtime_1.jsx)(RankingRange_1.default, { open: openRankingRange, onClose: function () { return setOpenRankingRange(false); } }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsxs)(styled_1.ScoreTypography, { children: [(0, utils_1.formatScore)(score || 0), (0, jsx_runtime_1.jsx)(styled_1.ScoreUnitTypography, __assign({ variant: "caption" }, { children: "\u5206" }))] }), (0, jsx_runtime_1.jsx)("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/recommended.svg", alt: "" }), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", size: "small", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.DownloadIcon, {}), sx: { ml: 1 }, onClick: onExportReportClick }, { children: "\u5BFC\u51FA\u62A5\u544A" })))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", mt: 1 }, { children: [(operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ open: openRefresh, content: content, onClickAway: function () { return setOpenRefresh(false); } }, { children: (0, jsx_runtime_1.jsx)(styled_1.RefreshIconRoot, { onClick: function () { return setOpenRefresh(true); } }) }))), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 0.5 }, { children: ["\u62A5\u544A\u751F\u6210\u4E8E ", (0, dayjs_1.default)(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('scoreRank')) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", size: "small", sx: { textDecoration: 'underline' }, onClick: function () { return setOpenRankingRange(true); } }, { children: "\u6392\u540D\u533A\u95F4\u8BBE\u7F6E" })))] }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 200 }, { children: (0, jsx_runtime_1.jsx)(Bar_1.default, {}) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", sx: { padding: '24px' } }, { children: [(0, jsx_runtime_1.jsx)(RankingRange_1.default, { open: openRankingRange, onClose: function () { return setOpenRankingRange(false); } }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsxs)(styled_1.ScoreTypography, { children: [(0, utils_1.formatScore)(feScore || 0), (0, jsx_runtime_1.jsx)(styled_1.ScoreUnitTypography, __assign({ variant: "caption" }, { children: "\u5206" }))] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 50, height: 50 }, { children: !!feScore && feScore >= 80 && (0, jsx_runtime_1.jsx)("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/recommended.svg", alt: "" }) })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", size: "small", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.DownloadIcon, {}), sx: { ml: 1 }, onClick: onExportReportClick }, { children: "\u5BFC\u51FA\u62A5\u544A" })))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", mt: 1 }, { children: [(operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ open: openRefresh, content: content, onClickAway: function () { return setOpenRefresh(false); } }, { children: (0, jsx_runtime_1.jsx)(styled_1.RefreshIconRoot, { onClick: function () { return setOpenRefresh(true); } }) }))), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 0.5 }, { children: ["\u62A5\u544A\u751F\u6210\u4E8E ", (0, dayjs_1.default)(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('scoreRank')) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", size: "small", sx: { textDecoration: 'underline' }, onClick: function () { return setOpenRankingRange(true); } }, { children: "\u6392\u540D\u533A\u95F4\u8BBE\u7F6E" })))] }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 200 }, { children: (0, jsx_runtime_1.jsx)(Bar_1.default, {}) }))] })));
 };
 exports.default = Score;

package/lib/modules/ai-report/components/ScoreReport/ScoreLegend.js

@@ -14,8 +14,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
-var global_store_1 = require("../../../../store/ai-report/global-store");
 var ai_report_1 = require("../../../../enum/ai-report");
+var global_store_1 = require("../../../../store/ai-report/global-store");
 var utils_1 = require("../../../../utils/utils");
 var STEP_COMPLETED = ai_report_1.INTERVIEW_STEP_STATUS.STEP_COMPLETED;
 var ScoreLegend = function (props) {

package/lib/modules/ai-report/components/ScoreReport/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
 import { ScoreReportProps } from './interface';
+import { FC } from 'react';
 declare const ScoreReport: FC<ScoreReportProps>;
 export default ScoreReport;

package/lib/modules/ai-report/components/ScoreReport/index.js

@@ -15,21 +15,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var Failed_1 = __importDefault(require("./Failed"));
+var Report_1 = __importDefault(require("./Report"));
+var Score_1 = __importDefault(require("./Score"));
+var ai_report_1 = require("../../../../enum/ai-report");
+var ai_report_2 = require("../../../../services/ai-report");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var ahooks_1 = require("ahooks");
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
-var ahooks_1 = require("ahooks");
-var global_store_1 = require("../../../../store/ai-report/global-store");
-var ai_report_1 = require("../../../../services/ai-report");
-var ai_report_2 = require("../../../../enum/ai-report");
-var Score_1 = __importDefault(require("./Score"));
-var Report_1 = __importDefault(require("./Report"));
-var Failed_1 = __importDefault(require("./Failed"));
-var FAILED = ai_report_2.INTERVIEW_STATUS.FAILED, IN_CALCULATION = ai_report_2.INTERVIEW_STATUS.IN_CALCULATION;
+var FAILED = ai_report_1.INTERVIEW_STATUS.FAILED, IN_CALCULATION = ai_report_1.INTERVIEW_STATUS.IN_CALCULATION;
 var ScoreReport = function (_a) {
-    var onRefreshSuccess = _a.onRefreshSuccess;
+    var customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess;
     var _b = (0, global_store_1.useAiReportStore)(function (store) { return [store.token, store.reportResult]; }), token = _b.token, reportResult = _b.reportResult;
     var _c = (reportResult || {}).status, status = _c === void 0 ? 0 : _c;
-    var _d = (0, ahooks_1.useRequest)(function () { return (0, ai_report_1.PostAiInterviewRefresh)(token); }, {
+    var _d = (0, ahooks_1.useRequest)(function () { return (0, ai_report_2.PostAiInterviewRefresh)(token); }, {
         manual: true,
         onSuccess: function () {
             onRefreshSuccess();
@@ -37,10 +37,10 @@ var ScoreReport = function (_a) {
         },
     }), run = _d.run, loading = _d.loading;
     if ([FAILED, IN_CALCULATION].includes(status)) {
-        return ((0, jsx_runtime_1.jsx)(mui_1.Paper, __assign({ variant: "outlined" }, { children: (0, jsx_runtime_1.jsx)(Failed_1.default, { status: status, loading: loading, onRefresh: run }) })));
+        return ((0, jsx_runtime_1.jsx)(mui_1.Paper, __assign({ id: "report-score", variant: "outlined" }, { children: (0, jsx_runtime_1.jsx)(Failed_1.default, { status: status, loading: loading, onRefresh: run }) })));
     }
     else {
-        return ((0, jsx_runtime_1.jsxs)(mui_1.Paper, __assign({ variant: "outlined" }, { children: [(0, jsx_runtime_1.jsx)(Score_1.default, { loading: loading, onRefresh: run }), (0, jsx_runtime_1.jsx)(mui_1.Divider, {}), (0, jsx_runtime_1.jsx)(Report_1.default, {})] })));
+        return ((0, jsx_runtime_1.jsxs)(mui_1.Paper, __assign({ id: "report-score", variant: "outlined" }, { children: [(0, jsx_runtime_1.jsx)(Score_1.default, { customScore: customScore, loading: loading, onRefresh: run }), (0, jsx_runtime_1.jsx)(mui_1.Divider, {}), (0, jsx_runtime_1.jsx)(Report_1.default, {})] })));
     }
 };
 exports.default = ScoreReport;

package/lib/modules/ai-report/components/ScoreReport/interface.d.ts

@@ -2,9 +2,11 @@ export interface ScoreLegendProps {
     color: string;
 }
 export interface ScoreReportProps {
+    customScore?: number;
     onRefreshSuccess: () => void;
 }
 export interface ScoreProps {
+    customScore?: number;
     loading?: boolean;
     onRefresh: () => void;
 }