diff --git a/src/assets/video/chatMes.png b/src/assets/video/chatMes.png
new file mode 100644
index 0000000..a709937
Binary files /dev/null and b/src/assets/video/chatMes.png differ
diff --git a/src/assets/video/leftBg.png b/src/assets/video/leftBg.png
new file mode 100644
index 0000000..705ba45
Binary files /dev/null and b/src/assets/video/leftBg.png differ
diff --git a/src/assets/video/leftBtn1-1.png b/src/assets/video/leftBtn1-1.png
new file mode 100644
index 0000000..16bb02a
Binary files /dev/null and b/src/assets/video/leftBtn1-1.png differ
diff --git a/src/assets/video/leftBtn1.png b/src/assets/video/leftBtn1.png
new file mode 100644
index 0000000..7be4dda
Binary files /dev/null and b/src/assets/video/leftBtn1.png differ
diff --git a/src/assets/video/leftBtn2-2.png b/src/assets/video/leftBtn2-2.png
new file mode 100644
index 0000000..71559c1
Binary files /dev/null and b/src/assets/video/leftBtn2-2.png differ
diff --git a/src/assets/video/leftBtn2.png b/src/assets/video/leftBtn2.png
new file mode 100644
index 0000000..7524337
Binary files /dev/null and b/src/assets/video/leftBtn2.png differ
diff --git a/src/assets/video/leftBtn3-3.png b/src/assets/video/leftBtn3-3.png
new file mode 100644
index 0000000..4610e63
Binary files /dev/null and b/src/assets/video/leftBtn3-3.png differ
diff --git a/src/assets/video/leftBtn3.png b/src/assets/video/leftBtn3.png
new file mode 100644
index 0000000..aca17f9
Binary files /dev/null and b/src/assets/video/leftBtn3.png differ
diff --git a/src/assets/video/leftBtn4-4.png b/src/assets/video/leftBtn4-4.png
new file mode 100644
index 0000000..0d56a5c
Binary files /dev/null and b/src/assets/video/leftBtn4-4.png differ
diff --git a/src/assets/video/leftBtn4.png b/src/assets/video/leftBtn4.png
new file mode 100644
index 0000000..22cb555
Binary files /dev/null and b/src/assets/video/leftBtn4.png differ
diff --git a/src/assets/video/leftBtn5-5.png b/src/assets/video/leftBtn5-5.png
new file mode 100644
index 0000000..e8a0270
Binary files /dev/null and b/src/assets/video/leftBtn5-5.png differ
diff --git a/src/assets/video/leftBtn5.png b/src/assets/video/leftBtn5.png
new file mode 100644
index 0000000..f5017be
Binary files /dev/null and b/src/assets/video/leftBtn5.png differ
diff --git a/src/assets/video/leftBtn6-6.png b/src/assets/video/leftBtn6-6.png
new file mode 100644
index 0000000..5b225b5
Binary files /dev/null and b/src/assets/video/leftBtn6-6.png differ
diff --git a/src/assets/video/leftBtn6.png b/src/assets/video/leftBtn6.png
new file mode 100644
index 0000000..a5ab328
Binary files /dev/null and b/src/assets/video/leftBtn6.png differ
diff --git a/src/assets/video/leftBtn7-7.png b/src/assets/video/leftBtn7-7.png
new file mode 100644
index 0000000..a93dbcf
Binary files /dev/null and b/src/assets/video/leftBtn7-7.png differ
diff --git a/src/assets/video/leftBtn7.png b/src/assets/video/leftBtn7.png
new file mode 100644
index 0000000..025e6b2
Binary files /dev/null and b/src/assets/video/leftBtn7.png differ
diff --git a/src/assets/video/leftBtn8-8.png b/src/assets/video/leftBtn8-8.png
new file mode 100644
index 0000000..23fa6ca
Binary files /dev/null and b/src/assets/video/leftBtn8-8.png differ
diff --git a/src/assets/video/leftBtn8.png b/src/assets/video/leftBtn8.png
new file mode 100644
index 0000000..01a6c11
Binary files /dev/null and b/src/assets/video/leftBtn8.png differ
diff --git a/src/assets/video/leftBtn9-9.png b/src/assets/video/leftBtn9-9.png
new file mode 100644
index 0000000..ca82797
Binary files /dev/null and b/src/assets/video/leftBtn9-9.png differ
diff --git a/src/assets/video/leftBtn9.png b/src/assets/video/leftBtn9.png
new file mode 100644
index 0000000..40c9b1d
Binary files /dev/null and b/src/assets/video/leftBtn9.png differ
diff --git a/src/assets/video/mainBg.png b/src/assets/video/mainBg.png
new file mode 100644
index 0000000..a2de355
Binary files /dev/null and b/src/assets/video/mainBg.png differ
diff --git a/src/components/ChatDialog.vue b/src/components/ChatDialog.vue
index e885458..4f38dde 100644
--- a/src/components/ChatDialog.vue
+++ b/src/components/ChatDialog.vue
@@ -1,7 +1,10 @@
 <template>
     <div v-if="visible" class="dialog-overlay" @click.self="close">
         <div class="dialog-content">
-            <h3 class="text-lg font-bold mb-4">最近一条的消息翻译</h3>
+            <h3 class="text-lg font-bold mb-4">
+                <img style="margin: 0px 15px;" src="@/assets/video/chatMes.png"></img>
+                最近一条的消息翻译
+            </h3>
             <el-scrollbar class="chat-box">
                 <div v-for="(msg, index) in messages" :key="index"
                     :class="msg.position === 'left' ? 'left-message' : 'right-message'">
@@ -126,4 +129,10 @@ function fallbackCopyTextToClipboard(index, text) {
     border-radius: 6px;
     cursor: pointer;
 }
