eli-video-interview 1.2.42-alpha.2 → 1.2.42-alpha.21

package/lib/modules/ai-report-v2/Root.js

@@ -24,15 +24,15 @@ 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 NO_ANSWER = ai_report_1.INTERVIEW_STATUS.NO_ANSWER, FAILED = ai_report_1.INTERVIEW_STATUS.FAILED, IN_CALCULATION = ai_report_1.INTERVIEW_STATUS.IN_CALCULATION;
+var NO_ANSWER = ai_report_1.INTERVIEW_STATUS.NO_ANSWER;
 var AiReportRoot = (0, react_1.forwardRef)(function (props, ref) {
-    var token = props.token, customScore = props.customScore, reminderSent = props.reminderSent, operableButtons = props.operableButtons, onLoad = props.onLoad, onSendReminderClick = props.onSendReminderClick, fetchFormReuslt = props.fetchFormReuslt, fetchCandidateInfo = props.fetchCandidateInfo;
+    var token = props.token, customScore = props.customScore, reminderSent = props.reminderSent, operableButtons = props.operableButtons, onLoad = props.onLoad, onSendReminderClick = props.onSendReminderClick, fetchFormResult = props.fetchFormResult, fetchCandidateInfo = props.fetchCandidateInfo, fetchReportUrl = props.fetchReportUrl, isExportPdf = props.isExportPdf;
     var firstLoad = (0, react_1.useRef)(true);
-    // @ts-ignore
     var _a = (0, global_store_1.useAiReportStore)(), updateState = _a.updateState, updateReportResult = _a.updateReportResult, reportResult = _a.reportResult;
-    // const { collection = [], workplaces = [], model = 'standard', hasProVersion = false, isSimulated = false } = reportResult || {};
-    var _b = (0, ahooks_1.useRequest)(function () { return (0, ai_report_2.PostAiInterviewResult)([token]); }, {
+    var _b = (reportResult || {}).collection, collection = _b === void 0 ? [] : _b;
+    var _c = (0, ahooks_1.useRequest)(function () { return (0, ai_report_2.PostAiInterviewResult)([token]); }, {
         manual: true,
         onSuccess: function (_a) {
             var list = _a.data.list;
@@ -50,7 +50,7 @@ var AiReportRoot = (0, react_1.forwardRef)(function (props, ref) {
                 onLoad === null || onLoad === void 0 ? void 0 : onLoad(__assign({ pageStepIndexes: pageStepIndexes_1 }, result));
             }
         },
-    }), data = _b.data, loading = _b.loading, postAiInterviewResult = _b.run;
+    }), data = _c.data, loading = _c.loading, postAiInterviewResult = _c.run;
     var status = (data === null || data === void 0 ? void 0 : data.data.list[0].status) || NO_ANSWER;
     var handleRefreshSuccess = (0, react_1.useCallback)(function () {
         postAiInterviewResult();
@@ -66,21 +66,34 @@ var AiReportRoot = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         updateState(props);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props]);
+    }, [JSON.stringify(props)]);
     var aiReportResult = (0, react_1.useMemo)(function () {
         if (status === NO_ANSWER) {
             return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", style: { marginTop: '149px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { children: (0, jsx_runtime_1.jsx)("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/CandidateInfoEmpty.png", alt: "", style: { width: '140px', height: '140px' } }) }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ mt: 2 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", color: "textPrimary", style: { fontWeight: '500' } }, { children: "\u8BE5\u5019\u9009\u4EBA\u5C1A\u672A\u5F00\u59CB\u9762\u8BD5" })) })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('sendReminder')) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ style: { marginTop: '2px' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "\u82E5\u957F\u65F6\u95F4\u672A\u5F00\u59CB\uFF0C\u5EFA\u8BAE\u4F60\u7ED9\u5019\u9009\u4EBA\u53D1\u9001\u77ED\u4FE1\u63D0\u9192" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ mt: 2 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ size: "large", variant: "outlined", color: "primary", disabled: reminderSent, onClick: onSendReminderClick }, { children: reminderSent ? '已提醒' : '发送提醒' })) }))] }))] })));
         }
         else {
-            return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ pb: 3, sx: {
-                    background: '#F0F9FF',
-                    backgroundImage: "url('//webcdn.fbmms.cn/assets/9kTa/pmsfSOeFx_7jhhsV9f_ta')",
-                    backgroundSize: 'contain',
-                    backgroundRepeat: 'no-repeat',
-                    backgroundPosition: 'center top',
-                } }, { children: [(0, jsx_runtime_1.jsx)(NotFinish_1.default, {}), (0, jsx_runtime_1.jsx)(ReportHeader_1.default, { customScore: customScore, onRefreshSuccess: handleRefreshSuccess, fetchCandidateInfo: fetchCandidateInfo }), (0, jsx_runtime_1.jsx)(Form_1.FormReport, { fetchFormReuslt: fetchFormReuslt }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Paper, __assign({ variant: "outlined", sx: { zIndex: 1, position: 'relative', mx: 2, borderRadius: 4 } }, { children: (0, jsx_runtime_1.jsx)(VideoQuestion_1.default, {}) }))] })));
+            return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(NotFinish_1.default, {}), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ pb: 3, sx: {
+                            background: '#F0F9FF',
+                            backgroundImage: "url('//webcdn.fbmms.cn/assets/9kTa/pmsfSOeFx_7jhhsV9f_ta')",
+                            backgroundSize: 'contain',
+                            backgroundRepeat: 'no-repeat',
+                            backgroundPosition: 'center top',
+                            paddingTop: (collection === null || collection === void 0 ? void 0 : collection.length) > 0 ? 0 : 3,
+                        } }, { children: [(collection === null || collection === void 0 ? void 0 : collection.length) > 0 && ((0, jsx_runtime_1.jsx)(ReportHeader_1.default, { customScore: customScore, onRefreshSuccess: handleRefreshSuccess, fetchCandidateInfo: fetchCandidateInfo, status: status, fetchReportUrl: fetchReportUrl })), (0, jsx_runtime_1.jsx)(Form_1.FormReport, { fetchFormResult: fetchFormResult }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Paper, __assign({ variant: "outlined", sx: { zIndex: 1, position: 'relative', mx: 2, borderRadius: 4 } }, { children: (0, jsx_runtime_1.jsx)(VideoQuestion_1.default, { isExportPdf: isExportPdf }) }))] }))] }));
         }
