From 1f2f59ef7c476deff49bcd2cf8c7959835b73b82 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B2=A1=E5=A4=8D=E4=B9=A0?= <2353956224@qq.com>
Date: Tue, 15 Jul 2025 13:45:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E5=8C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                       |   61 ++
 package.json                            |    1 +
 src/App.vue                             |    9 +-
 src/api/account.js                      |    6 +-
 src/api/chat.js                         |    3 +
 src/components/ChatDialog.vue           |   45 +-
 src/components/HostListDialog.vue       |  107 +++
 src/components/MultiLineInputDialog.vue |  107 +++
 src/router/index.js                     |    2 +-
 src/static/css/app.less                 |    4 +
 src/static/css/video.less               |  145 +++
 src/utils/arrUtil.js                    |   21 +
 src/utils/axios.js                      |  136 +--
 src/utils/fileUtil.js                   |   38 +
 src/utils/wsActions.js                  |    4 +
 src/views/HomeView.vue                  |   58 +-
 src/views/Untitled-1.vue                | 1080 +++++++++++++++--------
 src/views/VideoStream.vue               |  398 ++-------
 vue.config.js                           |    3 +
 19 files changed, 1384 insertions(+), 844 deletions(-)
 create mode 100644 src/components/HostListDialog.vue
 create mode 100644 src/components/MultiLineInputDialog.vue
 create mode 100644 src/static/css/app.less
 create mode 100644 src/static/css/video.less
 create mode 100644 src/utils/arrUtil.js
 create mode 100644 src/utils/fileUtil.js

diff --git a/package-lock.json b/package-lock.json
index 9fad416..11300cb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,6 +23,7 @@
         "qwebchannel": "^6.2.0",
         "socket.io-client": "^4.8.1",
         "vue": "^3.2.13",
+        "vue-i18n": "^11.1.8",
         "vue-router": "^4.0.3",
         "vuex": "^4.0.0"
       },
@@ -2895,6 +2896,47 @@
         "@hapi/hoek": "^9.0.0"
       }
     },