+
+.center-justify {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/HostListDialog.vue b/src/components/HostListDialog.vue
deleted file mode 100644
index a7ece6e..0000000
--- a/src/components/HostListDialog.vue
+++ /dev/null
@@ -1,107 +0,0 @@
-<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
index 4ce67f6..50da882 100644
--- a/src/components/MultiLineInputDialog.vue
+++ b/src/components/MultiLineInputDialog.vue
@@ -3,6 +3,9 @@
 
         <el-input type="textarea" v-model="rawText" :rows="10" :placeholder="placeholder" clearable></el-input>
         <template #footer>
+            <span v-if="title == '私信'">自动回复
+                <el-switch style="margin-right: 20px;" v-model="value1" />
+            </span>
             <el-button v-if="title !== '主播ID'" type="success" @click="exportPrologue(title)">导入{{ title }}</el-button>
             <el-button @click="handleCancel">取消</el-button>
             <el-button type="primary" @click="handleConfirm">确定</el-button>
@@ -13,7 +16,7 @@
 <script setup>
 import { ref, computed, watch } from 'vue';
 import { prologue, comment } from '@/api/account';
-
+let value1 = ref(false);
 // 定义接收的 props
 const props = defineProps({
     /** 对话框可见性，外部通过 v-model:visible 绑定 */
@@ -92,7 +95,7 @@ function parseLines() {
 /** 点击确定按钮 */
 function handleConfirm() {
     const items = parseLines();
-    emit('confirm', items, props.title, props.index);
+    emit('confirm', items, props.title, props.index, value1.value);
     // 关闭对话框
     emit('update:visible', false);
     rawText.value = '';
diff --git a/src/components/MultiLineInputDialog.vue.vue b/src/components/MultiLineInputDialog.vue.vue
deleted file mode 100644
index d175880..0000000
--- a/src/components/MultiLineInputDialog.vue.vue
+++ /dev/null
@@ -1,107 +0,0 @@
-<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/main.js b/src/main.js
index 67462ef..81f0b58 100644
--- a/src/main.js
+++ b/src/main.js
@@ -18,7 +18,7 @@ app.use(store); // 注册 store
 app.use(router);
 app.config.globalProperties.Buffer = Buffer; // 注册 Buffer
 
-window.addEventListener('unhandledrejection', event => event.preventDefault());
-window.addEventListener('error', event => event.preventDefault()); // 阻止错误和未处overlay理的 Promise 拒绝事件冒泡到 window 对象
+// window.addEventListener('unhandledrejection', event => event.preventDefault());
+// window.addEventListener('error', event => event.preventDefault()); // 阻止错误和未处overlay理的 Promise 拒绝事件冒泡到 window 对象
 app.mount('#app');
 
diff --git a/src/static/css/video.less b/src/static/css/video.less
index 5c81bf4..5d72aae 100644
--- a/src/static/css/video.less
+++ b/src/static/css/video.less
@@ -8,26 +8,39 @@ body {
     width: 100vw;
     height: 100vh;
     background: #222;
-
+    background-image: url('../../assets/video/mainBg.png');
+    background-size: 100% 100%;
+    /* 或其他适合的值，例如contain */
+    background-position: center;
+    background-repeat: no-repeat;
 }
 
 .left {
-    background: #191c23;
+    background-image: url('../../assets/video/leftBg.png');
+    background-size: 100% 100%;
+    /* 或其他适合的值，例如contain */
+    background-position: center;
+    background-repeat: no-repeat;
     width: 20vw;
-    box-sizing: content-box;
+    box-sizing: border-box;
+    box-shadow: 0px 0px 10px #b3b3b3;
+    border-radius: 0px 40px 40px 0px;
+
+    padding: 53px 31px;
 }
 
 .content {
-    width: 50vw;
+    width: 60vw;
     display: grid;
     grid-template-columns: repeat(3, minmax(160px, 320px));
+    padding: 0 5vw;
     /* 每行 3 个，宽度自适应 */
     /* gap: 10px; */
 }
 
 .right {
     width: 30vw;
-    background-color: #272727;
+    // background-color: #272727;
 }
 
 .video-container {
@@ -52,6 +65,10 @@ body {
         background-color: #424242;
         position: absolute;
         z-index: 10;
+        padding: 15px;
+        background: linear-gradient(0deg, #EEFFFF 0%, #FFFFFF 100%);
+        border-radius: 12px;
+        box-shadow: 4px 3px 14px 2px rgba(174, 174, 174, 0.5)
     }
 }
 
@@ -122,13 +139,69 @@ video {
 
 }
 
-.el-button {
-    width: 200px;
-    margin: 20px;
+.app-button {
     // background-color: darkcyan;
     // color: white; 
+    width: 260px;
+    height: 50px;
+    background: linear-gradient(0deg, #4FCACD 0%, #5FDBDE 100%);
+    border-radius: 10px;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
     position: relative;
     z-index: 999;
+
+
+    font-family: Source Han Sans SC;
+    font-weight: 500;
+    font-size: 20px;
+    color: #FFFFFF;
+    line-height: 16px;
+
+    margin: 12px;
+}
+
+/* 鼠标按下时效果 */
+.app-button:active {
+    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
+    transform: translateY(1px);
+}
+
+.left-button {
+    position: relative;
+    z-index: 999;
+    margin-bottom: 19px;
+    width: 100%;
+    height: 72px;
+    // background: #32C9CD;
+    border-radius: 10px;
+
+    font-family: Source Han Sans SC;
+    font-weight: 800;
+    font-size: 20px;
+    color: #7A8B97;
+    line-height: 16px;
+    align-items: center;
+    display: flex;
+    align-items: center;
+
+    img {
+        width: 30px;
+        margin: 20px;
+    }
+}
+
+.left-button:hover {
+    background: #32C9CD;
+    color: #F9FAFE;
+
+}
+
+/* 鼠标按下时效果 */
+.left-button:active {
+    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
+    transform: translateY(1px);
 }
 
 .center-justify {
diff --git a/src/utils/storage.js b/src/stores/storage.js
similarity index 75%
rename from src/utils/storage.js
rename to src/stores/storage.js
index a2feb68..24f47a8 100644
--- a/src/utils/storage.js
+++ b/src/stores/storage.js
@@ -43,6 +43,8 @@ export function setphoneXYinfo(data) {
 export function getphoneXYinfo() {
 	return JSON.parse(localStorage.getItem('XYinfo'));
 }
+
+
 // 用于获取主播信息
 export function getHostList() {
 	return JSON.parse(localStorage.getItem('hostList'));
@@ -51,6 +53,23 @@ export function getHostList() {
 export function setHostList(data) {
 	localStorage.setItem('hostList', JSON.stringify(data));
 }
+export function clearHostList() {
+	// 清空存储的数组
+	localStorage.setItem('hostList', JSON.stringify([]));
+}
+
+export function addToHostList(newItem) {
+	// 获取当前的数组
+	const currentList = JSON.parse(localStorage.getItem('hostList') || '[]');
+
+	// 向数组添加新元素
+	currentList.push(newItem);
+
+	// 更新存储的数组
+	localStorage.setItem('hostList', JSON.stringify(currentList));
+}
+
+
 
 // 用于获取私信信息
 export function getContentpriList() {
@@ -72,12 +91,11 @@ export function setContentList(data) {
 	localStorage.setItem('Content', JSON.stringify(data));
 }
 // 用于绘画信息
-// export function setContentList(data) {
-// 	sessionStorage.setItem('Content', JSON.stringify(data));
-// }
+export function setsessionId(data) {
+	sessionStorage.setItem('sessionList', JSON.stringify(data));
+}
 
-// // 用于获取评论信息
-// export function getContentList() {
-// 	const arr = JSON.parse(sessionStorage.getItem('Content'))
-// 	return [arr, arr, arr, arr, arr, arr, arr, arr];
-// }
\ No newline at end of file
+// 用于获取评论信息
+export function getsessionId() {
+	return JSON.parse(sessionStorage.getItem('sessionList'));
+}
\ No newline at end of file
diff --git a/src/utils/axios.js b/src/utils/axios.js
index b4b7d62..6c41645 100644
--- a/src/utils/axios.js
+++ b/src/utils/axios.js
@@ -3,7 +3,7 @@
  * https://rudon.blog.csdn.net/
  */
 import axios from 'axios'
-import { getToken, getUser } from '@/utils/storage'
+import { getToken, getUser } from '@/stores/storage'
 import router from '@/router'
 
 import { ElMessage } from 'element-plus';
diff --git a/src/utils/wsActions.js b/src/utils/wsActions.js
index e187478..4e9ff47 100644
--- a/src/utils/wsActions.js
+++ b/src/utils/wsActions.js
@@ -1,12 +1,23 @@
 // src/utils/wsActions.js
+import { toBuffer } from '@/utils/bufferUtils';
 
+const mouseData = {
+    type: 2,
+    action: 0,
+    pointerId: 0,
+    position: {
+        point: { x: 0, y: 0 },
+        screenSize: { width: 320, height: 720 },
+    },
+    pressure: 1,
+    buttons: 1,
+};
 // 传入 wslist、isStopLike 等需要依赖的外部变量
 export function createWsActions(wslist) {
     // 通用 ws 发送方法
     function send(index, payload) {
         if (wslist[index]) {
 
-
             setTimeout(() => {
                 mouseData.action = 1;
                 wslist[index].send(toBuffer(mouseData));
@@ -39,7 +50,7 @@ export function createWsActions(wslist) {
         getmesNum: (udid, index) => send(index, { udid, action: 'dump', type: 'getmesNum', index, resourceId: 'com.zhiliaoapp.musically:id/jyv' }), //获取收件箱消息数量
         clickMesage: (udid, index) => send(index, { udid, action: 'click', type: 'clickMesage', index, resourceId: 'com.zhiliaoapp.musically:id/e3_' }), //点击有消息的私信
         clickSysMesage: (udid, index) => send(index, { udid, action: 'click', type: 'clickSysMesage', index, resourceId: 'com.zhiliaoapp.musically:id/j7s' }), //点击有消息的系统通知
-        // isVideoAndLive: (udid, index) => send(index, { udid, action: 'click', type: 'isVideoAndLive', index, resourceId: 'com.zhiliaoapp.musically:id/long_press_layout' }), //获取是视频还是直播
+        isVideoAndLive: (udid, index) => send(index, { udid, action: 'click', type: 'isVideoAndLive', index, resourceId: 'com.zhiliaoapp.musically:id/long_press_layout' }), //获取是视频还是直播
         addHost: (udid, index) => send(index, { udid, action: 'click', type: 'addHost', index, resourceId: 'com.zhiliaoapp.musically:id/fuq' }), //视频页面的关注
         isHost: (udid, index) => send(index, { udid, action: 'click', type: 'isHost', index, resourceId: 'com.zhiliaoapp.musically:id/fuq' }), //判断视频页面的关注
         search: (udid, index) => send(index, { udid, action: 'click', type: 'search', index, resourceId: 'com.zhiliaoapp.musically:id/gtz' }), //搜索页面
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 6cc216c..61d223a 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -75,7 +75,7 @@
 import { ref, reactive, onMounted } from 'vue';
 import { useRouter } from 'vue-router';
 import { login, getIdByName } from '@/api/account';
-import { getToken, setToken, setUser, setUserPass, getUserPass } from '@/utils/storage';
+import { getToken, setToken, setUser, setUserPass, getUserPass } from '@/stores/storage';
 import { ElLoading, ElMessage } from 'element-plus';
 
 
diff --git a/src/views/Untitled-1.vue b/src/views/Untitled-1.vue
index fb0eadc..8513f81 100644
--- a/src/views/Untitled-1.vue
+++ b/src/views/Untitled-1.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,8 @@
                 <!-- <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>
+                <!-- <el-button type="warning" @click="opentanchuan()">123</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,10 +33,13 @@
                 <!-- <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="resetTk()">重置tiktok</el-button>
+                <el-button type="success" @click="brushLive()">打开直播</el-button>
+
+                <el-button :type="runType[0] == 'like' ? 'danger' : 'success'" @click="parentNum()">{{ runType[0] ==
+                    'like' ?
+                    '养号中' : '一键养号' }}</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>
@@ -45,21 +47,6 @@
                 <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>
@@ -76,58 +63,57 @@
           <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>
-
+                        :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)">
+                        @mousedown.stop="(e) => handleCanvasdown(device.udid, e, index)" :style="{
+                            transform: getTransformStyle(index)
+                        }">
                     </canvas>
                 </div>
                 <div class="input-info" v-show="selectedDevice == index"
-                    :style="{ left: phone.width * 1.4 + 4 + '0px' }">
+                    :style="{ left: phone.width * 1.4 + 4 + '0px', transform: getTransformStyle(index), }">
                     <!-- <div class="input-info" v-show="false"> -->
-                    <el-button @click="showDialog = true; dialogTitle = '主播ID';">批量关注</el-button>
+                    <!-- <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>
+                    <!-- <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="getComArr(index, '私信')">查看私信</el-button> -->
+                    <!-- <el-button @click="wsActions.search(device.udid, 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.clickSysMesage(device.udid, index)">进入消息</el-button> -->
+                    <el-button @click="resetApp(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>
-
+                    <el-button
+                        @click="wsActions.clickCopyList(device.udid, index); openShowChat = 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.test(device.udid, index)">打印ui节点树</el-button>
+                    <el-button @click="wsActions.isOneLive(device.udid, index)">判断单人还是双人</el-button>
+                    <el-button @click="wsActions.slideDown(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>
             <!-- 
@@ -136,83 +122,76 @@
           <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>
-
         <MultiLineInputDialog v-model:visible="showDialog" :initialText='""' :title="dialogTitle"
-            :index="selectedDevice" @confirm="onDialogConfirm" @cancel="onDialogCancel" />
+            :index="selectedDevice" @confirm="onDialogConfirm" />
     </div>
-
-
 </template>
 
 <script setup>
 import { ref, onMounted, onUnmounted, onBeforeUnmount, watch, inject } from "vue";
 import VideoConverter from "h264-converter";
-import { Buffer } from 'buffer';  // 如果在浏览器环境需要引入buffer包
 import { useRouter } from 'vue-router';
-import { setphoneXYinfo, getphoneXYinfo } from '@/utils/storage'
-import { set } from "lodash";
+import { setphoneXYinfo, getphoneXYinfo, getUser, getHostList, setHostList, getContentpriList, setContentpriList, getContentList, setContentList } from '@/stores/storage'
 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, translation } from "@/api/chat";
+import { chat, translationToChinese, translation } from "@/api/chat";
+import { update } from '@/api/account';
 import MultiLineInputDialog from '@/components/MultiLineInputDialog.vue'; // 根据实际路径修改
 import ChatDialog from '@/components/ChatDialog.vue'
+import { splitArray } from '@/utils/arrUtil'
+import { chooseFile } from '@/utils/fileUtil'
+import { connectSSE } from '@/utils/sseUtils'
+import { set } from "lodash";
+import { prologue, comment } from '@/api/account';
 
 const router = useRouter();
 let wsActions = null;
-
+let userdata = getUser();
 // 引入刷新方法
 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('');
 //评论文本内容
 let textContent = ref(['', '', '', '', '', '', '', '']);
 let textContentArr = ref([[], [], [], [], [], [], [], [], []]);
-//主播id内容
-let hostIdContent = ref(['', '', '', '', '', '', '', '']);
-let hostIdContentArr = ref([[], [], [], [], [], [], [], [], []]);
+//当前主播id内容
+let hostIdArr = ref([{}, {}, {}, {}, {}, {}, {}, {}]);
+// let hostIdContentArr = ref([[], [], [], [], [], [], [], [], []]);
 //私信文本内容
 let textContentpri = ref(['', '', '', '', '', '', '', '']);
 let textContentpriArr = ref([[], [], [], [], [], [], [], [], []]);
 //保存聊天内容
 let chatList = ref([]);
-//传入弹窗的聊天内容
-let chatContent = ref({
-    left: '',
-    right: ''
-});
-
+//保存爬虫发送的主播信息 待存缓存
+let stroageHost = ref([]);
 //选中设备
 let selectedDevice = ref(999);
 //ws列表
 let wslist = [];
-// 是否停止点赞
-let isStopLike = ref([false, false, false, false, false, false, false, false]);
+// 是否停止
+let isStop = ref(false);
+//sse弹窗是否存在  
+let isMsgPop = ref(false);
 //播放器列表
 let instanceList = ref([{}, {}, {}, {}, {}, {}, {}, {}]);
 //是否是在关注主播
 let runType = ref(['', '', '', '', '', '', '', '']);
 //屏幕尺寸系数
+let isMonitor = ref(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)
@@ -238,9 +217,10 @@ 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 和视频流
 const initVideoStream = (udid, index) => {
@@ -271,32 +251,22 @@ const initVideoStream = (udid, index) => {
     );
     wslist[index].binaryType = "arraybuffer";
 
-
     wslist[index].onopen = () => {
         console.log("手机显示ws已开启");
-
-        wsActions = createWsActions(wslist, isStopLike);
+        wsActions = createWsActions(wslist);
         // 发送 开启 视频流数据
         setTimeout(() => {
             wslist[index].send(openStr);
         }, 300);
-        playTimer.value[index] = setTimeout(() => {
-            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]) {
+            if (isStop.value) {
                 createTaskQueue(index).clear();//清除队伍中的任务
                 return;
             }
@@ -304,7 +274,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)
@@ -315,6 +284,11 @@ const initVideoStream = (udid, index) => {
                 } else if (resData.type == 'getmesNum') {
                     if (resData.message == 0) {
                         console.log('没有消息')
+                        if (runType.value[index] == 'follow') {
+                            LikesToLikesToLikes(deviceInformation.value[index].udid, index)
+
+                        }
+                        //如果检测到有新消息，会收到两条ws回复，一条message==1 一条message==成功
                     } else if (resData.message == 1) {
                         console.log('有消息')
                     } else if (resData.message == '点击成功') {
@@ -324,16 +298,18 @@ const initVideoStream = (udid, 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) //点击消息进入对话框
+                            wsActions.clickSysMesage(deviceInformation.value[index].udid, index) //点击消息进入对话框
                         }, 1500)
                     }
-
                 } else if (resData.type == 'clickMesage') {
+                    //点击进入新消息页面以后，获取页面信息
                     wsActions.clickCopyList(deviceInformation.value[index].udid, index)
-
+                } else if (resData.type == 'clickSysMesage') {
+                    setTimeout(() => {
+                        Back('', index)
+                    }, 3000)
                 } else if (resData.type == 'isVideoAndLive') {
                     console.log(resData.message)
-
                 } else if (resData.type == 'clickCopyList') { //获取到的消息列表
                     //打印所有信息
                     console.log('消息列表', resData.message)
@@ -344,42 +320,45 @@ const initVideoStream = (udid, index) => {
                     console.log('最新消息', mesBox)
                     console.log("翻译", istranslate.value)
                     if (istranslate.value == false) {
+                        if (mesBox.position == 'right') return
+                        openShowChat.value = true
                         console.log("执行ai")
+
                         chat({ msg: mesBox.text }).then(res => {
                             console.log("ai返回", res)
-                            textContentpri.value[index] = res
+                            textContentpri.value[index] = res.result
                             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);
-                    // clickxy(resData.x * 0.3, resData.y * 0.3, 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)//是否继续下一个视频
                     }
                 } else if (resData.type == 'Comment') {//打开评论
                     phoneXYinfo.value[index].Comment = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
+                } else if (resData.type == 'CommentText') {//复制评论
+                    phoneXYinfo.value[index].CommentText = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
+                    textContent.value[index] = resData.message
                 } else if (resData.type == 'Comtext') {//评论输入
                     phoneXYinfo.value[index].Comtext = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
-                    // setTimeout(() => {
-                    //   setComText(index)//粘贴内容
-                    // }, 1000)
                 } else if (resData.type == 'ComPush') {//评论发送
                     phoneXYinfo.value[index].ComPush = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
                     setTimeout(() => {
@@ -397,7 +376,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 }
@@ -406,10 +384,6 @@ const initVideoStream = (udid, index) => {
                     // LikesToCommentToComPush(deviceInformation.value[index].udid, index)  //是否继续循环任务
                 } else if (resData.type == 'return') {//私信评论
                     phoneXYinfo.value[index].return = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
-                    // wsActions.slideDown(deviceInformation.value[index].udid, index)//是否继续下一个视频
-                    // setTimeout(() => {
-                    //   LikesToCommentToComPush(deviceInformation.value[index].udid, index)
-                    // }, 1000);
                 } else if (resData.type == 'addHost') {//添加关注
                     phoneXYinfo.value[index].addHost = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
                     wsActions.slideDown(deviceInformation.value[index].udid, index)//是否继续下一个视频
@@ -418,144 +392,203 @@ const initVideoStream = (udid, index) => {
                     }, 1000);
                 } else if (resData.type == 'Privatetex') {//私信评论
                     phoneXYinfo.value[index].Privatetex = { x: resData.x * iponeCoefficient.value[index].width, y: resData.y * iponeCoefficient.value[index].height }
-                } else if (resData.type == 'PrivatePush') {//私信发送
+                } else if (resData.type == 'PrivatePush' || resData.type == 'PrivatePushFollow') {//私信发送
                     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') {
+                            setTimeout(() => {
+                                Back('', index);
+                                setTimeout(() => {
+                                    if (resData.type == 'PrivatePush') {
+                                        Back('', index);
+                                        setTimeout(() => {
+                                            Back('', index);
+                                            setTimeout(() => {
+                                                Back('', index);
+                                                if (isMonitor.value) {
+                                                    //正常没有消息，发送完私信以后，返回六次，然后继续下一个任务
+                                                    wsActions.getmesNum(deviceInformation.value[index].udid, index)
+                                                } else {
+                                                    LikesToLikesToLikes(deviceInformation.value[index].udid, index)
+                                                }
 
-                            } else if (runType.value[index] == 'like' || runType.value[index] == 'follow') {
-                                LikesToLikesToLikes(deviceInformation.value[index].udid, index, 2)
-                            } else {
 
-                            }
+                                            }, 1000);
+                                        }, 1000);
+                                    } else if (resData.type == 'PrivatePushFollow') {
+                                        //如果有新消息，回复完私信以后，返回三次，然后继续下一个任务
+                                        wsActions.getmesNum(deviceInformation.value[index].udid, index)
+                                        // LikesToLikesToLikes(deviceInformation.value[index].udid, index)
+
+                                    }
+
+                                }, 1000);
+                            }, 1000);
                         }, 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') {//点击复制
+                } 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);
                     } else if (resData.message == 1) {
                         console.log('有关注', index)
                         const randomNum = Math.random(); // 生成一个0到1之间的随机数
-                        if (randomNum < 0.5) {
+                        //是否点赞评论的概率
+                        if (randomNum < 0.07) {
                             console.log('进行点赞评论', index)
                             LikesToCommentToComPush(deviceInformation.value[index].udid, index)
                         } else {
                             console.log('下一个', index)
                             wsActions.slideDown(deviceInformation.value[index].udid, index)//是否继续下一个视频
-                            setTimeout(() => {
-                                console.log('观看视频中', index)
-                                randomSeeVideo(deviceInformation.value[index].udid, index)  //30-50秒后继续循环任务
-                            }, 1000);
+                            randomSeeVideo(deviceInformation.value[index].udid, index)  //30-50秒后继续循环任务
                         }
                     }
+                } else if (resData.type == 'openDY') {//视频关注主播
+                    createTaskQueue(index).clear();//清除队伍中的任务
+                } else if (resData.type == 'toLive') {//打开直播
+
+                    wsActions.isHead(deviceInformation.value[index].udid, index)//判断直播
+
+                } else if (resData.type == 'isHead') {//判断有没有头像
+                    if (resData.message == 1) {
+                        wsActions.isOneLive(deviceInformation.value[index].udid, index)//判断直播
+                    } else {
+                        return
+                    }
+
+                } else if (resData.type == 'isOneLive') {//判断单人还是双人
+                    if (resData.message == 0) {
+                        wsActions.slideDown(deviceInformation.value[index].udid, index)//是否继续下一个视频
+                        wsActions.isHead(deviceInformation.value[index].udid, index)//判断直播
+                        return
+                    }
+                    // 用法：
+                    (async () => {
+                        const result = await randomDelayAndExecute();
+                        //30%概率
+                        if (result) {
+
+                            let count = 0;
+                            const num = Math.floor(Math.random() * 31) + 5;
+                            const interval = setInterval(() => {
+                                if (count >= num) {
+                                    clearInterval(interval);
+                                    wsActions.slideDown(deviceInformation.value[index].udid, index)//是否继续下一个视频
+                                    wsActions.isHead(deviceInformation.value[index].udid, index)//判断直播
+
+                                    return;
+                                }
+                                clickxy(
+                                    resData.x * iponeCoefficient.value[index].width,
+                                    resData.y * iponeCoefficient.value[index].height,
+                                    index
+                                )
+                                count++;
+                            }, 300);
+                            return;
+                        } else {
+                            wsActions.slideDown(deviceInformation.value[index].udid, index)//是否继续下一个视频
+                            wsActions.isHead(deviceInformation.value[index].udid, index)//判断直播
+                            return
+                        }
+                    })();
 
                 }
+
                 setphoneXYinfo(phoneXYinfo.value)
                 if (resData.type != 'isHost') {
-
                     if (resData.type == 'hostVideo' || resData.type == 'Likes') {
                         setTimeout(() => {
                             createTaskQueue(index).next(); // 继续队列中下一个任务
                         }, 5000)
+                    } else if (resData.type == 'getmesNum') {
+
                     } else {
                         createTaskQueue(index).next(); // 继续队列中下一个任务
-
                     }
-
                 }
             } else {
-                // --------------------------------------------------------------------------报错处理
-                // console.error(resData.type, resData)
-                //如果该视频无法被评论，返回刷下一条视频
-                if (resData.type == 'Comtext') {
+                // ----------------------------------------------------------------------------------------------------报错处理
+                //如果该视频无法被评论,或者没有评论，返回刷下一条视频
+                if (resData.type == 'Comtext' || resData.type == 'CommentText') {
                     if (runType.value[index] == 'follow') {
-                        createTaskQueue(index).clear();//清除队伍中的任务
+
                         Back('', index)
                         setTimeout(() => {
                             Back('', index)
-                            setTimeout(() => {
-                                Back('', index)
-                                LikesToLikesToLikes(deviceInformation.value[index].udid, index, 2)
-
-                            }, 1000)
+                            createTaskQueue(index).next(); // 继续队列中下一个任务
+                            createTaskQueue(index).next(); // 继续队列中下一个任务
                         }, 1000)
                     } else {
-                        createTaskQueue(index).clear();//清除队伍中的任务
-                        Back('', index)
+                        resetApp(udid, index)
                         setTimeout(() => {
-                            Back('', index)
-                            setTimeout(() => {
-                                wsActions.isHost(deviceInformation.value[index].udid, index)
-
-                            }, 1000)
+                            wsActions.isHost(deviceInformation.value[index].udid, index)
                         }, 1000)
                     }
-                    //如果该视频无法被私信，返回刷下一条视频
-                } else if (resData.type == 'Privatetex') {
-                    createTaskQueue(index).clear();//清除队伍中的任务
+                    //如果该视频无法被搜索到，返回刷下一条视频
+                } else if (resData.type == 'toHost') {
                     Back('', index)
                     setTimeout(() => {
                         Back('', index)
-                        LikesToLikesToLikes(deviceInformation.value[index].udid, index, 2)
+                        createTaskQueue(index).clear();//清除队伍中的任务
+                        setTimeout(() => {
+                            Back('', index)
+                            LikesToLikesToLikes(deviceInformation.value[index].udid, index)
+                        }, 1000)
                     }, 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 == 'Privatetex' || resData.type == 'hostVideo' || resData.type == 'search' || resData.type == 'Attention') {
+                    if (runType.value[index] == 'follow') {
+                        //关注的时候出现无法私信和没有视频的情况  错误重置
+                        resetApp(udid, index)
+                        setTimeout(() => {
+                            wsActions.getmesNum(deviceInformation.value[index].udid, index)
+                            // LikesToLikesToLikes(deviceInformation.value[index].udid, index)
+                        }, 1000)
+                    }
 
+                } else if (resData.type == 'getmesNum') {
+                    if (runType.value[index] == 'follow') {
+                        LikesToLikesToLikes(deviceInformation.value[index].udid, index)
+                    }
+                    //getmesNum出现没有消息的情况
+                } else if (resData.type == 'clickMesage' || resData.type == 'ComPush') {
+                    //ComPush关注主播的时候出现无法评论的视频  会跳过评论发送，不处理评论发送的返回错误
                 } else if (resData.type == 'clickCopyList') {
                     //如果无法获取到聊天记录，返回继续检测
+                    console.error('未找到聊天，返回')
                     Back('', index)
+
+                } else if (resData.type == 'clickSysMesage') {
+                    //如果没有系统消息，则点击新消息
+                    wsActions.clickMesage(deviceInformation.value[index].udid, index) //点击消息进入对话框
                 } else {
-                    console.error(resData.message); // 错误处理
+                    console.error(resData.message, resData.type); // 错误处理
                     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) {
@@ -577,20 +610,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) {
@@ -632,7 +661,6 @@ const handleCanvasup = (udid, event, index) => {
     mouseData.position.point.x = x;
     mouseData.position.point.y = y;
     // console.log(mouseData);
-
     wslist[index].send(toBuffer(mouseData));
 };
 
@@ -694,14 +722,6 @@ const key = (index, state, keycode) => {
 
 const handleVisibilityChange = () => {
     if (document.visibilityState === "hidden") {
-        if (playTimer.value) {
-            console.log("清除定时器");
-            playTimer.value.forEach(Timer => {
-                clearInterval(Timer);
-            });
-
-            playTimer.value = [{}, {}, {}, {}, {}, {}, {}, {}];
-        }
         console.log("页面被隐藏");
         isshow.value = false;
         // 页面被隐藏时执行的逻辑
@@ -710,7 +730,6 @@ const handleVisibilityChange = () => {
         setTimeout(() => {
             isshow.value = true;
             // ObtainDeviceInformation();
-
         }, 500);
 
     }
@@ -720,14 +739,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') {
@@ -735,7 +752,6 @@ onMounted(() => {
         }
     })
 
-
     const loading = ElLoading.service({
         lock: true,
         text: '初始化中...',
@@ -744,7 +760,138 @@ onMounted(() => {
     setTimeout(() => {
         loading.close()
     }, 2000)
+
+    //sse接收爬虫发送的消息
+    connectSSE(`https://datasave.api.yolozs.com/api/sse/connect/${userdata.tenantId}/${userdata.id}`, (data) => {
+        // connectSSE(`http://192.168.1.155:19665/api/sse/connect/${userdata.tenantId}/${userdata.id}`, (data) => {
+        // 处理服务端推送的数据
+        console.log('来自服务端:', data)
+
+        //接收到start
+        if (data === 'start') {
+            if (!isMsgPop.value) {
+                isMsgPop.value = true;
+
+                ElMessageBox.confirm(
+                    '检测到YOLO助手正在爬取主播，是否进行操作？',
+                    '消息提醒',
+                    {
+                        confirmButtonText: '开始',
+                        cancelButtonText: '取消',
+                        type: 'success',
+                    }
+                )
+                    .then(() => {
+                        //开启sse版follow任务
+
+                        ElMessage({
+                            type: 'success',
+                            message: '任务开启成功',
+                        })
+                        setHostList(stroageHost.value)
+                        //重启tk
+                        resetTk()
+                        //获取评论
+                        comment().then((resA) => {
+                            console.log('resA:', resA);
+                            setContentList(resA)
+                            //评论
+                            textContentArr.value.forEach((item, indexA) => {
+                                textContent.value[indexA] = resA[getRandomNumber(resA.length - 1)];
+                            })
+                            prologue().then((resB) => {
+                                console.log('resB:', resB);
+                                setContentpriList(resB)
+                                //私信
+                                textContentpriArr.value.forEach((item, indexA) => {
+                                    textContentpri.value[indexA] = resB[getRandomNumber(resB.length - 1)];
+                                    runType.value[indexA] = 'follow'
+                                    console.log('runType', runType.value[indexA])
+                                })
+                                deviceInformation.value.forEach((device, indexB) => {
+                                    if (getHostList().length <= 0) return;
+
+                                    // LikesToLikesToLikes(device.udid, indexB)
+                                    wsActions.getmesNum(device.udid, indexB)
+                                })
+                            })
+                        })
+                    })
+                    .catch(() => {
+                        stroageHost.value = []
+                        isMsgPop.value = false;
+                    })
+            }
+        } else {
+            stroageHost.value = getHostList()
+            stroageHost.value.push(({ country: data.country, text: data.hostsId, state: false }))
+            if (isMsgPop.value) {
+                setHostList(stroageHost.value)
+            }
+
+        }
+
+
+    })
 });
+//更新状态
+// update(
+//   {
+//     id: data.id,
+//     operationStatus: 1,
+//   }
+// ).then(() => {
+
+// })
+function opentanchuan() {
+    ElMessageBox.confirm(
+        '接收到YOLO爬虫爬取到的主播，开始进行操作？',
+        '消息提醒',
+        {
+            confirmButtonText: '开始',
+            cancelButtonText: '取消',
+            type: 'success',
+        }
+    )
+        .then(() => {
+            ElMessage({
+                type: 'success',
+                message: '任务开启成功',
+            })
+            resetTk()
+            comment().then((resA) => {
+                console.log('resA:', resA);
+                setContentList(resA)
+                //评论
+                textContentArr.value.forEach((item, indexA) => {
+                    textContent.value[indexA] = resA[getRandomNumber(resA.length - 1)];
+                })
+
+                prologue().then((resB) => {
+
+                    console.log('resB:', resB);
+                    setContentpriList(resB)
+                    //私信
+                    textContentpriArr.value.forEach((item, indexA) => {
+                        textContentpri.value[indexA] = resB[getRandomNumber(resB.length - 1)];
+                        runType.value[indexA] = 'follow'
+                        console.log('runType', runType.value[indexA])
+                    })
+
+
+                    deviceInformation.value.forEach((device, indexB) => {
+                        if (getHostList().length <= 0) return;
+
+                        // LikesToLikesToLikes(device.udid, indexB)
+                        wsActions.getmesNum(device.udid, indexB)
+                    })
+                })
+            })
+        })
+        .catch(() => {
+
+        })
+}
 
 onBeforeUnmount(() => {
     document.removeEventListener("visibilitychange", handleVisibilityChange);
@@ -769,31 +916,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") {
                     //监听设备信息，出现离线设备，则删除设备信息
@@ -823,7 +963,6 @@ const ObtainDeviceInformation = () => {
                         }
                     })
                 } else if (data.data.device.state === "device") {
-
                     let isrepeat = false;
                     //监听设备信息，出现新设备，则添加设备信息
                     deviceInformation.value.forEach((item, index) => {
@@ -831,14 +970,8 @@ 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 {
@@ -850,7 +983,6 @@ const ObtainDeviceInformation = () => {
                             }, 1000);
                         });
                     }
-
                 };
             }
         } catch (e) {
@@ -863,21 +995,18 @@ const ObtainDeviceInformation = () => {
 async function LikesToCommentToComPush(udid, index) {
     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: 'dump', type: 'CommentText', index, resourceId: 'com.zhiliaoapp.musically:id/d5q' });
     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' });
 }
 
-
 //点赞主页4个作品+评论最后一个作品并返回
-async function LikesToLikesToLikes(udid, index, type) {
-    isStopLike.value[index] = false;
+async function LikesToLikesToLikes(udid, index) {
+    isStop.value = 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: 'getmesNum', index, resourceId: 'com.zhiliaoapp.musically:id/jyv' });
+    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 });
@@ -898,19 +1027,27 @@ async function LikesToLikesToLikes(udid, index, type) {
 //私信
 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' });
+    await sendWsTask(index, { udid, action: 'click', type: 'PrivatePushFollow', index, resourceId: 'com.zhiliaoapp.musically:id/hog' });
 }
 
+//重置当前应用
+async function resetApp(udid, index) {
+    createTaskQueue(index).clear();//清除队伍中的任务
+
+    await sendWsTask(index, { udid, action: 'killNow' });
+    await sendWsTask(index, { udid, action: 'openDY' });
+}
 //发送评论字符到手机方法
 function setComText(index) {
     isSend.value = true;
     setTimeout(() => {
         isSend.value = false;
-
     }, 300);
     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)];
+    if (runType.value[index] === 'follow') {
+        textContent.value[index] = getContentList()[index][getRandomNumber(getContentList()[index].length - 1)];
+    }
 }
 
 //发送主播ID字符到手机方法
@@ -918,51 +1055,52 @@ 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, '当前主播下标');
-    console.log(hostIdContentArr.value[index], '主播列表');
-    //如果是最后一个ID 则重置 
-    if (indexBom == hostIdContentArr.value[index].length) {
-        // isStopLike.value[index] = true;
-        hostIdContent.value[index] = ''
-        return
+    const host = markFirstFalseAsTrue(getHostList())
+    if (host == null) {
+        createTaskQueue(index).clear();//清除队伍中的任务
+        ElMessage.success('主播ID已全部发送完毕');
+        return;
     }
+    hostIdArr.value[index] = host;
+    wslist[index].send(setClipboard(host.text));   //发送内容
 
-    hostIdContent.value[index] = hostIdContentArr.value[index][indexBom];
-    console.log(hostIdContent.value[index], '下次搜索')
 }
 
+
 //发送私信字符到手机方法
-function setPrivateText(index) {
+function setPrivateText(index, datatype) {
     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)];
+    //如果是在关注主播中，发送的开场白进行对应国家翻译
+    if (runType.value[index] === 'follow' && datatype == 'PrivatePush') {
+        translation({ msg: getContentpriList()[index][getRandomNumber(getContentpriList()[index].length - 1)], country: hostIdArr.value[index].country }).then(res => {
+            console.log(res)
+            textContentpri.value[index] = res;
+            wslist[index].send(setClipboard(textContentpri.value[index]));
+        })
+    } else {
+        wslist[index].send(setClipboard(textContentpri.value[index]));
+        textContentpri.value[index] = getContentpriList()[index][getRandomNumber(getContentpriList()[index].length - 1)];
+    }
+
 
 }
 //获取手机粘贴板方法
 function getText(index) {
     wslist[index].send(getClipboard());
-
 }
 
 function getComArr(index, type) {
     if (type == '评论') {
-        ElMessageBox.alert(textContentArr.value[index], `当前${type}内容`, {
+        ElMessageBox.alert(getContentList()[index], `当前${type}内容`, {
             confirmButtonText: 'OK',
         })
     } else {
-        ElMessageBox.alert(textContentpriArr.value[index], `当前${type}内容`, {
+        ElMessageBox.alert(getContentpriList()[index], `当前${type}内容`, {
             confirmButtonText: 'OK',
         })
     }
@@ -972,7 +1110,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;
@@ -995,7 +1132,6 @@ function clickxy(x, y, index, type) {
             }, 300)
         }, 300)
     } else if (type == 2) { //评论过后的返回和右滑
-
         mouseData.action = 0;
         mouseData.pressure = 1;
         mouseData.buttons = 1;
@@ -1014,7 +1150,6 @@ function clickxy(x, y, index, type) {
             }, 300)
         }, 300)
     } else if (type == 1) {//评论框点击后的发送内容
-
         mouseData.action = 0;
         mouseData.pressure = 1;
         mouseData.buttons = 1;
@@ -1042,7 +1177,6 @@ function clickxy(x, y, index, type) {
             mouseData.action = 1;
             wslist[index].send(toBuffer(mouseData));
             console.log('抬起按下')
-
         }, 1500)
     } else {
         mouseData.action = 0;
@@ -1056,7 +1190,6 @@ function clickxy(x, y, index, type) {
             wslist[index].send(toBuffer(mouseData));
         }, 100)
     }
-
 }
 
 //创建任务实例
@@ -1064,15 +1197,16 @@ function createTaskQueue(index) {
     if (!taskQueues.has(index)) {
         taskQueues.set(index, []);
     }
-
     return {
         enqueue(task) {
             taskQueues.get(index).push(task);
             if (taskQueues.get(index).length === 1) {
+                console.log("执行任务第一个任务");
                 task(); // 执行第一个任务
             }
         },
         next() {
+            console.log('执行等待中任务')
             const queue = taskQueues.get(index);
             queue.shift(); // 移除已完成任务
             if (queue.length > 0) {
@@ -1081,83 +1215,72 @@ function createTaskQueue(index) {
         },
         clear() {
             taskQueues.set(index, []); // 清除所有任务
+        },
+        getNum() {
+            return taskQueues.get(index)
         }
     };
 }
 
 //发送检查该手机的xy坐标任务
 function sendWsTask(index, data) {
-    console.log('发送任务', data.type);
+    console.log('任务等待中', data.type);
     return new Promise((resolve) => {
-        const queue = createTaskQueue(index);
+        try {
+            const queue = createTaskQueue(index);
+            // console.log("创建队列", queue.getNum());
+            const task = () => {
 
-        const task = () => {
-            //发送评论的文本粘贴事件
-            if (data.type == 'Likes') {
-                clickxy(160, 360, index)
-            }
-            if (data.type == 'isHost') {
-                // clickxy(160, 360, index)
-            }
-            if (data.type == 'Comment') {
-                if (runType.value[index] == 'follow') {
+                //发送评论的文本粘贴事件
+                if (data.type == 'Likes') {
                     clickxy(160, 360, index)
                 }
+                if (data.type == 'isHost') {
+                }
+                if (data.type == 'Comment') {
+                    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' || data.type == 'PrivatePushFollow') {
+                    setPrivateText(index, data.type)
+                }
+                //关注前的返回和右滑
+                if (data.type == 'Attention') {
 
-            }
-            if (data.type == 'ComPush') {
-                setTimeout(() => {
-                    setComText(index)//粘贴内容
-                }, 500)
-
-            }
-            if (data.type == 'searchHost') {
-                setTimeout(() => {
-                    setHostId(index)//粘贴内容
-                }, 500)
-
-            }
-            //发送私信的文本粘贴事件
-            if (data.type == 'PrivatePush') {
-                setPrivateText(index)
-            }
-            //关注前的返回和右滑
-            if (data.type == 'Attention') {
-                // setTimeout(() => {
-                //   Back('', index)
-                //   setTimeout(() => {
-                //     wsActions.slideRight(data.udid, index)
-                //   }, 500);
-                // }, 500);
-
-            }
-            //发送关注之前的返回
-            if (data.type == 'addHost') {
-                // setTimeout(() => {
-                //   Back('', index)
-                //   setTimeout(() => {
-                //     clickxy(160, 360, index)
-                //     wsActions.isHost(data.udid, index)
-                //   }, 1000);
-                // }, 500);
-            }
-
-            //发送任务
-            console.log('发送任务', data);
-            if (data.type == 'Attention') {
-                setTimeout(() => {
+                }
+                //发送关注之前的返回
+                if (data.type == 'addHost') {
+                }
+                //发送任务
+                if (data.type == 'Attention') {
+                    setTimeout(() => {
+                        wslist[index].send(JSON.stringify(data));
+                        resolve();
+                    }, 1000)
+                } else {
                     wslist[index].send(JSON.stringify(data));
                     resolve();
-                }, 1000)
-            } else {
-                wslist[index].send(JSON.stringify(data));
-                resolve();
-            }
-            // 表示当前任务“已发出”，但不是“已完成”
-            // 实际完成由 onmessage 中的 success 决定并继续执行队列
-        };
+                }
+                // 表示当前任务“已发出”，但不是“已完成”
+                // 实际完成由 onmessage 中的 success 决定并继续执行队列
+            };
+            queue.enqueue(task);
+        } catch (e) {
+            console.error('发送任务错误：', e);
+        }
 
-        queue.enqueue(task);
     });
 }
 
@@ -1173,13 +1296,33 @@ function getRandomNumber(n) {
 
 //延迟30-50秒后检测关注
 function randomSeeVideo(udid, index) {
-    const delay = Math.floor(Math.random() * (50 - 30 + 1) + 30) * 1000;
-    setTimeout(() => {
+    const delay = Math.floor(Math.random() * (50 - 30) + 10) * 1000;
+    playTimer.value[index] = setTimeout(() => {
         console.log('观看结束', index);
         wsActions.isHost(udid, index)//检测
-
     }, delay);
 }
+//延迟3-4分钟后秒后检测关注
+async function randomDelayAndExecute() {
+    const minDelay = 1 * 60 * 1000;
+    const maxDelay = 4 * 60 * 1000;
+    const randomDelay = Math.floor(Math.random() * (maxDelay - minDelay + 1)) + minDelay;
+
+    console.log(`将延迟 ${Math.round(randomDelay / 1000)} 秒后执行...`);
+
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            const randomNum = Math.floor(Math.random() * 100);
+            if (randomNum < 30) {
+                console.log("30%概率触发");
+                resolve(true);
+            } else {
+                console.log("70%概率触发");
+                resolve(false);
+            }
+        }, randomDelay);
+    });
+}
 
 //选中样式
 function getVideoStyle(index) {
@@ -1187,9 +1330,7 @@ function getVideoStyle(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',
@@ -1198,62 +1339,62 @@ function getVideoStyle(index) {
         left: isSelected ? '0' : 'unset',
         zIndex: isSelected ? 1000 : 1,
         pointerEvents: isSelected ? 'none' : 'auto',
+        transform: getTransformStyle(index),
+        transition: 'all 0.3s ease',
     };
-
 }
 
-function stop(udid, index) {
+function stop() {
     // actions[index] = [];
-    createTaskQueue(index).clear();//清除队伍中的任务
     cloesMonitor();
+    isStop.value = true; //停止所有任务
+    isMsgPop.value = false;//关闭爬虫sse任务
+    deviceInformation.value.forEach((item, i) => {
+        console.log('停止', i);
+        createTaskQueue(i).clear();//清除队伍中的任务
+        console.log(createTaskQueue(i).getNum())
+        //停止当前任务
+
+        //重置当前状态
+        runType.value[i] = ''
+        //清除观看视频定时器
+        clearInterval(playTimer.value[i])
+        playTimer.value[i] = null;//清除定时器
 
-    isStopLike.value.forEach((item, i) => {
-        isStopLike.value[i] = true;
-        runType.value[index] = ''
     })
-    console.log('停止', isStopLike.value);
+    console.log('停止', isStop.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 resetTk() {
+    isStop.value = false;
+    deviceInformation.value.forEach((device, index) => {
+        resetApp(device.udid, index)
+    })
+}
 //监听所有手机是否有消息
-function openMonitor() {
+function openMonitor(type) {
+    isStop.value = false;
+
     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] = ''
     })
@@ -1263,35 +1404,39 @@ function cloesMonitor() {
 
 //一键养号
 function parentNum() {
-
+    isStop.value = false;
     deviceInformation.value.forEach((device, index) => {
-        isStopLike.value[index] = false;
         runType.value[index] = 'like'
         wsActions.isHost(device.udid, index)
     })
 }
-
-//取消弹窗
-function onDialogCancel() {
-
+function brushLive() {
+    isStop.value = false;
+    deviceInformation.value.forEach((device, index) => {
+        // runType.value[index] = 'brushLive'
+        wsActions.toLive(device.udid, index)
+    })
 }
-
 //确认多行文本框内容
-function onDialogConfirm(result, type, index) {
+function onDialogConfirm(result, type, index, isMon) {
     console.log(result, type, index);
     if (type == '评论') {
-        //index ==999 表示全部
-        if (index == 999) {
+        //index ==999 表示批量养号，输入完评论后 即可直接执行脚本
+        // if (index == 999) {
+        //   getContentList().forEach((item, indexA) => {
+        //     // textContentArr.value[indexA] = result;
+        //     textContent.value[indexA] = result[getRandomNumber(result.length - 1)];
+        //   })
+        //   setContentList(result)
+        //   console.log(getContentList())
+        //   parentNum()
+        //   //index==998是批量关注主播 输入完评论后 还需要输入私信内容
+        // } else 
+        if (index == 998) {
             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)];
             })
+            setContentList(result)
             //打开私信弹窗
             selectedDevice.value = 999;
             dialogTitle.value = '私信';
@@ -1299,239 +1444,88 @@ function onDialogConfirm(result, type, index) {
                 showDialog.value = true;
             }, 600)
         } else {
-            textContentArr.value[index] = result;
+            setContentList(result)
+
             textContent.value[index] = result[getRandomNumber(result.length - 1)];
         }
     } else if (type == '私信') {
         //index ==999 表示全部
         if (index == 999) {
+            isMonitor.value = isMon  //是否自动回复
             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)
+                runType.value[indexA] = 'follow'
             })
 
+            setContentpriList(result)
+            deviceInformation.value.forEach((device, indexB) => {
+                if (getHostList().length <= 0) return;
+                if (isMonitor.value) {
+                    wsActions.getmesNum(device.udid, indexB)
+                } else {
+                    LikesToLikesToLikes(device.udid, indexB)
+                }
+                // LikesToLikesToLikes(device.udid, indexB)
+
+            })
         } 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];
+            let hostListResult = [];
+            result.forEach((item, indexA) => {
+                hostListResult.push({ country: '', text: item, state: false })
             })
-
+            setHostList(hostListResult)
             //打开评论弹窗
             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)
-                }
-            })
         }
+        // else {
+        //   hostIdContentArr.value[index] = result;
+        //   hostIdContent.value[index] = result[0];
+        //   deviceInformation.value.forEach((device, indexA) => {
+        //     if (index == indexA) {
+        //       LikesToLikesToLikes(device.udid, 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 => {
+        translationToChinese({ msg: item.text }).then(res => {
             console.log(res);
             chatList.value[index].text = res
         })
     })
+}
 
-
+function markFirstFalseAsTrue(hostList) {
+    const index = hostList.findIndex(item => item.state === false);
+    if (index !== -1) {
+        hostList[index].state = true;
+        setHostList(hostList)
+        return hostList[index]; // 可选：返回被修改的对象
+    }
+    return null; // 没有找到 false 的项
+}
+//计算手机canvas是否需要偏移
+function getTransformStyle(index) {
+    return selectedDevice.value === index && index >= 3
+        ? 'translateY(-30%)'
+        : 'none';
 }
 </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>
\ No newline at end of file
diff --git a/src/views/VideoStream.vue b/src/views/VideoStream.vue
index 912e7a4..9f69eb3 100644
--- a/src/views/VideoStream.vue
+++ b/src/views/VideoStream.vue
@@ -1,72 +1,18 @@
 <template>
   <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="reload()">刷新</el-button>
-        <!-- <el-button type="warning" @click="opentanchuan()">123</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="resetTk()">重置tiktok</el-button>
-        <el-button type="success" @click="brushLive()">打开直播</el-button>
-
-        <el-button :type="runType[0] == 'like' ? 'danger' : 'success'" @click="parentNum()">{{ runType[0] == 'like' ?
-          '养号中' : '一键养号' }}</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 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="getText(index)">获取粘贴板内容</el-button> -->
-        <div></div>
-        <!-- <el-button @click="wsActions.isVideoAndLive(device.udid, index)">判断视频还是直播</el-button> -->
+    <el-scrollbar class="left"> <!-- 左边栏 -->
+      <div class="center-line"> <!-- 左边栏按钮 -->
+        <div v-for="(btn, index) in buttons" :key="index" style="width: 100%;">
+          <div v-if="btn.show?.()" class="left-button" :style="{
+            backgroundColor: btn.label == '关闭监测消息' ? 'red' : '',
+          }" @click="btn.onClick" @mouseenter="hoverIndex = index" @mouseleave="hoverIndex = null">
+            <img :src="hoverIndex === index ? btn.img.hover : btn.img.normal" alt="">
+            {{ btn.label }}
+          </div>
+        </div>
       </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)">
@@ -75,50 +21,42 @@
             :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)">