-    }, [status, operableButtons, reminderSent, onSendReminderClick, customScore, handleRefreshSuccess, fetchCandidateInfo, fetchFormReuslt]);
+    }, [
+        status,
+        operableButtons,
+        reminderSent,
+        onSendReminderClick,
+        collection === null || collection === void 0 ? void 0 : collection.length,
+        customScore,
+        handleRefreshSuccess,
+        fetchCandidateInfo,
+        fetchReportUrl,
+        fetchFormResult,
+        isExportPdf,
+    ]);
     return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ loading: firstLoad.current && loading, sx: { width: '100%', minHeight: '618px', height: '100%', margin: '0 auto', overflow: 'auto' } }, { children: aiReportResult })));
 });
 AiReportRoot.displayName = 'AiReportRoot';

package/lib/modules/ai-report-v2/components/AIEvaluate/Evaluate.js

@@ -76,7 +76,21 @@ var Evaluate = function (_a) {
             boxShadow: ' 0px 2px 6px 0px rgba(91,108,95,0.15)',
             padding: '8px 24px',
             borderRadius: 1.5,
-        } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canEdit && ((0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ onClick: handleModeChange }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.EditIcon, {}) })))] })), internalMode === 'edit' && ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ width: 1, pr: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", value: content, onChange: handleChange }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ boxSizing: "border-box", mr: 2, mt: 1, spacing: 1, direction: "row", width: 1, justifyContent: "flex-end" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ size: "medium", variant: "text", color: "secondary", onClick: function () {
+        } }, { 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({ sx: {
+                            position: 'relative',
+                            '&:after': {
+                                position: 'absolute',
+                                width: 'calc(100% - 2px)',
+                                background: ' linear-gradient( 90deg, #FFE5A9 0%, #FFB300 100%)',
+                                left: -3,
+                                bottom: 2,
+                                height: 5,
+                                content: '""',
+                                color: 'rgba(0, 0, 0, 0.54)',
+                                display: 'inline-block',
+                                margin: '0 4px',
+                            },
+                        } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontWeight: "medium", zIndex: 1, sx: { position: 'relative', zIndex: 1 } }, { children: title })) })), canEdit && ((0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ onClick: handleModeChange }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.EditIcon, {}) })))] })), internalMode === 'edit' && ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ width: 1, pr: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", value: content, onChange: handleChange }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ boxSizing: "border-box", mr: 2, mt: 1, spacing: 1, direction: "row", width: 1, justifyContent: "flex-end" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ size: "medium", variant: "text", color: "secondary", onClick: function () {
                                     handleModeChange();
                                     // setContent(evaluations?.join('\n'));
                                 } }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "textSecondary", sx: { whiteSpace: 'pre-wrap' } }, { children: content })))] })));

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

@@ -85,7 +85,6 @@ function isInPath(x, y, tx, ty, ctx) {
 var drawTop = function (layout, ctx) {
     // 设置全局样式
     var leftLableWidth = layout.leftLableWidth, height = layout.height, topLableHeight = layout.topLableHeight;
-    ctx.font = '16px sans-serif';
     var offset = leftLableWidth;
     levelOrder.forEach(function (level, i) {
         var _a = levelConf[level], width = _a.width, gradient = _a.gradient, label = _a.label, fontColor = _a.fontColor;
@@ -99,17 +98,16 @@ var drawTop = function (layout, ctx) {
         var labelWidth = measureTextWidth(ctx, label);
         ctx.fillStyle = fontColor;
         ctx.fillText(label, offset + width / 2 - labelWidth / 2, 18);
-        console.log(offset);
         // 绘制垂直虚线
-        drawVerticalDashedLine(ctx, offset - 1, 0, height + topLableHeight - 50, 2, 2);
+        drawVerticalDashedLine(ctx, offset - 1, 0, height + topLableHeight - 54, 2, 2);
         // 绘制分数文本
         ctx.fillStyle = '#4CAF50';
-        ctx.fillText("".concat(levelOrderScore[i]), offset - (i === 0 ? 4 : 8), height + topLableHeight - 40);
+        ctx.fillText("".concat(levelOrderScore[i]), offset - (i === 0 ? 5 : 9), height + topLableHeight - 40);
         offset += width + 1;
         // 绘制结束的虚线和文本 '100'
         if (i === levelOrder.length - 1) {
-            drawVerticalDashedLine(ctx, offset - 2, 0, height + topLableHeight - 50, 2, 2);
-            ctx.fillText('100', offset - 2 - 8, height + topLableHeight - 40);
+            drawVerticalDashedLine(ctx, offset - 2, 0, height + topLableHeight - 54, 2, 2);
+            ctx.fillText('100', offset - 2 - 10, height + topLableHeight - 40);
         }
     });
 };
@@ -170,12 +168,14 @@ var drawScore = function (layout, ctx, config, rect, score) {
     var borderRadius = 12;
     drawRoundedRect(rect.x, rect.y, rect.width, rect.height, borderRadius, true, false, ctx);
     ctx.fillStyle = score < 10 ? '#0D67FF' : '#fff';
-    ctx.fillText("".concat(score), layout.leftLableWidth + rect.width + (score < 10 ? 4 : -24), rect.y + 18);
+    var scoreWidth = measureTextWidth(ctx, "".concat(score));
+    ctx.fillText("".concat(score), layout.leftLableWidth + rect.width + (score < 10 ? 4 : -scoreWidth - 4), rect.y + 18);
 };
 var draw = function (layout, dimensions, pathRef, ctx) {
+    ctx.font = '16px sans-serif';
     ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
-    drawTop(layout, ctx);
     dimensions.forEach(function (v, i) {
+        var _a;
         var config = getLevel(v.score);
         // 绘制圆角矩形
         var borderRadius = 12;
@@ -186,20 +186,22 @@ var draw = function (layout, dimensions, pathRef, ctx) {
         drawRoundedRect(x, y, MAX_WIDTH, MAX_HEIGHT, borderRadius, true, false, ctx);
         var endPointY = 65 + layout.itemSpacing * i;
         drawLable(v.name, 10, endPointY, ctx);
+        var score = (_a = v.score) !== null && _a !== void 0 ? _a : (v.score < 4 ? 4 : v.score);
         drawScore(layout, ctx, config, {
             x: layout.leftLableWidth,
             y: y,
-            width: MAX_WIDTH * (v.score / 100),
+            width: MAX_WIDTH * (score / 100),
             height: MAX_HEIGHT,
         }, v.score);
     });
+    drawTop(layout, ctx);
 };
 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 height = (0, react_1.useMemo)(function () { return 36 * items.length + 40 + 30; }, [items]);
+    var height = (0, react_1.useMemo)(function () { return 36 * items.length + 50 + 35; }, [items]);
     (0, react_1.useEffect)(function () {
         if (items.length === 0)
             return;

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

@@ -25,10 +25,10 @@ var Index = function () {
     var _b = (reportResult || {}).collection, collection = _b === void 0 ? [] : _b;
     var items = collection.map(function (item) { return ({
         name: item.name,
-        score: item.score,
+        score: item.avgScore,
     }); });
     if (!showAiDimension)
         return null;
-    return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ id: "report-evaluate", px: 2, mt: 2, width: 1 }, { children: (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ component: mui_1.Paper, elevation: 0, bgcolor: "transparent", mb: 2, pb: 2 }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, { 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({ mt: 2, flex: 1 }, { children: (0, jsx_runtime_1.jsx)(Graph_1.default, { items: items }) })), (0, jsx_runtime_1.jsx)(Report_1.default, {})] })), (reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation) && ((0, jsx_runtime_1.jsx)(Evaluate_1.default, { token: "", canEdit: canEditAiDimension, evaluations: reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation, title: "\u8BC4\u4EF7\u5185\u5BB9", field: "evaluations", mode: "show" }))] }) })) })));
+    return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ id: "report-evaluate", px: 2, width: 1 }, { children: (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ component: mui_1.Paper, elevation: 0, bgcolor: "transparent", mb: 2, pb: 2 }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, { 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({ mt: 2, flex: 1 }, { children: (0, jsx_runtime_1.jsx)(Graph_1.default, { items: items }) })), (0, jsx_runtime_1.jsx)(Report_1.default, {})] })), (reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation) && ((0, jsx_runtime_1.jsx)(Evaluate_1.default, { token: "", canEdit: canEditAiDimension, evaluations: reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation, title: "\u7EFC\u5408\u8BC4\u4EF7", field: "evaluations", mode: "show" }))] }) })) })));
 };
 exports.default = Index;

