联动，定时任务

2025-09-08 20:53:24 +08:00
commit 517345471a
76 changed files with 18541 additions and 0 deletions
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,9 @@
+# iOS 控制服务
+VUE_APP_BASE_LOCAL=http://127.0.0.1:34567/
+
+# 业务后端（开发用内网地址）
+VUE_APP_BASE_REMOTE=https://crawlclient.api.yolozs.com
+# VUE_APP_BASE_REMOTE=http://192.168.1.144:8101/
+
+# AI 服务
+VUE_APP_BASE_SPECIAL=http://ai.zhukeping.com
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1,8 @@
+# iOS 控制服务（如果生产环境也要用内网可改）
+VUE_APP_BASE_LOCAL=http://127.0.0.1:34567/
+
+# 业务后端（正式域名）
+VUE_APP_BASE_REMOTE=https://crawlclient.api.yolozs.com
+
+# AI 服务（如支持 HTTPS，最好用 https）
+VUE_APP_BASE_SPECIAL=http://ai.zhukeping.com
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/README.md
+++ b/README.md
@@ -0,0 +1,19 @@
+# tk-page
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "tk-page",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build"
+  },
+  "dependencies": {
+    "@ffmpeg/core": "^0.12.10",
+    "@ffmpeg/util": "^0.12.2",
+    "@vueuse/core": "^13.1.0",
+    "axios": "^1.8.4",
+    "core-js": "^3.8.3",
+    "echarts": "^5.6.0",
+    "element-plus": "^2.9.7",
+    "ffmpeg-wasm": "^1.0.1",
+    "h264-converter": "^0.1.4",
+    "lodash": "^4.17.21",
+    "msgpack-lite": "^0.1.26",
+    "pinia": "^3.0.1",
+    "qwebchannel": "^6.2.0",
+    "socket.io-client": "^4.8.1",
+    "vue": "^3.2.13",
+    "vue-i18n": "^11.1.8",
+    "vue-router": "^4.0.3",
+    "vuex": "^4.0.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-vuex": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "less": "^4.2.2",
+    "less-loader": "^12.2.0",
+    "postcss-preset-env": "^10.1.5",
+    "postcss-px-to-viewport": "^1.1.1",
+    "postcss-px-viewport": "^0.0.4",
+    "postcss-viewport-units": "^0.1.6"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead",
+    "not ie 11"
+  ]
+}
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -0,0 +1,13 @@
+// module.exports = {
+//     plugins: {
+//         'postcss-px-to-viewport': {
+//             viewportWidth: 1600, // 视窗的宽度，对应设计稿宽度
+//             viewportHeight: 900, // 视窗的高度，对应设计稿高度
+//             unitPrecision: 3, // 指定 px 转换为视窗单位值的小数位数
+//             viewportUnit: 'vw', // 指定需要转换成的视窗单位，vw 或者 vh
+//             selectorBlackList: ['.ignore', '.hairlines'], // 指定不需要转换的类
+//             minPixelValue: 1, // 小于或等于 1 px 不转换为视窗单位
+//             mediaQuery: false // 允许在媒体查询中转换 px
+//         }
+//     }
+// };
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <title>
+    <%= webpackConfig.name %>
+  </title>
+  <!-- <script src="qrc:///qtwebchannel/qwebchannel.js"></script> -->
+</head>
+
+<body>
+  <noscript>
+    <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it
+        to continue.</strong>
+  </noscript>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+</body>
+<style>
+  body {
+    margin: 0;
+    padding: 0;
+    /* width: 1600px;
+    height: 900px; */
+  }
+</style>
+
+</html>
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,72 @@
+<template>
+  <div>
+    <router-view v-if="isRouterAlive" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App',
+  provide() {
+    return {
+      reload: this.reload
+    }
+  },
+  data() {
+    return {
+      isRouterAlive: true
+    }
+  },
+  methods: {
+    reload() {
+      // 先将组件隐藏
+      this.isRouterAlive = false
+
+      // 使用nextTick确保DOM更新后再重新显示组件
+      this.$nextTick(() => {
+        this.isRouterAlive = true
+      })
+    }
+  }
+}
+
+const debounce = (fn, delay) => {
+  let timer
+  return (...args) => {
+    if (timer) {
+      clearTimeout(timer)
+    }
+    timer = setTimeout(() => {
+      fn(...args)
+    }, delay)
+  }
+}
+
+const _ResizeObserver = window.ResizeObserver
+window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
+  constructor(callback) {
+    callback = debounce(callback, 200)
+    super(callback)
+  }
+}
+</script>
+
+<style>
+/* App.vue */
+.layout {
+  display: grid;
+  grid-template-rows: auto 1fr;
+  height: 100vh;
+}
+
+/* #vite-error-overlay { display: none !important; } 隐藏vite错误提示 */
+.control-area {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  touch-action: none;
+  /* 禁用默认滚动 */
+}
+</style>
--- a/src/api/account.js
+++ b/src/api/account.js
@@ -0,0 +1,29 @@
+import { getRemote as getAxios, postRemote as postAxios, downFileRemote as downFile } from '@/utils/axios.js'
+
+
+export function login(data) {
+    return postAxios({ url: '/api/user/aiChat-doLogin', data })
+}
+
+export function getIdByName(name) {
+    return getAxios({ url: `/api/tenant/get-id-by-name?name=${name}` })
+}
+
+//修改主播建联状态
+export function update(data) {
+    return postAxios({ url: 'api/save_data/update', data })
+}
+
+//获取话术
+export function prologue() {
+    return getAxios({ url: 'api/common/prologue' })
+}
+
+//获取评论
+export function comment() {
+    return getAxios({ url: 'api/common/comment' })
+}
+//获取评论
+export function logout(data) {
+    return postAxios({ url: 'api/user/aiChat-logout', data })
+}
--- a/src/api/adb.js
+++ b/src/api/adb.js
@@ -0,0 +1,7 @@
+import { getAxios, postAxios, downFile } from '@/utils/axios.js'
+export function getPhoneSize() {
+    return getAxios({ url: '/api/router/scrcpy/size' })
+}
+export function touchclick(data) {
+    return getAxios({ url: `/api/router/scrcpy/click?x=${data.x}&y=${data.y}&type=${data.type}`, })
+}
--- a/src/api/chat.js
+++ b/src/api/chat.js
@@ -0,0 +1,14 @@
+import { getSpecial as getAxios, postSpecial as postAxios } from '@/utils/axios.js'
+
+
+export function chat(data) {
+    return postAxios({ url: '/chat', data })
+}
+
+export function translationToChinese(data) {
+    return postAxios({ url: '/translationToChinese', data })
+}
+
+export function translation(data) {
+    return postAxios({ url: '/translation', data })
+}
--- a/src/api/ios.js
+++ b/src/api/ios.js
@@ -0,0 +1,74 @@
+import { getLocal as getAxios, postLocal as postAxios, downFileLocal as downFile } from '@/utils/axios.js'
+//获取设别列表
+export function getDeviceList() {
+    return getAxios({ url: 'deviceList' })
+}
+//滑动
+export function swipeAction(data) {
+    return postAxios({ url: 'swipeAction', data })
+}
+//返回主页
+export function toHome(data) {
+    return postAxios({ url: 'toHome', data })
+}
+//点击
+export function tapAction(data) {
+    return postAxios({ url: 'tapAction', data })
+}
+//刷视频
+export function growAccount(data) {
+    return postAxios({ url: 'growAccount', data })
+}
+//停止
+export function stopScript(data) {
+    return postAxios({ url: 'stopScript', data })
+}
+
+//获取app列表
+export function deviceAppList(data) {
+    return postAxios({ url: 'deviceAppList', data })
+}
+//打开指定app
+export function launchApp(data) {
+    return postAxios({ url: 'launchApp', data })
+}
+//看直播
+export function watchLiveForGrowth(data) {
+    return postAxios({ url: 'watchLiveForGrowth', data })
+}
+//传token
+export function passToken(data) {
+    return postAxios({ url: 'passToken', data })
+}
+
+//监测回复消息
+export function monitorMessages(data) {
+    return postAxios({ url: 'replyMessages', data })
+}
+
+//关注主播
+export function passAnchorData(data) {
+    return postAxios({ url: 'passAnchorData', data })
+}
+//追加主播
+export function addTempAnchorData(data) {
+    return postAxios({ url: 'addTempAnchorData', data })
+}
+//获取聊天记录
+export function getChatTextInfo(data) {
+    return postAxios({ url: 'getChatTextInfo', data })
+}
+
+//上传日志
+export function setLoginInfo(data) {
+    return postAxios({ url: 'setLoginInfo', data })
+}
+
+//获取主播列表
+export function anchorList(data) {
+    return postAxios({ url: 'anchorList', data })
+}
+//设置主播列表
+export function deleteAnchorWithIds(data) {
+    return postAxios({ url: 'deleteAnchorWithIds', data })
+}
--- a/src/assets/Back.png
+++ b/src/assets/Back.png
--- a/src/assets/Home.png
+++ b/src/assets/Home.png
--- a/src/assets/Overview.png
+++ b/src/assets/Overview.png
--- a/src/assets/filter.png
+++ b/src/assets/filter.png
--- a/src/assets/list.png
+++ b/src/assets/list.png
--- a/src/assets/listAction.png
+++ b/src/assets/listAction.png
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/logo1.png
+++ b/src/assets/logo1.png
--- a/src/assets/logoBg.png
+++ b/src/assets/logoBg.png
--- a/src/assets/logoBg1.png
+++ b/src/assets/logoBg1.png
--- a/src/assets/logotext.png
+++ b/src/assets/logotext.png
--- a/src/assets/logotext1.png
+++ b/src/assets/logotext1.png
--- a/src/assets/logotext12.png
+++ b/src/assets/logotext12.png
--- a/src/assets/navAction.png
+++ b/src/assets/navAction.png
--- a/src/assets/open.png
+++ b/src/assets/open.png
--- a/src/assets/password.png
+++ b/src/assets/password.png
--- a/src/assets/username.png
+++ b/src/assets/username.png
--- a/src/assets/video/chatMes.png
+++ b/src/assets/video/chatMes.png
--- a/src/assets/video/leftBg.png
+++ b/src/assets/video/leftBg.png
--- a/src/assets/video/leftBtn1-1.png
+++ b/src/assets/video/leftBtn1-1.png
--- a/src/assets/video/leftBtn1.png
+++ b/src/assets/video/leftBtn1.png
--- a/src/assets/video/leftBtn2-2.png
+++ b/src/assets/video/leftBtn2-2.png
--- a/src/assets/video/leftBtn2.png
+++ b/src/assets/video/leftBtn2.png
--- a/src/assets/video/leftBtn3-3.png
+++ b/src/assets/video/leftBtn3-3.png
--- a/src/assets/video/leftBtn3.png
+++ b/src/assets/video/leftBtn3.png
--- a/src/assets/video/leftBtn4-4.png
+++ b/src/assets/video/leftBtn4-4.png
--- a/src/assets/video/leftBtn4.png
+++ b/src/assets/video/leftBtn4.png
--- a/src/assets/video/leftBtn5-5.png
+++ b/src/assets/video/leftBtn5-5.png
--- a/src/assets/video/leftBtn5.png
+++ b/src/assets/video/leftBtn5.png
--- a/src/assets/video/leftBtn6-6.png
+++ b/src/assets/video/leftBtn6-6.png
--- a/src/assets/video/leftBtn6.png
+++ b/src/assets/video/leftBtn6.png
--- a/src/assets/video/leftBtn7-7.png
+++ b/src/assets/video/leftBtn7-7.png
--- a/src/assets/video/leftBtn7.png
+++ b/src/assets/video/leftBtn7.png
--- a/src/assets/video/leftBtn8-8.png
+++ b/src/assets/video/leftBtn8-8.png
--- a/src/assets/video/leftBtn8.png
+++ b/src/assets/video/leftBtn8.png
--- a/src/assets/video/leftBtn9-9.png
+++ b/src/assets/video/leftBtn9-9.png
--- a/src/assets/video/leftBtn9.png
+++ b/src/assets/video/leftBtn9.png
--- a/src/assets/video/mainBg.png
+++ b/src/assets/video/mainBg.png
--- a/src/assets/work.png
+++ b/src/assets/work.png
--- a/src/assets/workAction.png
+++ b/src/assets/workAction.png
--- a/src/assets/worklogo.png
+++ b/src/assets/worklogo.png
--- a/src/components/ChatDialog.vue
+++ b/src/components/ChatDialog.vue
@@ -0,0 +1,138 @@
+<template>
+    <div v-if="visible" class="dialog-overlay" @click.self="close">
+        <div class="dialog-content">
+            <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.filter(m => m.type !== 'time')" :key="index"
+                    :class="msg.dir === 'in' ? 'left-message' : 'right-message'">
+                    <div @click="fallbackCopyTextToClipboard(index, msg.text)"
+                        :class="['bubble', msg.dir, { 'active': activeIndex === index }]">{{ msg.text }}
+                    </div>
+                </div>
+            </el-scrollbar>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { defineProps, defineEmits, ref } from 'vue'
+import { ElMessage } from 'element-plus'
+
+const props = defineProps({
+    visible: Boolean,
+    messages: {
+        type: Array,
+        required: true,
+        default: () => [],
+    },
+})
+
+const emit = defineEmits(['close'])
+
+const close = () => emit('close')
+
+let activeIndex = ref(null);
+
+// 兜底方案：传统复制方法
+function fallbackCopyTextToClipboard(index, text) {
+    activeIndex.value = index;
+    const textArea = document.createElement('textarea');
+    textArea.value = text;
+    textArea.style.position = 'fixed';
+    textArea.style.left = '-999999px';
+    textArea.style.top = '-999999px';
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+
+    try {
+        const successful = document.execCommand('copy');
+        if (successful) {
+            ElMessage.success('复制成功');
+        } else {
+            ElMessage.error('复制失败1');
+        }
+    } catch (err) {
+        ElMessage.error('复制失败2');
+    }
+
+    document.body.removeChild(textArea);
+}
+</script>
+
+<style scoped>
+.dialog-overlay {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.dialog-content {
+    background: rgb(246, 246, 246);
+    padding: 0px 20px 20px 20px;
+    border-radius: 12px;
+    width: 300px;
+}
+
+.chat-box {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    height: 80vh;
+}
+
+.left-message {
+    align-self: flex-start;
+    margin-bottom: 20px;
+}
+
+.right-message {
+    align-self: flex-end;
+    text-align: right;
+    margin-bottom: 20px;
+
+}
+
+.bubble {
+    padding: 10px 14px;
+    border-radius: 18px;
+    max-width: 70%;
+    display: inline-block;
+    word-break: break-word;
+}
+
+.bubble.active {
+    box-shadow: 0 0 15px 3px rgba(74, 144, 226, 0.7);
+    border: 1px solid #4a90e2;
+}
+
+.bubble.in {
+    background-color: #ffffff;
+}
+
+.bubble.out {
+    background-color: rgb(0, 169, 214);
+    color: white;
+    text-align: left;
+    /* ✅ 关键：强制文字左对齐 */
+}
+
+.close-btn {
+    margin-top: 20px;
+    padding: 8px 12px;
+    background-color: #409EFF;
+    color: white;
+    border: none;
+    border-radius: 6px;
+    cursor: pointer;
+}
+
+.center-justify {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+</style>
--- a/src/components/HostListManagerDialog.vue
+++ b/src/components/HostListManagerDialog.vue
@@ -0,0 +1,390 @@
+<template>
+    <el-dialog v-model="show" width="70vw" :close-on-click-modal="false" :destroy-on-close="true" @open="onOpen">
+        <template #header>
+            <div class="dlg-title">
+                <span>主播管理</span>
+                <span class="muted">（已选 {{ selectedCount }} / 共 {{ hosts.length }}）</span>
+            </div>
+        </template>
+
+        <!-- 工具栏 -->
+        <div class="toolbar">
+            <el-button size="small" @click="selectAll">全选</el-button>
+            <el-button size="small" @click="selectNone">全不选</el-button>
+            <el-button size="small" @click="invertSelect">反选</el-button>
+            <el-button size="small" type="danger" :disabled="!selectedCount" @click="deleteSelected">删除选中</el-button>
+
+            <!-- ✅ 新增：一键删除已处理 -->
+            <!-- <el-button size="small" type="warning" :disabled="!processedCount" @click="deleteProcessed">
+                删除已处理
+            </el-button> -->
+
+
+            <el-tooltip placement="bottom" effect="dark">
+                <template #content>
+                    在空白区域按下左键拖拽进行框选<br />
+
+                </template>
+                <el-icon class="hint">i</el-icon>
+            </el-tooltip>
+        </div>
+
+        <!-- 列表区域 -->
+        <div ref="gridRef" class="grid" @mousedown="onMouseDown" @mousemove="onMouseMove" @mouseup="onMouseUp"
+            @mouseleave="onMouseUp" @scroll="recalcRectsSoon">
+            <div v-for="it in hosts" :key="it.anchorId" class="item-card" :class="{ selected: isSelected(it.anchorId) }"
+                :ref="el => setCardRef(it.anchorId, el)" @click.stop="toggleSelect(it.anchorId)">
+                <div class="row top">
+                    <span class="id" :title="it.anchorId">{{ it.anchorId }}</span>
+                    <button class="x" title="删除此项" @click.stop="deleteOne(it.anchorId)">×</button>
+                </div>
+                <div class="row meta">
+                    <span class="country" :title="it.country">{{ it.country || '—' }}</span>
+                    <span class="state" :class="{ done: !!it.state }">{{ it.state ? '已处理' : '未处理' }}</span>
+                </div>
+            </div>
+
+            <!-- 框选矩形 -->
+            <div v-if="selecting" class="selection-rect" :style="selectionStyle"></div>
+        </div>
+
+        <template #footer>
+            <div class="foot">
+                <el-button @click="show = false">关闭</el-button>
+
+            </div>
+        </template>
+    </el-dialog>
+</template>
+
+<script setup>
+import { ref, reactive, computed, watch, nextTick } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { getHostList, setHostList } from '@/stores/storage'
+import { anchorList, deleteAnchorWithIds } from '@/api/ios'
+// v-model:visible 接口
+const props = defineProps({
+    visible: { type: Boolean, default: false }
+})
+
+const emit = defineEmits(['update:visible', 'save'])
+const show = computed({
+    get: () => props.visible,
+    set: (v) => emit('update:visible', v)
+})
+
+// 数据
+const hosts = ref([]) // {country, text, state}
+const selected = reactive(new Set()) // 选中的 text 集合
+
+// 卡片 DOM 引用与位置缓存
+const gridRef = ref(null)
+const cardRefs = reactive({}) // text -> el
+const rectCache = reactive({}) // text -> DOMRect
+let rectRecalcTimer = null
+
+
+const processedCount = computed(() => hosts.value.filter(it => !!it?.state).length)
+function setCardRef(key, el) {
+    if (el) {
+        cardRefs[key] = el
+    } else {
+        delete cardRefs[key]
+        delete rectCache[key]
+    }
+}
+
+async function getStoredHostList() {
+    const v = await anchorList()
+    console.log("v", v)
+    return v ? v : []
+}
+
+async function onOpen() {
+    hosts.value = await getStoredHostList()
+    selected.clear()
+    await nextTick()
+    recalcRects()
+}
+
+
+// 选择相关
+const selectedCount = computed(() => selected.size)
+function isSelected(id) { return selected.has(id) }
+function toggleSelect(id) {
+    if (selected.has(id)) selected.delete(id)
+    else selected.add(id)
+}
+function selectAll() { selected.clear(); hosts.value.forEach(it => selected.add(it.anchorId)) }
+function selectNone() { selected.clear() }
+function invertSelect() {
+    const next = new Set()
+    hosts.value.forEach(it => { if (!selected.has(it.anchorId)) next.add(it.anchorId) })
+    selected.clear(); next.forEach(id => selected.add(id))
+}
+
+function deleteSelected() {
+    if (!selected.size) return
+    ElMessageBox.confirm(`确认删除选中的 ${selected.size} 项吗？`, '提示', { type: 'warning' })
+        .then(() => {
+
+            const keep = []
+            const selectHost = []
+            console.log("selected", selected)
+
+            for (const it of hosts.value) {
+                if (selected.has(it.anchorId)) {
+                    keep.push(it)
+                } else {
+                    selectHost.push(it)
+                }
+            }
+            console.log("keep", keep)
+
+            hosts.value = selectHost
+            selected.clear()
+            deleteAnchorWithIds(keep)
+            recalcRectsSoon()
+            ElMessage.success('已删除选中')
+        })
+        .catch(() => { })
+}
+
+function deleteOne(id) {
+    const idx = hosts.value.findIndex(it => it.anchorId === id)
+    if (idx !== -1) {
+        hosts.value.splice(idx, 1)
+        selected.delete(id)
+        // setHostList(hosts.value)
+        recalcRectsSoon()
+    }
+}
+
+// —— 框选逻辑 ——
+const selecting = ref(false)
+const anchor = ref({ x: 0, y: 0 })
+const cursor = ref({ x: 0, y: 0 })
+const baseSelection = ref(new Set()) // 框选开始时的已有选择（支持累加）
+
+const selectionStyle = computed(() => {
+    const root = gridRef.value
+    if (!root) return {}
+    // 使用容器坐标系定位矩形
+    const box = root.getBoundingClientRect()
+    const x1 = Math.min(anchor.value.x, cursor.value.x) - box.left + root.scrollLeft
+    const y1 = Math.min(anchor.value.y, cursor.value.y) - box.top + root.scrollTop
+    const x2 = Math.max(anchor.value.x, cursor.value.x) - box.left + root.scrollLeft
+    const y2 = Math.max(anchor.value.y, cursor.value.y) - box.top + root.scrollTop
+    return { left: x1 + 'px', top: y1 + 'px', width: (x2 - x1) + 'px', height: (y2 - y1) + 'px' }
+})
+
+function onMouseDown(e) {
+    if (e.button !== 0) return
+    const root = gridRef.value
+    if (!root) return
+    // 只在空白处拖拽，或按着 Alt 任意处拖拽
+    const onItem = e.target && e.target.closest && e.target.closest('.item-card')
+    if (onItem && !e.altKey) return
+
+    // 记录锚点（client 坐标，方便和 DOMRect 比较）
+    anchor.value = { x: e.clientX, y: e.clientY }
+    cursor.value = { x: e.clientX, y: e.clientY }
+    selecting.value = true
+    // 是否保留原选择
+    baseSelection.value = (e.ctrlKey || e.metaKey) ? new Set(Array.from(selected)) : new Set()
+    // 防止选中文本
+    e.preventDefault()
+}
+
+function onMouseMove(e) {
+    if (!selecting.value) return
+    cursor.value = { x: e.clientX, y: e.clientY }
+    updateSelectionByRect()
+}
+
+function onMouseUp() {
+    if (!selecting.value) return
+    selecting.value = false
+}
+
+function updateSelectionByRect() {
+    const x1 = Math.min(anchor.value.x, cursor.value.x)
+    const y1 = Math.min(anchor.value.y, cursor.value.y)
+    const x2 = Math.max(anchor.value.x, cursor.value.x)
+    const y2 = Math.max(anchor.value.y, cursor.value.y)
+
+    // 实时选择集合
+    const current = new Set(baseSelection.value)
+    for (const it of hosts.value) {
+        const r = rectCache[it.anchorId]
+        if (!r) continue
+        const hit = !(r.left > x2 || r.right < x1 || r.top > y2 || r.bottom < y1)
+        if (hit) current.add(it.anchorId)
+    }
+    // 覆盖 selected
+    selected.clear(); current.forEach(id => selected.add(id))
+}
+
+function recalcRects() {
+    for (const [key, el] of Object.entries(cardRefs)) {
+        try { rectCache[key] = el.getBoundingClientRect() } catch { }
+    }
+}
+
+function recalcRectsSoon() {
+    clearTimeout(rectRecalcTimer)
+    rectRecalcTimer = setTimeout(() => nextTick().then(recalcRects), 16)
+}
+
+
+function deleteProcessed() {
+    if (!processedCount.value) return
+    ElMessageBox.confirm(
+        `确认删除所有“已处理”项（${processedCount.value} 个）吗？此操作不可撤销。`,
+        '提示',
+        { type: 'warning' }
+    )
+        .then(() => {
+            // 仅保留未处理
+            const keep = hosts.value.filter(it => !it?.state)
+            hosts.value = keep
+
+            // 清理已不存在的选中项
+            for (const id of Array.from(selected)) {
+                if (!keep.find(it => it.anchorId === id)) selected.delete(id)
+            }
+
+            deleteAnchorWithIds(keep)      // 同步回缓存
+            recalcRectsSoon()      // 重新计算卡片矩形，保证框选正常
+            ElMessage.success('已删除已处理项')
+        })
+        .catch(() => { })
+}
+
+watch(hosts, () => nextTick().then(recalcRects))
+</script>
+
+<style scoped>
+.dlg-title {
+    display: flex;
+    gap: 8px;
+    align-items: baseline;
+}
+
+.dlg-title .muted {
+    color: #909399;
+    font-size: 12px;
+}
+
+.toolbar {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 10px;
+}
+
+.toolbar .hint {
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    border: 1px solid #bbb;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    color: #666;
+}
+
+.grid {
+    position: relative;
+    height: 60vh;
+    overflow: auto;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+    gap: 10px;
+    padding: 6px;
+    user-select: none;
+    border: 1px solid var(--el-border-color);
+    border-radius: 8px;
+}
+
+.item-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 10px;
+    padding: 8px 10px;
+    background: var(--el-bg-color);
+    cursor: pointer;
+    transition: box-shadow .15s, border-color .15s;
+}
+
+.item-card:hover {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
+}
+
+.item-card.selected {
+    border-color: var(--el-color-primary);
+    box-shadow: 0 0 0 2px color-mix(in srgb, var(--el-color-primary) 20%, transparent);
+}
+
+.item-card .row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+}
+
+.item-card .row.top {
+    margin-bottom: 4px;
+}
+
+.item-card .id {
+    font-weight: 600;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 75%;
+}
+
+.item-card .x {
+    border: none;
+    background: transparent;
+    color: #f56c6c;
+    font-size: 18px;
+    line-height: 1;
+    cursor: pointer;
+}
+
+.item-card .x:hover {
+    color: #f33;
+}
+
+.item-card .meta {
+    color: #666;
+    font-size: 12px;
+}
+
+.item-card .state {
+    padding: 2px 6px;
+    border-radius: 999px;
+    border: 1px solid #ddd;
+}
+
+.item-card .state.done {
+    color: #67c23a;
+    border-color: #67c23a;
+}
+
+.selection-rect {
+    position: absolute;
+    pointer-events: none;
+    border: 1px dashed var(--el-color-primary);
+    background: color-mix(in srgb, var(--el-color-primary) 12%, transparent);
+    z-index: 10;
+}
+
+.foot {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+}
+</style>
--- a/src/components/MultiLineInputDialog.vue
+++ b/src/components/MultiLineInputDialog.vue
@@ -0,0 +1,101 @@
+<template>
+    <el-dialog draggable :title="title" v-model="visibleLocal" width="600px" @closed="onClosed">
+        <el-input type="textarea" v-model="rawText" :rows="10" :placeholder="placeholder" />
+        <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="onClickCancel">取消</el-button>
+            <el-button type="primary" @click="handleConfirm">确定</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue';
+import { prologue, comment } from '@/api/account';
+
+let value1 = ref(false);
+
+const props = defineProps({
+    visible: { type: Boolean, required: true },
+    title: { type: String, default: '' },
+    initialText: { type: String, default: '' },
+    type: { type: Number, default: 10 },
+    index: { type: Number, default: 999 },
+    placeholder: { type: String, default: '每行一条，支持粘贴多行后自动拆分' },
+    dedupe: { type: Boolean, default: true },
+});
+
+const emit = defineEmits(['update:visible', 'confirm', 'cancel']);
+
+const rawText = ref(props.initialText);
+
+// 区分关闭来源：true=通过“确定”关闭；false=取消/遮罩/ESC/右上角关闭
+const closingByConfirm = ref(false);
+
+watch(() => props.initialText, (v) => { rawText.value = v; });
+
+const visibleLocal = computed({
+    get: () => props.visible,
+    set: (val) => emit('update:visible', val),
+});
+
+function parseLines() {
+    const lines = rawText.value
+        .split(/\r?\n/)
+        .map(s => s.trim())
+        .filter(Boolean);
+    return props.dedupe ? Array.from(new Set(lines)) : lines;
+}
+
+function handleConfirm() {
+    if (!rawText.value) {
+        return; // 空内容直接忽略
+    };
+    const items = parseLines();
+    emit('confirm', items, props.title, props.index, value1.value);
+    closingByConfirm.value = true;          // 标记：这次关闭来自“确定”
+    emit('update:visible', false);          // 关弹窗
+}
+
+function onClickCancel() {
+    closingByConfirm.value = false;         // 非确认关闭
+    emit('update:visible', false);          // 关弹窗
+}
+
+// 所有关闭后的统一收尾
+function onClosed() {
+    const byConfirm = closingByConfirm.value;
+
+    // 重置表单状态
+    rawText.value = '';
+    value1.value = false;
+
+    // 只有非“确定”关闭才对外发 cancel
+    if (!byConfirm) emit('cancel');
+
+    // 重置标记
+    closingByConfirm.value = false;
+}
+
+function exportPrologue(title) {
+    if (title === '评论') {
+        comment().then(res => {
+            rawText.value = res.map(item => item).join('\n\n');
+        });
+    } else {
+        prologue().then(res => {
+            rawText.value = res.map(item => item).join('\n\n');
+        });
+    }
+}
+</script>
+
+<style scoped>
+/* 根据需要自定义样式 */
+</style>
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,24 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+import store from './store'
+import { createPinia } from 'pinia';
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import { Buffer } from 'buffer';
+
+
+// createApp(App).use(store).use(router).mount('#app')
+
+
+const app = createApp(App);
+app.use(ElementPlus)      // 注册 ElementPlus
+app.use(createPinia()); // 注册 Pinia
+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 对象
+app.mount('#app');
+
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,24 @@
+import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+const routes = [
+  {
+    path: '/',
+    name: 'home',
+    component: HomeView
+
+  },
+
+
+  {
+    path: '/Video',
+    name: 'Video',
+    component: () => import(/* webpackChunkName: "about" */ '@/views/VideoStream.vue')
+  }
+]
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes
+})
+
+export default router
--- a/src/services/websocket.js
+++ b/src/services/websocket.js
@@ -0,0 +1,54 @@
+// src/services/websocket.js
+let ws = null;
+let reconnectTimer = null;
+
+export const connectWebSocket = (port = 8000) => {
+    // 关闭已有连接
+    if (ws) ws.close();
+
+    // 创建新连接
+    ws = new WebSocket(`ws://localhost:${port}`);
+
+    // 连接事件处理
+    ws.onopen = () => {
+        console.log('WS connected');
+        clearInterval(reconnectTimer);
+
+    };
+
+    ws.onerror = (error) => {
+        console.error('WS error:', error);
+        handleReconnect();
+    };
+
+    ws.onclose = (event) => {
+        console.log('WS closed:', event.reason);
+        handleReconnect();
+    };
+
+    ws.onmessage = (event) => {
+        console.log(12312312, event.data)
+        if (event.data instanceof Blob) {
+            // createImageBitmap(event.data).then(img => {
+            //     ctx.drawImage(img, 0, 0);
+            // });
+        }
+    };
+
+    return ws;
+};
+
+// 自动重连机制
+const handleReconnect = () => {
+    clearInterval(reconnectTimer);
+    // reconnectTimer = setInterval(() => {
+    //     connectWebSocket(8000);
+    // }, 3000);
+};
+
+// 发送控制指令
+export const sendControl = (data) => {
+    if (ws?.readyState === WebSocket.OPEN) {
+        ws.send(JSON.stringify(data));
+    }
+};
--- a/src/static/css/app.less
+++ b/src/static/css/app.less
@@ -0,0 +1,4 @@
+@bg-color: #022b4e; // 主色
+@bg-color-light: #022b4eaf; // 浅主色
+@bg-color-light-light: #022b4e1c; // 浅浅主色
+@btn-bg-color: #045dac; // 黄色按钮主色
--- a/src/static/css/video.less
+++ b/src/static/css/video.less
@@ -0,0 +1,253 @@
+body {
+    user-select: none;
+
+}
+
+.main {
+    display: flex;
+    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-image: url('../../assets/video/leftBg.png');
+    background-size: 100% 100%;
+    /* 或其他适合的值，例如contain */
+    background-position: center;
+    background-repeat: no-repeat;
+    width: 20vw;
+    box-sizing: border-box;
+    box-shadow: 0px 0px 10px #b3b3b3;
+    border-radius: 0px 40px 40px 0px;
+
+    padding: 53px 31px;
+}
+
+.content {
+    width: 60vw;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(160px, 320px));
+    padding: 0 5vw;
+    overflow: visible;
+    /* 每行 3 个，宽度自适应 */
+
+    align-items: start;
+    /* 关键：grid items 在 block 轴不拉伸 */
+    justify-items: center;
+    /* 可选：让每个卡片水平居中 */
+}
+
+.right {
+    width: 30vw;
+    // background-color: #272727;
+}
+
+.video-container {
+    position: relative;
+    // padding: 10px;
+    overflow: visible;
+    width: auto;
+    /* 取消 100%，避免换行 */
+    display: flex;
+    transition: all 0.3s ease-in-out;
+    align-self: start;
+
+    /* 只占自身内容高度 */
+    .video-canvas {
+        position: relative;
+        /* 让 overlay 绝对定位于此容器 */
+        line-height: 0;
+        cursor: pointer;
+        transition: transform .18s ease;
+        z-index: 1;
+        margin-top: 20px;
+        border: 2px solid #0400ff;
+        /* 默认较低 */
+    }
+
+    .video-canvas.active {
+        cursor: default;
+        z-index: 20;
+        /* 足够高，盖住其它缩略卡片 */
+    }
+
+    .stream {
+        display: block;
+        user-select: none;
+        pointer-events: none;
+        /* 鼠标事件交给上层 canvas  */
+    }
+
+    /* 盖层画布：与 img 同尺寸，覆盖在上方 */
+    .overlay {
+        position: absolute;
+        left: 0;
+        top: 0;
+        display: block;
+        z-index: 2;
+    }
+
+    .input-info {
+        color: rgb(255, 255, 255);
+        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);
+        margin-left: 320px;
+        margin-top: 20px;
+    }
+}
+
+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%;
+
+}
+
+.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 {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+
+.center-line {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    // justify-content: center;
+}
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -0,0 +1,14 @@
+import { createStore } from 'vuex'
+
+export default createStore({
+  state: {
+  },
+  getters: {
+  },
+  mutations: {
+  },
+  actions: {
+  },
+  modules: {
+  }
+})
--- a/src/stores/notice.js
+++ b/src/stores/notice.js
@@ -0,0 +1,12 @@
+import { defineStore } from 'pinia';
+
+export const noticeStore = defineStore('noticeNum', {
+	state: () => {
+		return { data: { num: 0 } };
+	},
+	actions: {
+		increment() {
+			this.data.num++;
+		},
+	},
+});
--- a/src/stores/storage.js
+++ b/src/stores/storage.js
@@ -0,0 +1,101 @@
+export function setToken(token) {
+	localStorage.setItem('token', token);
+}
+
+export function getToken() {
+	return localStorage.getItem('token');
+}
+
+export function removeToken() {
+	localStorage.removeItem('token');
+}
+
+export function setUser(user) {
+
+	localStorage.setItem('user', JSON.stringify(user));
+}
+//获取用户信息
+export function getUser() {
+	return JSON.parse(localStorage.getItem('user'));
+}
+
+export function setNumData(numData) {
+	localStorage.setItem('num', JSON.stringify(numData));
+}
+export function getNumData() {
+	return JSON.parse(localStorage.getItem('num'));
+}
+
+// 导出一个函数，用于设置用户密码
+export function setUserPass(userdata) {
+	localStorage.setItem('userPass', JSON.stringify(userdata));
+}
+// 导出一个函数，用于获取用户密码
+export function getUserPass() {
+	return JSON.parse(localStorage.getItem('userPass'));
+}
+
+// 用于设置设备坐标信息 
+export function setphoneXYinfo(data) {
+	localStorage.setItem('XYinfo', JSON.stringify(data));
+}
+// 用于获取设备坐标信息
+export function getphoneXYinfo() {
+	return JSON.parse(localStorage.getItem('XYinfo'));
+}
+
+
+// 用于获取主播信息
+export function getHostList() {
+	return JSON.parse(localStorage.getItem('hostList'));
+}
+// 用于设置主播信息
+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() {
+	const arr = JSON.parse(localStorage.getItem('Contentpri'))
+	return [arr, arr, arr, arr, arr, arr, arr, arr];
+}
+// 用于设置私信信息
+export function setContentpriList(data) {
+	localStorage.setItem('Contentpri', JSON.stringify(data));
+}
+
+// 用于获取评论信息
+export function getContentList() {
+	const arr = JSON.parse(localStorage.getItem('Content'))
+	return [arr, arr, arr, arr, arr, arr, arr, arr];
+}
+// 用于设置评论信息
+export function setContentList(data) {
+	localStorage.setItem('Content', JSON.stringify(data));
+}
+// 用于绘画信息
+export function setsessionId(data) {
+	sessionStorage.setItem('sessionList', JSON.stringify(data));
+}
+
+// 用于获取评论信息
+export function getsessionId() {
+	return JSON.parse(sessionStorage.getItem('sessionList'));
+}
--- a/src/utils/arrUtils
+++ b/src/utils/arrUtils
@@ -0,0 +1,17 @@
+/** 从 app 列表里找 TikTok 的 bundleId */
+export function pickTikTokBundleId(apps) {
+    if (!Array.isArray(apps)) return null
+
+    // 1) 首选常见的 TikTok 包名
+    const preferred = apps.find(a => a?.bundleId === 'com.zhiliaoapp.musically')
+    if (preferred) return preferred.bundleId
+
+    // 2) 其次按名字匹配（大小写不敏感）
+    const byName = apps.find(a => String(a?.name).toLowerCase() === 'tiktok')
+        || apps.find(a => String(a?.name).toLowerCase().includes('tiktok'))
+    if (byName) return byName.bundleId
+
+    // 3) 兜底：bundleId 里包含 musically
+    const fuzzy = apps.find(a => String(a?.bundleId || '').includes('musically'))
+    return fuzzy ? fuzzy.bundleId : null
+}
--- a/src/utils/axios.js
+++ b/src/utils/axios.js
@@ -0,0 +1,140 @@
+/**
+ * axios请求封装（双实例）
+ */
+import axios from 'axios'
+import router from '@/router'
+import { getToken } from '@/stores/storage'
+import { ElMessage } from 'element-plus'
+
+// —— 改为从 .env 文件读取 —— 
+const BASE_LOCAL = process.env.VUE_APP_BASE_LOCAL
+const BASE_REMOTE = process.env.VUE_APP_BASE_REMOTE
+const BASE_SPECIAL = process.env.VUE_APP_BASE_SPECIAL
+
+let isStart = true
+
+// 公共：给某个 axios 实例挂上拦截器
+function attachInterceptors(instance) {
+
+    //请求拦截器
+    instance.interceptors.request.use((config) => {
+        // 登录/换租户接口可能不需要 token，根据你的需求放行
+        const urlLast = sliceUrl(config.url || '')
+        if ((urlLast === 'prologue' || urlLast === 'comment')) {
+            config.headers['vvtoken'] = getToken()
+        }
+        // 超时 & 通用头
+        config.timeout = 60000
+        if (!config.headers) config.headers = {}
+        // 大多数 POST 走 x-www-form-urlencoded（保持你原来的行为）
+        // console.log(config.method)
+        // if (config.method == 'post') {
+        //     config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
+        // }
+        // config.headers['Content-type'] = 'application/json'
+        return config
+    }, (error) => Promise.reject(error))
+
+    // 响应拦截器
+    instance.interceptors.response.use(
+        (response) => {
+            const data = response.data
+            if (data?.code === 0 || data?.code === 200) {
+                // 成功：返回业务数据（没有就回传原 data）
+                return (data?.data !== undefined) ? data.data : data
+            }
+
+            // 业务失败：提示 + reject
+            const msg = `${data?.code ?? ''} ${data?.msg ?? '请求失败'}`
+            ElMessage.error(msg)
+
+            const err = new Error(msg)
+            // @ts-ignore
+            err.code = data?.code
+            // @ts-ignore
+            err.response = response
+            return Promise.reject(err)
+        },
+        (error) => {
+            // 网络/超时等：提示 + reject
+            if (error.code === 'ERR_NETWORK') {
+                // 你原来的 isStart 逻辑如果要保留，只控制是否弹 toast；但**不要 return**
+                if (!isStart) {
+                    ElMessage.error('网络请求失败')
+                }
+                isStart = false
+            } else if (error.code === 'ECONNABORTED') {
+                ElMessage.error('请求超时')
+            }
+            return Promise.reject(error)   // 关键：一定要 reject
+        }
+    )
+}
+
+// 创建两个独立的实例
+const remoteAxios = axios.create({ baseURL: BASE_REMOTE })
+const localAxios = axios.create({ baseURL: BASE_LOCAL })
+const specialAxios = axios.create({ baseURL: BASE_SPECIAL })
+
+attachInterceptors(remoteAxios)
+attachInterceptors(localAxios)
+attachInterceptors(specialAxios)
+// —— 导出两套 GET/POST ——
+// 远端（api.tkpage.yolozs.com）
+export function getRemote({ url, params }) {
+    return remoteAxios.get(url, { params })
+}
+export function postRemote({ url, data }) {
+    return remoteAxios.post(url, data)
+}
+export async function downFileRemote(urlstr, data) {
+    const resp = await remoteAxios.post(urlstr, data, { responseType: 'blob' })
+    triggerDownload(resp)
+}
+
+// 本地（192.168.1.218:5000）
+export function getLocal({ url, params }) {
+    return localAxios.get(url, { params })
+}
+export function postLocal({ url, data }) {
+    return localAxios.post(url, data)
+}
+export async function downFileLocal(urlstr, data) {
+    const resp = await localAxios.post(urlstr, data, { responseType: 'blob' })
+    triggerDownload(resp)
+}
+
+
+// ai ai翻译等功能的 GET/POST
+export function getSpecial({ url, params }) {
+    return specialAxios.get(url, { params })
+}
+export function postSpecial({ url, data, headers } = {}) {
+    return specialAxios.post(url, data, { headers })
+}
+
+// —— 工具函数保留 —— 
+function triggerDownload(response) {
+    const contentDisposition = response.headers['content-disposition']
+    let fileName = 'download'
+    if (contentDisposition) {
+        const m = contentDisposition.match(/filename="(.+)"/)
+        if (m && m[1]) fileName = m[1]
+    }
+    const blob = new Blob([response.data], { type: response.headers['content-type'] })
+    const url = window.URL.createObjectURL(blob)
+    const a = document.createElement('a')
+    a.href = url
+    a.download = fileName
+    a.click()
+    window.URL.revokeObjectURL(url)
+}
+
+function sliceUrl(url) {
+    const lastSlash = url.lastIndexOf('/')
+    const questionMark = url.indexOf('?')
+    if (questionMark === -1) return url.slice(lastSlash + 1)
+    return url.slice(lastSlash + 1, questionMark)
+}
+
+// export default remoteAxios // 如有需要，默认导出一个实例（可选）
--- a/src/utils/countryUtil.js
+++ b/src/utils/countryUtil.js
@@ -0,0 +1,261 @@
+// country-utils.js
+export const CountryCode = {
+    AD: "安道尔",
+    AE: "阿拉伯联合酋长国",
+    AF: "阿富汗",
+    AG: "安提瓜和巴布达",
+    AI: "安圭拉",
+    AL: "阿尔巴尼亚",
+    AM: "亚美尼亚",
+    AO: "安哥拉",
+    AQ: "南极洲",
+    AR: "阿根廷",
+    AS: "美属萨摩亚",
+    AT: "奥地利",
+    AU: "澳大利亚",
+    AU1: "澳大利亚",
+    AW: "阿鲁巴",
+    AX: "奥兰群岛",
+    AZ: "阿塞拜疆",
+    BA: "波斯尼亚和黑塞哥维那",
+    BB: "巴巴多斯",
+    BD: "孟加拉国",
+    BE: "比利时",
+    BF: "布基纳法索",
+    BG: "保加利亚",
+    BH: "巴林",
+    BI: "布隆迪",
+    BJ: "贝宁",
+    BL: "圣巴泰勒米",
+    BM: "百慕大群岛",
+    BN: "文莱达鲁萨兰国",
+    BO: "玻利维亚",
+    BQ: "博奈尔、圣尤斯特歇斯和萨巴",
+    BR: "巴西",
+    BS: "巴哈马",
+    BT: "不丹",
+    BV: "布韦岛",
+    BW: "博茨瓦纳",
+    BY: "白俄罗斯",
+    BZ: "伯利兹",
+    CA: "加拿大",
+    CA1: "加拿大",
+    CC: "科科斯（基林）群岛",
+    CD: "刚果民主共和国",
+    CF: "中非共和国",
+    CG: "刚果共和国",
+    CH: "瑞士",
+    CI: "科特迪瓦",
+    CK: "库克群岛",
+    CL: "智利",
+    CM: "喀麦隆",
+    CN: "中国",
+    CO: "哥伦比亚",
+    CR: "哥斯达黎加",
+    CU: "古巴",
+    CV: "佛得角",
+    CW: "库拉索",
+    CX: "圣诞岛",
+    CY: "塞浦路斯",
+    CZ: "捷克共和国",
+    DE: "德国",
+    DG: "迪戈加西亚岛",
+    DJ: "吉布提",
+    DK: "丹麦",
+    DM: "多米尼克",
+    DO: "多米尼加共和国",
+    DZ: "阿尔及利亚",
+    EC: "厄瓜多尔",
+    EE: "爱沙尼亚",
+    EG: "埃及",
+    EH: "西撒哈拉",
+    ER: "厄立特里亚",
+    ES: "西班牙",
+    ET: "埃塞俄比亚",
+    FI: "芬兰",
+    FJ: "斐济",
+    FK: "福克兰群岛",
+    FM: "密克罗尼西亚",
+    FO: "法罗群岛",
+    FR: "法国",
+    GA: "加蓬",
+    GB: "英国",
+    GD: "格林纳达",
+    GE: "格鲁吉亚",
+    GF: "法属圭亚那",
+    GG: "根西岛",
+    GH: "加纳",
+    GI: "直布罗陀",
+    GL: "格陵兰",
+    GM: "冈比亚",
+    GN: "几内亚",
+    GP: "瓜德罗普",
+    GQ: "赤道几内亚",
+    GR: "希腊",
+    GS: "南乔治亚和南桑德威奇群岛",
+    GT: "危地马拉",
+    GU: "关岛",
+    GW: "几内亚比绍",
+    GY: "圭亚那",
+    HK: "中国香港特别行政区",
+    HM: "赫德岛和麦克唐纳群岛",
+    HN: "洪都拉斯",
+    HR: "克罗地亚",
+    HT: "海地",
+    HU: "匈牙利",
+    ID: "印度尼西亚",
+    IE: "爱尔兰",
+    IL: "以色列",
+    IM: "马恩岛",
+    IN: "印度",
+    IO: "英属印度洋领地",
+    IQ: "伊拉克",
+    IR: "伊朗",
+    IS: "冰岛",
+    IT: "意大利",
+    JE: "泽西岛",
+    JM: "牙买加",
+    JO: "约旦",
+    JP: "日本",
+    JP1: "日本",
+    KE: "肯尼亚",
+    KG: "吉尔吉斯斯坦",
+    KH: "柬埔寨",
+    KI: "基里巴斯",
+    KM: "科摩罗",
+    KN: "圣基茨和尼维斯",
+    KP: "朝鲜",
+    KR: "韩国",
+    KR1: "韩国",
+    KR1_UXWAUDIT: "韩国",
+    KW: "科威特",
+    KY: "开曼群岛",
+    KZ: "哈萨克斯坦",
+    LA: "老挝",
+    LB: "黎巴嫩",
+    LC: "圣卢西亚",
+    LI: "列支敦士登",
+    LK: "斯里兰卡",
+    LR: "利比里亚",
+    LS: "莱索托",
+    LT: "立陶宛",
+    LU: "卢森堡",
+    LV: "拉脱维亚",
+    LY: "利比亚",
+    MA: "摩洛哥",
+    MC: "摩纳哥",
+    MD: "摩尔多瓦",
+    ME: "黑山",
+    MF: "圣马丁",
+    MG: "马达加斯加",
+    MH: "马绍尔群岛",
+    MK: "北马其顿",
+    ML: "马里",
+    MM: "缅甸",
+    MN: "蒙古",
+    MO: "中国澳门特别行政区",
+    MP: "北马里亚纳群岛",
+    MQ: "马提尼克",
+    MR: "毛里塔尼亚",
+    MS: "蒙特塞拉特",
+    MT: "马耳他",
+    MU: "毛里求斯",
+    MV: "马尔代夫",
+    MW: "马拉维",
+    MX: "墨西哥",
+    MY: "马来西亚",
+    MZ: "莫桑比克",
+    NA: "纳米比亚",
+    NC: "新喀里多尼亚",
+    NE: "尼日尔",
+    NF: "诺福克岛",
+    NG: "尼日利亚",
+    NI: "尼加拉瓜",
+    NL: "荷兰",
+    NO: "挪威",
+    NP: "尼泊尔",
+    NR: "瑙鲁",
+    NU: "纽埃",
+    NZ: "新西兰",
+    OM: "阿曼",
+    PA: "巴拿马",
+    PE: "秘鲁",
+    PF: "法属玻利尼西亚",
+    PG: "巴布亚新几内亚",
+    PH: "菲律宾",
+    PK: "巴基斯坦",
+    PL: "波兰",
+    PM: "圣皮埃尔和密克隆群岛",
+    PN: "皮特凯恩群岛",
+    PR: "波多黎各",
+    PS: "巴勒斯坦",
+    PT: "葡萄牙",
+    PW: "帕劳",
+    PY: "巴拉圭",
+    QA: "卡塔尔",
+    RE: "留尼汪",
+    RO: "罗马尼亚",
+    RS: "塞尔维亚",
+    RU: "俄罗斯",
+    RW: "卢旺达",
+    SA: "沙特阿拉伯",
+    SB: "索罗门群岛",
+    SC: "塞舌尔",
+    SD: "苏丹",
+    SE: "瑞典",
+    SG: "新加坡",
+    SI: "斯洛文尼亚",
+    SJ: "斯瓦尔巴和扬马延",
+    SK: "斯洛伐克",
+    SL: "塞拉利昂",
+    SM: "圣马利诺",
+    SN: "塞内加尔",
+    SO: "索马里",
+    SR: "苏里南",
+    SS: "南苏丹",
+    ST: "圣多美和普林西比",
+    SV: "萨尔瓦多",
+    SX: "荷属圣马丁",
+    SY: "叙利亚",
+    SZ: "斯威士兰",
+    TC: "特克斯和凯科斯群岛",
+    TD: "乍得",
+    TF: "法属南部领地",
+    TG: "多哥",
+    TH: "泰国",
+    TJ: "塔吉克斯坦",
+    TK: "托克劳群岛",
+    TL: "东帝汶",
+    TM: "土库曼斯坦",
+    TN: "突尼斯",
+    TO: "汤加",
+    TR: "土耳其",
+    TT: "特立尼达和多巴哥",
+    TV: "图瓦卢",
+    TW: "台湾",
+    TZ: "坦桑尼亚",
+    UA: "乌克兰",
+    UG: "乌干达",
+    UM: "美国本土外小岛屿",
+    US: "美国",
+    UY: "乌拉圭",
+    UZ: "乌兹别克斯坦",
+    VA: "梵蒂冈",
+    VC: "圣文森特",
+    VE: "委内瑞拉",
+    VG: "英属维尔京群岛",
+    VI: "美属维尔京群岛",
+    VN: "越南",
+    VN1: "越南",
+    VU: "瓦努阿图",
+    WS: "萨摩亚",
+    YE: "也门",
+    YT: "马约特岛",
+    ZA: "南非",
+    ZM: "赞比亚",
+    ZW: "津巴布韦"
+};
+
+export function getCountryName(code) {
+    return CountryCode[code] || null;
+}
--- a/src/utils/sseUtils.js
+++ b/src/utils/sseUtils.js
@@ -0,0 +1,46 @@
+//初始化sse连接
+let eventSource = null
+//重连延迟
+let retryTimeout = null
+export function connectSSE(url, onMessage) {
+    // 如果已有连接，先关闭
+    if (eventSource) {
+        eventSource.close()
+    }
+
+    console.log('[SSE] 正在连接:', url)
+
+    eventSource = new EventSource(url)
+
+    eventSource.onopen = () => {
+        console.log('[SSE] 连接已建立')
+    }
+
+    eventSource.onmessage = (event) => {
+        console.log('[SSE] 收到消息:', event)
+        try {
+
+            const data = JSON.parse(event.data)
+            if (onMessage) onMessage(data)
+        } catch (e) {
+            if (onMessage) onMessage(event.data)
+            console.warn('[SSE] 消息解析失败:', event.data)
+        }
+    }
+
+    eventSource.onerror = (err) => {
+        console.error('[SSE] 连接错误:', err)
+
+        eventSource.close()
+        eventSource = null
+
+        // 避免重复重连
+        if (retryTimeout) clearTimeout(retryTimeout)
+
+        // 3秒后重连
+        retryTimeout = setTimeout(() => {
+            console.log('[SSE] 尝试重新连接...')
+            connectSSE(url, onMessage)
+        }, 1000)
+    }
+}
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -0,0 +1,323 @@
+<template>
+	<div class="main">
+		<div class="container">
+			<div class="right">
+				<img src="../assets/logoBg.png" class="background-video" alt="">
+				<!-- 设置 -->
+				<div class="center-align">
+					<div></div>
+					<div class="setup">
+						<div class="setup-item center-justify">
+							<div></div>
+							<span>
+								网络设置
+							</span>
+						</div>
+						<div class="setup-item center-justify">
+							<div></div>
+							<span>
+								简体中文
+							</span>
+						</div>
+					</div>
+				</div>
+				<div class="center-line" style="margin-top: 40px;">
+					<!-- logo -->
+					<div class="logo">
+						<div class="center-justify" style="height: 80px; width: 300px;">
+							<!-- <img style="margin-right: 20px;height: 100%;" src="@/assets/logo.png"> -->
+							<img style="height: 100%;" src="@/assets/logotext.png">
+						</div>
+					</div>
+
+					<!-- From -->
+					<div class="from">
+						<div class="from-title center-justify">
+							<div>账号登陆</div>
+						</div>
+
+						<div class="from-input">
+							<el-form label-position="left" label-width="100px" :model="formData">
+								<div class="from-input-item1">
+									<img src="@/assets/username.png" alt="">
+									<el-input style="height: 25px;" v-model="formData.tenantName" placeholder="租户号"
+										clearable @keyup.enter="onSubmit" />
+								</div>
+								<div class="from-input-item1">
+									<img src="@/assets/username.png" alt="">
+									<el-input style="height: 25px;" v-model="formData.userId" placeholder="账号" clearable
+										@keyup.enter="onSubmit" />
+								</div>
+								<div class="from-input-item1">
+									<img src="@/assets/password.png" alt="">
+									<el-input style="height: 25px; " v-model="formData.password" type="password"
+										placeholder="密码" show-password @keyup.enter="onSubmit" />
+								</div>
+
+								<div class="from-input-item">
+									<el-button class="loginButton" color="#8f7ee7" type="primary"
+										@click="onSubmit">登录</el-button>
+
+								</div>
+							</el-form>
+						</div>
+					</div>
+				</div>
+				<div class="version center-justify ">版本号：{{ version }}</div>
+
+			</div>
+
+		</div>
+	</div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue';
+import { useRouter } from 'vue-router';
+import { login, getIdByName } from '@/api/account';
+import { getToken, setToken, setUser, setUserPass, getUserPass } from '@/stores/storage';
+import { ElLoading, ElMessage } from 'element-plus';
+import { passToken } from '@/api/ios';
+
+let version = ref('1.1.1');
+onMounted(() => {
+
+
+})
+
+
+const router = useRouter();
+
+const formData = ref({
+	tenantName: getUserPass() == null ? '' : getUserPass().tenantName,
+	userId: getUserPass() == null ? '' : getUserPass().userId,
+	password: getUserPass() == null ? '' : getUserPass().password,
+});
+
+
+
+const onSubmit = () => {
+	const loading = ElLoading.service({
+		lock: true,
+		text: 'Loading',
+		background: 'rgba(0, 0, 0, 0.7)',
+	});
+	setUserPass(formData.value);
+	getIdByName(formData.value.tenantName).then((tenantId) => {
+		console.log("tenantId", tenantId)
+		login({
+			tenantId: Number(tenantId),
+			username: formData.value.userId,
+			password: formData.value.password,
+		}).then((res) => {
+			loading.close();
+			console.log(res)
+			setToken(res.tokenValue);
+			setUser(res);
+			// setTimeout(() => {
+			// 	passToken({ token: res.tokenValue })
+			// }, 10000)
+
+			router.push('/Video');
+		}).catch((err) => {
+			loading.close();
+		});
+	})
+};
+</script>
+
+<style lang="less">
+.main {
+	width: 100vw;
+	height: 100vh;
+	overflow: hidden;
+	box-sizing: border-box;
+
+	/* 页面无法选中 */
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+
+	.container {
+		display: flex;
+		box-sizing: border-box;
+		width: 100vw;
+		height: 100vh;
+
+		.right {
+			box-sizing: border-box;
+			position: relative;
+			width: 100vw;
+			height: 100vh;
+			padding: 20px 40px 20px 50px;
+			border-left: 3px solid #23516e;
+			position: relative;
+			/* 添加 position: relative */
+			overflow: hidden;
+			/* 防止内容溢出 */
+
+			.version {
+				color: #fff;
+				position: absolute;
+				font-size: 20px;
+				bottom: 20px;
+				left: calc(50% - 50px);
+				// box-sizing: border-box;
+				// width: 1600px;
+
+			}
+
+
+			.background-video {
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+				z-index: -1;
+				/* 确保视频在内容之下 */
+			}
+
+			.setup {
+				display: flex;
+				color: #fff;
+
+				.setup-item {
+					padding: 10px 6px;
+					display: flex;
+
+					div {
+						width: 20px;
+						height: 20px;
+						border-radius: 50%;
+						background-color: rgb(255, 255, 255);
+						margin-right: 5px;
+					}
+				}
+			}
+
+			.logo {
+				padding: 20px 0;
+			}
+
+			.from {
+				width: 420px;
+				// height: 320px; 
+				color: #022b4e;
+				background-color: #ffffff44;
+				border-radius: 20px;
+				border: 1px solid #fff;
+				padding: 32px;
+				box-sizing: border-box;
+
+				.from-title {
+					font-family: Source Han Sans SC;
+					font-weight: 500;
+					font-size: 24px;
+					color: #022b4e;
+					line-height: 37px;
+
+
+					div {
+						font-size: 20px;
+						font-weight: 600;
+						// border-bottom: 4px solid #1db97d;
+					}
+				}
+
+				.from-input {
+					width: 100%;
+					padding: 15px 0;
+
+					.from-input-item {
+						display: flex;
+						padding: 8px 0;
+
+						.from-input-item-title {
+							color: #022b4e;
+							font-size: 18px;
+							font-weight: 500;
+							width: 80px;
+							height: 50px;
+						}
+
+						.loginButton {
+							width: 359px;
+							height: 50px;
+							background: #FFFFFF;
+							border-radius: 24px;
+							border: 1px solid #FFFFFF;
+
+
+							font-family: Source Han Sans SC;
+							font-weight: 500;
+							font-size: 18px;
+							color: #022b4e;
+							line-height: 37px;
+						}
+					}
+
+					.from-input-item1 {
+						display: flex;
+						width: 359px;
+						height: 50px;
+						background: #022b4e1c;
+						border-radius: 24px;
+						border: 1px solid #FFFFFF;
+						padding: 12px 25px 13px 25px;
+						box-sizing: border-box;
+						margin-bottom: 16px;
+					}
+				}
+			}
+		}
+	}
+}
+
+.center-line {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.center-justify {
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
+}
+
+.center-align {
+	display: flex;
+	justify-content: space-between;
+}
+
+.center-flex {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.el-input__wrapper {
+	--el-input-focus-border-color: rgba(255, 255, 0, 0);
+	--el-menu-hover-bg-color: rgba(255, 255, 0, 0);
+
+}
+</style>
+
+<style scoped lang="less">
+::v-deep(.el-input__wrapper) {
+	background-color: rgba(255, 0, 0, 0);
+	box-shadow: none;
+
+}
+
+::v-deep(.el-input__inner) {
+	color: #fff;
+
+}
+
+::v-deep(.el-input__inner::placeholder) {
+	color: #022b4e;
+}
+</style>
--- a/src/views/VideoStream.vue
+++ b/src/views/VideoStream.vue
@@ -0,0 +1,977 @@
+<template>
+  <div class="main">
+    <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="btn.style ? btn.style() : {}" @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 style="position: absolute;left: 20px; bottom: 20px;">
+          <el-button @click="showHostDlg = true">执行主播库</el-button>
+          <el-button type="info" @click="uploadLogFile">上传日志</el-button>
+        </div>
+      </div>
+    </el-scrollbar>
+    <!-- 中间手机区域 -->
+    <div class="content" @click.self="selectedDevice = 999">
+      <div v-if="isImg" class="video-container" v-for="(device, index) in deviceInformation" :key="device.deviceId">
+        <div class="video-canvas" :class="{ active: selectedDevice === index }" :style="imgWH(index)"
+          @click="selectDevice(index)">
+          <img class="stream" :style="imgWH(index)" :src="'http://localhost:' + device.screenPort" />
+
+          <!-- 选中时显示；把down/up都放这里 -->
+          <canvas v-show="selectedDevice === index" class="overlay" :style="imgWH(index)"
+            @mousedown.stop="(e) => onCanvasDown(device.deviceId, e, index)"
+            @mouseup.stop="(e) => onCanvasUp(device.deviceId, e, index)"
+            @mousemove.stop="(e) => onCanvasMove(device.deviceId, e, index)">
+          </canvas>
+        </div>
+        <div class="input-info" v-show="selectedDevice == index">
+
+          <div class="app-button" @click="getMesList(device.deviceId)">获取当前聊天记录</div>
+          <!-- <div class="app-button" @click="mqSend()">mq</div> -->
+          <!-- <div class="app-button"
+            @click="wsActions.clickCopyList(device.deviceId, index); openShowChat = true; istranslate = true">
+            翻译本页对话</div>
+          <div class="app-button" @click="wsActions.clickCopyList(device.deviceId, index); openShowChat = true;">
+            回复消息</div>
+          <div class="app-button" @click="wsActions.test(device.deviceId, index)">打印ui节点树</div>
+          <div class="app-button" @click="wsActions.isOneLive(device.deviceId, index)">判断单人还是双人</div>
+          <div class="app-button" @click="wsActions.slideDown(device.deviceId, index)">下滑</div>
+          <div class="app-button" @click="wsActions.killNow(device.deviceId, index)">关闭当前应用</div>
+          <div class="app-button" @click="chooseFile(device.deviceId, index, 1, wsActions)">安装 APK
+            文件</div>
+          <div class="app-button" @click="chooseFile(device.deviceId, index, 2, wsActions)">
+            传送文件</div> -->
+          <!-- <div style="display: flex;">
+            <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> -->
+        </div>
+      </div>
+    </div>
+    <div class="right center-justify" @click.self="selectedDevice = 999">
+      <!-- <div style="margin: 30px;"></div> -->
+      <ChatDialog :visible="openShowChat" :messages="chatList" />
+    </div>
+    <MultiLineInputDialog v-model:visible="showDialog" :initialText='""' :title="dialogTitle" :index="selectedDevice"
+      @confirm="onDialogConfirm" @cancel="stopAll" />
+    <HostListManagerDialog v-model:visible="showHostDlg" @save="onHostSaved" />
+  </div>
+
+  <!-- 定时调度配置弹窗 -->
+  <el-dialog v-model="showScheduleDlg" title="定时调度（每小时）" width="420px">
+    <div style="display:grid;grid-template-columns: 100px 1fr; gap:12px; align-items:center;">
+      <div>片段 A</div>
+      <div style="display:flex; gap:8px; align-items:center;">
+        <el-select v-model="schedAKey" style="width:140px;">
+          <el-option label="一键关注" value="follow" />
+          <el-option label="刷视频(养号)" value="like" />
+          <el-option label="刷直播" value="brushLive" />
+          <el-option label="监测消息" value="listen" />
+        </el-select>
+        <el-input-number v-model="schedAMin" :min="1" :max="59" />
+        <span>分钟</span>
+      </div>
+
+      <div>片段 B</div>
+      <div style="display:flex; gap:8px; align-items:center;">
+        <el-select v-model="schedBKey" style="width:140px;">
+          <!-- <el-option label="一键关注" value="follow" /> -->
+          <el-option label="刷视频(养号)" value="like" />
+          <el-option label="刷直播" value="brushLive" />
+          <el-option label="监测消息" value="listen" />
+        </el-select>
+        <el-input-number v-model="schedBMin" :min="1" :max="59" />
+        <span>分钟</span>
+      </div>
+
+      <div>总时长</div>
+      <div><b>{{ schedAMin + schedBMin }}</b> 分钟（必须等于 60）</div>
+
+      <!-- <div>启用调度</div>
+      <div><el-switch v-model="scheduleEnabled" /></div> -->
+    </div>
+
+    <template #footer>
+      <el-button @click="showScheduleDlg = false">取消</el-button>
+      <el-button type="primary" @click="saveSchedule">开启</el-button>
+    </template>
+  </el-dialog>
+
+
+
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted, onBeforeUnmount, watch, inject } from "vue";
+import { useRouter } from 'vue-router';
+import {
+  setphoneXYinfo, getphoneXYinfo, getUser,
+  getHostList, setHostList, getContentpriList,
+  setContentpriList, getContentList, setContentList,
+  setsessionId, getsessionId
+} from '@/stores/storage'
+import { connectSSE } from '@/utils/sseUtils'
+import { ElMessage, ElMessageBox, ElLoading } from 'element-plus'
+import { chat, translationToChinese, translation } from "@/api/chat";
+import HostListManagerDialog from '@/components/HostListManagerDialog.vue'
+import MultiLineInputDialog from '@/components/MultiLineInputDialog.vue'; // 根据实际路径修改
+import ChatDialog from '@/components/ChatDialog.vue'
+import { pickTikTokBundleId } from '@/utils/arrUtils'
+import { logout } from '@/api/account';
+import {
+  getDeviceList,
+  toHome,
+  swipeAction,
+  tapAction,
+  growAccount,
+  stopScript,
+  watchLiveForGrowth,
+  monitorMessages,
+  passAnchorData,
+  addTempAnchorData,
+  deviceAppList,
+  launchApp,
+  getChatTextInfo,
+  setLoginInfo,
+
+
+} from '@/api/ios';
+const router = useRouter();
+const openShowChat = ref([true])
+//主播库
+const showHostDlg = ref(false)
+
+let hostList = []
+//查询列表轮询
+let getListtimer = null;
+let userdata = getUser();
+let chatList = ref([])
+let isImg = ref(true)
+// 引入刷新方法
+const reload = inject("reload")
+const reloadImg = () => {
+  isImg.value = false
+  setTimeout(() => {
+    isImg.value = true
+  }, 1000)
+}
+//start弹窗
+let isMsgPop = ref(false)
+//缓存主播联动数组
+let stroageHost = ref([])
+let runType = ref('')
+let isMonitorOn = ref(false)
+const hoverIndex = ref(null)  //选中
+let showDialog = ref(false);//弹窗是否显示
+let dialogTitle = ref('');//当前弹窗类型
+let deviceInformation = ref([])
+// 你可以用这种方式声明按钮们
+//联动用作标记
+let batchMode = ref('init');         // 'init' | 'follow'（仅作标记）
+
+// 当前是否被其它模式占用（四个互斥按钮专用）
+const isLocked = (type) => !!runType.value && runType.value !== type
+
+// 互斥按钮的样式：激活=红，锁定=半透明且禁点
+const ctrlStyle = (type) => ({
+  backgroundColor: runType.value === type ? 'red' : '',
+  opacity: isLocked(type) ? 0.5 : 1,
+  pointerEvents: isLocked(type) ? 'none' : 'auto',
+  cursor: isLocked(type) ? 'not-allowed' : 'pointer',
+})
+
+const buttons = [
+  {
+    label: '刷新',
+    onClick: () => reloadImg(),
+    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: '返回主页',
+    onClick: () => {
+      deviceInformation.value.forEach((item) => {
+        toHome({ udid: item.deviceId })
+      })
+    },
+    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: () => {
+      if (runType.value == 'brushLive') {
+        deviceInformation.value.forEach((item) => {
+          stopScript({ udid: item.deviceId })
+        })
+        runType.value = ''
+        return
+      };
+
+      // 若被其它模式占用：直接返回（已在样式层禁点，这里双保险）
+      if (isLocked('brushLive')) return
+
+      runType.value = 'brushLive'
+      deviceInformation.value.forEach((item) => watchLiveForGrowth({ udid: item.deviceId }))
+    },
+    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
+    },
+    style: () => ctrlStyle('brushLive')
+
+  },
+  {
+    label: '刷视频',
+    onClick: () => {
+      if (runType.value == 'like') {
+        deviceInformation.value.forEach((item) => {
+          stopScript({ udid: item.deviceId })
+        })
+        runType.value = ''
+        return
+      };
+
+      if (isLocked('like')) return
+
+      runType.value = 'like'
+      deviceInformation.value.forEach((item) => growAccount({ udid: item.deviceId }))
+    },
+    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
+    },
+    style: () => ctrlStyle('like')
+  },
+  // {
+  //   label: '一键关注并打招呼',
+  //   onClick: () => {
+
+  //     if (runType.value == 'follow') {
+  //       deviceInformation.value.forEach((item) => {
+  //         stopScript({ udid: item.deviceId })
+  //       })
+  //       runType.value = ''
+  //       return
+  //     };
+
+  //     if (isLocked('follow')) return
+  //     showDialog.value = true;
+  //     dialogTitle.value = '主播ID';
+
+  //   },
+  //   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
+  //   },
+  //   style: () => ctrlStyle('follow')
+
+  // },
+  {
+    label: '启动调度任务',
+    onClick: () => openScheduleDialog(),
+    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
+    },
+    style: () => ctrlStyle('follow')
+
+  },
+  {
+    label: '监测消息',
+    onClick: () => {
+      if (runType.value == 'lisen') {
+        deviceInformation.value.forEach((item) => {
+          stopScript({ udid: item.deviceId })
+        })
+        runType.value = ''
+        return
+      };
+      if (isLocked('lisen')) return
+
+      runType.value = 'lisen'
+      deviceInformation.value.forEach((item) => monitorMessages({ udid: item.deviceId }))
+    },
+    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
+    },
+    style: () => ctrlStyle('lisen')
+
+  },
+  // {
+  //   label: '定时调度',
+  //   onClick: () => openScheduleDialog(),
+  //   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: '全部停止',
+    onClick: () => stopAll(),
+    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: () => {
+      logout({ userId: userdata.id, tenantId: userdata.tenantId })
+      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 schedulePlan = [
+  { key: 'follow', duration: 40 * 60 * 1000 },
+  { key: 'like', duration: 20 * 60 * 1000 },
+]
+// 调度状态（持久化一下，避免刷新丢失）
+let scheduleState = (() => {
+  try {
+    const saved = JSON.parse(localStorage.getItem('SCHEDULE_STATE') || '{}')
+    if (saved && typeof saved.index === 'number' && typeof saved.startTime === 'number') {
+      return saved
+    }
+  } catch { }
+  return { index: 0, startTime: Date.now() }
+})()
+
+let scheduleTimer = null      // 轮询定时器句柄
+const scheduleTickMs = 30_000 // 每 30s 检查一次是否到切换点
+let scheduleEnabled = ref(true)    // 需要时可手动关闭调度（例如“全部停止”）
+// 弹窗
+const showScheduleDlg = ref(false)
+
+// 两个时间片（默认 A=follow 40min，B=like 20min）
+const schedAKey = ref('follow')
+const schedAMin = ref(40)
+const schedBKey = ref('like')
+const schedBMin = ref(20)
+// 打开弹窗：把当前 schedulePlan 映射到 UI
+function openScheduleDialog() {
+  // 把当前计划读出来（只支持两个片段的简易版）
+  if (Array.isArray(schedulePlan) && schedulePlan.length >= 2) {
+    const a = schedulePlan[0], b = schedulePlan[1]
+    schedAKey.value = a?.key || 'follow'
+    schedAMin.value = Math.max(1, Math.round((a?.duration || 40 * 60_000) / 60_000))
+    schedBKey.value = b?.key || 'like'
+    schedBMin.value = Math.max(1, Math.round((b?.duration || 20 * 60_000) / 60_000))
+  }
+  showScheduleDlg.value = true
+}
+
+// 保存：校验=60 分钟 → 更新 schedulePlan → 持久化 → 重启轮询
+function saveSchedule() {
+  scheduleEnabled.value = true
+  const total = schedAMin.value + schedBMin.value
+  if (total !== 60) {
+    ElMessage.error('两个片段相加必须等于 60 分钟')
+    return
+  }
+  schedulePlan.splice(0, schedulePlan.length,
+    { key: schedAKey.value, duration: schedAMin.value * 60_000 },
+    { key: schedBKey.value, duration: schedBMin.value * 60_000 },
+  )
+
+  // 存 localStorage
+  localStorage.setItem('SCHEDULE_PLAN', JSON.stringify(schedulePlan))
+  localStorage.setItem('SCHEDULE_ENABLED', JSON.stringify(!!scheduleEnabled.value))
+
+  // 重置时间片起点并立即生效
+  scheduleState.index = 0
+  scheduleState.startTime = Date.now()
+  localStorage.setItem('SCHEDULE_STATE', JSON.stringify(scheduleState))
+
+  // 若启用则重启轮询
+  if (scheduleEnabled.value) startScheduleLoop()
+
+  showScheduleDlg.value = false
+  ElMessage.success('已保存定时调度')
+}
+
+const selectedDevice = ref(null)
+
+// —— 显示尺寸固定为 320x720；未选中缩略为 THUMB_SCALE 倍 ——
+const BASE_W = 320
+const BASE_H = 720
+const THUMB_SCALE = 0.6
+
+// 当前选中的卡片：选中=1倍，未选中=缩略比例
+const imgWH = (index) => {
+  const scale = (selectedDevice.value === index) ? 1 : THUMB_SCALE
+  return {
+    width: `${BASE_W * scale}px`,
+    height: `${BASE_H * scale}px`,
+    transition: 'all 0.3s ease',
+  }
+}
+
+// 计算某索引当前展示宽高（用于坐标换算）
+const displaySize = (index) => {
+  const scale = (selectedDevice.value === index) ? 1 : THUMB_SCALE
+  return { w: BASE_W * scale, h: BASE_H * scale }
+}
+
+// 从 Canvas offset 坐标 → 真实手机分辨率坐标
+const mapToDeviceXY = (index, offsetX, offsetY) => {
+  const dev = deviceInformation.value[index] || {}
+  const realW = Number(dev.width) || BASE_W   // 后端返回的真实分辨率
+  const realH = Number(dev.height) || BASE_H
+  const rotation = Number(dev.rotation || 0)   // 若后端有提供旋转角，可用 0/90/180/270
+
+  const { w: dispW, h: dispH } = displaySize(index)
+
+  // 归一化到 0~1
+  let nx = Math.min(Math.max(offsetX / dispW, 0), 1)
+  let ny = Math.min(Math.max(offsetY / dispH, 0), 1)
+
+  // 处理旋转（如果你的服务器坐标基于设备原生朝向）
+  // 0: 直接映射；90: 顺时针；180、270 同理
+  let x, y
+  switch (rotation % 360) {
+    case 90:
+    case -270:
+      x = Math.round(ny * realW)
+      y = Math.round((1 - nx) * realH)
+      break
+    case 180:
+    case -180:
+      x = Math.round((1 - nx) * realW)
+      y = Math.round((1 - ny) * realH)
+      break
+    case 270:
+    case -90:
+      x = Math.round((1 - ny) * realW)
+      y = Math.round(nx * realH)
+      break
+    default: // 0°
+      x = Math.round(nx * realW)
+      y = Math.round(ny * realH)
+  }
+  return { x, y }
+}
+
+// 选中：恢复到 320x720 并显示盖层
+const selectDevice = (index) => {
+  selectedDevice.value = index
+}
+
+// ——— 鼠标交互：按下/移动/抬起 ———
+const dragState = ref({}) // 以 index 作为 key 保存 {ox, oy, t}
+
+const onCanvasDown = (udid, e, index) => {
+  // 记录起点（Canvas 内的 offset）
+  dragState.value[index] = { ox: e.offsetX, oy: e.offsetY, t: Date.now(), udid }
+}
+
+const onCanvasMove = (udid, e, index) => {
+  // 如需在 overlay 上画指示、十字线等，可在这里使用 e.offsetX/e.offsetY
+}
+
+const onCanvasUp = async (udid, e, index) => {
+  const st = dragState.value[index]
+  if (!st) return
+
+  const { ox, oy, t } = st
+  const dx = e.offsetX - ox
+  const dy = e.offsetY - oy
+  const elapsed = Date.now() - t
+  delete dragState.value[index]
+
+  // 映射到真实分辨率
+  const p0 = mapToDeviceXY(index, ox, oy)
+  const p1 = mapToDeviceXY(index, e.offsetX, e.offsetY)
+  console.log(" x, y", p0, p1)
+  // 判断是“点按”还是“滑动”
+  const MOVE_THR = 5    // 像素阈值（可按需调整）
+  const isTap = Math.hypot(dx, dy) < MOVE_THR && elapsed < 500
+
+  try {
+    if (isTap) {
+      await tapAction({ udid, x: p1.x, y: p1.y })
+      // console.log('tap', p1)
+    } else {
+      // 只需要方向：1上/2左/3下/4右
+      const rotation = Number((deviceInformation.value[index] || {}).rotation || 0)
+
+      const code = getSwipeCodeWithRotation(dx, dy, rotation)  // 必定得到1~4
+      console.log("code", code)
+      await swipeAction({ udid, direction: code })
+
+    }
+  } catch (err) {
+    console.error(err)
+  }
+}
+
+/** 方向码：1=上, 2=左, 3=下, 4=右（不返回0，始终给出一个方向） */
+function getSwipeCode(dx, dy) {
+  // 哪个轴位移更大就取哪个轴；边界≈45°
+  if (Math.abs(dx) >= Math.abs(dy)) {
+    return dx < 0 ? 2 : 4  // 左/右
+  } else {
+    return dy < 0 ? 1 : 3  // 上/下（DOM坐标里向上是负）
+  }
+}
+
+/** 带设备旋转(0/90/180/270)：先把画布向量(dx,dy)旋回设备坐标系再判方向 */
+function getSwipeCodeWithRotation(dx, dy, rotation = 0) {
+  let dxD = dx, dyD = dy
+  switch ((rotation % 360 + 360) % 360) {
+    case 90: dxD = dy; dyD = -dx; break
+    case 180: dxD = -dx; dyD = -dy; break
+    case 270: dxD = -dy; dyD = dx; break
+    default: break
+  }
+  return getSwipeCode(dxD, dyD)
+}
+
+
+
+async function openTk() {
+  if (!deviceInformation.value?.length) {
+    ElMessage.warning('暂无在线设备')
+    return
+  }
+
+  const loading = ElLoading.service({ text: '正在打开 TikTok …', background: 'rgba(0,0,0,.35)' })
+  const results = []
+
+  try {
+    // 为了稳妥，逐台串行（如果你希望更快，可改 Promise.all 并注意并发数）
+    for (const dev of deviceInformation.value) {
+      const udid = dev.deviceId
+      try {
+        const apps = await deviceAppList({ udid }) // 期望返回示例中的数组
+        const bundleId = pickTikTokBundleId(apps)
+
+        if (!bundleId) {
+          results.push({ udid, ok: false, msg: '未找到 TikTok' })
+          continue
+        }
+
+        await launchApp({ udid, bundleId })
+        results.push({ udid, ok: true, msg: `已启动 TikTok (${bundleId})` })
+      } catch (e) {
+        console.error('openTk error', udid, e)
+        results.push({ udid, ok: false, msg: '请求失败' })
+      }
+    }
+  } finally {
+    loading.close()
+  }
+
+  // 汇总提示（成功/失败各一条）
+  const okCount = results.filter(r => r.ok).length
+  const fail = results.filter(r => !r.ok)
+  if (okCount) ElMessage.success(`已在 ${okCount} 台设备启动 TikTok`)
+  if (fail.length) {
+    const udids = fail.map(f => f.udid).join(', ')
+    ElMessage.error(`以下设备未能启动：${udids}`)
+  }
+}
+
+function getMesList(deviceId) {
+  getChatTextInfo({ udid: deviceId }).then((res) => {
+    if (res) {
+      chatList.value = res
+      console.log(chatList.value)
+      getTranslation(chatList.value)
+    }
+  })
+}
+
+function stopAll() {
+  // if (!runType.value) return
+  deviceInformation.value.forEach((item) => {
+    stopScript({ udid: item.deviceId }).then((res) => {
+      console.log(`停止成功：${item.deviceId}`, res, printCurrentTime())
+      ElMessage.success(`停止成功：${item.deviceId}`)
+    }).catch((res) => {
+      console.log(`停止失败`, printCurrentTime())
+      ElMessage.error(`脚本已停止`)
+    })
+  })
+  scheduleEnabled.value = false
+  runType.value = ''
+  batchMode.value = 'init';
+}
+
+//确认多行文本框内容
+function onDialogConfirm(result, type, index, isMon) {
+  // console.log(type, result, isMon);
+  if (type == '主播ID') {
+    hostList = (result || []).map(id => ({ id, country: '' }))
+
+    dialogTitle.value = '私信';
+    setTimeout(() => {
+      showDialog.value = true;
+    }, 600)
+  } else if (type == '私信') {
+    runType.value = 'follow'
+    setContentpriList(result)
+    passAnchorData(
+      {
+        deviceList: deviceInformation.value.map(item => item.deviceId),
+        anchorList: hostList.map(item => ({
+          anchorId: item.id,
+          country: item.country
+        })),
+        prologueList: result,
+        needReply: isMon
+      }
+    ).then((res) => {
+      hostList = []
+    })
+  }
+
+
+}
+
+onMounted(() => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(0, 0, 0, 0.7)',
+  });
+  getDeviceListFun()
+  window.electronAPI.startMq(userdata.tenantId, userdata.id)
+  // 初始化时获取设备列表
+  getListtimer = setInterval(() => {
+    loading.close();
+    getDeviceListFun()
+  }, 3000)
+
+
+
+  // 批次缓冲（仅用于当前“波”）
+  let batch = [];                 // [{ country, text }]
+  let flushTimer = null;
+
+  function scheduleFlush(handler, delay = 400) {
+    if (flushTimer) clearTimeout(flushTimer);
+    flushTimer = setTimeout(() => {
+      if (batch.length) {
+        const items = batch.slice(); // 拷贝一份
+        batch.length = 0;            // 清空批次
+        try {
+          handler(items);
+        } catch (e) {
+          console.error('[SSE flush error]', e);
+          // 出错不回灌，避免重复提交；必要时可根据需要 batch.push(...items)
+        }
+      }
+    }, delay);
+  }
+
+  // —— SSE 接收 —— 
+  const es = connectSSE('http://localhost:3312/events', (data) => {
+    console.log('来自服务端:', data);
+
+    if (data === 'start') {
+      // 新一波开始：根据当前状态决定“本波 flush 用谁”
+      if (!isMsgPop.value) {
+        // 还没开始过 -> 首次弹框，确认后使用处理本波
+        isMsgPop.value = true;
+        batchMode.value = 'init';
+        ElMessageBox.confirm(
+          '检测到YOLO助手正在爬取主播，是否进行操作？',
+          '消息提醒',
+          { confirmButtonText: '开始', cancelButtonText: '取消', type: 'success' }
+        )
+          .then(() => {
+            ElMessage({ type: 'success', message: '任务开启成功' });
+            // runType.value = 'follow';
+            batchMode.value = 'follow';
+
+            // 不在这里立刻提交；让后续主播数据先进 batch，再由防抖统一 flush
+            // 不直接发；把这“一波”的主播先塞进 hostList，然后弹出“私信”输入框
+            scheduleFlush((items) => {
+              hostList = (items || []).map(h => ({ id: h.text, country: h.country || '' }))
+              showScheduleDlg.value = true
+            })
+          })
+          .catch(() => {
+            // 取消：清理状态，丢弃批次
+            batch.length = 0;
+            isMsgPop.value = false;
+          });
+      } else {
+        // 已经在运行 follow：本波用 addTempAnchorData 追加
+        batchMode.value = 'follow';
+        // 立刻安排一次“尾随防抖”flush，等本波数据齐了再送
+        scheduleFlush((items) => {
+          addTempAnchorData(items.map(h => ({ anchorId: h.text, country: h.country || '' })));
+        });
+      }
+    } else {
+      // 非 start：本波主播数据进入批次
+      const country = data && data.country != null ? data.country : '';
+      const text = data && (data.hostsId != null ? data.hostsId : data.text);
+      if (text == null) {
+        // 数据格式不对，丢弃或打印
+        console.warn('[SSE] 非法数据，缺少 hostsId/text:', data);
+        return;
+      }
+      batch.push({ country, text });
+
+      // 根据当前模式，刷新防抖（让“最后一条到来后”延迟几百毫秒再统一提交）
+      if (batchMode.value === 'init') {
+        // 首次确认前：等用户点“开始”后由上面的 scheduleFlush 执行 
+        scheduleFlush((items) => {
+          // 安全起见：只有在 runType 已经 follow 时才真正提交
+          if (runType.value === 'follow') {
+            passAnchorData({
+              deviceList: deviceInformation.value.map(item => item.deviceId),
+              anchorList: items.map(h => ({ anchorId: h.text, country: h.country || '' })),
+              needReply: false
+            });
+          } else {
+            // 还没开始就来了数据：把它们留回批次，等待上面 then 里的 scheduleFlush 再处理
+            batch.push(...items);
+          }
+        });
+      } else {
+        // 已在关注：走追加逻辑
+        scheduleFlush((items) => {
+          addTempAnchorData(items.map(h => ({ anchorId: h.text, country: h.country || '' })));
+        });
+      }
+    }
+  });
+
+
+})
+
+onUnmounted(() => {
+  clearInterval(getListtimer)
+  getListtimer = null
+})
+const getDeviceListFun = () => {
+  getDeviceList().then((res) => {
+    // console.log('返回', res.length)
+    if (res && res.length > 0 && deviceInformation.value.length !== res.length) {
+      console.log("设备变更")
+      deviceInformation.value = res
+      reloadImg()
+    }
+
+    if (res.length == 0) {
+      deviceInformation.value = []
+      reloadImg()
+    }
+  }).catch((err) => {
+    ElMessage.error(`IOSAI服务错误`)
+
+  })
+}
+
+async function uploadLogFile() {
+  let loading = null
+  try {
+    // 先弹出确认框
+    await ElMessageBox.confirm(
+      '确定要上传日志文件吗？',
+      '提示',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }
+    )
+    // 如果点了确定，就会走到这里
+    loading = ElLoading.service({
+      lock: true,
+      text: '上传中...',
+      background: 'rgba(0, 0, 0, 0.7)',
+    })
+    const res = await setLoginInfo({
+      "tenantId": userdata.tenantId,
+      "userId": userdata.id,
+      "token": userdata.tokenValue
+    })
+    loading.close()
+    console.log("上传文件返回", res)
+    if (res) {
+      console.log("✅ 上传成功:", res)
+      ElMessage.success('✅ 上传成功')
+    } else {
+      console.error("❌ 上传失败:", res.msg)
+      ElMessage.error('❌ 上传失败: ' + (res.msg || '未知错误'))
+    }
+  } catch (err) {
+    if (loading) {
+      loading.close()
+    }
+    // 如果用户点了取消，会进入这里
+    if (err === 'cancel' || err === 'close') {
+      ElMessage.info('已取消上传')
+    } else {
+      console.error("❌ 上传异常:", err)
+      ElMessage.error('❌ 上传异常: ' + err)
+    }
+
+  }
+}
+function runTask(key) {
+  if (!scheduleEnabled.value) return
+  console.log('[schedule] 切换到任务:', key, printCurrentTime())
+
+  forceActivate(key, () => {
+    if (key === 'follow') {
+      runType.value = 'follow'
+      // 这三行保持你现有的唤起流程（弹“主播ID”输入等）
+      // showDialog.value = true
+      // dialogTitle.value = '主播ID'
+      // selectedDevice.value = 999
+      if (hostList.length <= 0) {
+        dialogTitle.value = '主播ID';
+      } else {
+        dialogTitle.value = '私信';
+      }
+      showDialog.value = true;
+
+    } else if (key === 'like') {
+
+      stopAll()
+
+      setTimeout(() => {
+        runType.value = 'like'
+        deviceInformation.value.forEach((item) => growAccount({ udid: item.deviceId }))
+      }, 1000)
+
+    } else if (key === 'brushLive') {
+      stopAll()
+
+      setTimeout(() => {
+        runType.value = 'brushLive'
+        deviceInformation.value.forEach((item) => watchLiveForGrowth({ udid: item.deviceId }))
+      }, 1000)
+      runType.value = 'brushLive'
+    } else if (key === 'listen') {
+      stopAll()
+
+      setTimeout(() => {
+        runType.value = 'listen'
+        isMonitorOn.value = true
+        deviceInformation.value.forEach((item) => monitorMessages({ udid: item.deviceId }))
+      }, 1000)
+
+    }
+  })
+}
+
+function startScheduleLoop() {
+  // 先按照当前 index 跑一次，保证“即刻对齐”
+  runTask(schedulePlan[scheduleState.index].key)
+
+  // 清理旧轮询，防止重复
+  if (scheduleTimer) clearInterval(scheduleTimer)
+
+  scheduleTimer = setInterval(() => {
+    if (!scheduleEnabled.value) return
+
+    const now = Date.now()
+    const cur = schedulePlan[scheduleState.index]
+    const elapsed = now - scheduleState.startTime
+
+    if (elapsed >= cur.duration) {
+      // 进入下一个时间片
+      scheduleState.index = (scheduleState.index + 1) % schedulePlan.length
+      scheduleState.startTime = now
+      localStorage.setItem('SCHEDULE_STATE', JSON.stringify(scheduleState))
+
+      runTask(schedulePlan[scheduleState.index].key)
+    }
+  }, scheduleTickMs)
+}
+
+function forceActivate(key, runner) {
+  // 跳过互斥逻辑，直接切换
+  runType.value = key;
+  if (typeof runner === 'function') runner();
+}
+
+
+function mqSend() {
+  window.electronAPI.mqSend("start")
+}
+
+
+function getTranslation(list) {
+  list.forEach((item, index) => {
+    translationToChinese({ msg: item.text }).then(res => {
+      console.log(res);
+      chatList.value[index].text = res
+    })
+  })
+}
+
+function onHostSaved(list) {
+  console.log('保存后的主播id:', list)
+}
+// //sse接收爬虫发送的消息
+// const es = connectSSE(`http://localhost:3311/events`, (data) => {
+//   // connectSSE(`http://192.168.1.155:19665/api/sse/connect/${userdata.tenantId}/${userdata.id}`, (data) => {
+//   // 处理服务端推送的数据
+//   console.log('来自服务端:', data)
+
+//   //接收到start
+//   if (data === 'start') {
+
+//   } else {
+
+//   }
+
+
+// })
+
+//当前时间获取
+function printCurrentTime() {
+  const now = new Date();
+  return now.toLocaleString()
+}
+
+</script>
+
+<style scoped lang="less">
+@import '../static/css/video.less';
+</style>
--- a/src/views/dfasd
+++ b/src/views/dfasd
@@ -0,0 +1,949 @@
+<template>
+  <div class="main">
+    <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="btn.style ? btn.style() : {}" @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 style="position: absolute;left: 20px; bottom: 20px;">
+          <el-button @click="showHostDlg = true">执行主播库</el-button>
+          <el-button type="info" @click="uploadLogFile">上传日志</el-button>
+        </div>
+      </div>
+    </el-scrollbar>
+    <!-- 中间手机区域 -->
+    <div class="content" @click.self="selectedDevice = 999">
+      <div v-if="isImg" class="video-container" v-for="(device, index) in deviceInformation" :key="device.deviceId">
+        <div class="video-canvas" :class="{ active: selectedDevice === index }" :style="imgWH(index)"
+          @click="selectDevice(index)">
+          <img class="stream" :style="imgWH(index)" :src="'http://localhost:' + device.screenPort" />
+
+          <!-- 选中时显示；把down/up都放这里 -->
+          <canvas v-show="selectedDevice === index" class="overlay" :style="imgWH(index)"
+            @mousedown.stop="(e) => onCanvasDown(device.deviceId, e, index)"
+            @mouseup.stop="(e) => onCanvasUp(device.deviceId, e, index)"
+            @mousemove.stop="(e) => onCanvasMove(device.deviceId, e, index)">
+          </canvas>
+        </div>
+        <div class="input-info" v-show="selectedDevice == index">
+
+          <div class="app-button" @click="getMesList(device.deviceId)">获取当前聊天记录</div>
+          <!-- <div class="app-button" @click="mqSend()">mq</div> -->
+          <!-- <div class="app-button"
+            @click="wsActions.clickCopyList(device.deviceId, index); openShowChat = true; istranslate = true">
+            翻译本页对话</div>
+          <div class="app-button" @click="wsActions.clickCopyList(device.deviceId, index); openShowChat = true;">
+            回复消息</div>
+          <div class="app-button" @click="wsActions.test(device.deviceId, index)">打印ui节点树</div>
+          <div class="app-button" @click="wsActions.isOneLive(device.deviceId, index)">判断单人还是双人</div>
+          <div class="app-button" @click="wsActions.slideDown(device.deviceId, index)">下滑</div>
+          <div class="app-button" @click="wsActions.killNow(device.deviceId, index)">关闭当前应用</div>
+          <div class="app-button" @click="chooseFile(device.deviceId, index, 1, wsActions)">安装 APK
+            文件</div>
+          <div class="app-button" @click="chooseFile(device.deviceId, index, 2, wsActions)">
+            传送文件</div> -->
+          <!-- <div style="display: flex;">
+            <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> -->
+        </div>
+      </div>
+    </div>
+    <div class="right center-justify" @click.self="selectedDevice = 999">
+      <!-- <div style="margin: 30px;"></div> -->
+      <ChatDialog :visible="openShowChat" :messages="chatList" />
+    </div>
+    <MultiLineInputDialog v-model:visible="showDialog" :initialText='""' :title="dialogTitle" :index="selectedDevice"
+      @confirm="onDialogConfirm" @cancel="stopAll" />
+    <HostListManagerDialog v-model:visible="showHostDlg" @save="onHostSaved" />
+  </div>
+
+  <!-- 定时调度配置弹窗 -->
+  <el-dialog v-model="showScheduleDlg" title="定时调度（每小时）" width="420px">
+    <div style="display:grid;grid-template-columns: 100px 1fr; gap:12px; align-items:center;">
+      <div>片段 A</div>
+      <div style="display:flex; gap:8px; align-items:center;">
+        <el-select v-model="schedAKey" style="width:140px;">
+          <el-option label="一键关注" value="follow" />
+          <el-option label="刷视频(养号)" value="like" />
+          <el-option label="刷直播" value="brushLive" />
+          <el-option label="监测消息" value="listen" />
+        </el-select>
+        <el-input-number v-model="schedAMin" :min="1" :max="59" />
+        <span>分钟</span>
+      </div>
+
+      <div>片段 B</div>
+      <div style="display:flex; gap:8px; align-items:center;">
+        <el-select v-model="schedBKey" style="width:140px;">
+          <!-- <el-option label="一键关注" value="follow" /> -->
+          <el-option label="刷视频(养号)" value="like" />
+          <el-option label="刷直播" value="brushLive" />
+          <el-option label="监测消息" value="listen" />
+        </el-select>
+        <el-input-number v-model="schedBMin" :min="1" :max="59" />
+        <span>分钟</span>
+      </div>
+
+      <div>总时长</div>
+      <div><b>{{ schedAMin + schedBMin }}</b> 分钟（必须等于 60）</div>
+
+      <div>启用调度</div>
+      <div><el-switch v-model="scheduleEnabled" /></div>
+    </div>
+
+    <template #footer>
+      <el-button @click="showScheduleDlg = false">取消</el-button>
+      <el-button type="primary" @click="saveSchedule">保存并生效</el-button>
+    </template>
+  </el-dialog>
+
+
+
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted, onBeforeUnmount, watch, inject } from "vue";
+import { useRouter } from 'vue-router';
+import {
+  setphoneXYinfo, getphoneXYinfo, getUser,
+  getHostList, setHostList, getContentpriList,
+  setContentpriList, getContentList, setContentList,
+  setsessionId, getsessionId
+} from '@/stores/storage'
+import { connectSSE } from '@/utils/sseUtils'
+import { ElMessage, ElMessageBox, ElLoading } from 'element-plus'
+import { chat, translationToChinese, translation } from "@/api/chat";
+import HostListManagerDialog from '@/components/HostListManagerDialog.vue'
+import MultiLineInputDialog from '@/components/MultiLineInputDialog.vue'; // 根据实际路径修改
+import ChatDialog from '@/components/ChatDialog.vue'
+import { pickTikTokBundleId } from '@/utils/arrUtils'
+import { logout } from '@/api/account';
+import {
+  getDeviceList,
+  toHome,
+  swipeAction,
+  tapAction,
+  growAccount,
+  stopScript,
+  watchLiveForGrowth,
+  monitorMessages,
+  passAnchorData,
+  addTempAnchorData,
+  deviceAppList,
+  launchApp,
+  getChatTextInfo,
+  setLoginInfo,
+
+
+} from '@/api/ios';
+const router = useRouter();
+const openShowChat = ref([true])
+//主播库
+const showHostDlg = ref(false)
+
+let hostList = []
+//查询列表轮询
+let getListtimer = null;
+let userdata = getUser();
+let chatList = ref([])
+let isImg = ref(true)
+// 引入刷新方法
+const reload = inject("reload")
+const reloadImg = () => {
+  isImg.value = false
+  setTimeout(() => {
+    isImg.value = true
+  }, 1000)
+}
+//start弹窗
+let isMsgPop = ref(false)
+//缓存主播联动数组
+let stroageHost = ref([])
+let runType = ref('')
+let isMonitorOn = ref(false)
+const hoverIndex = ref(null)  //选中
+let showDialog = ref(false);//弹窗是否显示
+let dialogTitle = ref('');//当前弹窗类型
+let deviceInformation = ref([])
+// 你可以用这种方式声明按钮们
+//联动用作标记
+let batchMode = ref('init');         // 'init' | 'follow'（仅作标记）
+
+// 当前是否被其它模式占用（四个互斥按钮专用）
+const isLocked = (type) => !!runType.value && runType.value !== type
+
+// 互斥按钮的样式：激活=红，锁定=半透明且禁点
+const ctrlStyle = (type) => ({
+  backgroundColor: runType.value === type ? 'red' : '',
+  opacity: isLocked(type) ? 0.5 : 1,
+  pointerEvents: isLocked(type) ? 'none' : 'auto',
+  cursor: isLocked(type) ? 'not-allowed' : 'pointer',
+})
+
+const buttons = [
+  {
+    label: '刷新',
+    onClick: () => reloadImg(),
+    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: '返回主页',
+    onClick: () => {
+      deviceInformation.value.forEach((item) => {
+        toHome({ udid: item.deviceId })
+      })
+    },
+    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: () => {
+      if (runType.value == 'brushLive') {
+        deviceInformation.value.forEach((item) => {
+          stopScript({ udid: item.deviceId })
+        })
+        runType.value = ''
+        return
+      };
+
+      // 若被其它模式占用：直接返回（已在样式层禁点，这里双保险）
+      if (isLocked('brushLive')) return
+
+      runType.value = 'brushLive'
+      deviceInformation.value.forEach((item) => watchLiveForGrowth({ udid: item.deviceId }))
+    },
+    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
+    },
+    style: () => ctrlStyle('brushLive')
+
+  },
+  {
+    label: '一键养号',
+    onClick: () => {
+      if (runType.value == 'like') {
+        deviceInformation.value.forEach((item) => {
+          stopScript({ udid: item.deviceId })
+        })
+        runType.value = ''
+        return
+      };
+
+      if (isLocked('like')) return
+
+      runType.value = 'like'
+      deviceInformation.value.forEach((item) => growAccount({ udid: item.deviceId }))
+    },
+    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
+    },
+    style: () => ctrlStyle('like')
+  },
+  {
+    label: '一键关注并打招呼',
+    onClick: () => {
+
+      if (runType.value == 'follow') {
+        deviceInformation.value.forEach((item) => {
+          stopScript({ udid: item.deviceId })
+        })
+        runType.value = ''
+        return
+      };
+
+      if (isLocked('follow')) return
+      showDialog.value = true;
+      dialogTitle.value = '主播ID';
+
+    },
+    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
+    },
+    style: () => ctrlStyle('follow')
+
+  },
+  {
+    label: '监测消息',
+    onClick: () => {
+      if (runType.value == 'lisen') {
+        deviceInformation.value.forEach((item) => {
+          stopScript({ udid: item.deviceId })
+        })
+        runType.value = ''
+        return
+      };
+      if (isLocked('lisen')) return
+
+      runType.value = 'lisen'
+      deviceInformation.value.forEach((item) => monitorMessages({ udid: item.deviceId }))
+    },
+    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
+    },
+    style: () => ctrlStyle('lisen')
+
+  },
+  {
+    label: '定时调度',
+    onClick: () => openScheduleDialog(),
+    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: '全部停止',
+    onClick: () => stopAll(),
+    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: () => {
+      logout({ userId: userdata.id, tenantId: userdata.tenantId })
+      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 schedulePlan = [
+  { key: 'follow', duration: 40 * 60 * 1000 },
+  { key: 'like', duration: 20 * 60 * 1000 },
+]
+// 调度状态（持久化一下，避免刷新丢失）
+let scheduleState = (() => {
+  try {
+    const saved = JSON.parse(localStorage.getItem('SCHEDULE_STATE') || '{}')
+    if (saved && typeof saved.index === 'number' && typeof saved.startTime === 'number') {
+      return saved
+    }
+  } catch { }
+  return { index: 0, startTime: Date.now() }
+})()
+
+let scheduleTimer = null      // 轮询定时器句柄
+const scheduleTickMs = 30_000 // 每 30s 检查一次是否到切换点
+let scheduleEnabled = ref(true)    // 需要时可手动关闭调度（例如“全部停止”）
+// 弹窗
+const showScheduleDlg = ref(false)
+
+// 两个时间片（默认 A=follow 40min，B=like 20min）
+const schedAKey = ref('follow')
+const schedAMin = ref(40)
+const schedBKey = ref('like')
+const schedBMin = ref(20)
+// 打开弹窗：把当前 schedulePlan 映射到 UI
+function openScheduleDialog() {
+  // 把当前计划读出来（只支持两个片段的简易版）
+  if (Array.isArray(schedulePlan) && schedulePlan.length >= 2) {
+    const a = schedulePlan[0], b = schedulePlan[1]
+    schedAKey.value = a?.key || 'follow'
+    schedAMin.value = Math.max(1, Math.round((a?.duration || 40 * 60_000) / 60_000))
+    schedBKey.value = b?.key || 'like'
+    schedBMin.value = Math.max(1, Math.round((b?.duration || 20 * 60_000) / 60_000))
+  }
+  showScheduleDlg.value = true
+}
+
+// 保存：校验=60 分钟 → 更新 schedulePlan → 持久化 → 重启轮询
+function saveSchedule() {
+  const total = schedAMin.value + schedBMin.value
+  if (total !== 60) {
+    ElMessage.error('两个片段相加必须等于 60 分钟')
+    return
+  }
+  schedulePlan.splice(0, schedulePlan.length,
+    { key: schedAKey.value, duration: schedAMin.value * 60_000 },
+    { key: schedBKey.value, duration: schedBMin.value * 60_000 },
+  )
+
+  // 存 localStorage
+  localStorage.setItem('SCHEDULE_PLAN', JSON.stringify(schedulePlan))
+  localStorage.setItem('SCHEDULE_ENABLED', JSON.stringify(!!scheduleEnabled.value))
+
+  // 重置时间片起点并立即生效
+  scheduleState.index = 0
+  scheduleState.startTime = Date.now()
+  localStorage.setItem('SCHEDULE_STATE', JSON.stringify(scheduleState))
+
+  // 若启用则重启轮询
+  if (scheduleEnabled.value) startScheduleLoop()
+
+  showScheduleDlg.value = false
+  ElMessage.success('已保存定时调度')
+}
+
+const selectedDevice = ref(null)
+
+// —— 显示尺寸固定为 320x720；未选中缩略为 THUMB_SCALE 倍 ——
+const BASE_W = 320
+const BASE_H = 720
+const THUMB_SCALE = 0.6
+
+// 当前选中的卡片：选中=1倍，未选中=缩略比例
+const imgWH = (index) => {
+  const scale = (selectedDevice.value === index) ? 1 : THUMB_SCALE
+  return {
+    width: `${BASE_W * scale}px`,
+    height: `${BASE_H * scale}px`,
+    transition: 'all 0.3s ease',
+  }
+}
+
+// 计算某索引当前展示宽高（用于坐标换算）
+const displaySize = (index) => {
+  const scale = (selectedDevice.value === index) ? 1 : THUMB_SCALE
+  return { w: BASE_W * scale, h: BASE_H * scale }
+}
+
+// 从 Canvas offset 坐标 → 真实手机分辨率坐标
+const mapToDeviceXY = (index, offsetX, offsetY) => {
+  const dev = deviceInformation.value[index] || {}
+  const realW = Number(dev.width) || BASE_W   // 后端返回的真实分辨率
+  const realH = Number(dev.height) || BASE_H
+  const rotation = Number(dev.rotation || 0)   // 若后端有提供旋转角，可用 0/90/180/270
+
+  const { w: dispW, h: dispH } = displaySize(index)
+
+  // 归一化到 0~1
+  let nx = Math.min(Math.max(offsetX / dispW, 0), 1)
+  let ny = Math.min(Math.max(offsetY / dispH, 0), 1)
+
+  // 处理旋转（如果你的服务器坐标基于设备原生朝向）
+  // 0: 直接映射；90: 顺时针；180、270 同理
+  let x, y
+  switch (rotation % 360) {
+    case 90:
+    case -270:
+      x = Math.round(ny * realW)
+      y = Math.round((1 - nx) * realH)
+      break
+    case 180:
+    case -180:
+      x = Math.round((1 - nx) * realW)
+      y = Math.round((1 - ny) * realH)
+      break
+    case 270:
+    case -90:
+      x = Math.round((1 - ny) * realW)
+      y = Math.round(nx * realH)
+      break
+    default: // 0°
+      x = Math.round(nx * realW)
+      y = Math.round(ny * realH)
+  }
+  return { x, y }
+}
+
+// 选中：恢复到 320x720 并显示盖层
+const selectDevice = (index) => {
+  selectedDevice.value = index
+}
+
+// ——— 鼠标交互：按下/移动/抬起 ———
+const dragState = ref({}) // 以 index 作为 key 保存 {ox, oy, t}
+
+const onCanvasDown = (udid, e, index) => {
+  // 记录起点（Canvas 内的 offset）
+  dragState.value[index] = { ox: e.offsetX, oy: e.offsetY, t: Date.now(), udid }
+}
+
+const onCanvasMove = (udid, e, index) => {
+  // 如需在 overlay 上画指示、十字线等，可在这里使用 e.offsetX/e.offsetY
+}
+
+const onCanvasUp = async (udid, e, index) => {
+  const st = dragState.value[index]
+  if (!st) return
+
+  const { ox, oy, t } = st
+  const dx = e.offsetX - ox
+  const dy = e.offsetY - oy
+  const elapsed = Date.now() - t
+  delete dragState.value[index]
+
+  // 映射到真实分辨率
+  const p0 = mapToDeviceXY(index, ox, oy)
+  const p1 = mapToDeviceXY(index, e.offsetX, e.offsetY)
+  console.log(" x, y", p0, p1)
+  // 判断是“点按”还是“滑动”
+  const MOVE_THR = 5    // 像素阈值（可按需调整）
+  const isTap = Math.hypot(dx, dy) < MOVE_THR && elapsed < 500
+
+  try {
+    if (isTap) {
+      await tapAction({ udid, x: p1.x, y: p1.y })
+      // console.log('tap', p1)
+    } else {
+      // 只需要方向：1上/2左/3下/4右
+      const rotation = Number((deviceInformation.value[index] || {}).rotation || 0)
+
+      const code = getSwipeCodeWithRotation(dx, dy, rotation)  // 必定得到1~4
+      console.log("code", code)
+      await swipeAction({ udid, direction: code })
+
+    }
+  } catch (err) {
+    console.error(err)
+  }
+}
+
+/** 方向码：1=上, 2=左, 3=下, 4=右（不返回0，始终给出一个方向） */
+function getSwipeCode(dx, dy) {
+  // 哪个轴位移更大就取哪个轴；边界≈45°
+  if (Math.abs(dx) >= Math.abs(dy)) {
+    return dx < 0 ? 2 : 4  // 左/右
+  } else {
+    return dy < 0 ? 1 : 3  // 上/下（DOM坐标里向上是负）
+  }
+}
+
+/** 带设备旋转(0/90/180/270)：先把画布向量(dx,dy)旋回设备坐标系再判方向 */
+function getSwipeCodeWithRotation(dx, dy, rotation = 0) {
+  let dxD = dx, dyD = dy
+  switch ((rotation % 360 + 360) % 360) {
+    case 90: dxD = dy; dyD = -dx; break
+    case 180: dxD = -dx; dyD = -dy; break
+    case 270: dxD = -dy; dyD = dx; break
+    default: break
+  }
+  return getSwipeCode(dxD, dyD)
+}
+
+
+
+async function openTk() {
+  if (!deviceInformation.value?.length) {
+    ElMessage.warning('暂无在线设备')
+    return
+  }
+
+  const loading = ElLoading.service({ text: '正在打开 TikTok …', background: 'rgba(0,0,0,.35)' })
+  const results = []
+
+  try {
+    // 为了稳妥，逐台串行（如果你希望更快，可改 Promise.all 并注意并发数）
+    for (const dev of deviceInformation.value) {
+      const udid = dev.deviceId
+      try {
+        const apps = await deviceAppList({ udid }) // 期望返回示例中的数组
+        const bundleId = pickTikTokBundleId(apps)
+
+        if (!bundleId) {
+          results.push({ udid, ok: false, msg: '未找到 TikTok' })
+          continue
+        }
+
+        await launchApp({ udid, bundleId })
+        results.push({ udid, ok: true, msg: `已启动 TikTok (${bundleId})` })
+      } catch (e) {
+        console.error('openTk error', udid, e)
+        results.push({ udid, ok: false, msg: '请求失败' })
+      }
+    }
+  } finally {
+    loading.close()
+  }
+
+  // 汇总提示（成功/失败各一条）
+  const okCount = results.filter(r => r.ok).length
+  const fail = results.filter(r => !r.ok)
+  if (okCount) ElMessage.success(`已在 ${okCount} 台设备启动 TikTok`)
+  if (fail.length) {
+    const udids = fail.map(f => f.udid).join(', ')
+    ElMessage.error(`以下设备未能启动：${udids}`)
+  }
+}
+
+function getMesList(deviceId) {
+  getChatTextInfo({ udid: deviceId }).then((res) => {
+    if (res) {
+      chatList.value = res
+      console.log(chatList.value)
+      getTranslation(chatList.value)
+    }
+  })
+}
+
+function stopAll() {
+  if (!runType.value) return
+  deviceInformation.value.forEach((item) => {
+    stopScript({ udid: item.deviceId }).then((res) => {
+      ElMessage.success(`停止成功：${item.deviceId}`)
+    })
+  })
+  scheduleEnabled.value = false
+  runType.value = ''
+  batchMode.value = 'init';
+}
+
+//确认多行文本框内容
+function onDialogConfirm(result, type, index, isMon) {
+  // console.log(type, result, isMon);
+  if (type == '主播ID') {
+    hostList = result
+
+    dialogTitle.value = '私信';
+    setTimeout(() => {
+      showDialog.value = true;
+    }, 600)
+  } else if (type == '私信') {
+    runType.value = 'follow'
+    passAnchorData(
+      {
+        deviceList: deviceInformation.value.map(item => item.deviceId),
+        anchorList: hostList.map(id => ({
+          anchorId: id,
+          country: ""
+        })),
+        prologueList: result,
+        needReply: isMon
+      }
+    )
+  }
+
+
+}
+
+onMounted(() => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(0, 0, 0, 0.7)',
+  });
+  getDeviceListFun()
+  window.electronAPI.startMq(userdata.tenantId, userdata.id)
+  // 初始化时获取设备列表
+  getListtimer = setInterval(() => {
+    loading.close();
+    getDeviceListFun()
+  }, 3000)
+
+
+
+  // 批次缓冲（仅用于当前“波”）
+  let batch = [];                 // [{ country, text }]
+  let flushTimer = null;
+
+  function scheduleFlush(handler, delay = 400) {
+    if (flushTimer) clearTimeout(flushTimer);
+    flushTimer = setTimeout(() => {
+      if (batch.length) {
+        const items = batch.slice(); // 拷贝一份
+        batch.length = 0;            // 清空批次
+        try {
+          handler(items);
+        } catch (e) {
+          console.error('[SSE flush error]', e);
+          // 出错不回灌，避免重复提交；必要时可根据需要 batch.push(...items)
+        }
+      }
+    }, delay);
+  }
+
+  // —— SSE 接收 —— 
+  const es = connectSSE('http://localhost:3312/events', (data) => {
+    console.log('来自服务端:', data);
+
+    if (data === 'start') {
+      // 新一波开始：根据当前状态决定“本波 flush 用谁”
+      if (!isMsgPop.value) {
+        // 还没开始过 -> 首次弹框，确认后使用 passAnchorData 处理本波
+        isMsgPop.value = true;
+        batchMode.value = 'init';
+        ElMessageBox.confirm(
+          '检测到YOLO助手正在爬取主播，是否进行操作？',
+          '消息提醒',
+          { confirmButtonText: '开始', cancelButtonText: '取消', type: 'success' }
+        )
+          .then(() => {
+            ElMessage({ type: 'success', message: '任务开启成功' });
+            runType.value = 'follow';
+            batchMode.value = 'follow';
+
+            // 不在这里立刻提交；让后续主播数据先进 batch，再由防抖统一 flush
+            // 若这一波的主播在点击之前已到达，也已经在 batch 等待
+            scheduleFlush((items) => {
+              passAnchorData({
+                deviceList: deviceInformation.value.map(item => item.deviceId),
+                anchorList: items.map(h => ({ anchorId: h.text, country: h.country || '' })),
+                needReply: false
+              });
+            });
+          })
+          .catch(() => {
+            // 取消：清理状态，丢弃批次
+            batch.length = 0;
+            isMsgPop.value = false;
+          });
+      } else {
+        // 已经在运行 follow：本波用 addTempAnchorData 追加
+        batchMode.value = 'follow';
+        // 立刻安排一次“尾随防抖”flush，等本波数据齐了再送
+        scheduleFlush((items) => {
+          addTempAnchorData(items.map(h => ({ anchorId: h.text, country: h.country || '' })));
+        });
+      }
+    } else {
+      // 非 start：本波主播数据进入批次
+      const country = data && data.country != null ? data.country : '';
+      const text = data && (data.hostsId != null ? data.hostsId : data.text);
+      if (text == null) {
+        // 数据格式不对，丢弃或打印
+        console.warn('[SSE] 非法数据，缺少 hostsId/text:', data);
+        return;
+      }
+      batch.push({ country, text });
+
+      // 根据当前模式，刷新防抖（让“最后一条到来后”延迟几百毫秒再统一提交）
+      if (batchMode.value === 'init') {
+        // 首次确认前：等用户点“开始”后由上面的 scheduleFlush 执行 passAnchorData
+        scheduleFlush((items) => {
+          // 安全起见：只有在 runType 已经 follow 时才真正提交
+          if (runType.value === 'follow') {
+            passAnchorData({
+              deviceList: deviceInformation.value.map(item => item.deviceId),
+              anchorList: items.map(h => ({ anchorId: h.text, country: h.country || '' })),
+              needReply: false
+            });
+          } else {
+            // 还没开始就来了数据：把它们留回批次，等待上面 then 里的 scheduleFlush 再处理
+            batch.push(...items);
+          }
+        });
+      } else {
+        // 已在关注：走追加逻辑
+        scheduleFlush((items) => {
+          addTempAnchorData(items.map(h => ({ anchorId: h.text, country: h.country || '' })));
+        });
+      }
+    }
+  });
+
+
+})
+
+onUnmounted(() => {
+  clearInterval(getListtimer)
+  getListtimer = null
+  logout({ userId: userdata.id, tenantId: userdata.tenantId })
+})
+const getDeviceListFun = () => {
+  getDeviceList().then((res) => {
+    // console.log('返回', res.length)
+    if (res && res.length > 0 && deviceInformation.value.length !== res.length) {
+      console.log("设备变更")
+      deviceInformation.value = res
+      reloadImg()
+    }
+
+    if (res.length == 0) {
+      deviceInformation.value = []
+      reloadImg()
+    }
+  }).catch((err) => {
+    ElMessage.error(`IOSAI服务错误`)
+
+  })
+}
+
+async function uploadLogFile() {
+  let loading = null
+  try {
+    // 先弹出确认框
+    await ElMessageBox.confirm(
+      '确定要上传日志文件吗？',
+      '提示',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }
+    )
+    // 如果点了确定，就会走到这里
+    loading = ElLoading.service({
+      lock: true,
+      text: '上传中...',
+      background: 'rgba(0, 0, 0, 0.7)',
+    })
+    const res = await setLoginInfo({
+      "tenantId": userdata.tenantId,
+      "userId": userdata.id,
+      "token": userdata.tokenValue
+    })
+    loading.close()
+    console.log("上传文件返回", res)
+    if (res) {
+      console.log("✅ 上传成功:", res)
+      ElMessage.success('✅ 上传成功')
+    } else {
+      console.error("❌ 上传失败:", res.msg)
+      ElMessage.error('❌ 上传失败: ' + (res.msg || '未知错误'))
+    }
+  } catch (err) {
+    if (loading) {
+      loading.close()
+    }
+    // 如果用户点了取消，会进入这里
+    if (err === 'cancel' || err === 'close') {
+      ElMessage.info('已取消上传')
+    } else {
+      console.error("❌ 上传异常:", err)
+      ElMessage.error('❌ 上传异常: ' + err)
+    }
+
+  }
+}
+function runTask(key) {
+  if (!scheduleEnabled.value) return
+  console.log('[schedule] 切换到任务:', key)
+
+  forceActivate(key, () => {
+    if (key === 'follow') {
+      runType.value = 'follow'
+      // 这三行保持你现有的唤起流程（弹“主播ID”输入等）
+      // showDialog.value = true
+      // dialogTitle.value = '主播ID'
+      // selectedDevice.value = 999
+      showDialog.value = true;
+      dialogTitle.value = '主播ID';
+    } else if (key === 'like') {
+      runType.value = 'like'
+      stopAll()
+      setTimeout(() => {
+        deviceInformation.value.forEach((item) => growAccount({ udid: item.deviceId }))
+      }, 1000)
+
+    } else if (key === 'brushLive') {
+      stopAll()
+      setTimeout(() => {
+        deviceInformation.value.forEach((item) => watchLiveForGrowth({ udid: item.deviceId }))
+      }, 1000)
+      runType.value = 'brushLive'
+    } else if (key === 'listen') {
+      stopAll()
+
+      setTimeout(() => {
+        runType.value = 'listen'
+        isMonitorOn.value = true
+        deviceInformation.value.forEach((item) => monitorMessages({ udid: item.deviceId }))
+      }, 1000)
+
+    }
+  })
+}
+
+function startScheduleLoop() {
+  // 先按照当前 index 跑一次，保证“即刻对齐”
+  runTask(schedulePlan[scheduleState.index].key)
+
+  // 清理旧轮询，防止重复
+  if (scheduleTimer) clearInterval(scheduleTimer)
+
+  scheduleTimer = setInterval(() => {
+    if (!scheduleEnabled.value) return
+
+    const now = Date.now()
+    const cur = schedulePlan[scheduleState.index]
+    const elapsed = now - scheduleState.startTime
+
+    if (elapsed >= cur.duration) {
+      // 进入下一个时间片
+      scheduleState.index = (scheduleState.index + 1) % schedulePlan.length
+      scheduleState.startTime = now
+      localStorage.setItem('SCHEDULE_STATE', JSON.stringify(scheduleState))
+
+      runTask(schedulePlan[scheduleState.index].key)
+    }
+  }, scheduleTickMs)
+}
+
+function forceActivate(key, runner) {
+  // 跳过互斥逻辑，直接切换
+  runType.value = key;
+  if (typeof runner === 'function') runner();
+}
+
+
+function mqSend() {
+  window.electronAPI.mqSend("start")
+}
+
+
+function getTranslation(list) {
+  list.forEach((item, index) => {
+    translationToChinese({ msg: item.text }).then(res => {
+      console.log(res);
+      chatList.value[index].text = res
+    })
+  })
+}
+
+function onHostSaved(list) {
+  console.log('保存后的主播id:', list)
+}
+// //sse接收爬虫发送的消息
+// const es = connectSSE(`http://localhost:3311/events`, (data) => {
+//   // connectSSE(`http://192.168.1.155:19665/api/sse/connect/${userdata.tenantId}/${userdata.id}`, (data) => {
+//   // 处理服务端推送的数据
+//   console.log('来自服务端:', data)
+
+//   //接收到start
+//   if (data === 'start') {
+
+//   } else {
+
+//   }
+
+
+// })
+
+
+
+</script>
+
+<style scoped lang="less">
+@import '../static/css/video.less';
+</style>
--- a/vue.config.js
+++ b/vue.config.js
@@ -0,0 +1,27 @@
+const { defineConfig } = require('@vue/cli-service');
+
+module.exports = defineConfig({
+  devServer: {
+    // client: {
+    //   overlay: false, // 重点：新版写法
+
+    // },
+    historyApiFallback: true,
+  },
+  transpileDependencies: true,
+  publicPath: './', // 必须是相对路径，否则打包后图片路径会出错
+  css: {
+    loaderOptions: {
+      postcss: {
+        postcssOptions: {
+          plugins: [
+
+          ]
+        }
+      },
+      less: {
+        additionalData: `@import "@/static/css/app.less";` // 注入全局变量文件
+      }
+    }
+  }
+});