+            @mousedown.stop="(e) => handleCanvasdown(device.udid, e, index)" :style="{
+              transform: getTransformStyle(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.search(device.udid, 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.clickSysMesage(device.udid, index)">进入消息</el-button>
-          <el-button @click="resetApp(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 class="input-info" v-show="selectedDevice == index"
+          :style="{ left: phone.width * 1.4 + 4 + '0px', transform: getTransformStyle(index), }">
+
+          <div class="app-button" @click="resetApp(device.udid, index)">重置应用</div>
+          <div class="app-button"
+            @click="wsActions.clickCopyList(device.udid, index); openShowChat = true; istranslate = true">
+            翻译本页对话</div>
+          <div class="app-button" @click="wsActions.clickCopyList(device.udid, index); openShowChat = true;">
+            回复消息</div>
+          <!-- <div class="app-button" @click="wsActions.getSize(device.udid, index)">获取屏幕尺寸</div> -->
+
+          <div class="app-button" @click="wsActions.test(device.udid, index)">打印ui节点树</div>
+          <div class="app-button" @click="wsActions.isOneLive(device.udid, index)">判断单人还是双人</div>
+          <div class="app-button" @click="wsActions.slideDown(device.udid, index)">下滑</div>
+          <div class="app-button" @click="wsActions.killNow(device.udid, index)">关闭当前应用</div>
+          <div class="app-button" @click="chooseFile(device.udid, index, 1, wsActions)">安装 APK
+            文件</div>
+          <div class="app-button" @click="chooseFile(device.udid, index, 2, wsActions)">
+            传送文件</div>
           <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>
+            <input style="border: 1px solid #000;margin:0px 14px;" v-model="textContent[index]" type="text"></input>
+            <div class="app-button" style="margin: 0px;height: 40px;width: 60px;font-size: 14px;"
+              @click="setComText(index)">发送
+            </div>
           </div>
-          <el-button @click="wsActions.test(device.udid, index)">打印ui节点树</el-button>
-          <el-button @click="wsActions.isOneLive(device.udid, index)">判断单人还是双人</el-button>
-          <el-button @click="wsActions.slideDown(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 class="app-button" @click="wsActions.isHost(device.udid, index)">一键养号</div> -->
         </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> -->
+    <div class="right" @click.self="selectedDevice = 999">
+      <div style="margin: 14px;"></div>
       <ChatDialog :visible="openShowChat" :messages="chatList" />
     </div>
     <MultiLineInputDialog v-model:visible="showDialog" :initialText='""' :title="dialogTitle" :index="selectedDevice"
@@ -130,7 +68,12 @@
 import { ref, onMounted, onUnmounted, onBeforeUnmount, watch, inject } from "vue";
 import VideoConverter from "h264-converter";
 import { useRouter } from 'vue-router';
-import { setphoneXYinfo, getphoneXYinfo, getUser, getHostList, setHostList, getContentpriList, setContentpriList, getContentList, setContentList } from '@/utils/storage'
+import {
+  setphoneXYinfo, getphoneXYinfo, getUser,
+  getHostList, setHostList, getContentpriList,
+  setContentpriList, getContentList, setContentList,
+  setsessionId, getsessionId
+} from '@/stores/storage'
 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'
@@ -162,7 +105,7 @@ let dialogTitle = ref('');
 //评论文本内容
 let textContent = ref(['', '', '', '', '', '', '', '']);
 let textContentArr = ref([[], [], [], [], [], [], [], [], []]);
-//主播id内容
+//当前主播id内容
 let hostIdArr = ref([{}, {}, {}, {}, {}, {}, {}, {}]);
 // let hostIdContentArr = ref([[], [], [], [], [], [], [], [], []]);
 //私信文本内容
@@ -185,6 +128,7 @@ let instanceList = ref([{}, {}, {}, {}, {}, {}, {}, {}]);
 //是否是在关注主播
 let runType = ref(['', '', '', '', '', '', '', '']);
 //屏幕尺寸系数
+let isMonitor = ref(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)
@@ -207,11 +151,113 @@ const mouseData = {
   buttons: 1,
 };
 //打开聊天窗口的状态
-let openShowChat = ref(false);
+let openShowChat = ref(true);
 let istranslate = ref(false); //是否是翻译本页
 let phoneXYinfo = ref(getphoneXYinfo() == null ? [{}, {}, {}, {}, {}, {}, {}, {}] : getphoneXYinfo());
-console.log('phoneXYinfo.value', phoneXYinfo.value)
+// 当前悬浮的按钮索引
+const hoverIndex = ref(null)
+
+// 你可以用这种方式声明按钮们
+const buttons = [
+  {
+    label: '刷新',
+    onClick: () => reload(),
+    show: () => true,
+    img: {
+      normal: new URL('@/assets/video/leftBtn1.png', import.meta.url).href,
+      hover: new URL('@/assets/video/leftBtn1-1.png', import.meta.url).href
+    }
+  },
+  {
+    label: '打开tiktok',
+    onClick: () => openTk(),
+    show: () => true,
+    img: {
+      normal: new URL('@/assets/video/leftBtn2.png', import.meta.url).href,
+      hover: new URL('@/assets/video/leftBtn2-2.png', import.meta.url).href
+    }
+  },
+  {
+    label: '重置tiktok',
+    onClick: () => resetTk(),
+    show: () => true,
+    img: {
+      normal: new URL('@/assets/video/leftBtn3.png', import.meta.url).href,
+      hover: new URL('@/assets/video/leftBtn3-3.png', import.meta.url).href
+    }
+  },
+  {
+    label: '打开直播',
+    onClick: () => brushLive(),
+    show: () => true,
+    img: {
+      normal: new URL('@/assets/video/leftBtn4.png', import.meta.url).href,
+      hover: new URL('@/assets/video/leftBtn4-4.png', import.meta.url).href
+    }
+  },
+  {
+    label: '一键养号',
+    onClick: () => parentNum(),
+    show: () => true,
+    img: {
+      normal: new URL('@/assets/video/leftBtn5.png', import.meta.url).href,
+      hover: new URL('@/assets/video/leftBtn5-5.png', import.meta.url).href
+    }
+  },
+  {
+    label: '一键关注并打招呼',
+    onClick: () => {
+      showDialog.value = true
+      dialogTitle.value = '主播ID'
+      selectedDevice.value = 999
+    },
+    show: () => true,
+    img: {
+      normal: new URL('@/assets/video/leftBtn6.png', import.meta.url).href,
+      hover: new URL('@/assets/video/leftBtn6-6.png', import.meta.url).href
+    }
+  },
+  {
+    label: '开启监测消息',
+    onClick: () => openMonitor(),
+    show: () => !isShowMes.value, // 只有在未开启时显示
+    img: {
+      normal: new URL('@/assets/video/leftBtn1.png', import.meta.url).href,
+      hover: new URL('@/assets/video/leftBtn1-1.png', import.meta.url).href
+    }
+  },
+  {
+    label: '关闭监测消息',
+    onClick: () => cloesMonitor(),
+    show: () => isShowMes.value, // 只有在已开启时显示
+    img: {
+      normal: new URL('@/assets/video/leftBtn1.png', import.meta.url).href,
+      hover: new URL('@/assets/video/leftBtn1-1.png', import.meta.url).href
+    },
+    style: { backgroundColor: 'red' }
+  },
+  {
+    label: '全部停止',
+    onClick: () => stop(),
+    show: () => true,
+    img: {
+      normal: new URL('@/assets/video/leftBtn8.png', import.meta.url).href,
+      hover: new URL('@/assets/video/leftBtn8-8.png', import.meta.url).href
+    }
+  },
+  {
+    label: '登出',
+    onClick: () => router.push('/'),
+    show: () => true,
+    img: {
+      normal: new URL('@/assets/video/leftBtn9.png', import.meta.url).href,
+      hover: new URL('@/assets/video/leftBtn9-9.png', import.meta.url).href
+    }
+  }
+]
+
 const wsCache = new Map();
+
 //``````````````````````````````````````````````````````````````````````````````````
 // 初始化 手机显示WebSocket 和视频流
 const initVideoStream = (udid, index) => {
@@ -296,9 +342,11 @@ const initVideoStream = (udid, index) => {
           //点击进入新消息页面以后，获取页面信息
           wsActions.clickCopyList(deviceInformation.value[index].udid, index)
         } else if (resData.type == 'clickSysMesage') {
+          Back('', index)
           setTimeout(() => {
             Back('', index)
-          }, 3000)
+          }, 1000)
+
         } else if (resData.type == 'isVideoAndLive') {
           console.log(resData.message)
         } else if (resData.type == 'clickCopyList') { //获取到的消息列表
@@ -314,11 +362,13 @@ const initVideoStream = (udid, index) => {
             if (mesBox.position == 'right') return
             openShowChat.value = true
             console.log("执行ai")
+
             chat({ msg: mesBox.text }).then(res => {
               console.log("ai返回", res)
               textContentpri.value[index] = res.result
               PrivatetexToPrivatePush(deviceInformation.value[index].udid, index)
             })
+
           } else {
             console.log("翻译本页")
             istranslate.value = false
@@ -396,9 +446,13 @@ const initVideoStream = (udid, index) => {
                       Back('', index);
                       setTimeout(() => {
                         Back('', index);
-                        //正常没有消息，发送完私信以后，返回六次，然后继续下一个任务
-                        wsActions.getmesNum(deviceInformation.value[index].udid, index)
-                        // LikesToLikesToLikes(deviceInformation.value[index].udid, index)
+                        if (isMonitor.value) {
+                          //正常没有消息，发送完私信以后，返回六次，然后继续下一个任务
+                          wsActions.getmesNum(deviceInformation.value[index].udid, index)
+                        } else {
+                          LikesToLikesToLikes(deviceInformation.value[index].udid, index)
+                        }
+
 
                       }, 1000);
                     }, 1000);
@@ -506,7 +560,7 @@ const initVideoStream = (udid, index) => {
         }
       } else {
         // ----------------------------------------------------------------------------------------------------报错处理
-        //如果该视频无法被评论，返回刷下一条视频
+        //如果该视频无法被评论,或者没有评论，返回刷下一条视频
         if (resData.type == 'Comtext' || resData.type == 'CommentText') {
           if (runType.value[index] == 'follow') {
 
@@ -533,7 +587,7 @@ const initVideoStream = (udid, index) => {
               LikesToLikesToLikes(deviceInformation.value[index].udid, index)
             }, 1000)
           }, 1000)
-        } else if (resData.type == 'Privatetex' || resData.type == 'hostVideo' || resData.type == 'search') {
+        } else if (resData.type == 'Privatetex' || resData.type == 'hostVideo' || resData.type == 'search' || resData.type == 'Attention' || resData.type == 'Comment') {
           if (runType.value[index] == 'follow') {
             //关注的时候出现无法私信和没有视频的情况  错误重置
             resetApp(udid, index)
@@ -756,6 +810,7 @@ onMounted(() => {
     if (data === 'start') {
       if (!isMsgPop.value) {
         isMsgPop.value = true;
+
         ElMessageBox.confirm(
           '检测到YOLO助手正在爬取主播，是否进行操作？',
           '消息提醒',
@@ -767,7 +822,6 @@ onMounted(() => {
         )
           .then(() => {
             //开启sse版follow任务
-
             ElMessage({
               type: 'success',
               message: '任务开启成功',
@@ -807,75 +861,26 @@ onMounted(() => {
           })
       }
     } else {
-      stroageHost.value = getHostList()
+      // stroageHost.value = getHostList()
       stroageHost.value.push(({ country: data.country, text: data.hostsId, state: false }))
-      if (isMsgPop.value) {
+      if (runType.value[0] == 'follow') {
         setHostList(stroageHost.value)
       }
 
     }
-    //更新状态
-    // update(
-    //   {
-    //     id: data.id,
-    //     operationStatus: 1,
-    //   }
-    // ).then(() => {
 
-    // })
 
   })
 });
+//更新状态
+// update(
+//   {
+//     id: data.id,
+//     operationStatus: 1,
+//   }
+// ).then(() => {
 
-function opentanchuan() {
-  ElMessageBox.confirm(
-    '接收到YOLO爬虫爬取到的主播，开始进行操作？',
-    '消息提醒',
-    {
-      confirmButtonText: '开始',
-      cancelButtonText: '取消',
-      type: 'success',
-    }
-  )
-    .then(() => {
-      ElMessage({
-        type: 'success',
-        message: '任务开启成功',
-      })
-      resetTk()
-      comment().then((resA) => {
-        console.log('resA:', resA);
-        setContentList(resA)
-        //评论
-        textContentArr.value.forEach((item, indexA) => {
-          textContent.value[indexA] = resA[getRandomNumber(resA.length - 1)];
-        })
-
-        prologue().then((resB) => {
-
-          console.log('resB:', resB);
-          setContentpriList(resB)
-          //私信
-          textContentpriArr.value.forEach((item, indexA) => {
-            textContentpri.value[indexA] = resB[getRandomNumber(resB.length - 1)];
-            runType.value[indexA] = 'follow'
-            console.log('runType', runType.value[indexA])
-          })
-
-
-          deviceInformation.value.forEach((device, indexB) => {
-            if (getHostList().length <= 0) return;
-
-            // LikesToLikesToLikes(device.udid, indexB)
-            wsActions.getmesNum(device.udid, indexB)
-          })
-        })
-      })
-    })
-    .catch(() => {
-
-    })
-}
+// })
 
 onBeforeUnmount(() => {
   document.removeEventListener("visibilitychange", handleVisibilityChange);
@@ -1313,7 +1318,7 @@ 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',
@@ -1323,6 +1328,8 @@ function getVideoStyle(index) {
     left: isSelected ? '0' : 'unset',
     zIndex: isSelected ? 1000 : 1,
     pointerEvents: isSelected ? 'none' : 'auto',
+    transform: getTransformStyle(index),
+    transition: 'all 0.3s ease',
   };
 }
 
@@ -1400,20 +1407,9 @@ function brushLive() {
   })
 }
 //确认多行文本框内容
-function onDialogConfirm(result, type, index) {
-  console.log(result, type, index);
+function onDialogConfirm(result, type, index, isMon) {
+  console.log(type, index, isMon);
   if (type == '评论') {
-    //index ==999 表示批量养号，输入完评论后 即可直接执行脚本
-    // if (index == 999) {
-    //   getContentList().forEach((item, indexA) => {
-    //     // textContentArr.value[indexA] = result;
-    //     textContent.value[indexA] = result[getRandomNumber(result.length - 1)];
-    //   })
-    //   setContentList(result)
-    //   console.log(getContentList())
-    //   parentNum()
-    //   //index==998是批量关注主播 输入完评论后 还需要输入私信内容
-    // } else 
     if (index == 998) {
       textContentArr.value.forEach((item, indexA) => {
         textContent.value[indexA] = result[getRandomNumber(result.length - 1)];
@@ -1433,17 +1429,26 @@ function onDialogConfirm(result, type, index) {
   } else if (type == '私信') {
     //index ==999 表示全部
     if (index == 999) {
+      isMonitor.value = isMon  //是否自动回复
       textContentpriArr.value.forEach((item, indexA) => {
         textContentpri.value[indexA] = result[getRandomNumber(result.length - 1)];
         runType.value[indexA] = 'follow'
       })
-
+      // isStop.value = true; //停止所有任务
       setContentpriList(result)
       deviceInformation.value.forEach((device, indexB) => {
         if (getHostList().length <= 0) return;
 
+        if (isMon) {
+          console.log(isMon)
+          console.error('自动回复');
+          wsActions.getmesNum(device.udid, indexB)
+        } else {
+          console.error('开始关注');
+          LikesToLikesToLikes(device.udid, indexB)
+        }
         // LikesToLikesToLikes(device.udid, indexB)
-        wsActions.getmesNum(device.udid, indexB)
+
       })
     } else {
       textContentpriArr.value[index] = result;
@@ -1465,15 +1470,6 @@ function onDialogConfirm(result, type, index) {
         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)
-    //     }
-    //   })
-    // }
   }
 }
 
@@ -1495,8 +1491,16 @@ function markFirstFalseAsTrue(hostList) {
   }
   return null; // 没有找到 false 的项
 }
+//计算手机canvas是否需要偏移
+function getTransformStyle(index) {
+  return selectedDevice.value === index && index >= 3
+    ? 'translateY(-30%)'
+    : 'none';
+}
 
-
+function manualGc() {
+  window.electronAPI.manualGc()
+}
 </script>
 
 <style scoped lang="less">