package/lib/modules/ai-report-v2/components/Candidate/Candidate.js

@@ -29,11 +29,16 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_1 = require("../styled");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var utils_1 = require("../../../../utils/utils");
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
 var react_1 = require("react");
 var Form = function (_a) {
     var fetchCandidateInfo = _a.fetchCandidateInfo;
+    var reportResult = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult]; }).reportResult;
+    var steps = (reportResult || {}).steps;
+    var duration = (0, react_1.useMemo)(function () { return (0, utils_1.getSecondToTime)((steps === null || steps === void 0 ? void 0 : steps.reduce(function (acc, cur) { return acc + cur.answer.media.durationTime; }, 0)) || 0); }, [steps]);
     var _b = __read((0, react_1.useState)({ name: '', mobile: '', processName: '', positionName: '', avatar: '', tags: [] }), 2), data = _b[0], setData = _b[1];
     (0, react_1.useEffect)(function () {
         if (fetchCandidateInfo) {
@@ -41,6 +46,12 @@ var Form = function (_a) {
         }
     }, [fetchCandidateInfo]);
     var name = data.name, mobile = data.mobile, positionName = data.positionName, avatar = data.avatar, tags = data.tags;
-    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row" }, { children: [(0, jsx_runtime_1.jsx)(styled_1.ReportAvatar, { sx: { mx: 3 }, avatar: avatar }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1 }, { children: [(0, jsx_runtime_1.jsx)(styled_1.DinTypography, __assign({ sx: { fontSize: 18 } }, { children: positionName })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1" }, { children: [name, " ", mobile] })), (0, jsx_runtime_1.jsx)(mui_1.Stack, __assign({ direction: "row" }, { children: tags === null || tags === void 0 ? void 0 : tags.map(function (tag) { return ((0, jsx_runtime_1.jsx)(styled_1.ReportTag, { children: tag }, tag.token)); }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { children: "\u9762\u8BD5\u65F6\u957F\uFF1A12\u520632\u79D2" })] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", minHeight: 221, mt: 13.25 }, { children: [(0, jsx_runtime_1.jsx)(styled_1.ReportAvatar, { sx: { mx: 3 }, avatar: avatar }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1 }, { children: [(0, jsx_runtime_1.jsx)(styled_1.DinTypography, __assign({ sx: { fontSize: 18 } }, { children: positionName })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1" }, { children: [name, " ", mobile] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: {
+                            display: 'flex',
+                            flexWrap: 'wrap',
+                            gap: '8px',
+                            alignItems: 'flex-start',
+                            width: '450px',
+                        } }, { children: tags === null || tags === void 0 ? void 0 : tags.map(function (tag) { return ((0, jsx_runtime_1.jsx)(styled_1.ReportTag, { children: tag.name }, tag.token)); }) })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, { children: ["\u9762\u8BD5\u65F6\u957F\uFF1A", duration] })] }))] })));
 };
 exports.default = (0, react_1.memo)(Form);

package/lib/modules/ai-report-v2/components/Candidate/Interface.d.ts

@@ -10,4 +10,7 @@ interface Tag {
     name: string;
     token: string;
 }
+export interface AiReportUrl {
+    url: string;
+}
 export {};

package/lib/modules/ai-report-v2/components/Candidate/Podium.js

@@ -47,6 +47,6 @@ var Form = function () {
             setText('');
         }
     }, [score, reportRank, scoreRankIntervals, progress]);
