pcm-agents 0.2.2 → 0.2.4

package/dist/collection/components/pcm-hr-chat-modal/pcm-hr-chat-modal.css

@@ -682,7 +682,7 @@
 /* 修改 recording-status 样式 */
 .recording-status {
   position: absolute;
-  bottom: 10px;
+  top: 10px;
   left: 10px;
   background-color: rgba(0, 0, 0, 0.6);
   color: white;
@@ -799,4 +799,37 @@
 
 .recording-controls .stop-recording-button.disabled:hover {
   background: #ccc;
+}
+
+/* 添加进度条和数字进度的样式 */
+.progress-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  max-width: 400px;
+  margin-top: 10px;
+  padding: 0 5px;
+}
+
+.progress-bar-container {
+  height: 4px;
+  background-color: #E5E5E5;
+  border-radius: 2px;
+  overflow: hidden;
+  margin-right: 10px;
+  width: 75px;
+}
+
+.progress-bar {
+  height: 100%;
+  background-image: linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);
+  border-radius: 2px;
+  transition: width 0.3s ease;
+}
+
+.progress-text {
+  font-size: 14px;
+  color: #666;
+  white-space: nowrap;
 }

package/dist/collection/components/pcm-hr-chat-modal/pcm-hr-chat-modal.js

@@ -133,9 +133,9 @@ export class ChatHRModal {
     countdownWarningTime = 30;
     showCountdownWarning = false;
     /**
-     * 用户邮箱
+     * 接收报告的邮箱地址
      */
-    email = '';
+    toEmail = '';
     /**
      * 是否以全屏模式打开
      */
@@ -150,10 +150,6 @@ export class ChatHRModal {
     isPlayingAudio = false;
     audioUrl = null;
     audioElement = null;
-    /**
-     * 欢迎提示语，如果不提供则不显示提示
-     */
-    welcomeMessage;
     /**
      * 录制错误事件
      */
@@ -166,6 +162,16 @@ export class ChatHRModal {
      * 是否播放语音问题
      */
     enableVoice = true;
+    /**
+     * 是否显示题干内容
+     * 1: 显示题干内容
+     * 0: 不显示题干内容
+     */
+    displayContentStatus = "1";
+    /**
+     * 用户ID
+     */
+    userId = '';
     handleClose = () => {
         this.isOpen = false;
         this.stopRecording();
@@ -237,7 +243,7 @@ export class ChatHRModal {
         const lastAIMessage = this.messages.length > 0 ? this.messages[this.messages.length - 1] : null;
         // 保存AI提问和用户回答
         if (lastAIMessage && this.conversationId && message !== "下一题") {
-            this.saveAnswer(this.conversationId, '1234567890', lastAIMessage.answer, // AI的提问作为question
+            this.saveAnswer(this.conversationId, lastAIMessage.answer, // AI的提问作为question
             queryText // 用户的输入作为answer
             );
         }
@@ -280,12 +286,13 @@ export class ChatHRModal {
             response_mode: 'streaming',
             conversation_id: this.conversationId,
             query: queryText,
-            user: '1234567890'
+            user: this.userId // 使用传入的 userId
         };
         requestData.inputs = {
             job_info: this.selectedJobCategory,
             dimensional_info: this.selectedDimensions.join(','),
-            email: this.email,
+            email: this.toEmail,
+            display_content_status: this.displayContentStatus
         };
         // 如果有上传的文件，添加到inputs参数
         if (this.uploadedFileInfo.length > 0) {
@@ -384,7 +391,7 @@ export class ChatHRModal {
         });
     }
     // 添加保存答案的方法
-    async saveAnswer(conversationId, user, question, answer) {
+    async saveAnswer(conversationId, question, answer) {
         try {
             await sendHttpRequest({
                 url: 'https://pcm_api.ylzhaopin.com/agents/hr_competition/answer',
@@ -394,7 +401,7 @@ export class ChatHRModal {
                 },
                 data: {
                     conversation_id: conversationId,
-                    user: user,
+                    user: this.userId, // 使用传入的 userId
                     question: question,
                     answer: answer
                 },
@@ -456,7 +463,6 @@ export class ChatHRModal {
                 data: {
                     conversation_id: this.conversationId,
                     bot_id: this.botId,
-                    user: '1234567890',
                     limit: 20
                 },
                 onMessage: (data) => {
@@ -510,10 +516,6 @@ export class ChatHRModal {
             if (this.conversationId) {
                 await this.loadHistoryMessages();
             }
-            else if (this.welcomeMessage) {
-                // 如果是新会话且提供了欢迎提示语，则显示
-                alert(this.welcomeMessage);
-            }
         }
     }
     handleJobCategorySelect = (category) => {
@@ -875,7 +877,7 @@ export class ChatHRModal {
                 },
                 data: {
                     conversation_id: this.conversationId,
-                    user: '1234567890',
+                    user: this.userId, // 使用传入的 userId
                     question: lastAIMessage.answer,
                     file_url: cosKey
                 },
@@ -1052,7 +1054,9 @@ export class ChatHRModal {
                 (this.requireResume && this.isUploading), onClick: this.handleInitialSubmit }, this.requireResume && this.isUploading ? '上传中...' : '开始面试')), this.requireResume && (h("input", { type: "file", class: "file-input", onChange: this.handleFileChange, accept: ".pdf,.doc,.docx,.txt" })))) : (h("div", { style: { height: '100%' } }, h("div", { class: "chat-history", onScroll: this.handleScroll }, this.isLoadingHistory ? (h("div", { class: "loading-container" }, h("div", { class: "loading-spinner" }), h("p", null, "\u52A0\u8F7D\u5386\u53F2\u6D88\u606F\u4E2D..."))) : (h("div", null, this.messages.map((message) => (h("div", { id: `message_${message.id}`, key: message.id }, h("pcm-chat-message", { message: message, onMessageChange: (event) => {
                 const updatedMessages = this.messages.map(msg => msg.id === message.id ? { ...msg, ...event.detail } : msg);
                 this.messages = updatedMessages;
-            } })))), this.currentStreamingMessage && (h("div", { id: `message_${this.currentStreamingMessage.id}` }, h("pcm-chat-message", { message: this.currentStreamingMessage }))), this.messages.length === 0 && !this.currentStreamingMessage && (h("div", { class: "empty-state" }, h("p", null, "\u8BF7\u4E0A\u4F20\u7B80\u5386\u5F00\u59CB\u9762\u8BD5")))))), h("div", { class: "recording-section" }, h("div", { class: "recording-container" }, h("div", { class: "video-area" }, this.showRecordingUI ? (renderVideoPreview()) : (h("div", { class: "video-preview placeholder" }, renderPlaceholderStatus()))), h("div", { class: "recording-controls" }, this.showRecordingUI ? (h("button", { class: "stop-recording-button", onClick: () => this.stopRecording() }, "\u5B8C\u6210\u672C\u9898\u56DE\u7B54")) : (h("div", { class: "waiting-message" }, (() => {
+            } })))), this.currentStreamingMessage && (h("div", { id: `message_${this.currentStreamingMessage.id}` }, h("pcm-chat-message", { message: this.currentStreamingMessage }))), this.messages.length === 0 && !this.currentStreamingMessage && (h("div", { class: "empty-state" }, h("p", null, "\u8BF7\u4E0A\u4F20\u7B80\u5386\u5F00\u59CB\u9762\u8BD5")))))), h("div", { class: "recording-section" }, h("div", { class: "recording-container" }, h("div", { class: "video-area" }, this.showRecordingUI ? (renderVideoPreview()) : (h("div", { class: "video-preview placeholder" }, renderPlaceholderStatus()))), h("div", { class: "progress-container" }, h("div", { class: "progress-bar-container" }, h("div", { class: "progress-bar", style: {
+                width: `${Math.max(0, this.currentQuestionNumber - 1) / this.totalQuestions * 100}%`
+            } })), h("div", { class: "progress-text" }, "\u5DF2\u5B8C\u6210", Math.max(0, this.currentQuestionNumber - 1), "/", this.totalQuestions)), h("div", { class: "recording-controls" }, this.showRecordingUI ? (h("button", { class: "stop-recording-button", onClick: () => this.stopRecording() }, "\u5B8C\u6210\u672C\u9898\u56DE\u7B54")) : (h("div", { class: "waiting-message" }, (() => {
             // 显示播放按钮（当不自动播放且有音频URL时）
             if (!this.enableVoice && this.audioUrl && !this.isPlayingAudio) {
                 return (h("div", { class: "play-audio-container", onClick: this.handlePlayAudio }, h("p", null, h("svg", { viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", style: { verticalAlign: 'middle', marginRight: '8px' } }, h("path", { d: "M8 5v14l11-7z" })), h("span", { style: { verticalAlign: 'middle' } }, "\u64AD\u653E\u9898\u76EE"))));
@@ -1332,7 +1336,7 @@ export class ChatHRModal {
                 "reflect": false,
                 "defaultValue": "30"
             },
-            "email": {
+            "toEmail": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -1344,11 +1348,11 @@ export class ChatHRModal {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u7528\u6237\u90AE\u7BB1"
+                    "text": "\u63A5\u6536\u62A5\u544A\u7684\u90AE\u7BB1\u5730\u5740"
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "email",
+                "attribute": "to-email",
                 "reflect": false,
                 "defaultValue": "''"
             },
@@ -1392,7 +1396,27 @@ export class ChatHRModal {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "welcomeMessage": {
+            "enableVoice": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u662F\u5426\u64AD\u653E\u8BED\u97F3\u95EE\u9898"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "enable-voice",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "displayContentStatus": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -1401,35 +1425,36 @@ export class ChatHRModal {
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u6B22\u8FCE\u63D0\u793A\u8BED\uFF0C\u5982\u679C\u4E0D\u63D0\u4F9B\u5219\u4E0D\u663E\u793A\u63D0\u793A"
+                    "text": "\u662F\u5426\u663E\u793A\u9898\u5E72\u5185\u5BB9\r\n1: \u663E\u793A\u9898\u5E72\u5185\u5BB9\r\n0: \u4E0D\u663E\u793A\u9898\u5E72\u5185\u5BB9"
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "welcome-message",
-                "reflect": false
+                "attribute": "display-content-status",
+                "reflect": false,
+                "defaultValue": "\"1\""
             },
-            "enableVoice": {
-                "type": "boolean",
+            "userId": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u662F\u5426\u64AD\u653E\u8BED\u97F3\u95EE\u9898"
+                    "text": "\u7528\u6237ID"
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "enable-voice",
+                "attribute": "user-id",
                 "reflect": false,
-                "defaultValue": "true"
+                "defaultValue": "''"
             }
         };
     }