Merge branch 'master' of http://110.90.118.129:3000/La123123./im-backed

im-platform/src/main/java/com/bx/implatform/controller/LoginController.java

@@ -75,13 +75,25 @@ public class LoginController {
     }
 
     @PostMapping("/getTranslate")
-    @Operation(summary = "获取配置", description = "用户注册")
+    @Operation(summary = "翻译文本", description = "翻译文本")
     public Result getTranslate(@RequestBody JSONObject jsonObject) {
-        System.out.println("1111111111");
         String str = jsonObject.getStr("str");
 
-        String trans = BaiduTranslationUtils.translate(str,"zh");
+        if(str == null || str.isEmpty()){
+            return ResultUtils.success("","success");
+        }
+
+        //如果有换行符，替换为空
+        str = str.replace("\n", "");
 
+        //翻译目标国家
+        String country = jsonObject.getStr("country");
+        String trans = "";
+        if(country == null || country.isEmpty()) {
+            trans = BaiduTranslationUtils.translate(str, "zh");
+        }else{
+            trans = BaiduTranslationUtils.translate(str, country);
+        }
 
         return ResultUtils.success(trans,"success");
     }

im-web/src/components/chat/ChatBox.vue

@@ -108,6 +108,23 @@
                   @submit="sendMessage"
                 />
                 <div class="send-btn-area">
+                  <el-select
+                    v-model="countryCode"
+                    style="width: 110px; margin-right: 10px"
+                    size="small"
+                  >
+                    <el-option
+                      v-for="item in countryCodeList"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
+                  <el-button
+                    type="primary"
+                    @click="translateInput(countryCode)"
+                    >翻译</el-button
+                  >
                   <el-button
                     type="primary"
                     icon="el-icon-s-promotion"
@@ -321,6 +338,18 @@ export default {
       newMessageSize: 0,
       ipLocation: "",
       maxTmpId: 0,
+      countryCode: "en",
+      countryCodeList: [
+        { label: "英语", value: "en" },
+        { label: "日语", value: "jp" },
+        { label: "韩语", value: "kor" },
+        { label: "越南语", value: "vie" },
+        { label: "俄语", value: "ru" },
+        { label: "德语", value: "de" },
+        { label: "法语", value: "fra" },
+        { label: "葡萄牙语", value: "pt" },
+        { label: "阿拉伯语", value: "ara" },
+      ],
     };
   },
   methods: {
@@ -1285,6 +1314,48 @@ export default {
       });
       return res;
     },
+    //获取为其他国家语言
+    async translateTextToOther(text, country) {
+      const res = await this.$http({
+        url: "/getTranslate",
+        method: "post",
+        data: { str: text, country: country },
+      });
+      return res;
+    },
+    // 翻译输入框中的文本内容
+    async translateInput(country) {
+      try {
+        // 检查输入框是否只包含纯文本
+        const chatInput = this.$refs.chatInputEditor;
+        if (!chatInput.isPureText()) {
+          this.$message.error("只能翻译纯文本内容");
+          return;
+        }
+        
+        // 获取输入框中的文本内容
+        const text = chatInput.getTextContent();
+        if (!text || text.trim() === "") {
+          this.$message.warning("请输入需要翻译的文本内容");
+          return;
+        }
+        
+        // 调用翻译API
+        const res = await this.translateTextToOther(text, country);
+        
+        // 检查翻译结果
+        if (res) {
+          // 将翻译结果替换到输入框中
+          chatInput.setTextContent(res);
+		  this.$message.success("翻译成功");
+        } else {
+          this.$message.error(res);
+        }
+      } catch (error) {
+        console.error("翻译出错:", error);
+        this.$message.error("翻译出错，请稍后重试");
+      }
+    },
   },
   computed: {
     mine() {

im-web/src/components/chat/ChatInput.vue

@@ -450,6 +450,97 @@ export default {
 		},
 		focus() {
 			this.$refs.content.focus();
+		},
+		// 检查输入框是否只包含纯文本
+		isPureText() {
+			let nodes = this.$refs.content.childNodes;
+			let hasNonTextContent = false;
+			let each = (nodes) => {
+				for (let i = 0; i < nodes.length; i++) {
+					let node = nodes[i];
+					if (!node) {
+						continue;
+					}
+					// 文本节点
+					if (node.nodeType === 3) {
+						continue;
+					}
+					let nodeName = node.nodeName.toLowerCase();
+					// 忽略script标签
+					if (nodeName === 'script') {
+						continue;
+					}
+					// 图片节点（包括emoji）
+					if (nodeName === 'img') {
+						hasNonTextContent = true;
+						return;
+					}
+					// 文件节点
+					if (nodeName === 'div' && node.dataset.fileId) {
+						hasNonTextContent = true;
+						return;
+					}
+					// @用户节点
+					if (nodeName === 'span' && node.dataset.id) {
+						hasNonTextContent = true;
+						return;
+					}
+					// 递归检查子节点
+					if (node.childNodes && node.childNodes.length > 0) {
+						each(node.childNodes);
+						if (hasNonTextContent) {
+							return;
+						}
+					}
+				}
+			};
+			each(nodes);
+			return !hasNonTextContent;
+		},
+		// 获取纯文本内容
+		getTextContent() {
+			let nodes = this.$refs.content.childNodes;
+			let textContent = '';
+			let each = (nodes) => {
+				for (let i = 0; i < nodes.length; i++) {
+					let node = nodes[i];
+					if (!node) {
+						continue;
+					}
+					// 文本节点
+					if (node.nodeType === 3) {
+						textContent += node.textContent;
+						continue;
+					}
+					let nodeName = node.nodeName.toLowerCase();
+					// 忽略script标签
+					if (nodeName === 'script') {
+						continue;
+					}
+					// 忽略div节点（换行）
+					if (nodeName === 'div' && !node.dataset.fileId) {
+						textContent += '\n';
+						each(node.childNodes);
+						continue;
+					}
+					// 递归检查子节点
+					if (node.childNodes && node.childNodes.length > 0) {
+						each(node.childNodes);
+					}
+				}
+			};
+			each(nodes);
+			return textContent.trim();
+		},
+		// 设置纯文本内容
+		setTextContent(text) {
+			// 清空内容
+			this.$refs.content.innerHTML = "";
+			// 添加文本节点到content中
+			let textNode = document.createTextNode(text);
+			this.$refs.content.appendChild(textNode);
+			// 将光标定位到文本末尾
+			this.selectElement(textNode, text.length);
 		}
 
 	}