-    return ((0, jsx_runtime_1.jsx)(styled_1.Podium, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", position: "relative", bottom: -128, left: 88 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1, direction: "row", justifyContent: "center", width: 300 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { fontSize: 100, fontWeight: 'bold', lineHeight: 1 }, color: "inherit" }, { children: score })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "h5", color: "inherit", sx: { fontSize: 30, fontWeight: 'bold', alignSelf: 'flex-end' } }, { children: "\u5206" }))] })), (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) !== 0 && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ color: "inherit", fontWeight: 500 }, { children: [text, "\u00A0"] })), (0, jsx_runtime_1.jsx)(styled_1.BeatProgressBar, { children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar-fill", style: { width: "".concat(progress, "%") } }) })] })))] })) }));
+    return ((0, jsx_runtime_1.jsx)(styled_1.Podium, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", position: "relative", bottom: -128, left: 88, spacing: 1.5 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1, direction: "row", justifyContent: "center", width: 300 }, { children: [(0, jsx_runtime_1.jsx)(styled_1.DinTypography, __assign({ sx: { fontSize: 100, fontWeight: 'bold', lineHeight: 1 }, color: "inherit" }, { children: score })), (0, jsx_runtime_1.jsx)(styled_1.DinTypography, __assign({ variant: "h5", color: "inherit", sx: { fontSize: 30, fontWeight: 'bold', alignSelf: 'flex-end' } }, { children: "\u5206" }))] })), (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) !== 0 && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1, mt: 6.25 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ color: "inherit", fontWeight: 500 }, { children: [text, "\u00A0"] })), (0, jsx_runtime_1.jsx)(styled_1.BeatProgressBar, { children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar-fill", style: { width: "".concat(progress, "%") } }) })] })))] })) }));
 };
 exports.default = Form;

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

@@ -17,10 +17,10 @@ var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QUESTION_TYPE = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = require("../styled");
 var Nps_1 = __importDefault(require("./Nps"));
 var react_photo_view_1 = require("../../../../components/react-photo-view");
 var dayjs_1 = __importDefault(require("dayjs"));
-var fbm_icons_1 = require("fbm-icons");
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
 var QUESTION_TYPE;
@@ -35,8 +35,8 @@ var QUESTION_TYPE;
     QUESTION_TYPE[QUESTION_TYPE["NPS"] = 9] = "NPS";
 })(QUESTION_TYPE = exports.QUESTION_TYPE || (exports.QUESTION_TYPE = {}));
 var Image = function (answer) {
-    var _a, _b;
-    return ((0, jsx_runtime_1.jsx)(react_photo_view_1.PhotoProvider, __assign({ maskOpacity: 0.5 }, { children: (_b = (_a = answer.formAnswer) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.map(function (url) { return ((0, jsx_runtime_1.jsx)(react_photo_view_1.PhotoView, __assign({ src: url }, { children: (0, jsx_runtime_1.jsx)("img", { src: url, alt: url, width: 48, height: 32 }) }), url)); }) })));
+    var _a, _b, _c;
+    return ((0, jsx_runtime_1.jsx)(react_photo_view_1.PhotoProvider, __assign({ maskOpacity: 0.5 }, { children: (_c = (_b = (_a = answer.formAnswer) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.filter(function (v) { return v; })) === null || _c === void 0 ? void 0 : _c.map(function (url) { return ((0, jsx_runtime_1.jsx)(react_photo_view_1.PhotoView, __assign({ src: url }, { children: (0, jsx_runtime_1.jsx)("img", { src: url, alt: url, width: 48, height: 32 }) }), url)); }) })));
 };
 var fillBlanks = function (answer) { var _a, _b; return (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: (_b = (_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.answer) === null || _b === void 0 ? void 0 : _b.join(',') })); };
 var Choice = function (answer) {
@@ -52,7 +52,12 @@ var template = (_a = {},
     _a[QUESTION_TYPE.RADIO] = Choice,
     _a[QUESTION_TYPE.CHECKBOX] = Choice,
     _a[QUESTION_TYPE.ESSAY_QUESTION] = function (answer) { var _a; return (_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.answer; },
-    _a[QUESTION_TYPE.TIME] = function (answer) { var _a, _b; return ((_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.dateTime) && (0, dayjs_1.default)(Number((_b = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _b === void 0 ? void 0 : _b.dateTime) * 1000).format('YYYY年MM月DD日'); },
+    _a[QUESTION_TYPE.TIME] = function (answer) {
+        var _a, _b, _c;
+        return ((_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.dateTime) &&
+            !isNaN((_b = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _b === void 0 ? void 0 : _b.dateTime) &&
+            (0, dayjs_1.default)(Number((_c = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _c === void 0 ? void 0 : _c.dateTime) * 1000).format('YYYY年MM月DD日');
+    },
     _a[QUESTION_TYPE.SCHOOL] = function (answer) { var _a; return (_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.answer; },
     _a[QUESTION_TYPE.FILL_BLANKS] = fillBlanks,
     _a[QUESTION_TYPE.NPS] = Nps_1.default,
@@ -60,16 +65,23 @@ 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({ component: fbm_ui_1.Paper, m: 3, pt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "h6", sx: {
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ component: fbm_ui_1.Paper, m: 3, pt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", sx: {
+                    height: 40,
                     pl: 3,
+                    pr: 4,
                     color: '#009D56',
                     background: 'url(//webcdn.fbmms.cn/assets/yt-b/yf2BqqIlr8Xtb8N2o44t1) no-repeat center center',
                     backgroundSize: 'contain',
-                    width: 24 + (56 / 4) * customProcessName.length + 84,
+                    width: 'fit-content',
+                    overflow: 'hidden',
                     mb: 2,
-                    display: 'flex',
                     alignItems: 'center',
-                } }, { children: [(0, jsx_runtime_1.jsx)(fbm_icons_1.EditIcon, {}), customProcessName] })), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ p: 3, pt: 0 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", sx: {
+                } }, { children: [(0, jsx_runtime_1.jsx)("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/Vj2m/QMPCkdJ4uQYCS0ovOtKJ5", alt: "", width: 20, height: 20 }), (0, jsx_runtime_1.jsx)(styled_1.DinTypography, __assign({ variant: "h6", sx: {
+                            ml: 1,
+                            color: '#009D56',
+                            lineHeight: '24px',
+                            width: 'auto',
+                        } }, { children: customProcessName }))] })), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ p: 3, pt: 0 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", sx: {
                             background: '#E5FDE6',
                             color: '#009D56',
                             borderRadius: 20,
@@ -83,7 +95,7 @@ var Form = function (_a) {
                             return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", sx: {
                                             py: 1,
                                             px: 2,
-                                        } }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { width: 52 } }, { children: [index + 1, " -", answer.formTypeId] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", flex: 1, mr: 7 }, { children: answer.formTypeKey })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", flex: 1 }, { children: (_a = template[answer.formTypeId]) === null || _a === void 0 ? void 0 : _a.call(template, answer) }))] }), index), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: { background: '#fff', height: 2, mx: 1 } })] }));
+                                        } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { width: 52 } }, { children: index + 1 })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", flex: 1, mr: 7 }, { children: answer.formTypeKey })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", flex: 1 }, { children: (_a = template[answer.formTypeId]) === null || _a === void 0 ? void 0 : _a.call(template, answer) }))] }), index), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: { background: '#fff', height: 2, mx: 1 } })] }));
                         }) }))] }))] })));
 };
 exports.default = Form;

