|
|
|
@ -27,7 +27,8 @@
|
|
|
|
<el-button v-if="radio1==1||radio1==3" @click="translate">翻译</el-button>
|
|
|
|
<el-button v-if="radio1==1||radio1==3" @click="translate">翻译</el-button>
|
|
|
|
<el-button v-if="radio1==4||radio1==2" @click="translate2">识别</el-button>
|
|
|
|
<el-button v-if="radio1==4||radio1==2" @click="translate2">识别</el-button>
|
|
|
|
<div class="select_wrap" v-if="currentLangModalStatus" ref="tanchuang1">
|
|
|
|
<div class="select_wrap" v-if="currentLangModalStatus" ref="tanchuang1">
|
|
|
|
<el-input placeholder="搜索语言" v-model="searchLanguage" @keyup.enter="inputChange"></el-input>
|
|
|
|
<el-input placeholder="搜索语言" v-model="searchLanguage"
|
|
|
|
|
|
|
|
@keyup.enter="inputChange"></el-input>
|
|
|
|
<div class="hr"></div>
|
|
|
|
<div class="hr"></div>
|
|
|
|
<div class="language_wrap">
|
|
|
|
<div class="language_wrap">
|
|
|
|
<el-scrollbar class="scrollbar">
|
|
|
|
<el-scrollbar class="scrollbar">
|
|
|
|
@ -100,7 +101,7 @@
|
|
|
|
v-model="textarea2"
|
|
|
|
v-model="textarea2"
|
|
|
|
:rows="2"
|
|
|
|
:rows="2"
|
|
|
|
type="textarea"/>
|
|
|
|
type="textarea"/>
|
|
|
|
<!-- <HtmlPreview :content="content"/> -->
|
|
|
|
<!-- <HtmlPreview :content="content"/> -->
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -165,8 +166,8 @@ import dayjs from "dayjs";
|
|
|
|
import {onClickOutside} from "@vueuse/core"
|
|
|
|
import {onClickOutside} from "@vueuse/core"
|
|
|
|
|
|
|
|
|
|
|
|
// import socket from "@/utils/socket";
|
|
|
|
// import socket from "@/utils/socket";
|
|
|
|
|
|
|
|
|
|
|
|
// import io from 'socket.io-client'
|
|
|
|
// import io from 'socket.io-client'
|
|
|
|
|
|
|
|
// import {process} from "unenv/runtime/node/process/_process";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
definePageMeta({
|
|
|
|
definePageMeta({
|
|
|
|
@ -216,57 +217,83 @@ const tanchuang2 = ref()
|
|
|
|
const upload = ref()
|
|
|
|
const upload = ref()
|
|
|
|
const fileUrl = ref('')
|
|
|
|
const fileUrl = ref('')
|
|
|
|
const uid = ref('')
|
|
|
|
const uid = ref('')
|
|
|
|
|
|
|
|
const socket = ref(null)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
watchEffect(()=>{
|
|
|
|
watchEffect(() => {
|
|
|
|
radio1.value = route.query?.type ?? 1;
|
|
|
|
radio1.value = route.query?.type ?? 1;
|
|
|
|
const user = useUserInfo()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 连接服务端 // @ts-ignore
|
|
|
|
const user = useUserInfo()
|
|
|
|
if(process.client) {
|
|
|
|
// 连接服务端 // @ts-ignore
|
|
|
|
// 连接服务端 // @ts-ignore
|
|
|
|
// if(porce.client) {
|
|
|
|
const socket = io('http://research.mcnetmart.com:2120');//这里请填写你的域名，外网，端口为socket端口
|
|
|
|
// 连接服务端 // @ts-ignore
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// socket.on("disconnect", () => {
|
|
|
|
|
|
|
|
// console.log(socket.id); // undefined
|
|
|
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
// if (user.$state.info.id) {
|
|
|
|
|
|
|
|
|
|
|
|
if(user.$state.info.id) {
|
|
|
|
|
|
|
|
debugger
|
|
|
|
|
|
|
|
socket.on('connect', function () {
|
|
|
|
|
|
|
|
console.log('dengll', user)
|
|
|
|
|
|
|
|
//@ts-ignore
|
|
|
|
|
|
|
|
this.emit('login', user.$state.info.id);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
// socket.on("connect", () => {
|
|
|
|
// socket.on("connect", () => {
|
|
|
|
// const transport = socket.io.engine.transport.name; // 在大多数情况下, "polling"
|
|
|
|
// const transport = socket.io.engine.transport.name; // 在大多数情况下, "polling"
|
|
|
|
|
|
|
|
|
|
|
|
// socket.emit('login', user.$state.info.id);
|
|
|
|
// socket.emit('login', user.$state.info.id);
|
|
|
|
// socket.io.engine.on("upgrade", () => {
|
|
|
|
// socket.io.engine.on("upgrade", () => {
|
|
|
|
// const upgradedTransport = socket.io.engine.transport.name; // 在大多数情况下, "websocket"
|
|
|
|
// const upgradedTransport = socket.io.engine.transport.name; // 在大多数情况下, "websocket"
|
|
|
|
// });
|
|
|
|
// });
|
|
|
|
// });
|
|
|
|
// });
|
|
|
|
}
|
|
|
|
// }
|
|
|
|
}
|
|
|
|
// }
|
|
|
|
})
|
|
|
|
if(user.$state.info.id) {
|
|
|
|
|
|
|
|
window.io = null
|
|
|
|
|
|
|
|
// if (process.client) {
|
|
|
|
|
|
|
|
const socketio = document.createElement('script')
|
|
|
|
|
|
|
|
socketio.src = 'https://cdn.bootcss.com/socket.io/1.3.7/socket.io.js'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
document.body.append(socketio)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let timer = setInterval(()=>{
|
|
|
|
|
|
|
|
// @ts-ignore
|
|
|
|
|
|
|
|
if (io) {
|
|
|
|
|
|
|
|
socket.value = io('http://research.mcnetmart.com:2120');//这里请填写你的域名，外网，端口为socket端口
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// @ts-ignore
|
|
|
|
|
|
|
|
socket.value.on('connect', function () {
|
|
|
|
|
|
|
|
// @ts-ingore
|
|
|
|
|
|
|
|
console.log('dengll', user)
|
|
|
|
|
|
|
|
//@ts-ignore
|
|
|
|
|
|
|
|
this.emit('login', user.$state.info.id);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
console.log('socket>>>>', socket)
|
|
|
|
|
|
|
|
clearInterval(timer)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}, 1000)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
async function inputChange(){
|
|
|
|
async function inputChange() {
|
|
|
|
const {data: data} = await translateApi.getAllLanguage({keyword:searchLanguage.value})
|
|
|
|
const {data: data} = await translateApi.getAllLanguage({keyword: searchLanguage.value})
|
|
|
|
language.value = data
|
|
|
|
language.value = data
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function changeTranslate(val: any){
|
|
|
|
|
|
|
|
|
|
|
|
function changeTranslate(val: any) {
|
|
|
|
router.replace({
|
|
|
|
router.replace({
|
|
|
|
path:route.path,
|
|
|
|
path: route.path,
|
|
|
|
query: {
|
|
|
|
query: {
|
|
|
|
type: val
|
|
|
|
type: val
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function beforeUpload(file: any) {
|
|
|
|
function beforeUpload(file: any) {
|
|
|
|
console.log(file)
|
|
|
|
console.log(file)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function uploadChange() {
|
|
|
|
function uploadChange() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function uploadSuccess(response: any) {
|
|
|
|
function uploadSuccess(response: any) {
|
|
|
|
ElMessage.success(response.msg)
|
|
|
|
ElMessage.success(response.msg)
|
|
|
|
console.log(typeof response.data.url)
|
|
|
|
console.log(typeof response.data.url)
|
|
|
|
@ -289,7 +316,7 @@ function goYouHua() {
|
|
|
|
radio1.value = 3
|
|
|
|
radio1.value = 3
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
async function importIdentifyLanguage(){
|
|
|
|
async function importIdentifyLanguage() {
|
|
|
|
const {data: data} = await translateApi.identifyLanguage({
|
|
|
|
const {data: data} = await translateApi.identifyLanguage({
|
|
|
|
content: textarea.value,
|
|
|
|
content: textarea.value,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
@ -358,20 +385,20 @@ async function translate() {
|
|
|
|
textarea2.value = data
|
|
|
|
textarea2.value = data
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
async function translate2() {
|
|
|
|
async function translate2() {
|
|
|
|
translateApi.translateFile({
|
|
|
|
translateApi.translateFile({
|
|
|
|
file: fileUrl.value,
|
|
|
|
file: fileUrl.value,
|
|
|
|
source: abbreviation1.value,
|
|
|
|
source: abbreviation1.value,
|
|
|
|
target: abbreviation2.value
|
|
|
|
target: abbreviation2.value
|
|
|
|
}).then(res=>{
|
|
|
|
}).then(res => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
socket.on('translateDoc', async (msg)=> {
|
|
|
|
// @ts-ignore
|
|
|
|
|
|
|
|
socket.value.on('translateDoc', async (msg) => {
|
|
|
|
console.log("收到消息：" + msg);
|
|
|
|
console.log("收到消息：" + msg);
|
|
|
|
// 调接口
|
|
|
|
// 调接口
|
|
|
|
|
|
|
|
translateApi.getUserTranslateDocInfo({id: msg}).then((data) => {
|
|
|
|
translateApi.getUserTranslateDocInfo({id:msg}).then((data)=>{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
});
|
|
|
|
});
|
|
|
|
@ -433,6 +460,7 @@ allLanguage()
|
|
|
|
* {
|
|
|
|
* {
|
|
|
|
--el-color-primary: #022950
|
|
|
|
--el-color-primary: #022950
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.wrap {
|
|
|
|
.wrap {
|
|
|
|
padding: 0 244px 50px 244px;
|
|
|
|
padding: 0 244px 50px 244px;
|
|
|
|
background-color: #EEF1F9;
|
|
|
|
background-color: #EEF1F9;
|
|
|
|
|
lizhong
2 years ago