修改新会话实训问题

src/scripts/cmdPlugin/newHandler.js

@@ -174,6 +174,12 @@ class Handler {
                 fileBase64Str: 'no'
             }
         };
+        if (operation.operationType == CMD.Conversation.CMD_Conversation_Group_Text_Chat.value) { // 兼容新会话接口
+            step2.description = `选中：${operation.params.groupName}，点击录制语音`;
+            operation2.params.id = operation.params.id;
+            operation3.operationType = CMD.Conversation.CMD_Conversation_Group_Audio_Base64.value;
+            operation3.params.id = operation.params.id;
+        }
         const step3 = {
             description: `请说出“${operation.params.content}”后，再次点击发送语音！`,
             memberId: stepInfo.memberId,

src/views/newMap/display/newChat/chatContent.vue

@@ -54,6 +54,10 @@ export default {
         id:{
             type:Number,
             required:true
+        },
+        groupName: {
+            type: String,
+            required:true
         }
     },
     data() {
@@ -110,6 +114,9 @@ export default {
             if (newVal !== oldVal && this.isBottom) {
                 this.scrollTop();
             }
+        },
+        id() {
+            this.cancelRecording();
         }
     },
     mounted() {
@@ -182,7 +189,7 @@ export default {
             return name;
         },
         sendText() {
-            if (!this.id) { return; }
+            if (!this.id || !this.textContent) { return; }
             const operate = {
                 over: true,
                 cmdType: CMD.Conversation.CMD_Conversation_Group_Text_Chat,
@@ -190,7 +197,8 @@ export default {
                 userOperationType: UserOperationType.LEFTCLICK,
                 param: {
                     id: this.id,
-                    content:this.textContent
+                    groupName: this.groupName,
+                    content: this.textContent
                 }
             };
             this.$store.dispatch('trainingNew/next', operate).then(({ valid }) => {
@@ -309,7 +317,10 @@ export default {
             if (!this.recordSending) {
                 const operate = {
                     operation: OperationEvent.Conversation.Chat.record.operation,
-                    userOperationType: UserOperationType.LEFTCLICK
+                    userOperationType: UserOperationType.LEFTCLICK,
+                    param: {
+                        id: this.id
+                    }
                 };
                 this.$store.dispatch('trainingNew/next', operate).then(({ valid }) => {
                     if (valid) {

src/views/newMap/display/newChat/chatDialog.vue

@@ -56,7 +56,7 @@
           </div>
         </div>
         <div class="right">
-          <chat-content :id="id" :message-list="activeMessageList" />
+          <chat-content :id="id" :group-name="groupName" :message-list="activeMessageList" />
         </div>
       </div>
       <div v-else-if="tabActive==1">文档</div>
@@ -128,11 +128,22 @@ export default {
                 list = find.messageList;
             }
             return list;
+        },
+        groupName() {
+            let name = '';
+            const find = this.groupList.find(item => {
+                return item.id == this.id;
+            });
+            if (find) {
+                name = this.getGroupName(find);
+            }
+            return name;
         }
     },
     watch: {
         '$store.state.socket.simulationReset': function (val) { // 仿真重置
             if (val) {
+                this.id = 0;
                 this.$store.dispatch('socket/resetConversationGroup');
             }
         },
@@ -304,10 +315,18 @@ export default {
 <style lang='scss'>
 .chatDialog{
 	pointer-events: none !important;
-	.el-dialog__header,
-	.el-dialog__body {
-		padding: 0px;
-		pointer-events: all !important;
+	.el-dialog {
+		border-radius: 5px;
+		.el-dialog__header,
+		.el-dialog__body {
+			padding: 2px;
+			pointer-events: all !important;
+		}
+		.el-dialog__header {
+			background: #0076F6;
+			border-top-left-radius: 5px;
+			border-top-right-radius: 5px;
+		}
 	}
 }
 </style>
@@ -326,7 +345,6 @@ export default {
 		display: flex;
 		justify-content: flex-end;
 		align-items: center;
-		background: #0076F6;
 		.icon {
 			color: #fff;
 		}