package/lib/modules/ai-report-v2/components/Form/Forms.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { FormReports } from './interface';
 export interface FormsProps {
-    fetchFormReuslt: () => Promise<FormReports>;
+    fetchFormResult: () => Promise<FormReports>;
 }
-declare const Forms: ({ fetchFormReuslt }: {
-    fetchFormReuslt: any;
+declare const Forms: ({ fetchFormResult }: {
+    fetchFormResult: any;
 }) => JSX.Element;
 export default Forms;

package/lib/modules/ai-report-v2/components/Form/Forms.js

@@ -34,17 +34,17 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var Form_1 = __importDefault(require("./Form"));
 var react_1 = require("react");
 var Forms = function (_a) {
-    var fetchFormReuslt = _a.fetchFormReuslt;
+    var fetchFormResult = _a.fetchFormResult;
     var _b = __read((0, react_1.useState)([]), 2), data = _b[0], setData = _b[1];
     (0, react_1.useEffect)(function () {
-        if (fetchFormReuslt) {
-            fetchFormReuslt()
+        if (fetchFormResult) {
+            fetchFormResult()
                 .then(function (res) {
                 setData(res);
             })
                 .catch(console);
         }
-    }, [fetchFormReuslt]);
+    }, [fetchFormResult]);
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: data.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(Form_1.default, __assign({}, item), index)); }) }));
 };
 exports.default = Forms;

package/lib/modules/ai-report-v2/components/Form/Nps.d.ts

@@ -2,5 +2,5 @@
 declare const Nps: ({ formAnswer, formItemOption }: {
     formAnswer: any;
     formItemOption: any;
-}) => JSX.Element;
+}) => JSX.Element | null;
 export default Nps;

package/lib/modules/ai-report-v2/components/Form/Nps.js