+    "node_modules/@intlify/core-base": {
+      "version": "11.1.8",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-11.1.8.tgz",
+      "integrity": "sha512-BAdeGNapg9HL55k2QJPisa6y3FGnIqVK3Yjub2iUEuS88Jf4AY5hD8wm42FW6lEda921S8scWuKkmb6GUWKlqg==",
+      "dependencies": {
+        "@intlify/message-compiler": "11.1.8",
+        "@intlify/shared": "11.1.8"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/message-compiler": {
+      "version": "11.1.8",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-11.1.8.tgz",
+      "integrity": "sha512-4YCeg7L2kt89t6nKSSFACAnTBnBMXu0IfG49+pac2VWkWJ7h9AQcsOD3iCptMGuoEj7hcaoNA4F+K/qA7bJxZw==",
+      "dependencies": {
+        "@intlify/shared": "11.1.8",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/shared": {
+      "version": "11.1.8",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-11.1.8.tgz",
+      "integrity": "sha512-Fpo7YgkT8jwOuSOwOQXrMwqdljEqdfSYdIFkGkpRi80xVCAXpc6MTzuP2pkuQVDXU9MPNC05TWrETzCr+zjuRA==",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.8",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
@@ -13507,6 +13549,25 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/vue-i18n": {
+      "version": "11.1.8",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-11.1.8.tgz",
+      "integrity": "sha512-2JHUseyUrjlguX2N72SAKZ4UBDZ2lo22gL2SMQ6jWJh98RB59nUIQNPE9xKKkSgK5cflj9un8SAwfjYg/PHMxw==",
+      "dependencies": {
+        "@intlify/core-base": "11.1.8",
+        "@intlify/shared": "11.1.8",
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/vue-loader": {
       "version": "17.4.2",
       "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-17.4.2.tgz",
diff --git a/package.json b/package.json
index c83492f..198d57d 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "qwebchannel": "^6.2.0",
     "socket.io-client": "^4.8.1",
     "vue": "^3.2.13",
+    "vue-i18n": "^11.1.8",
     "vue-router": "^4.0.3",
     "vuex": "^4.0.0"
   },
diff --git a/src/App.vue b/src/App.vue
index af7bcb9..d73d452 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,12 +3,12 @@
     <router-view v-if="isRouterAlive" />
   </div>
 </template>
- 
+
 <script>
 export default {
   name: 'App',
   provide() {
-    return { 
+    return {
       reload: this.reload
     }
   },
@@ -21,7 +21,7 @@ export default {
     reload() {
       // 先将组件隐藏
       this.isRouterAlive = false
-      
+
       // 使用nextTick确保DOM更新后再重新显示组件
       this.$nextTick(() => {
         this.isRouterAlive = true
@@ -58,8 +58,9 @@ window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
   grid-template-rows: auto 1fr;
   height: 100vh;
 }
+
 /* #vite-error-overlay { display: none !important; } 隐藏vite错误提示 */
-.control-area { 
+.control-area {
   position: absolute;
   top: 0;
   left: 0;
diff --git a/src/api/account.js b/src/api/account.js
index ab5ec86..4834bf9 100644
--- a/src/api/account.js
+++ b/src/api/account.js
@@ -4,7 +4,11 @@ export function apiGetCart() {
     return getAxios({ url: '/cgi-bin/cart/latest' })
 }
 export function login(data) {
-    return postAxios({ url: 'api/account/login', data })
+    return postAxios({ url: '/api/user/aiChat-doLogin', data })
+}
+
+export function getIdByName(name) {
+    return getAxios({ url: `/api/tenant/get-id-by-name?name=${name}` })
 }
 export function cheekalive(data) {
     return postAxios({ url: 'api/account/cheekalive', data })
diff --git a/src/api/chat.js b/src/api/chat.js
index 16a3232..62b7cd2 100644
--- a/src/api/chat.js
+++ b/src/api/chat.js
@@ -5,3 +5,6 @@ export function chat(data) {
     return postAxios({ url: '/chat', data })
 }
 
+export function translation(data) {
+    return postAxios({ url: '/translation', data })
+}
diff --git a/src/components/ChatDialog.vue b/src/components/ChatDialog.vue
index e32222e..7eb1630 100644
--- a/src/components/ChatDialog.vue
+++ b/src/components/ChatDialog.vue
@@ -2,15 +2,12 @@
     <div v-if="visible" class="dialog-overlay" @click.self="close">
         <div class="dialog-content">
             <h3 class="text-lg font-bold mb-4">最近一条的消息翻译</h3>
-            <div class="chat-box">
-                <div class="left-message">
-                    <div class="bubble left">{{ leftMsg }}</div>
+            <el-scrollbar class="chat-box">
+                <div v-for="(msg, index) in messages" :key="index"
+                    :class="msg.position === 'left' ? 'left-message' : 'right-message'">
+                    <div :class="['bubble', msg.position]">{{ msg.text }}</div>
                 </div>
-                <div class="right-message">
-                    <div class="bubble right">{{ rightMsg }}</div>
-                </div>
-            </div>
-            <!-- <button class="close-btn" @click="close">关闭</button> -->
+            </el-scrollbar>
         </div>
     </div>
 </template>
@@ -19,24 +16,21 @@
 import { defineProps, defineEmits } from 'vue'
 
 const props = defineProps({
-    leftMsg: String,
-    rightMsg: String,
-    visible: Boolean
+    visible: Boolean,
+    messages: {
+        type: Array,
+        required: true,
+        default: () => [],
+    },
 })
 
-// const emit = defineEmits(['close'])
+const emit = defineEmits(['close'])
 
-// const close = () => emit('close')
+const close = () => emit('close')
 </script>
 
 <style scoped>
 .dialog-overlay {
-    /* position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0; */
-    /* background: rgba(0, 0, 0, 0.5); */
     display: flex;
     justify-content: center;
     align-items: center;
@@ -53,29 +47,27 @@ const props = defineProps({
     display: flex;
     flex-direction: column;
     gap: 10px;
+    height: 80vh;
 }
 
 .left-message {
     align-self: flex-start;
+    margin-bottom: 20px;
 }
 
 .right-message {
     align-self: flex-end;
     text-align: right;
+    margin-bottom: 20px;
+
 }
 
 .bubble {
     padding: 10px 14px;
     border-radius: 18px;
     max-width: 70%;
-
     display: inline-block;
-    /* 👈 使气泡宽度自适应内容 */
-    padding: 10px 14px;
-    border-radius: 18px;
-    max-width: 70%;
     word-break: break-word;
-    /* 防止英文单词太长撑爆 */
 }
 
 .bubble.left {
@@ -85,7 +77,8 @@ const props = defineProps({
 .bubble.right {
     background-color: rgb(0, 169, 214);
     color: white;
-
+    text-align: left;
+    /* ✅ 关键：强制文字左对齐 */
 }
 
 .close-btn {
diff --git a/src/components/HostListDialog.vue b/src/components/HostListDialog.vue
new file mode 100644
index 0000000..a7ece6e
--- /dev/null
+++ b/src/components/HostListDialog.vue
@@ -0,0 +1,107 @@
+<template>
+    <el-dialog draggable :title="title" v-model="visibleLocal" width="600px" @close="handleCancel">
+
+        <template #footer>
+            <el-button @click="handleCancel">取消</el-button>
+            <el-button type="primary" @click="handleConfirm">确定</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue';
+
+// 定义接收的 props
+const props = defineProps({
+    /** 对话框可见性，外部通过 v-model:visible 绑定 */
+    visible: {
+        type: Boolean,
+        required: true,
+    },
+    /** 对话框标题 */
+    title: {
+        type: String,
+        default: '',
+    },
+    /** 文本框初始内容，可选 */
+    initialText: {
+        type: String,
+        default: '',
+    },
+    /** 文本框行数 */
+    type: {
+        type: Number,
+        default: 10,
+    },
+    /** index */
+    index: {
+        type: Number,
+        default: 999,
+    },
+    /** 文本框占位符 */
+    placeholder: {
+        type: String,
+        default: '每行一条，支持粘贴多行后自动拆分',
+    },
+    /** 是否去重，默认 true */
+    dedupe: {
+        type: Boolean,
+        default: true,
+    },
+});
+
+// 定义 emits
+const emit = defineEmits(['update:visible', 'confirm', 'cancel']);
+
+// 本地 rawText，用于绑定 textarea
+const rawText = ref(props.initialText);
+
+// 当 props.initialText 变化时，更新 rawText
+watch(
+    () => props.initialText,
+    (newVal) => {
+        rawText.value = newVal;
+    }
+);
+
+// 计算属性，用于 v-model:visible 绑定 el-dialog
+const visibleLocal = computed({
+    get() {
+        return props.visible;
+    },
+    set(val) {
+        emit('update:visible', val);
+    },
+});
+
+/** 解析 rawText 为数组：按行拆分，trim，去空，去重（如 dedupe=true） */
+function parseLines() {
+    const lines = rawText.value
+        .split(/\r?\n/)
+        .map((line) => line.trim())
+        .filter((line) => line.length > 0);
+    if (props.dedupe) {
+        return Array.from(new Set(lines));
+    }
+    return lines;
+}
+
+/** 点击确定按钮 */
+function handleConfirm() {
+    const items = parseLines();
+    emit('confirm', items, props.title, props.index);
+    // 关闭对话框
+    emit('update:visible', false);
+    rawText.value = '';
+}
+
+/** 点击取消或对话框关闭 */
+function handleCancel() {
+    emit('update:visible', false);
+    emit('cancel');
+}
+</script>
+
+<style scoped>
+/* 可根据项目风格调整 */
+</style>
\ No newline at end of file
diff --git a/src/components/MultiLineInputDialog.vue b/src/components/MultiLineInputDialog.vue
new file mode 100644
index 0000000..d175880
--- /dev/null
+++ b/src/components/MultiLineInputDialog.vue
@@ -0,0 +1,107 @@
+<template>
+    <el-dialog draggable :title="title" v-model="visibleLocal" width="600px" @close="handleCancel">
+        <el-input type="textarea" v-model="rawText" :rows="10" :placeholder="placeholder" clearable></el-input>
+        <template #footer>
+            <el-button @click="handleCancel">取消</el-button>
+            <el-button type="primary" @click="handleConfirm">确定</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue';
+
+// 定义接收的 props
+const props = defineProps({
+    /** 对话框可见性，外部通过 v-model:visible 绑定 */
+    visible: {
+        type: Boolean,
+        required: true,
+    },
+    /** 对话框标题 */
+    title: {
+        type: String,
+        default: '',
+    },
+    /** 文本框初始内容，可选 */
+    initialText: {
+        type: String,
+        default: '',
+    },
+    /** 文本框行数 */
+    type: {
+        type: Number,
+        default: 10,
+    },
+    /** index */
+    index: {
+        type: Number,
+        default: 999,
+    },
+    /** 文本框占位符 */
+    placeholder: {
+        type: String,
+        default: '每行一条，支持粘贴多行后自动拆分',
+    },
+    /** 是否去重，默认 true */
+    dedupe: {
+        type: Boolean,
+        default: true,
+    },
+});
+
+// 定义 emits
+const emit = defineEmits(['update:visible', 'confirm', 'cancel']);
+
+// 本地 rawText，用于绑定 textarea
+const rawText = ref(props.initialText);
+
+// 当 props.initialText 变化时，更新 rawText
+watch(
+    () => props.initialText,
+    (newVal) => {
+        rawText.value = newVal;
+    }
+);
+
+// 计算属性，用于 v-model:visible 绑定 el-dialog
+const visibleLocal = computed({
+    get() {
+        return props.visible;
+    },
+    set(val) {
+        emit('update:visible', val);
+    },
+});
+
+/** 解析 rawText 为数组：按行拆分，trim，去空，去重（如 dedupe=true） */
+function parseLines() {
+    const lines = rawText.value
+        .split(/\r?\n/)
+        .map((line) => line.trim())
+        .filter((line) => line.length > 0);
+    if (props.dedupe) {
+        return Array.from(new Set(lines));
+    }
+    return lines;
+}
+
+/** 点击确定按钮 */
+function handleConfirm() {
+    const items = parseLines();
+    emit('confirm', items, props.title, props.index);
+    // 关闭对话框
+    emit('update:visible', false);
+    rawText.value = '';
+}
+
+/** 点击取消或对话框关闭 */
+function handleCancel() {
+    emit('update:visible', false);
+    emit('cancel');
+}
+</script>
+
+<style scoped>
+/* 可根据项目风格调整 */
+</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index bf2ca9b..b12b5d3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -17,7 +17,7 @@ const routes = [
   }
 ]
 const router = createRouter({
-  history: createWebHistory(),
+  history: createWebHashHistory(),
   routes
 })
 
diff --git a/src/static/css/app.less b/src/static/css/app.less
new file mode 100644
index 0000000..d606010
--- /dev/null
+++ b/src/static/css/app.less
@@ -0,0 +1,4 @@
+@bg-color: #022b4e; // 主色
+@bg-color-light: #022b4eaf; // 浅主色
+@bg-color-light-light: #022b4e1c; // 浅浅主色
+@btn-bg-color: #045dac; // 黄色按钮主色
\ No newline at end of file
diff --git a/src/static/css/video.less b/src/static/css/video.less
new file mode 100644
index 0000000..5c81bf4
--- /dev/null
+++ b/src/static/css/video.less
@@ -0,0 +1,145 @@
+body {
+    user-select: none;
+
+}
+
+.main {
+    display: flex;
+    width: 100vw;
+    height: 100vh;
+    background: #222;
+
+}
+
+.left {
+    background: #191c23;
+    width: 20vw;
+    box-sizing: content-box;
+}
+
+.content {
+    width: 50vw;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(160px, 320px));
+    /* 每行 3 个，宽度自适应 */
+    /* gap: 10px; */
+}
+
+.right {
+    width: 30vw;
+    background-color: #272727;
+}
+
+.video-container {
+    position: relative;
+    // padding: 10px;
+    width: 100%;
+
+    width: auto;
+    /* 取消 100%，避免换行 */
+    display: inline-block;
+    display: flex;
+    transition: all 0.3s ease-in-out;
+
+    .video-canvas {
+        position: absolute;
+        box-sizing: border-box;
+    }
+
+
+    .input-info {
+        color: rgb(255, 255, 255);
+        background-color: #424242;
+        position: absolute;
+        z-index: 10;
+    }
+}
+
+video {
+    transition: all 0.3s ease-in-out;
+
+    /* 关键：让 video 不拦截鼠标事件 */
+
+    /* 添加动画 */
+}
+
+.top-row {
+    align-items: flex-start;
+    /* 上对齐 */
+}
+
+.bottom-row {
+    align-items: flex-end;
+    /* 下对齐 */
+    margin-top: auto;
+}
+
+video {
+    /* position: relative; */
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 1;
+    /* object-fit: contain; */
+    /* transform: scale(0.27); */
+    /* 缩小到原始尺寸的50% */
+    /* transform-origin: top left; */
+    /* 控制缩放原点 */
+}
+
+.canvas {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 9;
+    /* transform: scale(0.27); */
+    /* 缩小到原始尺寸的50% */
+    /* transform-origin: top left; */
+    /* 控制缩放原点 */
+}
+
+.open {
+    background: url(../../assets/open.png) no-repeat center center;
+    background-size: 60% 60%;
+
+}
+
+.Back {
+    background: url(../../assets/Back.png) no-repeat center center;
+    background-size: 60% 60%;
+
+}
+
+.Home {
+    background: url(../../assets/Home.png) no-repeat center center;
+    background-size: 60% 60%;
+
+}
+
+.Overview {
+    background: url(../../assets/Overview.png) no-repeat center center;
+    background-size: 60% 60%;
+
+}
+
+.el-button {
+    width: 200px;
+    margin: 20px;
+    // background-color: darkcyan;
+    // color: white; 
+    position: relative;
+    z-index: 999;
+}
+
+.center-justify {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+
+.center-line {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    // justify-content: center;
+}
\ No newline at end of file
diff --git a/src/utils/arrUtil.js b/src/utils/arrUtil.js
new file mode 100644
index 0000000..5d7c75c
--- /dev/null
+++ b/src/utils/arrUtil.js
@@ -0,0 +1,21 @@
+//分割数组
+export function splitArray(array, parts) {
+    if (!Array.isArray(array)) {
+        console.warn('splitArray: 第一个参数应为数组');
+        return [];
+    }
+    const len = array.length;
+    const n = parseInt(parts, 10);
+    if (isNaN(n) || n <= 0) {
+        console.warn('splitArray: 份数应为大于 0 的整数');
+        return [];
+    }
+    const result = [];
+    for (let i = 0; i < n; i++) {
+        // 计算第 i 份的起始和结束索引
+        const start = Math.floor(i * len / n);
+        const end = Math.floor((i + 1) * len / n);
+        result.push(array.slice(start, end));
+    }
+    return result;
+}
\ No newline at end of file
diff --git a/src/utils/axios.js b/src/utils/axios.js
index e8f7e63..8fc44df 100644
--- a/src/utils/axios.js
+++ b/src/utils/axios.js
@@ -4,31 +4,49 @@
  */
 import axios from 'axios'
 import { getToken, getUser } from '@/utils/storage'
-import { useRouter } from 'vue-router';
-import { ElMessage } from 'element-plus';
+import router from '@/router'
 
-const router = useRouter();
-// axios.defaults.withCredentials = true;
+import { ElMessage } from 'element-plus';
+// import { usePythonBridge, } from '@/utils/pythonBridge'
+
+// const { stopScript } = usePythonBridge();
+
+const specialBaseURL = 'http://120.26.251.180:15330'
+const specialUrlPrefixes = ['chat', 'translation']  // 示例路径前缀
 // 请求地址前缀
 let baseURL = ''
 if (process.env.NODE_ENV === 'development') {
     // 生产环境
-    // baseURL = "http://120.26.251.180:8085/"
-    baseURL = "http://120.26.251.180:15330"
+    // baseURL = "https://api.tkpage.yolozs.com"
+    // baseURL = "http://192.168.1.174:8101"
+    baseURL = "http://47.79.98.113:8101"
 } else {
+    // 测试环境
+    // baseURL = "http://120.26.251.180:8085/"
     // 开发环境
-    baseURL = "http://120.26.251.180:8085/"
+
+    baseURL = "http://47.79.98.113:8101"
+    // baseURL = "http://api.tkpage.vvtiktok.cn"
 }
 
 // 请求拦截器
 axios.interceptors.request.use((config) => {
-    // if (getToken()) {
-    //     config.headers['token'] = getToken();
-    // }
+    console.log("config", config)
+    const url = sliceUrl(config.url)
+    console.log("url", url)
+    if (!(config.url == 'doLogin' || config.url == 'get-id-by-name')) {
+        config.headers['vvtoken'] = getToken();
+    }
 
+    // 判断是否是特殊接口
+    const isSpecial = specialUrlPrefixes.some(prefix => config.url.includes(prefix));
+    console.log("isSpecial", isSpecial)
+    // 根据接口设置 baseURL
+    config.baseURL = isSpecial ? specialBaseURL : baseURL;
+    console.log("config.baseURL", config.baseURL)
     // 请求超时时间 - 毫秒
     config.timeout = 60000
-    config.baseURL = baseURL
+    // config.baseURL = baseURL
     // 自定义Content-type
     config.headers['Content-type'] = 'application/json'
     return config;
@@ -38,7 +56,20 @@ axios.interceptors.request.use((config) => {
 
 // 响应拦截器
 axios.interceptors.response.use((response) => {
-    return response
+    console.log("response", response.data)
+    if (response.data.code == 0 || response.data.code == 200) {
+        console.log("response", response.data.data)
+        return response.data.data
+    } else if (response.data.code == 40400) {
+        // stopScript();
+        router.push('/')
+        ElMessage.error(response.data.code + '' + response.data.message + 1);
+    } else {
+
+        ElMessage.error(response.data.code + '' + response.data.message + 2);
+        Promise.reject(response.data.code + '' + response.data.message)
+    }
+
 }, (error) => {
     // 可添加请求失败后的处理逻辑
     return Promise.reject(error)
@@ -54,24 +85,18 @@ export function getAxios({ url, params }) {
             params
             // 请求成功，将返回的数据传递给resolve函数
         }).then(res => {
-            resolve(res.data)
+            resolve(res)
             // 请求失败，将错误信息传递给reject函数
         }).catch(err => {
-            console.log(err)
+            ElMessage.error(err + 3);
             reject(err)
+
         })
     })
 }
 
 // axios的post请求
 export function postAxios({ url, data }) {
-    // if (url != 'api/account/login') {
-
-    //     throttledCheekalive();
-
-    // }
-
-
     return new Promise((resolve, reject) => {
         axios.post(
             url,
@@ -82,20 +107,10 @@ export function postAxios({ url, data }) {
                 }
             }
         ).then(res => {
-            resolve(res.data)
+            resolve(res)
         }).catch(err => {
-            if (err.message == "Network Error") {
-                // alert("网络错误，请检查网络连接")
-                // ElMessage.error('网络连接错误');
-                reject('网络连接错误')
-
-            } else {
-                ElMessage.error(err.message);
-                reject(err.message)
-
-            }
-            // console.log(err)
-            // reject(err)
+            ElMessage.error(err + 4);
+            reject(err)
         })
     })
 }
@@ -131,28 +146,29 @@ export const downFile = async (urlstr, data) => {
 
 }
 //请求前验证
-function cheekalive() {
-    axios.post('api/account/cheekalive', {
-        userId: getUser().userId,
-        currcode: getToken(),
-    },
-        {
-            headers: {
-                'Content-Type': 'application/x-www-form-urlencoded'
-            }
-        }
-    ).then(res => {
-        console.log(res.data)
-        if (res.data) {
+// function cheekalive() {
+//     axios.post('api/account/cheekalive', {
+//         userId: getUser().userId,
+//         currcode: getToken(),
+//     },
+//         {
+//             headers: {
+//                 'Content-Type': 'application/x-www-form-urlencoded'
+//             }
+//         }
+//     ).then(res => {
+//         console.log(res.data)
+//         if (res.data) {
 
-        } else {
-            alert("账号在其他地方登录！")
-            window.location.href = '/';
-        }
+//         } else {
+//             stopScript();
+//             alert("账号在其他地方登录！")
+//             window.location.href = '/';
+//         }
 
 
-    })
-}
+//     })
+// }
 //节流函数
 function throttle(func, limit) {
     let inThrottle;
@@ -167,6 +183,18 @@ function throttle(func, limit) {
     }
 }
 
-const throttledCheekalive = throttle(cheekalive, 5000);
+function sliceUrl(url) {
+    const lastSlash = url.lastIndexOf('/');
+    const questionMark = url.indexOf('?');
+    if (questionMark == -1) {
+        const result = url.slice(lastSlash + 1, url.length);
+        return result;
+    } else {
+        const result = url.slice(lastSlash + 1, questionMark);
+        return result;
+    }
+
+}
+
 
 export default axios
\ No newline at end of file
diff --git a/src/utils/fileUtil.js b/src/utils/fileUtil.js
new file mode 100644
index 0000000..bfaaded
--- /dev/null
+++ b/src/utils/fileUtil.js
@@ -0,0 +1,38 @@
+
+let filePath = ''
+
+export const chooseFile = async (udid, index, type, wsActions) => {
+    console.log('选择文件', window.electronAPI?.selectApkFile);
+    if (type == 1) {
+        if (window.electronAPI?.selectApkFile) {
+            const path = await window.electronAPI.selectApkFile()
+            if (path) {
+                filePath = path
+                console.log(filePath);
+                wsActions.install(udid, index, filePath)
+            } else {
+                filePath = '用户取消了选择'
+                console.log(filePath);
+
+            }
+        } else {
+            filePath = '未检测到 Electron API，可能未正确注入 preload.js'
+        }
+    } else {
+        if (window.electronAPI?.selectFile) {
+            const path = await window.electronAPI.selectFile()
+            if (path) {
+                filePath = path
+                console.log(filePath);
+                wsActions.pushFile(udid, index, filePath)
+            } else {
+                filePath = '用户取消了选择'
+                console.log(filePath);
+
+            }
+        } else {
+            filePath = '未检测到 Electron API，可能未正确注入 preload.js'
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/src/utils/wsActions.js b/src/utils/wsActions.js
index 907287e..359b18f 100644
--- a/src/utils/wsActions.js
+++ b/src/utils/wsActions.js
@@ -18,6 +18,9 @@ export function createWsActions(wslist, isStopLike = null) {
     // 所有业务操作方法
     return {
         open: (udid, index) => send(index, { udid, action: 'openDY' }),   //打开tk
+        killNow: (udid, index) => send(index, { udid, action: 'killNow' }),   //关闭当前进程
+        install: (udid, index, path) => send(index, { udid, action: 'install', resourceId: path }),   //安装应用    
+        pushFile: (udid, index, path) => send(index, { udid, action: 'pushFile', resourceId: path }),   //发送文件  
         slideDown: (udid, index) => send(index, { udid, action: 'slideDown' }),//下滑动视频
         slideUp: (udid, index) => send(index, { udid, action: 'slideUp' }),//上滑动视频
         slideRight: (udid, index) => send(index, { udid, action: 'slideRight' }),//右滑动视频
@@ -43,5 +46,6 @@ export function createWsActions(wslist, isStopLike = null) {
         toHost: (udid, index) => send(index, { udid, action: 'click', type: 'toHost', index, resourceId: 'com.zhiliaoapp.musically:id/iso' }), //进入主页二
         hostVideo: (udid, index, num) => send(index, { udid, action: 'click', type: 'hostVideo', index, resourceId: 'com.zhiliaoapp.musically:id/d3u', num: num }), //主播视频
         test: (udid, index) => send(index, { udid, action: 'click', type: 'test', index, resourceId: 'com.zhiliaoapp.musically:id/j7s' }), //截屏测试
+
     };
 }
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index a40c1f9..6cc216c 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -38,7 +38,11 @@
 
 						<div class="from-input">
 							<el-form label-position="left" label-width="100px" :model="formData">
-
+								<div class="from-input-item1">
+									<img src="@/assets/username.png" alt="">
+									<el-input style="height: 25px;" v-model="formData.tenantName" placeholder="租户号"
+										clearable @keyup.enter="onSubmit" />
+								</div>
 								<div class="from-input-item1">
 									<img src="@/assets/username.png" alt="">
 									<el-input style="height: 25px;" v-model="formData.userId" placeholder="账号" clearable
@@ -70,9 +74,9 @@
 <script setup>
 import { ref, reactive, onMounted } from 'vue';
 import { useRouter } from 'vue-router';
-import { login } from '@/api/account';
+import { login, getIdByName } from '@/api/account';
 import { getToken, setToken, setUser, setUserPass, getUserPass } from '@/utils/storage';
-import { ElLoading } from 'element-plus';
+import { ElLoading, ElMessage } from 'element-plus';
 
 
 let version = ref('0.0.0');
@@ -85,6 +89,7 @@ onMounted(() => {
 const router = useRouter();
 
 const formData = ref({
+	tenantName: getUserPass() == null ? '' : getUserPass().tenantName,
 	userId: getUserPass() == null ? '' : getUserPass().userId,
 	password: getUserPass() == null ? '' : getUserPass().password,
 });
@@ -92,41 +97,28 @@ const formData = ref({
 
 
 const onSubmit = () => {
-
-
-	router.push('/Video');
-
-	return
-
 	const loading = ElLoading.service({
 		lock: true,
 		text: 'Loading',
 		background: 'rgba(0, 0, 0, 0.7)',
 	});
 	setUserPass(formData.value);
-	login({
-		userId: formData.value.userId,
-		password: formData.value.password,
-		source: 'app'
-	}).then((res) => {
-		loading.close();
-		console.log(res)
-		if (res.code == 200) {
-			if (res.data.activeYn == 'Y') {
-				setToken(res.data.currcode);
-				setUser(res.data);
-				router.push('/nav');
-			} else {
-				alert('账号未启用');
-			}
-
-		} else {
-			alert(res.mes);
-		}
-
-	}).catch((err) => {
-		loading.close();
-	});
+	getIdByName(formData.value.tenantName).then((tenantId) => {
+		console.log("tenantId", tenantId)
+		login({
+			tenantId: Number(tenantId),
+			username: formData.value.userId,
+			password: formData.value.password,
+		}).then((res) => {
+			loading.close();
+			console.log(res)
+			setToken(res.tokenValue);
+			setUser(res);
+			router.push('/Video');
+		}).catch((err) => {
+			loading.close();
+		});
+	})
 };
 </script>
 
@@ -207,7 +199,7 @@ const onSubmit = () => {
 
 			.from {
 				width: 420px;
-				height: 320px;
+				// height: 320px; 
 				color: #022b4e;
 				background-color: #ffffff44;
 				border-radius: 20px;
diff --git a/src/views/Untitled-1.vue b/src/views/Untitled-1.vue
index 0552d30..fb0eadc 100644
--- a/src/views/Untitled-1.vue
+++ b/src/views/Untitled-1.vue
@@ -1,101 +1,228 @@
 <template>
-    <div class="device-layout">
-        <!-- 左侧设备小窗口列表 -->
-        <div class="device-list">
-            <div v-for="(device, index) in deviceInformation" :key="device.udid" class="device-mini"
-                :class="{ active: selectedDevice === index }" @click="selectDevice(index)">
-                <video :ref="el => (videoElement[device.udid] = el)" autoplay muted playsinline class="mini-video"
-                    :style="{ width: phone.width + 'px', height: phone.height / 2 + 'px' }"></video>
-                <canvas class="mini-canvas" :ref="el => (canvasRef[device.udid] = el)"
-                    :style="{ width: phone.width + 'px', height: phone.height / 2 + 'px' }"></canvas>
+    <div class="main">
+        <el-scrollbar class="left">
+            <div class=" center-line">
+                <!-- <el-button class="open" @click="wsActions.open(device.udid, index)"></el-button>
+        <el-button class="Back" @click="Back(device.udid, index)"></el-button>
+        <el-button class="Home" @click="Home(device.udid, index)"></el-button>
+        <el-button class="Overview" @click="Overview(device.udid, index)"></el-button> -->
+
+
+                <!-- <el-button @click="play(device.udid, index)">play</el-button> -->
+                <!-- <el-button class="open" @click="slideDown(device.udid, index)"></el-button>
+        <el-button class="open" @click="slideUp(device.udid, index)"></el-button>
+        <el-button class="open" @click="clickLike(device.udid, index)"></el-button> -->
+                <div></div>
+                <!-- <el-button @click="clickLikes(device.udid, index)">点赞</el-button> -->
+                <!-- <el-button @click="stopLike(index)">停止点赞</el-button> -->
+                <!-- <div></div>
+        <el-button @click="clickComment(device.udid, index)">评论</el-button>
+        <el-button @click="clickComtext(device.udid, index)">评论框</el-button>
+        <el-button @click="clickComPush(device.udid, index)">发布评论</el-button>
+        <div></div>
+        <el-button @click="clicktomy(device.udid, index)">主页</el-button> -->
+                <!-- <el-button @click="wsActions.clickAttention(device.udid, index)">关注/私信</el-button> -->
+                <!-- <div></div>
+        <el-button @click="clickPrivatetext(device.udid, index)">私信输入</el-button>
+        <el-button @click="clickPrivatePush(device.udid, index)">私信发送</el-button> -->
+                <el-button type="warning" @click="reloadfun()">刷新</el-button>
+                <div></div>
+                <!-- <el-button @click="wsActions.clickCopy(device.udid, index)">找私信</el-button> -->
+                <!-- <el-button @click="wsActions.clickCopyList(device.udid, index)">私信列表</el-button> -->
+                <div></div>
+                <!-- <el-button @click="wsActions.getmesNum(device.udid, index)">获取收件箱</el-button> -->
+                <!-- <el-button @click="wsActions.getSize(device.udid, index)">获取屏幕尺寸</el-button> -->
+                <!-- <el-button @click="wsActions.slideRight(device.udid, index)">右滑</el-button>  -->
+                <!-- <el-button @click="wsActions.isHost(device.udid, index)">一键养号</el-button> -->
+
+                <el-button type="success" @click="openTk()">打开tiktok</el-button>
+                <el-button type="success"
+                    @click="showDialog = true; dialogTitle = '评论'; selectedDevice = 999">一键养号</el-button>
+                <el-button type="success"
+                    @click="showDialog = true; dialogTitle = '主播ID'; selectedDevice = 999">一键关注并打招呼</el-button>
+                <el-button type="success" v-if="!isShowMes" @click="openMonitor()">开启监测消息</el-button>
+                <el-button type="danger" v-else @click="cloesMonitor()">关闭监测消息</el-button>
+                <el-button type="danger" @click="stop()">全部停止</el-button>
+                <el-button type="danger" @click="router.push('/')">登出</el-button>
+                <div></div>
+
+                <div></div>
+                <!-- <el-button @click="wsActions.test(device.udid, index)">截屏</el-button> -->
+                <div></div>
+                <!-- <el-button @click="wsActions.search(device.udid, index)">搜索</el-button>
+          <div></div>
+  
+          <el-button @click="wsActions.searchHost(device.udid, index)">搜主播</el-button>
+          <div></div>
+  
+          <el-button @click="wsActions.toHost(device.udid, index)">主页</el-button>
+          <div></div>
+          <el-button @click="LikesToLikesToLikes(device.udid, index)">批量关注</el-button> -->
+
+                <div></div>
+                <!-- <div style="display: flex;">
+          <div style="width: 150px;">主播id</div>
+          <el-input style="border: 1px solid #000;" v-model="hostIdContent[index]" type="text"></el-input>
+          <el-button @click="setHostId(index)">发送</el-button>
+        </div>
+        <div style="display: flex;">
+          <div style="width: 150px;">评论内容：</div>
+          <el-input style="border: 1px solid #000;" v-model="textContent[index]" type="text"></el-input>
+          <el-button @click="setComText(index)">发送</el-button>
+        </div> -->
+                <!-- <div style="display: flex;">
+          <div style="width: 150px;">私信内容：</div>
+          <el-input style="border: 1px solid #000;" v-model="textContentpri[index]" type="text"></el-input>
+          <el-button @click="setPrivateText(index)">发送</el-button>
+        </div> -->
+                <div></div>
+                <!-- <el-button @click="clickxy(160, 360, index)">开始/暂停</el-button> -->
+                <div></div>
+                <!-- <el-button @click="clickxy(284, 392, index, 9)">长按</el-button> -->
+                <!-- <el-button @click="getText(index)">获取粘贴板内容</el-button> -->
+                <div></div>
+
+                <!-- <el-button @click="LikesToCommentToComPush(device.udid, index)">设置自动化坐标</el-button> -->
+                <!-- <el-button @click="start(device.udid, index)">开始执行</el-button> -->
+                <!-- <el-button @click="stop(device.udid, index)">停止</el-button> -->
+                <div></div>
+                <!-- <el-button @click="wsActions.isVideoAndLive(device.udid, index)">判断视频还是直播</el-button> -->
+
             </div>
+        </el-scrollbar>
+        <div class="content" @click.self="selectedDevice = 999">
+            <div class="video-container" @click.self="selectedDevice = 999" v-for="(device, index) in deviceInformation"
+                :key="device.udid" @mouseup="(e) => handleCanvasup(device.udid, e, index)">
+
+                <div class="video-canvas">
+                    <video :ref="(el) => (videoElement[device.udid] = el)" autoplay muted playsinline
+                        :style="getVideoStyle(index)" @click.stop="selectedDeviceFun(index)"></video>
+
+                    <canvas class="canvas" v-show="selectedDevice == index" :ref="(el) => (canvasRef[device.udid] = el)"
+                        @mousemove.stop="(e) => handleMouseMove(device.udid, e, index)"
+                        @mousedown.stop="(e) => handleCanvasdown(device.udid, e, index)">
+                    </canvas>
+                </div>
+                <div class="input-info" v-show="selectedDevice == index"
+                    :style="{ left: phone.width * 1.4 + 4 + '0px' }">
+                    <!-- <div class="input-info" v-show="false"> -->
+                    <el-button @click="showDialog = true; dialogTitle = '主播ID';">批量关注</el-button>
+                    <div></div>
+                    <el-button @click="showDialog = true; dialogTitle = '评论';">导入评论</el-button>
+                    <div></div>
+                    <el-button @click="getComArr(index, '评论')">查看评论</el-button>
+                    <div></div>
+                    <el-button @click="showDialog = true; dialogTitle = '私信';">导入私信</el-button>
+                    <div></div>
+                    <el-button @click="getComArr(index, '私信')">查看私信</el-button>
+                    <el-button @click="wsActions.getmesNum(device.udid, index)">检测消息</el-button>
+                    <el-button @click="wsActions.clickMesage(device.udid, index)">进入消息</el-button>
+                    <el-button
+                        @click="wsActions.clickCopyList(device.udid, index); openShowChat = true; istranslate = true">翻译本页对话</el-button>
+                    <el-button @click="wsActions.getSize(device.udid, index)">获取屏幕尺寸</el-button>
+
+                    <div style="display: flex;">
+                        <el-input style="border: 1px solid #000;" v-model="textContent[index]" type="text"></el-input>
+                        <el-button @click="setComText(index)">发送</el-button>
+                    </div>
+                    <el-button @click="wsActions.test(device.udid, index)">截屏</el-button>
+                    <!-- <el-button @click="wsActions.isHost(device.udid, index)">一键养号</el-button> -->
+
+                </div>
+            </div>
+            <!-- 
+        <div class="video-container" @click.self="selectedDevice = 999" v-for="item in 4" :style="getVideoStyle()"
+          :class="{ 'bottom-row': item >= 2 }">
+          <div style="position: relative;box-sizing: border-box;  ">
+          </div> 
+        </div> -->
+
+        </div>
+        <div class="right">
+            <!-- <el-button @click="openShowChat = !openShowChat">聊天</el-button> -->
+            <ChatDialog :visible="openShowChat" :messages="chatList" />
+
+            <!-- <ChatDialog :visible="openShowChat" :leftMsg="chatContent.left" :rightMsg="chatContent.right"
+          @close="show = false" /> -->
         </div>
 
-        <!-- 右侧选中大窗口 -->
-        <div class="device-main" v-if="currentDevice">
-            <video :ref="el => (videoElement[currentDevice.udid] = el)" autoplay muted playsinline class="main-video"
-                :style="{ width: phone.width * 2 + 'px', height: phone.height * 2 + 'px' }"></video>
-            <canvas class="main-canvas" :ref="el => (canvasRef[currentDevice.udid] = el)"
-                :style="{ width: phone.width * 2 + 'px', height: phone.height * 2 + 'px' }"
-                @mousemove.stop="(e) => handleMouseMove(currentDevice.udid, e, selectedDevice)"
-                @mousedown.stop="(e) => handleCanvasdown(currentDevice.udid, e, selectedDevice)"
-                @mouseup="(e) => handleCanvasup(currentDevice.udid, e, selectedDevice)"></canvas>
-            <!-- 右侧所有你原本的按钮、输入框等 -->
-            <div class="main-controls">
-                <!-- 全部直接复用你的按钮和输入框。建议用弹窗或右下角固定区，不影响大画面 -->
-                <!-- 这里直接插入你原来设备面板的按钮/输入栏代码（按需自定义/复用） -->
-
-                <el-button class="open" @click="wsActions.open(currentDevice.udid, selectedDevice)"></el-button>
-                <el-button class="Back" @click="Back(currentDevice.udid, selectedDevice)"></el-button>
-                <el-button class="Home" @click="Home(currentDevice.udid, selectedDevice)"></el-button>
-                <el-button class="Overview" @click="Overview(currentDevice.udid, selectedDevice)"></el-button>
-                <el-button @click="reloadfun()">修复播放</el-button>
-                <el-button @click="wsActions.clickCopyList(currentDevice.udid, selectedDevice)">私信列表</el-button>
-                <el-button @click="wsActions.isHost(currentDevice.udid, selectedDevice)">开始养号</el-button>
-                <el-button @click="openComArr(selectedDevice)">导入评论</el-button>
-                <el-button @click="getComArr(selectedDevice)">查看评论</el-button>
-                <el-button @click="wsActions.test(currentDevice.udid, selectedDevice)">截屏</el-button>
-                <el-button @click="LikesToLikesToLikes(currentDevice.udid, selectedDevice)">批量关注</el-button>
-                <div style="display: flex;">
-                    <div style="width: 150px;">主播id</div>
-                    <el-input style="border: 1px solid #000;" v-model="hostIdContent[selectedDevice]"
-                        type="text"></el-input>
-                    <el-button @click="setHostId(selectedDevice)">发送</el-button>
-                </div>
-                <div style="display: flex;">
-                    <div style="width: 150px;">评论内容：</div>
-                    <el-input style="border: 1px solid #000;" v-model="textContent[selectedDevice]"
-                        type="text"></el-input>
-                    <el-button @click="setComText(selectedDevice)">发送</el-button>
-                </div>
-                <el-button @click="clickxy(160, 360, selectedDevice)">开始/暂停</el-button>
-                <el-button @click="getText(selectedDevice)">获取粘贴板内容</el-button>
-                <el-button @click="wsActions.isVideoAndLive(currentDevice.udid, selectedDevice)">判断视频还是直播</el-button>
-            </div>
-        </div>
+        <MultiLineInputDialog v-model:visible="showDialog" :initialText='""' :title="dialogTitle"
+            :index="selectedDevice" @confirm="onDialogConfirm" @cancel="onDialogCancel" />
     </div>
+
+
 </template>
 
 <script setup>
-import { ref, computed, onMounted, onUnmounted, onBeforeUnmount, watch, inject } from "vue";
-// ---- 保持你所有 import 和原有业务逻辑不变 ----
+import { ref, onMounted, onUnmounted, onBeforeUnmount, watch, inject } from "vue";
 import VideoConverter from "h264-converter";
-import { Buffer } from 'buffer';
+import { Buffer } from 'buffer';  // 如果在浏览器环境需要引入buffer包
+import { useRouter } from 'vue-router';
 import { setphoneXYinfo, getphoneXYinfo } from '@/utils/storage'
 import { set } from "lodash";
 import { toBufferBtn, stringToUtf8ByteArray, getClipboard, setClipboard, bufferToString, startsWithHeader, trimLongArray, base64ToBinary, toBuffer } from '@/utils/bufferUtils';
 import { createWsActions } from '@/utils/wsActions';
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { chat } from "@/api/chat";
+import { ElMessage, ElMessageBox, ElLoading } from 'element-plus'
+import { chat, translation } from "@/api/chat";
+import MultiLineInputDialog from '@/components/MultiLineInputDialog.vue'; // 根据实际路径修改
+import ChatDialog from '@/components/ChatDialog.vue'
 
-// ---- 你的所有原有 setup 代码、ref变量、方法、WebSocket逻辑全保留 ----
+const router = useRouter();
 let wsActions = null;
-const reload = inject("reload")
 
-let phone = ref({ width: 160, height: 360 });
-const srt = base64ToBinary("ZQBwAAAAAAA8CgLQAtAAAAAAAAAAAAD/AAAAAAAAAAAAAAAA");
-const eitwo = base64ToBinary("BAIAAABHVFJD");
+// 引入刷新方法
+const reload = inject("reload")
+let refresh = ref(true);
+
+let phone = ref({ width: 207, height: 470 });
+const openStr = base64ToBinary("ZQBwAAAAAAA8CgLQAtAAAAAAAAAAAAD/AAAAAAAAAAAAAAAA");  //开启视频流的启动命令
+const eitwo = base64ToBinary("BAIAAABHVFJD");         //开启设备信息的命令
 let isshow = ref(true);
-let playTimer = ref([{}, {}, {}, {}, {}, {}, {}, {}]);
+let playTimer = ref([{}, {}, {}, {}, {}, {}, {}, {}]); // 播放定时器
 let isdown = ref(false);
 const videoElement = ref({});
 let deviceInformation = ref([]);
+
+//当前弹窗类型
+let dialogTitle = ref('');
 //评论文本内容
 let textContent = ref(['', '', '', '', '', '', '', '']);
 let textContentArr = ref([[], [], [], [], [], [], [], [], []]);
 //主播id内容
 let hostIdContent = ref(['', '', '', '', '', '', '', '']);
 let hostIdContentArr = ref([[], [], [], [], [], [], [], [], []]);
+//私信文本内容
 let textContentpri = ref(['', '', '', '', '', '', '', '']);
-let selectedDevice = ref(0); // 默认选中第一个
-let wslist = [];
-let isStopLike = ref([false, false, false, false, false, false, false, false]);
-let instanceList = ref([{}, {}, {}, {}, {}, {}, {}, {}]);
-let isHostInfo = ref([false, false, false, false, false, false, false, false]);
-let iponeCoefficient = ref([{ width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }]);
-let isSend = ref(false)
-const taskQueues = new Map();
+let textContentpriArr = ref([[], [], [], [], [], [], [], [], []]);
+//保存聊天内容
+let chatList = ref([]);
+//传入弹窗的聊天内容
+let chatContent = ref({
+    left: '',
+    right: ''
+});
 
+//选中设备
+let selectedDevice = ref(999);
+//ws列表
+let wslist = [];
+// 是否停止点赞
+let isStopLike = ref([false, false, false, false, false, false, false, false]);
+//播放器列表
+let instanceList = ref([{}, {}, {}, {}, {}, {}, {}, {}]);
+//是否是在关注主播
+let runType = ref(['', '', '', '', '', '', '', '']);
+//屏幕尺寸系数
+let iponeCoefficient = ref([{ width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }, { width: 1, height: 1 }]);
+//是否是发送的内容
+let isSend = ref(false)
+//adb任务队列
+const taskQueues = new Map(); // 每个设备一个队列
+//弹窗是否显示
+let showDialog = ref(false);
+//监听消息定时器
+let isShowMes = ref();
+//给ws-scrcpy发送的数据格式
 const mouseData = {
     type: 2,
     action: 0,
@@ -107,17 +234,12 @@ const mouseData = {
     pressure: 1,
     buttons: 1,
 };
-
+//打开聊天窗口的状态
+let openShowChat = ref(false);
+let istranslate = ref(false); //是否是翻译本页
 let phoneXYinfo = ref(getphoneXYinfo() == null ? [{}, {}, {}, {}, {}, {}, {}, {}] : getphoneXYinfo());
+console.log('phoneXYinfo.value', phoneXYinfo.value)
 
-
-// 选中设备信息
-const currentDevice = computed(() => deviceInformation.value[selectedDevice.value] || null);
-
-// 选中事件
-function selectDevice(index) {
-    selectedDevice.value = index;
-}
 const wsCache = new Map();
 //``````````````````````````````````````````````````````````````````````````````````
 // 初始化 手机显示WebSocket 和视频流
@@ -148,71 +270,41 @@ const initVideoStream = (udid, index) => {
         `ws://127.0.0.1:8000/?action=proxy-adb&remote=tcp%3A8886&udid=${udid}`
     );
     wslist[index].binaryType = "arraybuffer";
+
+
     wslist[index].onopen = () => {
         console.log("手机显示ws已开启");
 
         wsActions = createWsActions(wslist, isStopLike);
-
-
         // 发送 开启 视频流数据
         setTimeout(() => {
-            wslist[index].send(srt);
+            wslist[index].send(openStr);
         }, 300);
-
-
-        // console.log('playTimer.value[index]', playTimer.value)
         playTimer.value[index] = setTimeout(() => {
-            // console.log('第' + index + '台设备开始播放', instanceList.value[index].converter)
-            // console.log("udid", udid);
             instanceList.value[index].converter.play();
         }, 3000);
         //``````````````````````````````````````````````````````````````````````````````````
         wsCache.set(udid, instanceList.value[index]);
         //``````````````````````````````````````````````````````````````````````````````````
     };
+
     const magicSize = stringToUtf8ByteArray('scrcpy_message');
 
     // 3. 处理接收到的二进制数据
     wslist[index].onmessage = (event) => {
         const data = new Uint8Array(event.data);
 
-
         //判断返回的如果是字符串为自定义返回
         if (typeof event.data == 'string') {
+            if (isStopLike.value[index]) {
+                createTaskQueue(index).clear();//清除队伍中的任务
+                return;
+            }
             const resData = JSON.parse(event.data)
             //成功处理
             console.log('自定义返回', resData)
             if (resData.status === 'success') {
 
-
-                if (resData.type == 'PrivatePush') {
-                    setTimeout(() => {
-                        Back('', index)
-
-                        setTimeout(() => {
-                            Back('', index)
-
-                            setTimeout(() => {
-                                Back('', index)
-
-                                // setTimeout(() => {
-                                //   slideDown(deviceInformation.value[index].udid, index)//是否继续下一个视频
-                                //   setTimeout(() => {
-                                //     clickxy(160, 360, index)
-                                //     LikesToCommentToComPush(deviceInformation.value[index].udid, index)  //是否继续循环任务
-                                //   }, generateRandomNumber());
-                                // }, 1000);
-
-
-
-                            }, 1000);
-
-                        }, 1000);
-
-                    }, 1000);
-
-                }
-
                 //触发长按该位置
                 if (resData.type == 'clickCopy') {
                     console.log('长按', resData.x * iponeCoefficient.value[index].width, resData.y * iponeCoefficient.value[index].height, index)
@@ -225,22 +317,49 @@ const initVideoStream = (udid, index) => {
                         console.log('没有消息')
                     } else if (resData.message == 1) {
                         console.log('有消息')
+                    } else if (resData.message == '点击成功') {
+                        console.log('双击', iponeCoefficient.value[index].width, iponeCoefficient.value[index].height)
+                        setTimeout(() => {
+                            clickxy(resData.x * iponeCoefficient.value[index].width, resData.y * iponeCoefficient.value[index].height, index)
+                            setTimeout(() => {
+                                clickxy(resData.x * iponeCoefficient.value[index].width, resData.y * iponeCoefficient.value[index].height, index) //index为9的时候长按
+                            }, 100)
+                            wsActions.clickMesage(deviceInformation.value[index].udid, index) //点击消息进入对话框
+                        }, 1500)
                     }
 
+                } else if (resData.type == 'clickMesage') {
+                    wsActions.clickCopyList(deviceInformation.value[index].udid, index)
+
                 } else if (resData.type == 'isVideoAndLive') {
                     console.log(resData.message)
 
                 } else if (resData.type == 'clickCopyList') { //获取到的消息列表
-                    console.log(resData.message)
+                    //打印所有信息
+                    console.log('消息列表', resData.message)
+                    chatList.value = resData.message
+                    getTranslation(chatList.value)
                     const mesBox = resData.message[resData.message.length - 1]
-                    console.log(mesBox)
-                    chat({ messages: [{ role: "user", content: mesBox.text }] }).then(res => {
-                        console.log(res)
-                    })
+                    //打印最新一条信息
+                    console.log('最新消息', mesBox)
+                    console.log("翻译", istranslate.value)
+                    if (istranslate.value == false) {
+                        console.log("执行ai")
+                        chat({ msg: mesBox.text }).then(res => {
+                            console.log("ai返回", res)
+                            textContentpri.value[index] = res
+                            PrivatetexToPrivatePush(deviceInformation.value[index].udid, index)
+                        })
+                    } else {
+                        console.log("翻译本页")
+                        istranslate.value = false
+                    }
+
+
                 } else if (resData.action == 'getSize') {
                     console.log(iponeCoefficient.value, '手机尺寸宽度：', resData.width, '高度：', resData.height);
-                    iponeCoefficient.value[index].width = phone.value.width / resData.width
-                    iponeCoefficient.value[index].height = phone.value.height / resData.height
+                    iponeCoefficient.value[index].width = 320 / resData.width
+                    iponeCoefficient.value[index].height = 720 / resData.height
 
                     console.log('尺寸系数', iponeCoefficient.value[index])
                 } else {
@@ -250,7 +369,8 @@ const initVideoStream = (udid, index) => {
                 phoneXYinfo.value[index].id = resData.udid
                 if (resData.type == 'Likes') {//判断是否是 点赞
                     phoneXYinfo.value[index].Likes = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
-                    if (isHostInfo.value[index]) {
+
+                    if (runType.value[index] == 'follow') {
                         wsActions.slideDown(deviceInformation.value[index].udid, index)//是否继续下一个视频
                     }
                 } else if (resData.type == 'Comment') {//打开评论
@@ -264,7 +384,7 @@ const initVideoStream = (udid, index) => {
                     phoneXYinfo.value[index].ComPush = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
                     setTimeout(() => {
                         Back('', index)
-                        if (isHostInfo.value[index]) {
+                        if (runType.value[index] == 'follow') {
                             setTimeout(() => {
                                 Back('', index)
                             }, 1000)
@@ -300,9 +420,26 @@ const initVideoStream = (udid, index) => {
                     phoneXYinfo.value[index].Privatetex = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
                 } else if (resData.type == 'PrivatePush') {//私信发送
                     phoneXYinfo.value[index].PrivatePush = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
-                    if (isHostInfo.value[index]) {
-                        isHostInfo.value[index] = false
+
+                    //如果是在关注主播的任务中
+                    if (runType.value[index] == 'follow') {
+                        runType.value[index] = ''
                     }
+                    setTimeout(() => {
+                        Back('', index);
+
+                        setTimeout(() => {
+                            Back('', index);
+                            if (runType.value[index] == 'listen') {
+
+                            } else if (runType.value[index] == 'like' || runType.value[index] == 'follow') {
+                                LikesToLikesToLikes(deviceInformation.value[index].udid, index, 2)
+                            } else {
+
+                            }
+                        }, 1000);
+
+                    }, 1000);
 
                 } else if (resData.type == 'clickCopy') {//点击复制
                     phoneXYinfo.value[index].clickCopy = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
@@ -313,24 +450,24 @@ const initVideoStream = (udid, index) => {
                     phoneXYinfo.value[index].isHost = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
 
                     if (resData.message == 0) {
-                        console.log('无关注')
+                        console.log('无关注', index)
                         Back(deviceInformation.value[index].udid, index)
                         setTimeout(() => {
 
-                            console.log('观看视频中')
+                            console.log('观看视频中', index)
                             randomSeeVideo(deviceInformation.value[index].udid, index)  //30-50秒后继续循环任务
                         }, 1000);
                     } else if (resData.message == 1) {
-                        console.log('有关注')
+                        console.log('有关注', index)
                         const randomNum = Math.random(); // 生成一个0到1之间的随机数
                         if (randomNum < 0.5) {
-                            console.log('进行点赞评论')
+                            console.log('进行点赞评论', index)
                             LikesToCommentToComPush(deviceInformation.value[index].udid, index)
                         } else {
-                            console.log('下一个')
+                            console.log('下一个', index)
                             wsActions.slideDown(deviceInformation.value[index].udid, index)//是否继续下一个视频
                             setTimeout(() => {
-                                console.log('观看视频中')
+                                console.log('观看视频中', index)
                                 randomSeeVideo(deviceInformation.value[index].udid, index)  //30-50秒后继续循环任务
                             }, 1000);
                         }
@@ -351,17 +488,51 @@ const initVideoStream = (udid, index) => {
 
                 }
             } else {
-                console.error(resData.type, resData)
+                // --------------------------------------------------------------------------报错处理
+                // console.error(resData.type, resData)
+                //如果该视频无法被评论，返回刷下一条视频
                 if (resData.type == 'Comtext') {
+                    if (runType.value[index] == 'follow') {
+                        createTaskQueue(index).clear();//清除队伍中的任务
+                        Back('', index)
+                        setTimeout(() => {
+                            Back('', index)
+                            setTimeout(() => {
+                                Back('', index)
+                                LikesToLikesToLikes(deviceInformation.value[index].udid, index, 2)
+
+                            }, 1000)
+                        }, 1000)
+                    } else {
+                        createTaskQueue(index).clear();//清除队伍中的任务
+                        Back('', index)
+                        setTimeout(() => {
+                            Back('', index)
+                            setTimeout(() => {
+                                wsActions.isHost(deviceInformation.value[index].udid, index)
+
+                            }, 1000)
+                        }, 1000)
+                    }
+                    //如果该视频无法被私信，返回刷下一条视频
+                } else if (resData.type == 'Privatetex') {
                     createTaskQueue(index).clear();//清除队伍中的任务
                     Back('', index)
                     setTimeout(() => {
                         Back('', index)
-                        setTimeout(() => {
-                            wsActions.isHost(deviceInformation.value[index].udid, index)
-
-                        }, 1000)
+                        LikesToLikesToLikes(deviceInformation.value[index].udid, index, 2)
                     }, 1000)
+                } else if (resData.type == 'hostVideo') {
+                    createTaskQueue(index).clear();//清除队伍中的任务
+                    Back('', index)
+                    setTimeout(() => {
+                        LikesToLikesToLikes(deviceInformation.value[index].udid, index, 2)
+                    }, 1000)
+                } else if (resData.type == 'getmesNum' || resData.type == 'clickMesage') {
+
+                } else if (resData.type == 'clickCopyList') {
+                    //如果无法获取到聊天记录，返回继续检测
+                    Back('', index)
                 } else {
                     console.error(resData.message); // 错误处理
                     ElMessage.error(resData.message);
@@ -412,10 +583,10 @@ const initCanvas = (udid) => {
     const canvas = canvasRef.value[udid];
     const dpr = window.devicePixelRatio || 1;
 
-    canvas.style.width = `${phone.value.width * 2}px`;
-    canvas.style.height = `${phone.value.height * 2}px`;
-    canvas.width = phone.value.width * 2 * dpr;
-    canvas.height = phone.value.height * 2 * dpr;
+    canvas.style.width = `${phone.value.width * 1.4}px`;
+    canvas.style.height = `${phone.value.height * 1.4}px`;
+    canvas.width = phone.value.width * 1.4 * dpr;
+    canvas.height = phone.value.height * 1.4 * dpr;
 
     const ctx = canvas.getContext("2d");
     ctx.scale(dpr, dpr);
@@ -430,9 +601,6 @@ const initCanvas = (udid) => {
     }
 };
 
-
-
-
 // 鼠标按下事件处理
 const handleCanvasdown = (udid, event, index) => {
     const { x, y } = getCanvasCoordinate(event, udid);
@@ -490,8 +658,8 @@ const getCanvasCoordinate = (event, udid) => {
     const rect = canvas.getBoundingClientRect();
     const dpr = window.devicePixelRatio || 1;
     return {
-        x: (event.clientX - rect.left) * dpr,
-        y: (event.clientY - rect.top) * dpr,
+        x: (event.clientX - rect.left) / 0.9138 * dpr,
+        y: (event.clientY - rect.top) / 0.9138 * dpr,
     };
 };
 
@@ -541,6 +709,8 @@ const handleVisibilityChange = () => {
         console.log("页面变为可见");
         setTimeout(() => {
             isshow.value = true;
+            // ObtainDeviceInformation();
+
         }, 500);
 
     }
@@ -555,44 +725,37 @@ onMounted(() => {
         console.log('触发按键了 键盘事件有效', e)
         if (e.key == 'Backspace') {
             key(selectedDevice.value, 'down', 67)
-        } else if (e.keyCode == 17) {
-            key(selectedDevice.value, 'down', 113)
-        } else if (e.keyCode == 65) {
-            key(selectedDevice.value, 'down', 29)
         }
     })
 
     window.addEventListener('keyup', (e) => {
-        console.log('触发按键了 键盘事件有效抬起', e.keyCode, e.key)
+        // console.log('触发按键了 键盘事件有效抬起', e.keyCode, e.key)
         if (e.key == 'Backspace') {
             key(selectedDevice.value, 'up', 67)
-        } else if (e.keyCode == 17) {
-            key(selectedDevice.value, 'up', 113)
-        } else if (e.keyCode == 65) {
-            key(selectedDevice.value, 'up', 29)
         }
     })
+
+
+    const loading = ElLoading.service({
+        lock: true,
+        text: '初始化中...',
+        background: 'rgba(0, 0, 0, 0.7)',
+    })
+    setTimeout(() => {
+        loading.close()
+    }, 2000)
 });
 
 onBeforeUnmount(() => {
     document.removeEventListener("visibilitychange", handleVisibilityChange);
 });
 
-
-
 // 组件卸载时清理
 onUnmounted(() => {
     console.log("卸载组件");
-    // if (wsVideo) {
-    //   wsVideo.close();
-    // }
-    // if (converter) {
-    //   converter.pause();
-    // }
+    cloesMonitor(); //关闭检测消息
 });
 
-
-
 //获取设备信息
 const ObtainDeviceInformation = () => {
     // 2. 连接 WebSocket
@@ -609,6 +772,7 @@ const ObtainDeviceInformation = () => {
 
 
             if (data.type == "devicelist") {
+                deviceInformation.value = [];
                 const filteredList = data.data.list.filter(item => item.state === 'device');
                 //检测到设备列表时，渲染所有设备
                 filteredList.forEach((item, index) => {
@@ -621,6 +785,10 @@ const ObtainDeviceInformation = () => {
                         setTimeout(() => {
                             initVideoStream(item.udid, index);
                             initCanvas(item.udid);
+                            setTimeout(() => {
+                                wsActions.getSize(item.udid, index)
+
+                            }, 2000)
                         }, 300);
                     }
 
@@ -693,24 +861,23 @@ const ObtainDeviceInformation = () => {
 
 //喜欢-输入评论
 async function LikesToCommentToComPush(udid, index) {
-    // await sendWsTask(index, { udid, action: 'click', type: 'isHost', index, resourceId: 'com.zhiliaoapp.musically:id/fug' });
     await sendWsTask(index, { udid, action: 'click', type: 'Likes', index, resourceId: 'com.zhiliaoapp.musically:id/dy6' });
     await sendWsTask(index, { udid, action: 'click', type: 'Comment', index, resourceId: 'com.zhiliaoapp.musically:id/cvd' });
     await sendWsTask(index, { udid, action: 'click', type: 'Comtext', index, resourceId: 'com.zhiliaoapp.musically:id/cs0' });
     await sendWsTask(index, { udid, action: 'click', type: 'ComPush', index, resourceId: 'com.zhiliaoapp.musically:id/bqg' });
-    // await sendWsTask(index, { udid, action: 'click', type: 'addHost', index, resourceId: 'com.zhiliaoapp.musically:id/fug' });
-    // await sendWsTask(index, { udid, action: 'click', type: 'tomy', index, resourceId: 'com.zhiliaoapp.musically:id/ts9' });
-    // await sendWsTask(index, { udid, action: 'click', type: 'Attention', index, resourceId: 'com.zhiliaoapp.musically:id/dhx' });
-    // await sendWsTask(index, { udid, action: 'click', type: 'return', index, resourceId: 'com.zhiliaoapp.musically:id/ksm' });
-    // await sendWsTask(index, { udid, action: 'click', type: 'Attention', index, resourceId: 'com.zhiliaoapp.musically:id/dhx' });
-    // await sendWsTask(index, { udid, action: 'click', type: 'Privatetex', index, resourceId: 'com.zhiliaoapp.musically:id/hob' });
-    // await sendWsTask(index, { udid, action: 'click', type: 'PrivatePush', index, resourceId: 'com.zhiliaoapp.musically:id/hog' });
-
 }
+
+
 //点赞主页4个作品+评论最后一个作品并返回
-async function LikesToLikesToLikes(udid, index) {
-    isHostInfo.value[index] = true;
-    await sendWsTask(index, { udid, action: 'click', type: 'search', index, resourceId: 'com.zhiliaoapp.musically:id/gtz' });
+async function LikesToLikesToLikes(udid, index, type) {
+    isStopLike.value[index] = false;
+    runType.value[index] = 'follow';
+    if (type == 2) {
+        await sendWsTask(index, { udid, action: 'click', type: 'searchTxt', index, resourceId: 'com.zhiliaoapp.musically:id/f0l' });
+        await sendWsTask(index, { udid, action: 'click', type: 'close', index, resourceId: 'com.zhiliaoapp.musically:id/blw' });
+    } else if (type == 1) {
+        await sendWsTask(index, { udid, action: 'click', type: 'search', index, resourceId: 'com.zhiliaoapp.musically:id/gtz' });
+    }
     await sendWsTask(index, { udid, action: 'click', type: 'searchHost', index, resourceId: 'com.zhiliaoapp.musically:id/t6f' });
     await sendWsTask(index, { udid, action: 'click', type: 'toHost', index, resourceId: 'com.zhiliaoapp.musically:id/iso' });
     await sendWsTask(index, { udid, action: 'click', type: 'hostVideo', index, resourceId: 'com.zhiliaoapp.musically:id/u3o', num: 0 });
@@ -726,47 +893,61 @@ async function LikesToLikesToLikes(udid, index) {
     await sendWsTask(index, { udid, action: 'click', type: 'Privatetex', index, resourceId: 'com.zhiliaoapp.musically:id/hob' });
     await sendWsTask(index, { udid, action: 'click', type: 'PrivatePush', index, resourceId: 'com.zhiliaoapp.musically:id/hog' });
     // await sendWsTask(index, { udid, action: 'click', type: 'fanhui', index, resourceId: 'com.zhiliaoapp.musically:id/awi' });
-
-}
-//修复播放
-function repair(udid, index) {
-    console.log(index, instanceList.value[index])
-    instanceList.value[index].converter.play();
-    // wslist[index].send(JSON.stringify({ udid: udid, action: 'click', type: 'wait', index: index, resourceId: 'com.zhiliaoapp.musically:id/fcm' }));
 }
 
-//发送私信字符到手机方法
+//私信
+async function PrivatetexToPrivatePush(udid, index) {
+    await sendWsTask(index, { udid, action: 'click', type: 'Privatetex', index, resourceId: 'com.zhiliaoapp.musically:id/hob' });
+    await sendWsTask(index, { udid, action: 'click', type: 'PrivatePush', index, resourceId: 'com.zhiliaoapp.musically:id/hog' });
+}
+
+//发送评论字符到手机方法
 function setComText(index) {
     isSend.value = true;
     setTimeout(() => {
         isSend.value = false;
 
     }, 300);
-    console.log('发送内容', textContent.value[index])
+    console.log('发送评论内容', index, textContent.value[index])
     wslist[index].send(setClipboard(textContent.value[index]));
     textContent.value[index] = textContentArr.value[index][getRandomNumber(textContentArr.value[index].length - 1)];
 }
 
-//发送私信字符到手机方法
+//发送主播ID字符到手机方法
 function setHostId(index) {
     isSend.value = true;
     setTimeout(() => {
         isSend.value = false;
 
     }, 300);
-    console.log('发送内容', hostIdContent.value[index])
-    wslist[index].send(setClipboard(hostIdContent.value[index]));
-    hostIdContent.value[index] = hostIdContentArr.value[index][getRandomNumber(hostIdContentArr.value[index].length - 1)];
+    console.log('发送主播id内容', index, hostIdContent.value[index])
+    wslist[index].send(setClipboard(hostIdContent.value[index]));   //发送内容
+
+    //获取当前主播ID的下标
+    const indexBom = hostIdContentArr.value[index].indexOf(hostIdContent.value[index]) + 1;
+    console.log(hostIdContentArr.value[index].indexOf(hostIdContent.value[index]) + 1, '当前主播下标');
+    console.log(hostIdContentArr.value[index], '主播列表');
+    //如果是最后一个ID 则重置 
+    if (indexBom == hostIdContentArr.value[index].length) {
+        // isStopLike.value[index] = true;
+        hostIdContent.value[index] = ''
+        return
+    }
+
+    hostIdContent.value[index] = hostIdContentArr.value[index][indexBom];
+    console.log(hostIdContent.value[index], '下次搜索')
 }
 
-//发送评论字符到手机方法
+//发送私信字符到手机方法
 function setPrivateText(index) {
     isSend.value = true;
     setTimeout(() => {
         isSend.value = false;
 
     }, 300);
+    console.log('发送私信内容', index, textContentpri.value[index])
     wslist[index].send(setClipboard(textContentpri.value[index]));
+    textContentpri.value[index] = textContentpriArr.value[index][getRandomNumber(textContentpriArr.value[index].length - 1)];
 
 }
 //获取手机粘贴板方法
@@ -775,32 +956,21 @@ function getText(index) {
 
 }
 
-function openComArr(index) {
-    ElMessageBox.prompt('请输入需要评论的内容以英文分号“;”隔开', '评论', {
-        confirmButtonText: 'OK',
-        cancelButtonText: '取消',
-    })
-        .then(({ value }) => {
-            var result = value.split(';');
-            console.log(result)
-            textContentArr.value[index] = result;
-            textContent.value[index] = result[0];
+function getComArr(index, type) {
+    if (type == '评论') {
+        ElMessageBox.alert(textContentArr.value[index], `当前${type}内容`, {
+            confirmButtonText: 'OK',
         })
-        .catch(() => {
-
+    } else {
+        ElMessageBox.alert(textContentpriArr.value[index], `当前${type}内容`, {
+            confirmButtonText: 'OK',
         })
-}
-
-function getComArr(index) {
-    ElMessageBox.alert(textContentArr.value[index], '当前评论内容', {
-        // if you want to disable its autofocus
-        // autofocus: false,
-        confirmButtonText: 'OK',
-    })
+    }
 }
 
 //传入xy坐标 进行点击
 function clickxy(x, y, index, type) {
+    console.log('clickxy方法', x, y)
     if (type == 3) {  //关注/私信 后的返回和下滑
 
         mouseData.action = 0;
@@ -930,7 +1100,7 @@ function sendWsTask(index, data) {
                 // clickxy(160, 360, index)
             }
             if (data.type == 'Comment') {
-                if (isHostInfo.value[index]) {
+                if (runType.value[index] == 'follow') {
                     clickxy(160, 360, index)
                 }
 
@@ -970,7 +1140,6 @@ function sendWsTask(index, data) {
                 //     wsActions.isHost(data.udid, index)
                 //   }, 1000);
                 // }, 500);
-
             }
 
             //发送任务
@@ -991,12 +1160,13 @@ function sendWsTask(index, data) {
         queue.enqueue(task);
     });
 }
-//发送点赞评论任务
-function hostInfoFun(udid, index) {
-    LikesToCommentToComPush(udid, index);
+
+// 生成start秒到end秒的随机延迟
+function randomDelay(start, end) {
+    return Math.floor(Math.random() * end * 1000) + start * 1000;
 }
 
-
+//一个0到n之间的随机整数
 function getRandomNumber(n) {
     return Math.floor(Math.random() * (n + 1));
 }
@@ -1005,221 +1175,363 @@ function getRandomNumber(n) {
 function randomSeeVideo(udid, index) {
     const delay = Math.floor(Math.random() * (50 - 30 + 1) + 30) * 1000;
     setTimeout(() => {
-        console.log('观看结束');
+        console.log('观看结束', index);
         wsActions.isHost(udid, index)//检测
 
     }, delay);
 }
-// 定义要依次执行的操作
-// let actions = [[
-//   (info, index) => clickxy(info.Likes.x, info.Likes.y, index),
-//   (info, index) => clickxy(info.Comment.x, info.Comment.y, index),
-//   (info, index) => clickxy(info.Comtext.x, info.Comtext.y, index, 1),
-//   (info, index) => clickxy(info.ComPush.x, info.ComPush.y, index, 2),
-//   (info, index) => clickxy(info.Attention.x, info.Attention.y, index, 3)
-// ], [
-//   (info, index) => clickxy(info.Likes.x, info.Likes.y, index),
-//   (info, index) => clickxy(info.Comment.x, info.Comment.y, index),
-//   (info, index) => clickxy(info.Comtext.x, info.Comtext.y, index, 1),
-//   (info, index) => clickxy(info.ComPush.x, info.ComPush.y, index, 2),
-//   (info, index) => clickxy(info.Attention.x, info.Attention.y, index, 3)
-// ], [
-//   (info, index) => clickxy(info.Likes.x, info.Likes.y, index),
-//   (info, index) => clickxy(info.Comment.x, info.Comment.y, index),
-//   (info, index) => clickxy(info.Comtext.x, info.Comtext.y, index, 1),
-//   (info, index) => clickxy(info.ComPush.x, info.ComPush.y, index, 2),
-//   (info, index) => clickxy(info.Attention.x, info.Attention.y, index, 3)
-// ], [
-//   (info, index) => clickxy(info.Likes.x, info.Likes.y, index),
-//   (info, index) => clickxy(info.Comment.x, info.Comment.y, index),
-//   (info, index) => clickxy(info.Comtext.x, info.Comtext.y, index, 1),
-//   (info, index) => clickxy(info.ComPush.x, info.ComPush.y, index, 2),
-//   (info, index) => clickxy(info.Attention.x, info.Attention.y, index, 3)
-// ], [
-//   (info, index) => clickxy(info.Likes.x, info.Likes.y, index),
-//   (info, index) => clickxy(info.Comment.x, info.Comment.y, index),
-//   (info, index) => clickxy(info.Comtext.x, info.Comtext.y, index, 1),
-//   (info, index) => clickxy(info.ComPush.x, info.ComPush.y, index, 2),
-//   (info, index) => clickxy(info.Attention.x, info.Attention.y, index, 3)
-// ], [
-//   (info, index) => clickxy(info.Likes.x, info.Likes.y, index),
-//   (info, index) => clickxy(info.Comment.x, info.Comment.y, index),
-//   (info, index) => clickxy(info.Comtext.x, info.Comtext.y, index, 1),
-//   (info, index) => clickxy(info.ComPush.x, info.ComPush.y, index, 2),
-//   (info, index) => clickxy(info.Attention.x, info.Attention.y, index, 3)
-// ], [
-//   (info, index) => clickxy(info.Likes.x, info.Likes.y, index),
-//   (info, index) => clickxy(info.Comment.x, info.Comment.y, index),
-//   (info, index) => clickxy(info.Comtext.x, info.Comtext.y, index, 1),
-//   (info, index) => clickxy(info.ComPush.x, info.ComPush.y, index, 2),
-//   (info, index) => clickxy(info.Attention.x, info.Attention.y, index, 3)
-// ], [
-//   (info, index) => clickxy(info.Likes.x, info.Likes.y, index),
-//   (info, index) => clickxy(info.Comment.x, info.Comment.y, index),
-//   (info, index) => clickxy(info.Comtext.x, info.Comtext.y, index, 1),
-//   (info, index) => clickxy(info.ComPush.x, info.ComPush.y, index, 2),
-//   (info, index) => clickxy(info.Attention.x, info.Attention.y, index, 3)
-// ]];
 
+//选中样式
+function getVideoStyle(index) {
+    const isSelected = selectedDevice.value === index;
+    const baseWidth = phone.value.width;
+    const baseHeight = phone.value.height;
 
-//执行已经记录后的xy坐标任务
-function performActionsSequentially(actions, index) {
-    console.log('开始执行', actions, index)
-    if (actions.length === 0) {
-        return Promise.resolve();
-    }
+    // console.log(isSelected, '是否相等')
+    return {
 
-    const action = actions.shift();
-    if (isStopLike.value[index]) {
-        console.log('停止执行', actions)
-        actions = [];
-        return Promise.resolve();
-    }
-    return new Promise((resolve) => {
-        setTimeout(() => {
-            action(phoneXYinfo.value[index], index);
-            resolve();
-        }, randomDelay(1, 5));//1-5秒随机延迟
-    }).then(() => performActionsSequentially(actions, index));
-}
+        width: isSelected ? baseWidth * 1.4 + 'px' : baseWidth + 'px',
+        height: isSelected ? baseHeight * 1.4 + 'px' : baseHeight + 'px',
+        border: isSelected ? '2px solid blue' : '1px solid blue',
+        position: isSelected ? 'absolute' : 'relative',
+        top: isSelected ? '0' : 'unset',
+        left: isSelected ? '0' : 'unset',
+        zIndex: isSelected ? 1000 : 1,
+        pointerEvents: isSelected ? 'none' : 'auto',
+    };
 
-
-// 生成start秒到end秒的随机延迟
-function randomDelay(start, end) {
-    return Math.floor(Math.random() * end * 1000) + start * 1000;
-}
-
-function start(udid, index) {
-    isStopLike.value[index] = false;
-    if (actions[index].length <= 0) {
-        actions[index] = [
-            (info, index) => clickxy(info.Likes.x, info.Likes.y, index),
-            (info, index) => clickxy(info.Comment.x, info.Comment.y, index),
-            (info, index) => clickxy(info.Comtext.x, info.Comtext.y, index, 1),
-            (info, index) => clickxy(info.ComPush.x, info.ComPush.y, index, 2),
-            (info, index) => clickxy(info.Attention.x, info.Attention.y, index, 3)
-        ]
-    }
-    // 执行操作
-    performActionsSequentially(actions[index], index);
 }
 
 function stop(udid, index) {
-    actions[index] = [];
-    isStopLike.value[index] = true;
+    // actions[index] = [];
+    createTaskQueue(index).clear();//清除队伍中的任务
+    cloesMonitor();
+
+    isStopLike.value.forEach((item, i) => {
+        isStopLike.value[i] = true;
+        runType.value[index] = ''
+    })
+    console.log('停止', isStopLike.value);
 }
 
 
-//刷新方法
+//刷新页面方法
 function reloadfun() {
     reload()
 }
 
+// //返回次数
+// function repeatBack(index, times, delay = 1000) {
+//   if (typeof times !== 'number' || times <= 0) return;
+//   for (let i = 1; i <= times; i++) {
+//     setTimeout(() => {
+//       Back('', index);
+//     }, i * delay);
+//   }
+// }
 
 
+function openTk() {
+    deviceInformation.value.forEach((device, index) => {
+        wsActions.open(device.udid, index)
+    })
+}
+
+//监听所有手机是否有消息
+function openMonitor() {
+    deviceInformation.value.forEach((device, index) => {
+        wsActions.getmesNum(device.udid, index)
+        isStopLike.value[index] = false;
+        runType.value[index] = 'listen'
+
+    })
+    isShowMes.value = setInterval(() => {
+        deviceInformation.value.forEach((device, index) => {
+            wsActions.getmesNum(device.udid, index)
+            isStopLike.value[index] = false;
+        })
+    }, 10000)
+}
+//关闭监听
+function cloesMonitor() {
+    deviceInformation.value.forEach((device, index) => {
+        runType.value[index] = ''
+    })
+    clearInterval(isShowMes.value)
+    isShowMes.value = ''
+}
+
+//一键养号
+function parentNum() {
+
+    deviceInformation.value.forEach((device, index) => {
+        isStopLike.value[index] = false;
+        runType.value[index] = 'like'
+        wsActions.isHost(device.udid, index)
+    })
+}
+
+//取消弹窗
+function onDialogCancel() {
+
+}
+
+//确认多行文本框内容
+function onDialogConfirm(result, type, index) {
+    console.log(result, type, index);
+    if (type == '评论') {
+        //index ==999 表示全部
+        if (index == 999) {
+            textContentArr.value.forEach((item, indexA) => {
+                textContentArr.value[indexA] = result;
+                textContent.value[indexA] = result[getRandomNumber(result.length - 1)];
+            })
+            parentNum()
+        } else if (index == 998) {
+            textContentArr.value.forEach((item, indexA) => {
+                textContentArr.value[indexA] = result;
+                textContent.value[indexA] = result[getRandomNumber(result.length - 1)];
+            })
+            //打开私信弹窗
+            selectedDevice.value = 999;
+            dialogTitle.value = '私信';
+            setTimeout(() => {
+                showDialog.value = true;
+            }, 600)
+        } else {
+            textContentArr.value[index] = result;
+            textContent.value[index] = result[getRandomNumber(result.length - 1)];
+        }
+    } else if (type == '私信') {
+        //index ==999 表示全部
+        if (index == 999) {
+            textContentpriArr.value.forEach((item, indexA) => {
+                textContentpriArr.value[indexA] = result;
+                textContentpri.value[indexA] = result[getRandomNumber(result.length - 1)];
+            })
+            deviceInformation.value.forEach((device, indexB) => {
+                LikesToLikesToLikes(device.udid, indexB, 1)
+            })
+
+        } else {
+            textContentpriArr.value[index] = result;
+            textContentpri.value[index] = result[getRandomNumber(result.length - 1)];
+        }
+    } else if (type == '主播ID') {
+
+        //index ==999 表示全部
+        if (index == 999) {
+            //分割数组  几台设备 分为几个数组
+            const hostIdArrList = splitArray(result, deviceInformation.value.length)
+            deviceInformation.value.forEach((device, indexA) => {
+                hostIdContentArr.value[indexA] = hostIdArrList[indexA];
+                hostIdContent.value[indexA] = hostIdContentArr.value[indexA][0];
+            })
+
+            //打开评论弹窗
+            selectedDevice.value = 998;
+            dialogTitle.value = '评论';
+            setTimeout(() => {
+                showDialog.value = true;
+            }, 600)
+        } else {
+            hostIdContentArr.value[index] = result;
+            hostIdContent.value[index] = result[0];
+            deviceInformation.value.forEach((device, indexA) => {
+                if (index == indexA) {
+                    LikesToLikesToLikes(device.udid, index, 1)
+                }
+            })
+        }
+    }
+
+}
+
+//分割数组
+function splitArray(array, parts) {
+    if (!Array.isArray(array)) {
+        console.warn('splitArray: 第一个参数应为数组');
+        return [];
+    }
+    const len = array.length;
+    const n = parseInt(parts, 10);
+    if (isNaN(n) || n <= 0) {
+        console.warn('splitArray: 份数应为大于 0 的整数');
+        return [];
+    }
+    const result = [];
+    for (let i = 0; i < n; i++) {
+        // 计算第 i 份的起始和结束索引
+        const start = Math.floor(i * len / n);
+        const end = Math.floor((i + 1) * len / n);
+        result.push(array.slice(start, end));
+    }
+    return result;
+}
+function selectedDeviceFun(index) {
+    selectedDevice.value = index
+    // chatContent.value.left = chatList.value[index].leftMsg
+    // chatContent.value.right = chatList.value[index].rightMsg
+    // console.log(chatList.value);
+    // console.log(chatContent.value);
+}
+
+function getTranslation(list) {
+    list.forEach((item, index) => {
+        translation({ msg: item.text }).then(res => {
+            console.log(res);
+            chatList.value[index].text = res
+        })
+    })
+
+
+}
 </script>
 
-<style scoped>
-.device-layout {
+<style scoped lang="less">
+body {
+    user-select: none;
+
+}
+
+.main {
     display: flex;
     width: 100vw;
     height: 100vh;
-}
-
-.device-list {
-    width: 210px;
-    min-width: 180px;
-    background: #191c23;
-    overflow-y: auto;
-    padding: 12px 0;
-    border-right: 1px solid #333;
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-}
-
-.device-mini {
-    position: relative;
-    cursor: pointer;
-    border: 2px solid transparent;
-    border-radius: 8px;
-    overflow: hidden;
-    background: #23262f;
-    margin: 0 8px;
-    transition: border 0.2s;
-}
-
-.device-mini.active {
-    border-color: #e83d3d;
-    background: #242635;
-}
-
-.mini-video,
-.mini-canvas {
-    width: 160px;
-    height: 90px;
-    display: block;
-}
-
-.device-main {
-    flex: 1;
-    position: relative;
-    display: flex;
-    align-items: flex-start;
-    justify-content: center;
     background: #222;
-    min-height: 100vh;
-    overflow: auto;
+
 }
 
-.main-video,
-.main-canvas {
-    width: 352px;
-    /* 160*2.2 */
-    height: 792px;
-    /* 360*2.2 */
-    border-radius: 18px;
-    box-shadow: 0 8px 40px #0008;
-    position: absolute;
-    top: 40px;
-    left: 80px;
-    z-index: 1;
+.left {
+    background: #191c23;
+    width: 20vw;
+    box-sizing: content-box;
 }
 
-.main-controls {
-    position: absolute;
-    top: 40px;
-    right: 60px;
-    min-width: 260px;
-    max-width: 400px;
-    background: rgba(40, 42, 58, 0.95);
-    border-radius: 18px;
-    box-shadow: 0 6px 30px #0005;
-    padding: 18px 20px;
-    z-index: 10;
+.content {
+    width: 50vw;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(160px, 320px));
+    /* 每行 3 个，宽度自适应 */
+    /* gap: 10px; */
+}
+
+.right {
+    width: 30vw;
+    background-color: #272727;
+}
+
+.video-container {
+    position: relative;
+    // padding: 10px;
+    width: 100%;
+
+    width: auto;
+    /* 取消 100%，避免换行 */
+    display: inline-block;
     display: flex;
-    flex-direction: column;
-    gap: 12px;
+    transition: all 0.3s ease-in-out;
+
+    .video-canvas {
+        position: absolute;
+        box-sizing: border-box;
+    }
+
+
+    .input-info {
+        color: rgb(255, 255, 255);
+        background-color: #424242;
+        position: absolute;
+        z-index: 10;
+    }
+}
+
+video {
+    transition: all 0.3s ease-in-out;
+
+    /* 关键：让 video 不拦截鼠标事件 */
+
+    /* 添加动画 */
+}
+
+.top-row {
+    align-items: flex-start;
+    /* 上对齐 */
+}
+
+.bottom-row {
+    align-items: flex-end;
+    /* 下对齐 */
+    margin-top: auto;
+}
+
+video {
+    /* position: relative; */
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 1;
+    /* object-fit: contain; */
+    /* transform: scale(0.27); */
+    /* 缩小到原始尺寸的50% */
+    /* transform-origin: top left; */
+    /* 控制缩放原点 */
+}
+
+.canvas {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 9;
+    /* transform: scale(0.27); */
+    /* 缩小到原始尺寸的50% */
+    /* transform-origin: top left; */
+    /* 控制缩放原点 */
 }
 
-/* 下面是你原本样式全可保留，按钮icon样式... */
 .open {
     background: url(../assets/open.png) no-repeat center center;
     background-size: 60% 60%;
+
 }
 
 .Back {
     background: url(../assets/Back.png) no-repeat center center;
     background-size: 60% 60%;
+
 }
 
 .Home {
     background: url(../assets/Home.png) no-repeat center center;
     background-size: 60% 60%;
+
 }
 
 .Overview {
     background: url(../assets/Overview.png) no-repeat center center;
     background-size: 60% 60%;
+
+}
+
+.el-button {
+    width: 200px;
+    margin: 20px;
+    // background-color: darkcyan;
+    // color: white; 
+    position: relative;
+    z-index: 999;
+}
+
+.center-justify {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+
+.center-line {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    // justify-content: center;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/VideoStream.vue b/src/views/VideoStream.vue
index 00d2b15..05be9ff 100644
--- a/src/views/VideoStream.vue
+++ b/src/views/VideoStream.vue
@@ -6,11 +6,9 @@
       <el-button class="Back" @click="Back(device.udid, index)"></el-button>
       <el-button class="Home" @click="Home(device.udid, index)"></el-button>
       <el-button class="Overview" @click="Overview(device.udid, index)"></el-button> -->
-
-
         <!-- <el-button @click="play(device.udid, index)">play</el-button> -->
         <!-- <el-button class="open" @click="slideDown(device.udid, index)"></el-button>
-      <el-button class="open" @click="slideUp(device.udid, index)"></el-button>
+      <el-button class="open" @click="slideUp(device.udid, index)"></el-button>               
       <el-button class="open" @click="clickLike(device.udid, index)"></el-button> -->
         <div></div>
         <!-- <el-button @click="clickLikes(device.udid, index)">点赞</el-button> -->
@@ -25,7 +23,7 @@
         <!-- <div></div>
       <el-button @click="clickPrivatetext(device.udid, index)">私信输入</el-button>
       <el-button @click="clickPrivatePush(device.udid, index)">私信发送</el-button> -->
-        <el-button type="warning" @click="reloadfun()">刷新</el-button>
+        <el-button type="warning" @click="reload()">刷新</el-button>
         <div></div>
         <!-- <el-button @click="wsActions.clickCopy(device.udid, index)">找私信</el-button> -->
         <!-- <el-button @click="wsActions.clickCopyList(device.udid, index)">私信列表</el-button> -->
@@ -34,30 +32,25 @@
         <!-- <el-button @click="wsActions.getSize(device.udid, index)">获取屏幕尺寸</el-button> -->
         <!-- <el-button @click="wsActions.slideRight(device.udid, index)">右滑</el-button>  -->
         <!-- <el-button @click="wsActions.isHost(device.udid, index)">一键养号</el-button> -->
-
         <el-button type="success" @click="openTk()">打开tiktok</el-button>
         <el-button type="success" @click="showDialog = true; dialogTitle = '评论'; selectedDevice = 999">一键养号</el-button>
         <el-button type="success"
-          @click="showDialog = true; dialogTitle = '主播ID'; selectedDevice = 999">一键关注</el-button>
+          @click="showDialog = true; dialogTitle = '主播ID'; selectedDevice = 999">一键关注并打招呼</el-button>
         <el-button type="success" v-if="!isShowMes" @click="openMonitor()">开启监测消息</el-button>
         <el-button type="danger" v-else @click="cloesMonitor()">关闭监测消息</el-button>
         <el-button type="danger" @click="stop()">全部停止</el-button>
         <el-button type="danger" @click="router.push('/')">登出</el-button>
         <div></div>
-
         <div></div>
         <!-- <el-button @click="wsActions.test(device.udid, index)">截屏</el-button> -->
         <div></div>
         <!-- <el-button @click="wsActions.search(device.udid, index)">搜索</el-button>
         <div></div>
-
         <el-button @click="wsActions.searchHost(device.udid, index)">搜主播</el-button>
         <div></div>
-
         <el-button @click="wsActions.toHost(device.udid, index)">主页</el-button>
         <div></div>
         <el-button @click="LikesToLikesToLikes(device.udid, index)">批量关注</el-button> -->
-
         <div></div>
         <!-- <div style="display: flex;">
         <div style="width: 150px;">主播id</div>
@@ -80,23 +73,19 @@
         <!-- <el-button @click="clickxy(284, 392, index, 9)">长按</el-button> -->
         <!-- <el-button @click="getText(index)">获取粘贴板内容</el-button> -->
         <div></div>
-
         <!-- <el-button @click="LikesToCommentToComPush(device.udid, index)">设置自动化坐标</el-button> -->
         <!-- <el-button @click="start(device.udid, index)">开始执行</el-button> -->
         <!-- <el-button @click="stop(device.udid, index)">停止</el-button> -->
         <div></div>
         <!-- <el-button @click="wsActions.isVideoAndLive(device.udid, index)">判断视频还是直播</el-button> -->
-
       </div>
     </el-scrollbar>
     <div class="content" @click.self="selectedDevice = 999">
       <div class="video-container" @click.self="selectedDevice = 999" v-for="(device, index) in deviceInformation"
         :key="device.udid" @mouseup="(e) => handleCanvasup(device.udid, e, index)">
-
         <div class="video-canvas">
           <video :ref="(el) => (videoElement[device.udid] = el)" autoplay muted playsinline
-            :style="getVideoStyle(index)" @click.stop="selectedDeviceFun(index)"></video>
-
+            :style="getVideoStyle(index)" @click.stop="selectedDevice = index"></video>
           <canvas class="canvas" v-show="selectedDevice == index" :ref="(el) => (canvasRef[device.udid] = el)"
             @mousemove.stop="(e) => handleMouseMove(device.udid, e, index)"
             @mousedown.stop="(e) => handleCanvasdown(device.udid, e, index)">
@@ -106,49 +95,43 @@
           <!-- <div class="input-info" v-show="false"> -->
           <el-button @click="showDialog = true; dialogTitle = '主播ID';">批量关注</el-button>
           <div></div>
-          <el-button @click="showDialog = true; dialogTitle = '评论';">导入评论</el-button>
+          <!-- <el-button @click="showDialog = true; dialogTitle = '评论';">导入评论</el-button> -->
           <div></div>
           <el-button @click="getComArr(index, '评论')">查看评论</el-button>
           <div></div>
-          <el-button @click="showDialog = true; dialogTitle = '私信';">导入私信</el-button>
+          <!-- <el-button @click="showDialog = true; dialogTitle = '私信';">导入私信</el-button> -->
           <div></div>
           <el-button @click="getComArr(index, '私信')">查看私信</el-button>
           <el-button @click="wsActions.getmesNum(device.udid, index)">检测消息</el-button>
-          <el-button @click="wsActions.clickMesage(device.udid, index)">进入消息</el-button>
-          <el-button @click="wsActions.clickCopyList(device.udid, index)">获取聊天记录</el-button>
-          <el-button @click="wsActions.getSize(device.udid, index)">获取屏幕尺寸</el-button>
-
+          <!-- <el-button @click="wsActions.clickMesage(device.udid, index)">进入消息</el-button> -->
+          <el-button
+            @click="wsActions.clickCopyList(device.udid, index); openShowChat = true; istranslate = true">翻译本页对话</el-button>
+          <!-- <el-button @click="wsActions.getSize(device.udid, index)">获取屏幕尺寸</el-button> -->
           <div style="display: flex;">
             <el-input style="border: 1px solid #000;" v-model="textContent[index]" type="text"></el-input>
             <el-button @click="setComText(index)">发送</el-button>
           </div>
           <el-button @click="wsActions.test(device.udid, index)">截屏</el-button>
+          <el-button @click="wsActions.killNow(device.udid, index)">关闭</el-button>
+          <el-button @click="chooseFile(device.udid, index, 1, wsActions)">安装 APK 文件</el-button>
+          <el-button @click="chooseFile(device.udid, index, 2, wsActions)">传送文件</el-button>
           <!-- <el-button @click="wsActions.isHost(device.udid, index)">一键养号</el-button> -->
-
         </div>
       </div>
-
+      <!-- 
       <div class="video-container" @click.self="selectedDevice = 999" v-for="item in 4" :style="getVideoStyle()"
         :class="{ 'bottom-row': item >= 2 }">
         <div style="position: relative;box-sizing: border-box;  ">
-        </div>
-      </div>
-
+        </div> 
+      </div> -->
     </div>
     <div class="right">
-      <el-button @click="openShowChat = !openShowChat">聊天</el-button>
-      <ChatDialog :visible="openShowChat" leftMsg="123123" rightMsg="safdgasdfasdfasgasedyr5q3245214632452345tsdfgasdf"
-        @close="show = false" />
-
-      <!-- <ChatDialog :visible="openShowChat" :leftMsg="chatContent.left" :rightMsg="chatContent.right"
-        @close="show = false" /> -->
+      <!-- <el-button @click="openShowChat = !openShowChat">聊天</el-button> -->
+      <ChatDialog :visible="openShowChat" :messages="chatList" />
     </div>
-
     <MultiLineInputDialog v-model:visible="showDialog" :initialText='""' :title="dialogTitle" :index="selectedDevice"
-      @confirm="onDialogConfirm" @cancel="onDialogCancel" />
+      @confirm="onDialogConfirm" />
   </div>
-
-
 </template>
 
 <script setup>
@@ -161,26 +144,24 @@ import { set } from "lodash";
 import { toBufferBtn, stringToUtf8ByteArray, getClipboard, setClipboard, bufferToString, startsWithHeader, trimLongArray, base64ToBinary, toBuffer } from '@/utils/bufferUtils';
 import { createWsActions } from '@/utils/wsActions';
 import { ElMessage, ElMessageBox, ElLoading } from 'element-plus'
-import { chat } from "@/api/chat";
+import { chat, translation } from "@/api/chat";
 import MultiLineInputDialog from '@/components/MultiLineInputDialog.vue'; // 根据实际路径修改
 import ChatDialog from '@/components/ChatDialog.vue'
-
+import { splitArray } from '@/utils/arrUtil'
+import { chooseFile } from '@/utils/fileUtil'
 const router = useRouter();
 let wsActions = null;
-
 // 引入刷新方法
 const reload = inject("reload")
 let refresh = ref(true);
-
 let phone = ref({ width: 207, height: 470 });
 const openStr = base64ToBinary("ZQBwAAAAAAA8CgLQAtAAAAAAAAAAAAD/AAAAAAAAAAAAAAAA");  //开启视频流的启动命令
 const eitwo = base64ToBinary("BAIAAABHVFJD");         //开启设备信息的命令
-let isshow = ref(true);
+let isshow = ref(true);                   //页面是否隐藏
 let playTimer = ref([{}, {}, {}, {}, {}, {}, {}, {}]); // 播放定时器
-let isdown = ref(false);
-const videoElement = ref({});
-let deviceInformation = ref([]);
-
+let isdown = ref(false);             //是否是按下鼠标状态
+const videoElement = ref({});       //视频流元素DOM
+let deviceInformation = ref([]);    //设备信息列表
 //当前弹窗类型
 let dialogTitle = ref('');
 //评论文本内容
@@ -193,13 +174,7 @@ let hostIdContentArr = ref([[], [], [], [], [], [], [], [], []]);
 let textContentpri = ref(['', '', '', '', '', '', '', '']);
 let textContentpriArr = ref([[], [], [], [], [], [], [], [], []]);
 //保存聊天内容
-let chatList = ref([{}, {}, {}, {}, {}, {}, {}, {}]);
-//传入弹窗的聊天内容
-let chatContent = ref({
-  left: '',
-  right: ''
-});
-
+let chatList = ref([]);
 //选中设备
 let selectedDevice = ref(999);
 //ws列表
@@ -234,10 +209,9 @@ const mouseData = {
 };
 //打开聊天窗口的状态
 let openShowChat = ref(false);
-
+let istranslate = ref(false); //是否是翻译本页
 let phoneXYinfo = ref(getphoneXYinfo() == null ? [{}, {}, {}, {}, {}, {}, {}, {}] : getphoneXYinfo());
 console.log('phoneXYinfo.value', phoneXYinfo.value)
-
 const wsCache = new Map();
 //``````````````````````````````````````````````````````````````````````````````````
 // 初始化 手机显示WebSocket 和视频流
@@ -269,10 +243,8 @@ const initVideoStream = (udid, index) => {
   );
   wslist[index].binaryType = "arraybuffer";
 
-
   wslist[index].onopen = () => {
     console.log("手机显示ws已开启");
-
     wsActions = createWsActions(wslist, isStopLike);
     // 发送 开启 视频流数据
     setTimeout(() => {
@@ -285,13 +257,10 @@ const initVideoStream = (udid, index) => {
     wsCache.set(udid, instanceList.value[index]);
     //``````````````````````````````````````````````````````````````````````````````````
   };
-
   const magicSize = stringToUtf8ByteArray('scrcpy_message');
-
   // 3. 处理接收到的二进制数据
   wslist[index].onmessage = (event) => {
     const data = new Uint8Array(event.data);
-
     //判断返回的如果是字符串为自定义返回
     if (typeof event.data == 'string') {
       if (isStopLike.value[index]) {
@@ -302,7 +271,6 @@ const initVideoStream = (udid, index) => {
       //成功处理
       console.log('自定义返回', resData)
       if (resData.status === 'success') {
-
         //触发长按该位置
         if (resData.type == 'clickCopy') {
           console.log('长按', resData.x * iponeCoefficient.value[index].width, resData.y * iponeCoefficient.value[index].height, index)
@@ -325,31 +293,34 @@ const initVideoStream = (udid, index) => {
               wsActions.clickMesage(deviceInformation.value[index].udid, index) //点击消息进入对话框
             }, 1500)
           }
-
         } else if (resData.type == 'clickMesage') {
           wsActions.clickCopyList(deviceInformation.value[index].udid, index)
-
         } else if (resData.type == 'isVideoAndLive') {
           console.log(resData.message)
-
         } else if (resData.type == 'clickCopyList') { //获取到的消息列表
           //打印所有信息
           console.log('消息列表', resData.message)
+          chatList.value = resData.message
+          getTranslation(chatList.value)
           const mesBox = resData.message[resData.message.length - 1]
           //打印最新一条信息
           console.log('最新消息', mesBox)
-          chat({ msg: mesBox.text }).then(res => {
-            console.log(res)
-            chatList.value[index].leftMsg = res.data.translationResult
-            chatList.value[index].rightMsg = res.data.chineseResult
-            // textContentpri.value[index] = res.data.finalResult
-            // PrivatetexToPrivatePush(deviceInformation.value[index].udid, index)
-          })
+          console.log("翻译", istranslate.value)
+          if (istranslate.value == false) {
+            console.log("执行ai")
+            chat({ msg: mesBox.text }).then(res => {
+              console.log("ai返回", res)
+              textContentpri.value[index] = res
+              PrivatetexToPrivatePush(deviceInformation.value[index].udid, index)
+            })
+          } else {
+            console.log("翻译本页")
+            istranslate.value = false
+          }
         } else if (resData.action == 'getSize') {
           console.log(iponeCoefficient.value, '手机尺寸宽度：', resData.width, '高度：', resData.height);
           iponeCoefficient.value[index].width = 320 / resData.width
           iponeCoefficient.value[index].height = 720 / resData.height
-
           console.log('尺寸系数', iponeCoefficient.value[index])
         } else {
           console.log(resData.type, '坐标返回：x:', resData.x, 'y:', resData.y);
@@ -358,7 +329,6 @@ const initVideoStream = (udid, index) => {
         phoneXYinfo.value[index].id = resData.udid
         if (resData.type == 'Likes') {//判断是否是 点赞
           phoneXYinfo.value[index].Likes = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
-
           if (runType.value[index] == 'follow') {
             wsActions.slideDown(deviceInformation.value[index].udid, index)//是否继续下一个视频
           }
@@ -386,7 +356,6 @@ const initVideoStream = (udid, index) => {
                 }, 1000);
               }, 1000)
             }
-
           }, 800)
         } else if (resData.type == 'tomy') {//打开主页
           phoneXYinfo.value[index].tomy = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
@@ -409,38 +378,30 @@ const initVideoStream = (udid, index) => {
           phoneXYinfo.value[index].Privatetex = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
         } else if (resData.type == 'PrivatePush') {//私信发送
           phoneXYinfo.value[index].PrivatePush = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
-
           //如果是在关注主播的任务中
           if (runType.value[index] == 'follow') {
             runType.value[index] = ''
           }
           setTimeout(() => {
             Back('', index);
-
             setTimeout(() => {
               Back('', index);
               if (runType.value[index] == 'listen') {
-
-              } else {
+              } else if (runType.value[index] == 'like' || runType.value[index] == 'follow') {
                 LikesToLikesToLikes(deviceInformation.value[index].udid, index, 2)
               }
             }, 1000);
-
           }, 1000);
-
         } else if (resData.type == 'clickCopy') {//点击复制
           phoneXYinfo.value[index].clickCopy = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
         } else if (resData.type == 'hostVideo') {//点击复制
           phoneXYinfo.value[index].hostVideo = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
-
         } else if (resData.type == 'isHost') {//视频关注主播
           phoneXYinfo.value[index].isHost = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
-
           if (resData.message == 0) {
             console.log('无关注', index)
             Back(deviceInformation.value[index].udid, index)
             setTimeout(() => {
-
               console.log('观看视频中', index)
               randomSeeVideo(deviceInformation.value[index].udid, index)  //30-50秒后继续循环任务
             }, 1000);
@@ -459,20 +420,16 @@ const initVideoStream = (udid, index) => {
               }, 1000);
             }
           }
-
         }
         setphoneXYinfo(phoneXYinfo.value)
         if (resData.type != 'isHost') {
-
           if (resData.type == 'hostVideo' || resData.type == 'Likes') {
             setTimeout(() => {
               createTaskQueue(index).next(); // 继续队列中下一个任务
             }, 5000)
           } else {
             createTaskQueue(index).next(); // 继续队列中下一个任务
-
           }
-
         }
       } else {
         // --------------------------------------------------------------------------报错处理
@@ -487,7 +444,6 @@ const initVideoStream = (udid, index) => {
               setTimeout(() => {
                 Back('', index)
                 LikesToLikesToLikes(deviceInformation.value[index].udid, index, 2)
-
               }, 1000)
             }, 1000)
           } else {
@@ -497,7 +453,6 @@ const initVideoStream = (udid, index) => {
               Back('', index)
               setTimeout(() => {
                 wsActions.isHost(deviceInformation.value[index].udid, index)
-
               }, 1000)
             }, 1000)
           }
@@ -525,24 +480,17 @@ const initVideoStream = (udid, index) => {
           ElMessage.error(resData.message);
           createTaskQueue(index).clear();//清除队伍中的任务
         }
-
         // createTaskQueue(index).next(); // 继续队列中下一个任务
       }
-
     }
-
-
     //返回粘贴板内容
     if (startsWithHeader(magicSize, data)) {
       if (!isSend.value) {
         const buffer = trimLongArray(data, magicSize);
         const paste = bufferToString(buffer);
         console.log('获取粘贴板内容', paste)
-
       }
-
     }
-
     //视频流处理
     if (instanceList.value[index].converter) {
       if (isshow.value) {
@@ -564,20 +512,16 @@ const initVideoStream = (udid, index) => {
 
 // 配置参数
 let canvasRef = ref({});
-
 // 初始化画布
 const initCanvas = (udid) => {
   const canvas = canvasRef.value[udid];
   const dpr = window.devicePixelRatio || 1;
-
   canvas.style.width = `${phone.value.width * 1.4}px`;
   canvas.style.height = `${phone.value.height * 1.4}px`;
   canvas.width = phone.value.width * 1.4 * dpr;
   canvas.height = phone.value.height * 1.4 * dpr;
-
   const ctx = canvas.getContext("2d");
   ctx.scale(dpr, dpr);
-
   // 绘制参考网格（可选）
   ctx.strokeStyle = "#ffffff00";
   for (let x = 0; x <= phone.value.width; x += 100) {
@@ -619,7 +563,6 @@ const handleCanvasup = (udid, event, index) => {
   mouseData.position.point.x = x;
   mouseData.position.point.y = y;
   // console.log(mouseData);
-
   wslist[index].send(toBuffer(mouseData));
 };
 
@@ -686,7 +629,6 @@ const handleVisibilityChange = () => {
       playTimer.value.forEach(Timer => {
         clearInterval(Timer);
       });
-
       playTimer.value = [{}, {}, {}, {}, {}, {}, {}, {}];
     }
     console.log("页面被隐藏");
@@ -697,7 +639,6 @@ const handleVisibilityChange = () => {
     setTimeout(() => {
       isshow.value = true;
       // ObtainDeviceInformation();
-
     }, 500);
 
   }
@@ -707,14 +648,12 @@ const handleVisibilityChange = () => {
 onMounted(() => {
   document.addEventListener("visibilitychange", handleVisibilityChange);
   ObtainDeviceInformation();
-
   window.addEventListener('keydown', (e) => {
     console.log('触发按键了 键盘事件有效', e)
     if (e.key == 'Backspace') {
       key(selectedDevice.value, 'down', 67)
     }
   })
-
   window.addEventListener('keyup', (e) => {
     // console.log('触发按键了 键盘事件有效抬起', e.keyCode, e.key)
     if (e.key == 'Backspace') {
@@ -722,7 +661,6 @@ onMounted(() => {
     }
   })
 
-
   const loading = ElLoading.service({
     lock: true,
     text: '初始化中...',
@@ -756,31 +694,24 @@ const ObtainDeviceInformation = () => {
     const data = JSON.parse(new TextDecoder('utf-8').decode(event.data).replace(/[^\x20-\x7F]/g, ''));
     try {
       console.log('数组', data)
-
-
       if (data.type == "devicelist") {
         deviceInformation.value = [];
         const filteredList = data.data.list.filter(item => item.state === 'device');
         //检测到设备列表时，渲染所有设备
         filteredList.forEach((item, index) => {
           console.log(item);
-
           if (item.state === "device") {
             deviceInformation.value.push(item);
             console.log("deviceInformation", deviceInformation.value);
-
             setTimeout(() => {
               initVideoStream(item.udid, index);
               initCanvas(item.udid);
               setTimeout(() => {
                 wsActions.getSize(item.udid, index)
-
               }, 2000)
             }, 300);
           }
-
         })
-
       } else if (data.type == "device") {
         if (data.data.device.state === "offline") {
           //监听设备信息，出现离线设备，则删除设备信息
@@ -810,7 +741,6 @@ const ObtainDeviceInformation = () => {
             }
           })
         } else if (data.data.device.state === "device") {
-
           let isrepeat = false;
           //监听设备信息，出现新设备，则添加设备信息
           deviceInformation.value.forEach((item, index) => {
@@ -818,14 +748,12 @@ const ObtainDeviceInformation = () => {
               isrepeat = true;
             }
           })
-
           if (!isrepeat) {
             deviceInformation.value.push(data.data.device);
             // setTimeout(() => {
             //   initVideoStream(data.data.device.udid, deviceInformation.value.length - 1);
             //   initCanvas(data.data.device.udid);
             // }, 300);
-
             new Promise((resolve, reject) => {
               setTimeout(() => {
                 try {
@@ -837,7 +765,6 @@ const ObtainDeviceInformation = () => {
               }, 1000);
             });
           }
-
         };
       }
     } catch (e) {
@@ -854,10 +781,9 @@ async function LikesToCommentToComPush(udid, index) {
   await sendWsTask(index, { udid, action: 'click', type: 'ComPush', index, resourceId: 'com.zhiliaoapp.musically:id/bqg' });
 }
 
-
 //点赞主页4个作品+评论最后一个作品并返回
 async function LikesToLikesToLikes(udid, index, type) {
-
+  isStopLike.value[index] = false;
   runType.value[index] = 'follow';
   if (type == 2) {
     await sendWsTask(index, { udid, action: 'click', type: 'searchTxt', index, resourceId: 'com.zhiliaoapp.musically:id/f0l' });
@@ -893,7 +819,6 @@ function setComText(index) {
   isSend.value = true;
   setTimeout(() => {
     isSend.value = false;
-
   }, 300);
   console.log('发送评论内容', index, textContent.value[index])
   wslist[index].send(setClipboard(textContent.value[index]));
@@ -905,11 +830,9 @@ function setHostId(index) {
   isSend.value = true;
   setTimeout(() => {
     isSend.value = false;
-
   }, 300);
   console.log('发送主播id内容', index, hostIdContent.value[index])
   wslist[index].send(setClipboard(hostIdContent.value[index]));   //发送内容
-
   //获取当前主播ID的下标
   const indexBom = hostIdContentArr.value[index].indexOf(hostIdContent.value[index]) + 1;
   console.log(hostIdContentArr.value[index].indexOf(hostIdContent.value[index]) + 1, '当前主播下标');
@@ -920,7 +843,6 @@ function setHostId(index) {
     hostIdContent.value[index] = ''
     return
   }
-
   hostIdContent.value[index] = hostIdContentArr.value[index][indexBom];
   console.log(hostIdContent.value[index], '下次搜索')
 }
@@ -930,17 +852,14 @@ function setPrivateText(index) {
   isSend.value = true;
   setTimeout(() => {
     isSend.value = false;
-
   }, 300);
   console.log('发送私信内容', index, textContentpri.value[index])
   wslist[index].send(setClipboard(textContentpri.value[index]));
   textContentpri.value[index] = textContentpriArr.value[index][getRandomNumber(textContentpriArr.value[index].length - 1)];
-
 }
 //获取手机粘贴板方法
 function getText(index) {
   wslist[index].send(getClipboard());
-
 }
 
 function getComArr(index, type) {
@@ -959,7 +878,6 @@ function getComArr(index, type) {
 function clickxy(x, y, index, type) {
   console.log('clickxy方法', x, y)
   if (type == 3) {  //关注/私信 后的返回和下滑
-
     mouseData.action = 0;
     mouseData.pressure = 1;
     mouseData.buttons = 1;
@@ -982,7 +900,6 @@ function clickxy(x, y, index, type) {
       }, 300)
     }, 300)
   } else if (type == 2) { //评论过后的返回和右滑
-
     mouseData.action = 0;
     mouseData.pressure = 1;
     mouseData.buttons = 1;
@@ -1001,7 +918,6 @@ function clickxy(x, y, index, type) {
       }, 300)
     }, 300)
   } else if (type == 1) {//评论框点击后的发送内容
-
     mouseData.action = 0;
     mouseData.pressure = 1;
     mouseData.buttons = 1;
@@ -1029,7 +945,6 @@ function clickxy(x, y, index, type) {
       mouseData.action = 1;
       wslist[index].send(toBuffer(mouseData));
       console.log('抬起按下')
-
     }, 1500)
   } else {
     mouseData.action = 0;
@@ -1043,7 +958,6 @@ function clickxy(x, y, index, type) {
       wslist[index].send(toBuffer(mouseData));
     }, 100)
   }
-
 }
 
 //创建任务实例
@@ -1051,7 +965,6 @@ function createTaskQueue(index) {
   if (!taskQueues.has(index)) {
     taskQueues.set(index, []);
   }
-
   return {
     enqueue(task) {
       taskQueues.get(index).push(task);
@@ -1077,7 +990,6 @@ function sendWsTask(index, data) {
   console.log('发送任务', data.type);
   return new Promise((resolve) => {
     const queue = createTaskQueue(index);
-
     const task = () => {
       //发送评论的文本粘贴事件
       if (data.type == 'Likes') {
@@ -1090,19 +1002,16 @@ function sendWsTask(index, data) {
         if (runType.value[index] == 'follow') {
           clickxy(160, 360, index)
         }
-
       }
       if (data.type == 'ComPush') {
         setTimeout(() => {
           setComText(index)//粘贴内容
         }, 500)
-
       }
       if (data.type == 'searchHost') {
         setTimeout(() => {
           setHostId(index)//粘贴内容
         }, 500)
-
       }
       //发送私信的文本粘贴事件
       if (data.type == 'PrivatePush') {
@@ -1116,7 +1025,6 @@ function sendWsTask(index, data) {
         //     wsActions.slideRight(data.udid, index)
         //   }, 500);
         // }, 500);
-
       }
       //发送关注之前的返回
       if (data.type == 'addHost') {
@@ -1128,7 +1036,6 @@ function sendWsTask(index, data) {
         //   }, 1000);
         // }, 500);
       }
-
       //发送任务
       console.log('发送任务', data);
       if (data.type == 'Attention') {
@@ -1143,7 +1050,6 @@ function sendWsTask(index, data) {
       // 表示当前任务“已发出”，但不是“已完成”
       // 实际完成由 onmessage 中的 success 决定并继续执行队列
     };
-
     queue.enqueue(task);
   });
 }
@@ -1164,7 +1070,6 @@ function randomSeeVideo(udid, index) {
   setTimeout(() => {
     console.log('观看结束', index);
     wsActions.isHost(udid, index)//检测
-
   }, delay);
 }
 
@@ -1173,10 +1078,8 @@ function getVideoStyle(index) {
   const isSelected = selectedDevice.value === index;
   const baseWidth = phone.value.width;
   const baseHeight = phone.value.height;
-
   // console.log(isSelected, '是否相等')
   return {
-
     width: isSelected ? baseWidth * 1.4 + 'px' : baseWidth + 'px',
     height: isSelected ? baseHeight * 1.4 + 'px' : baseHeight + 'px',
     border: isSelected ? '2px solid blue' : '1px solid blue',
@@ -1186,35 +1089,20 @@ function getVideoStyle(index) {
     zIndex: isSelected ? 1000 : 1,
     pointerEvents: isSelected ? 'none' : 'auto',
   };
-
 }
 
 function stop(udid, index) {
   // actions[index] = [];
+  createTaskQueue(index).clear();//清除队伍中的任务
   cloesMonitor();
   isStopLike.value.forEach((item, i) => {
     isStopLike.value[i] = true;
+    runType.value[index] = ''
   })
   console.log('停止', isStopLike.value);
 }
 
 
-//刷新页面方法
-function reloadfun() {
-  reload()
-}
-
-// //返回次数
-// function repeatBack(index, times, delay = 1000) {
-//   if (typeof times !== 'number' || times <= 0) return;
-//   for (let i = 1; i <= times; i++) {
-//     setTimeout(() => {
-//       Back('', index);
-//     }, i * delay);
-//   }
-// }
-
-
 function openTk() {
   deviceInformation.value.forEach((device, index) => {
     wsActions.open(device.udid, index)
@@ -1227,7 +1115,6 @@ function openMonitor() {
     wsActions.getmesNum(device.udid, index)
     isStopLike.value[index] = false;
     runType.value[index] = 'listen'
-
   })
   isShowMes.value = setInterval(() => {
     deviceInformation.value.forEach((device, index) => {
@@ -1236,6 +1123,7 @@ function openMonitor() {
     })
   }, 10000)
 }
+
 //关闭监听
 function cloesMonitor() {
   deviceInformation.value.forEach((device, index) => {
@@ -1247,19 +1135,13 @@ function cloesMonitor() {
 
 //一键养号
 function parentNum() {
-
   deviceInformation.value.forEach((device, index) => {
     isStopLike.value[index] = false;
-
+    runType.value[index] = 'like'
     wsActions.isHost(device.udid, index)
   })
 }
 
-//取消弹窗
-function onDialogCancel() {
-
-}
-
 //确认多行文本框内容
 function onDialogConfirm(result, type, index) {
   console.log(result, type, index);
@@ -1296,7 +1178,6 @@ function onDialogConfirm(result, type, index) {
       deviceInformation.value.forEach((device, indexB) => {
         LikesToLikesToLikes(device.udid, indexB, 1)
       })
-
     } else {
       textContentpriArr.value[index] = result;
       textContentpri.value[index] = result[getRandomNumber(result.length - 1)];
@@ -1310,7 +1191,6 @@ function onDialogConfirm(result, type, index) {
         hostIdContentArr.value[indexA] = hostIdArrList[indexA];
         hostIdContent.value[indexA] = hostIdContentArr.value[indexA][0];
       })
-
       //打开评论弹窗
       selectedDevice.value = 998;
       dialogTitle.value = '评论';
@@ -1327,183 +1207,19 @@ function onDialogConfirm(result, type, index) {
       })
     }
   }
-
 }
 
-//分割数组
-function splitArray(array, parts) {
-  if (!Array.isArray(array)) {
-    console.warn('splitArray: 第一个参数应为数组');
-    return [];
-  }
-  const len = array.length;
-  const n = parseInt(parts, 10);
-  if (isNaN(n) || n <= 0) {
-    console.warn('splitArray: 份数应为大于 0 的整数');
-    return [];
-  }
-  const result = [];
-  for (let i = 0; i < n; i++) {
-    // 计算第 i 份的起始和结束索引
-    const start = Math.floor(i * len / n);
-    const end = Math.floor((i + 1) * len / n);
-    result.push(array.slice(start, end));
-  }
-  return result;
-}
-function selectedDeviceFun(index) {
-  selectedDevice.value = index
-  chatContent.value.left = chatList.value[index].leftMsg
-  chatContent.value.right = chatList.value[index].rightMsg
-  console.log(chatList.value);
-  console.log(chatContent.value);
+function getTranslation(list) {
+  list.forEach((item, index) => {
+    translation({ msg: item.text }).then(res => {
+      console.log(res);
+      chatList.value[index].text = res
+    })
+  })
 }
+
 </script>
 
 <style scoped lang="less">
-body {
-  user-select: none;
-
-}
-
-.main {
-  display: flex;
-  width: 100vw;
-  height: 100vh;
-  background: #222;
-
-}
-
-.left {
-  background: #191c23;
-  width: 20vw;
-  box-sizing: content-box;
-}
-
-.content {
-  width: 50vw;
-  display: grid;
-  grid-template-columns: repeat(3, minmax(160px, 320px));
-  /* 每行 3 个，宽度自适应 */
-  /* gap: 10px; */
-}
-
-.right {
-  width: 30vw;
-  background-color: #272727;
-}
-
-.video-container {
-  position: relative;
-  // padding: 10px;
-  width: 100%;
-
-  width: auto;
-  /* 取消 100%，避免换行 */
-  display: inline-block;
-  display: flex;
-  transition: all 0.3s ease-in-out;
-
-  .video-canvas {
-    position: absolute;
-    box-sizing: border-box;
-  }
-
-
-  .input-info {
-    color: rgb(255, 255, 255);
-    background-color: #424242;
-    position: absolute;
-    z-index: 10;
-  }
-}
-
-video {
-  transition: all 0.3s ease-in-out;
-
-  /* 关键：让 video 不拦截鼠标事件 */
-
-  /* 添加动画 */
-}
-
-.top-row {
-  align-items: flex-start;
-  /* 上对齐 */
-}
-
-.bottom-row {
-  align-items: flex-end;
-  /* 下对齐 */
-  margin-top: auto;
-}
-
-video {
-  /* position: relative; */
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  z-index: 1;
-  /* object-fit: contain; */
-  /* transform: scale(0.27); */
-  /* 缩小到原始尺寸的50% */
-  /* transform-origin: top left; */
-  /* 控制缩放原点 */
-}
-
-.canvas {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 9;
-  /* transform: scale(0.27); */
-  /* 缩小到原始尺寸的50% */
-  /* transform-origin: top left; */
-  /* 控制缩放原点 */
-}
-
-.open {
-  background: url(../assets/open.png) no-repeat center center;
-  background-size: 60% 60%;
-
-}
-
-.Back {
-  background: url(../assets/Back.png) no-repeat center center;
-  background-size: 60% 60%;
-
-}
-
-.Home {
-  background: url(../assets/Home.png) no-repeat center center;
-  background-size: 60% 60%;
-
-}
-
-.Overview {
-  background: url(../assets/Overview.png) no-repeat center center;
-  background-size: 60% 60%;
-
-}
-
-.el-button {
-  width: 200px;
-  margin: 20px;
-  // background-color: darkcyan;
-  // color: white; 
-  position: relative;
-  z-index: 999;
-}
-
-.center-justify {
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-}
-
-.center-line {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  // justify-content: center;
-}
+@import '../static/css/video.less';
 </style>
diff --git a/vue.config.js b/vue.config.js
index ac25700..d7ee354 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -18,6 +18,9 @@ module.exports = defineConfig({
 
           ]
         }
+      },
+      less: {
+        additionalData: `@import "@/static/css/app.less";` // 注入全局变量文件
       }
     }
   }