@@ -48,6 +48,8 @@ var Nps = function (_a) {
     var fromScore = (from === null || from === void 0 ? void 0 : from.score) || 0;
     var toScore = (to === null || to === void 0 ? void 0 : to.score) || 0;
     var npsData = __spreadArray([], __read(Array.from(new Array(toScore + 1 - fromScore).keys())), false).map(function (i) { return i + fromScore; });
+    if (!answer)
+        return null;
     return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex" }, { children: typeof answer === 'string' &&
                     npsData.map(function (value) {
                         var isSelect = value <= Number(answer);

package/lib/modules/ai-report-v2/components/ReportHeader/ReportHeader.d.ts

@@ -1,13 +1,17 @@
 /// <reference types="react" />
-import { CandidateInfo } from '../Candidate/Interface';
+import { AiReportUrl, CandidateInfo } from '../Candidate/Interface';
 export interface ReportHeaderProps {
+    status: number;
     customScore?: number;
     onRefreshSuccess: () => void;
     fetchCandidateInfo: () => Promise<CandidateInfo>;
+    fetchReportUrl: () => Promise<AiReportUrl>;
 }
-declare const ReportHeader: ({ customScore, onRefreshSuccess, fetchCandidateInfo }: {
+declare const ReportHeader: ({ customScore, onRefreshSuccess, fetchCandidateInfo, status, fetchReportUrl }: {
     customScore: any;
     onRefreshSuccess: any;
     fetchCandidateInfo: any;
+    status: any;
+    fetchReportUrl: any;
 }) => JSX.Element;
 export default ReportHeader;

package/lib/modules/ai-report-v2/components/ReportHeader/ReportHeader.js

@@ -34,7 +34,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var AIEvaluate_1 = __importDefault(require("../AIEvaluate"));
 var Candidate_1 = require("../Candidate");
 var styled_1 = require("../styled");
-var ai_report_1 = require("../../../../services/ai-report");
+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 utils_1 = require("../../../../utils/utils");
 var ahooks_1 = require("ahooks");
@@ -44,22 +45,23 @@ var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
 var react_1 = require("react");
 var ReportHeader = function (_a) {
-    var customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess, fetchCandidateInfo = _a.fetchCandidateInfo;
+    var customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess, fetchCandidateInfo = _a.fetchCandidateInfo, status = _a.status, fetchReportUrl = _a.fetchReportUrl;
     var _b = __read((0, react_1.useState)(false), 2), openRefresh = _b[0], setOpenRefresh = _b[1];
-    var _c = (0, global_store_1.useAiReportStore)(function (store) { return [
+    var _c = __read((0, react_1.useState)(null), 2), reportUrl = _c[0], setReportUrl = _c[1];
+    var _d = (0, global_store_1.useAiReportStore)(function (store) { return [
         store.token,
         store.reportResult,
         store.operableButtons,
-    ]; }), token = _c.token, reportResult = _c.reportResult, operableButtons = _c.operableButtons, onExportReportClick = _c.onExportReportClick;
-    var _d = reportResult || {}, score = _d.score, createTime = _d.createTime, model = _d.model;
-    var _e = __read((0, react_1.useState)(score || 0), 2), feScore = _e[0], setScore = _e[1];
-    var _f = (0, ahooks_1.useRequest)(function () { return (0, ai_report_1.PostAiInterviewRefresh)(token); }, {
+    ]; }), token = _d.token, reportResult = _d.reportResult, operableButtons = _d.operableButtons, onExportReportClick = _d.onExportReportClick;
+    var _e = reportResult || {}, score = _e.score, createTime = _e.createTime, model = _e.model;
+    var _f = __read((0, react_1.useState)(score || 0), 2), feScore = _f[0], setScore = _f[1];
+    var _g = (0, ahooks_1.useRequest)(function () { return (0, ai_report_2.PostAiInterviewRefresh)(token); }, {
         manual: true,
         onSuccess: function () {
             onRefreshSuccess();
             fbm_ui_1.Message.success('刷新成功');
         },
-    }), run = _f.run, loading = _f.loading;
+    }), run = _g.run, loading = _g.loading;
     var level = (0, react_1.useMemo)(function () {
         if (feScore >= 80)
             return 'high';
@@ -67,6 +69,16 @@ var ReportHeader = function (_a) {
             return 'middle';
         return 'low';
     }, [feScore]);
+    (0, react_1.useEffect)(function () {
+        if (!fetchReportUrl)
+            return;
+        fetchReportUrl()
+            .then(function (_a) {
+            var url = _a.url;
+            setReportUrl(url);
+        })
+            .catch(function () { return fbm_ui_1.Message.error('获取报告链接失败'); });
+    }, [fetchReportUrl]);
     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: run }, { children: "\u5237\u65B0" })) }))] })));
     (0, react_1.useEffect)(function () {
         if (typeof customScore === 'number' && customScore > -1) {
@@ -78,10 +90,19 @@ var ReportHeader = function (_a) {
         if (!loading)
             setOpenRefresh(false);
     }, [loading, customScore, score]);
-    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [model === 'pro' && (0, jsx_runtime_1.jsx)(styled_1.ReportBadge, {}), (0, jsx_runtime_1.jsx)(styled_1.ReportLabel, { level: level }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", sx: { width: 'calc(100% - 180px)' } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", pl: 3, py: 3 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", sx: {
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ position: "relative" }, { children: [model === 'pro' && (0, jsx_runtime_1.jsx)(styled_1.ReportBadge, {}), (0, jsx_runtime_1.jsx)(styled_1.ReportLabel, { level: status === ai_report_1.INTERVIEW_STATUS.COMPLETED ? level : 'calculation' }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", sx: {
+                    width: 'calc(100% - 180px)',
+                    position: 'absolute',
+                    top: 0,
+                    zIndex: 2,
+                } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", pl: 3, py: 3 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", sx: {
                                     color: 'rgba(74, 74, 74, 0.86)',
-                                } }, { children: ["\u62A5\u544A\u751F\u6210\u65F6\u95F4\uFF1A", (0, dayjs_1.default)(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (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)(fbm_ui_1.IconButton, __assign({ size: "small", onClick: function () { return setOpenRefresh(true); } }, { children: (0, jsx_runtime_1.jsx)(fbm_icons_1.RefreshIcon, { sx: {
+                                } }, { children: ["\u62A5\u544A\u751F\u6210\u65F6\u95F4\uFF1A", (0, dayjs_1.default)(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (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)(fbm_ui_1.IconButton, __assign({ onClick: function () { return setOpenRefresh(true); } }, { children: (0, jsx_runtime_1.jsx)(fbm_icons_1.RefreshIcon, { sx: {
                                             color: '#009908',
-                                        } }) })) })))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "h5", textAlign: "center", color: "#009D56", sx: { fontFamily: 'DIN Alternate-Bold', alignSelf: 'center' } }, { children: "AI \u9762\u8BD5\u62A5\u544A" })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ endIcon: (0, jsx_runtime_1.jsx)(fbm_icons_1.ShareIcon, {}), variant: "outlined", onClick: onExportReportClick, sx: { borderRadius: 18 } }, { children: "\u5BFC\u51FA\u62A5\u544A" })))] })), (0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [fetchCandidateInfo && (0, jsx_runtime_1.jsx)(Candidate_1.CandidateReport, { fetchCandidateInfo: fetchCandidateInfo }), !fetchCandidateInfo && (0, jsx_runtime_1.jsx)(Candidate_1.PodiumReport, { score: (0, utils_1.formatScore)(feScore || 0) })] }), (0, jsx_runtime_1.jsx)(mui_1.Stack, __assign({ width: 1, direction: "row" }, { children: (0, jsx_runtime_1.jsx)(AIEvaluate_1.default, {}) }))] }));
+                                        } }) })) })))] })), (0, jsx_runtime_1.jsx)(styled_1.DinTypography, __assign({ variant: "h5", textAlign: "center", color: "#009D56", sx: { alignSelf: 'center' } }, { children: "AI \u9762\u8BD5\u62A5\u544A" })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ endIcon: (0, jsx_runtime_1.jsx)(fbm_icons_1.ShareIcon, {}), variant: "text", onClick: onExportReportClick, sx: { borderRadius: 18, border: '1px solid #4caf50' } }, { children: "\u5BFC\u51FA\u62A5\u544A" }))) : reportUrl ? ((0, jsx_runtime_1.jsx)("a", __assign({ href: reportUrl, title: "\u67E5\u770B\u5728\u7EBF\u62A5\u544A" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ endIcon: (0, jsx_runtime_1.jsx)(fbm_icons_1.ShareIcon, {}), variant: "text", sx: { borderRadius: 18, border: '1px solid #4caf50' } }, { children: "\u67E5\u770B\u5728\u7EBF\u62A5\u544A" })) }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, {}))] })), (0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [fetchCandidateInfo && status === ai_report_1.INTERVIEW_STATUS.COMPLETED && (0, jsx_runtime_1.jsx)(Candidate_1.CandidateReport, { fetchCandidateInfo: fetchCandidateInfo }), !fetchCandidateInfo && status === ai_report_1.INTERVIEW_STATUS.COMPLETED && (0, jsx_runtime_1.jsx)(Candidate_1.PodiumReport, { score: (0, utils_1.formatScore)(feScore || 0) }), status !== ai_report_1.INTERVIEW_STATUS.COMPLETED && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: {
+                            position: 'relative',
+                            width: 541,
+                            height: 342,
+                        } }))] }), status === ai_report_1.INTERVIEW_STATUS.COMPLETED && ((0, jsx_runtime_1.jsx)(mui_1.Stack, __assign({ width: 1, direction: "row" }, { children: (0, jsx_runtime_1.jsx)(AIEvaluate_1.default, {}) })))] })));
 };
 exports.default = ReportHeader;

package/lib/modules/ai-report-v2/components/VideoQuestion/Abilities.js

@@ -41,7 +41,7 @@ var Abilities = function (_a) {
     return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary", mb: 1 }, { children: "\u5206\u503C\u8BA1\u7B97\u89C4\u5219\uFF1A\u7EFC\u5408\u8BC4\u5206=AI\u8BC4\u5206*\u5355\u9898\u6743\u91CD" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ mt: 3 }, { children: steps &&
                     steps[stepIndex].scoreInfo.abilities.map(function (_a, index) {
                         var name = _a.name, originScore = _a.originScore, finalScore = _a.finalScore;
-                        return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: name })), (0, jsx_runtime_1.jsx)(ScoreSlider_1.default, { width: 420, disabledScore: disabledScore, isShowLabel: true, originScore: originScore, finalScore: finalScore, valueLabelDisplay: "".concat(disabledScore ? 'off' : 'auto'), onChangeCommitted: function (score) { return handleChangeCommitted(score, index, 'ability'); } })] }, name));
+                        return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: name })), (0, jsx_runtime_1.jsx)(ScoreSlider_1.default, { width: 604, disabledScore: disabledScore, isShowLabel: true, originScore: originScore, finalScore: finalScore, valueLabelDisplay: "".concat(disabledScore ? 'off' : 'auto'), onChangeCommitted: function (score) { return handleChangeCommitted(score, index, 'ability'); } })] }, name));
                     }) }))] })));
 };
 exports.default = Abilities;

package/lib/modules/ai-report-v2/components/VideoQuestion/QuestionItem.js

@@ -41,7 +41,6 @@ var styled_2 = require("./styled");
 var Workplaces_1 = __importDefault(require("./Workplaces"));
 var ai_question_1 = require("../../../../enum/ai-question");
 var ai_report_1 = require("../../../../enum/ai-report");
-var FormatQuote_1 = __importDefault(require("@mui/icons-material/FormatQuote"));
 var global_store_1 = require("../../../../store/ai-report/global-store");
 var utils_1 = require("../../../../utils/utils");
 var fbm_ui_1 = require("fbm-ui");
@@ -51,14 +50,18 @@ var immutability_helper_1 = __importDefault(require("immutability-helper"));
 var react_2 = require("react");
 var STEP_NO_ANSWER = ai_report_1.INTERVIEW_STEP_STATUS.STEP_NO_ANSWER, STEP_COMPLETED = ai_report_1.INTERVIEW_STEP_STATUS.STEP_COMPLETED, STEP_FAILED = ai_report_1.INTERVIEW_STEP_STATUS.STEP_FAILED, STEP_IN_CALCULATION = ai_report_1.INTERVIEW_STEP_STATUS.STEP_IN_CALCULATION;
 var QuestionItem = function (props) {
-    var token = props.token, reviewImgs = props.reviewImgs, followupQuestions = props.followupQuestions, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, options = _b.options, aiShowType = _b.aiShowType, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities, workplaceEvaluation = _c.workplaceEvaluation;
+    var token = props.token, reviewImgs = props.reviewImgs, followupQuestions = props.followupQuestions, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, options = _b.options, aiShowType = _b.aiShowType, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities, workplaceEvaluation = _c.workplaceEvaluation, workplaceName = _c.workplaceName, isExportPdf = props.isExportPdf;
     var _d = __read((0, react_2.useState)(false), 2), showAbilities = _d[0], setShowAbilities = _d[1];
-    var _e = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult, store.stepToken, store.operableButtons, store.showAbilitiesDetails]; }), reportResult = _e.reportResult, stepToken = _e.stepToken, operableButtons = _e.operableButtons, showAbilitiesDetails = _e.showAbilitiesDetails, updateState = _e.updateState, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange, onStepChange = _e.onStepChange;
+    var _e = (0, global_store_1.useAiReportStore)(function (store) { return [
+        store.reportResult,
+        store.stepToken,
+        store.operableButtons,
+        store.showAbilitiesDetails,
+    ]; }), reportResult = _e.reportResult, operableButtons = _e.operableButtons, showAbilitiesDetails = _e.showAbilitiesDetails, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange;
     var steps = (reportResult || {}).steps;
     var isAbilities = operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('abilities');
     var isExistWeight = Number(weight) > 0;
     var isShowAbilitiesButton = abilities.length > 0 && isAbilities && !showAbilitiesDetails;
-    var isShowWeight = abilities.length === 0 || showAbilities || !isAbilities || showAbilitiesDetails;
     var isShowAbilitiesDetails = abilities.length > 0 && (showAbilities || showAbilitiesDetails);
     var isSingleChoice = aiShowType === ai_question_1.ADD_QUESTION_TYPE.SINGLECHIOCE;
     var comprehensiveScore = (0, react_2.useMemo)(function () {
@@ -103,20 +106,23 @@ var QuestionItem = function (props) {
                 score: score,
             });
     }, [index, reportResult, steps, updateReportResult, onScoreChange, isSingleChoice]);
-    var handleClickItem = (0, react_2.useCallback)(function (e) {
-        e.stopPropagation();
-        if (videoUrl) {
-            updateState({ stepToken: token });
-            onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(token);
-        }
-    }, [token, videoUrl, onStepChange, updateState]);
     return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ sx: {
             padding: '16px 24px',
             mt: 2,
-        }, onClick: handleClickItem }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 4 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ flex: 1 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { backgroundColor: ThemeProvider_1.theme.palette.primary.main, color: '#fff', px: 0.5, borderRadius: '4px 4px 4px 4px', lineHeight: 1 } }, { children: index + 1 })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: token === stepToken ? ThemeProvider_1.theme.palette.primary.main : ThemeProvider_1.theme.palette.text.primary }, { children: desc }))] })), (0, jsx_runtime_1.jsxs)(styled_2.QuestionDesc, { children: [(0, jsx_runtime_1.jsx)(BodyImages_1.default, { reviewImgs: reviewImgs }), (0, jsx_runtime_1.jsx)(FormatQuote_1.default, {}), status === STEP_IN_CALCULATION ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isSingleChoice && (0, jsx_runtime_1.jsx)(SingleChoice_1.default, { options: options || [], selected: (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.selected) || [] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { variant: "caption", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === ai_question_1.QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), followupQuestions === null || followupQuestions === void 0 ? void 0 : followupQuestions.map(function (v) {
-                                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ mt: 1, fontSize: 14, color: token === stepToken ? ThemeProvider_1.theme.palette.primary.main : ThemeProvider_1.theme.palette.text.primary }, { children: "\u8FFD\u95EE\uFF1A".concat(v === null || v === void 0 ? void 0 : v.desc) })), (0, jsx_runtime_1.jsxs)(styled_2.QuestionDesc, { children: [(0, jsx_runtime_1.jsx)(FormatQuote_1.default, {}), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: v === null || v === void 0 ? void 0 : v.answer }))] })] }));
-                            })] })), (0, jsx_runtime_1.jsx)(styled_1.Video, { src: videoUrl, controls: true })] })), isExistWeight && status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 2, display: "flex" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), isShowWeight && (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ScoreSlider_1.default, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 150, textAlign: "right" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500, noWrap: true }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && (0, jsx_runtime_1.jsx)(Abilities_1.default, { stepIndex: index, disabledScore: isSingleChoice }), abilities.map(function (v) { return ((0, react_1.createElement)(Workplaces_1.default, __assign({}, v, { key: v.token }))); }), workplaceEvaluation && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 500, sx: { color: '#4caf50' } }, { children: "AI\u8BC4\u4EF7" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { variant: "caption", sx: {
-                            color: '#424242',
-                        }, dangerouslySetInnerHTML: { __html: workplaceEvaluation } })] })))] }), token));
+        } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 4 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ flex: 1 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: {
+                                            backgroundColor: ThemeProvider_1.theme.palette.primary.main,
+                                            color: '#fff',
+                                            fontSize: 16,
+                                            borderRadius: '4px 4px 4px 4px',
+                                            lineHeight: '16px',
+                                            alignSelf: 'flex-start',
+                                            py: 0.25,
+                                            px: 0.5,
+                                            minWidth: 12,
+                                        } }, { children: index + 1 })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: ThemeProvider_1.theme.palette.primary.main }, { children: desc }))] })), (0, jsx_runtime_1.jsxs)(styled_2.QuestionDesc, { children: [(0, jsx_runtime_1.jsx)(BodyImages_1.default, { reviewImgs: reviewImgs }), (0, jsx_runtime_1.jsx)("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/OYDO/1-c2bdx4v1upzLDJ4Ko-c", alt: "", width: 18, height: 11 }), status === STEP_IN_CALCULATION ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isSingleChoice && (0, jsx_runtime_1.jsx)(SingleChoice_1.default, { options: options || [], selected: (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.selected) || [] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { variant: "caption", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === ai_question_1.QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), followupQuestions === null || followupQuestions === void 0 ? void 0 : followupQuestions.map(function (v) {
+                                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ mt: 1, fontSize: 14, color: ThemeProvider_1.theme.palette.primary.main }, { children: "\u8FFD\u95EE\uFF1A".concat(v === null || v === void 0 ? void 0 : v.desc) })), (0, jsx_runtime_1.jsxs)(styled_2.QuestionDesc, { children: [(0, jsx_runtime_1.jsx)("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/OYDO/1-c2bdx4v1upzLDJ4Ko-c", alt: "", width: 18, height: 11 }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: v === null || v === void 0 ? void 0 : v.answer }))] })] }));
+                            })] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ position: "relative" }, { children: [(0, jsx_runtime_1.jsx)(styled_1.Video, { src: videoUrl, controls: true }), isExportPdf && (0, jsx_runtime_1.jsx)(styled_1.ExportButton, __assign({ href: videoUrl }, { children: "\u67E5\u770B\u89C6\u9891" }))] }))] })), isExistWeight && status !== STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", alignItems: "center", pl: 2 }, { children: workplaceName && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5, mb: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { color: '#4CAF50' }, variant: "body2", fontWeight: "medium" }, { children: "\u8003\u6838\u70B9\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: workplaceName }))] }))) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 150, textAlign: "right" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500, noWrap: true }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore, "\u5206"] })) }))] }))), isExistWeight && status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ mt: 3, spacing: 1, component: mui_1.Paper, variant: "outlined", sx: { border: '1px solid #9BCC9B', background: '#F7FFF7' }, p: 2 }, { children: [workplaceName && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5, mb: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { color: '#4CAF50' }, variant: "body2", fontWeight: "medium" }, { children: "\u8003\u6838\u70B9\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: workplaceName }))] }))), isExistWeight && status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 2, display: "flex" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ScoreSlider_1.default, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 150, textAlign: "right" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500, noWrap: true }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore, "\u5206"] })) }))] }))), isShowAbilitiesDetails && (0, jsx_runtime_1.jsx)(Abilities_1.default, { stepIndex: index, disabledScore: isSingleChoice }), abilities.map(function (v) { return ((0, react_1.createElement)(Workplaces_1.default, __assign({}, v, { key: v.token }))); }), workplaceEvaluation && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#4caf50' } }, { children: "AI\u8BC4\u4EF7" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { variant: "caption", sx: {
+                                    color: '#424242',
+                                }, dangerouslySetInnerHTML: { __html: workplaceEvaluation } })] }))] })))] }), token));
 };
 exports.default = QuestionItem;