From b5f605dce9b9f723d2a0dd256ad596f9c1003850 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B2=A1=E5=A4=8D=E4=B9=A0?= <2353956224@qq.com>
Date: Thu, 18 Dec 2025 20:09:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=87=E4=BB=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/account.js                  |   5 +-
 src/assets/wifi.png                 | Bin 0 -> 6299 bytes
 src/components/LiveRecordDialog.vue | 240 ++++++++++++++++++++++++++++
 src/utils/axios.js                  |   6 +-
 src/views/HomeView.vue              |   4 +-
 src/views/hosts/hostsList.vue       |  20 ++-
 src/views/hosts/workbenches.vue     | 122 ++++++++++++--
 7 files changed, 371 insertions(+), 26 deletions(-)
 create mode 100644 src/assets/wifi.png
 create mode 100644 src/components/LiveRecordDialog.vue

diff --git a/src/api/account.js b/src/api/account.js
index d21f418..d1a0926 100644
--- a/src/api/account.js
+++ b/src/api/account.js
@@ -72,4 +72,7 @@ export function upholdinfo(data) {
 export function accountName(str) {
     return postAxios({ url: 'api/account/accountName?accounts=' + str })
 }
-
+//查看直播间信息
+export function liveHostDetail(data) {
+    return postAxios({ url: 'api/save_data/live_host_detail', data })
+}
diff --git a/src/assets/wifi.png b/src/assets/wifi.png
new file mode 100644
index 0000000000000000000000000000000000000000..30bf3cb214c4bbcd0df6e3c16a5e1c6fe3500008
GIT binary patch
literal 6299
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
RIUxW5002ovPDHLkV1lYSwpIWD

literal 0
HcmV?d00001

diff --git a/src/components/LiveRecordDialog.vue b/src/components/LiveRecordDialog.vue
new file mode 100644
index 0000000..41a3fd8
--- /dev/null
+++ b/src/components/LiveRecordDialog.vue
@@ -0,0 +1,240 @@
+<!-- LiveRecordDialog.vue -->
+<template>
+    <el-dialog v-model="visible" title="直播记录" width="86vw" top="6vh" :close-on-click-modal="false" destroy-on-close>
+        <!-- 顶部工具栏 -->
+        <div class="toolbar">
+            <div class="left">
+                <el-input v-model="kw" placeholder="搜索：hostsId / userId / tenantId / id" clearable
+                    style="width: 320px" />
+                <el-select v-model="sortKey" style="width: 170px" placeholder="排序字段">
+                    <el-option label="开始时间" value="startTimeFormatted" />
+                    <el-option label="结束时间" value="endTimeFormatted" />
+                    <el-option label="点赞数" value="likeCount" />
+                    <el-option label="粉丝团" value="fansClubCount" />
+                </el-select>
+                <el-select v-model="sortOrder" style="width: 140px" placeholder="排序方式">
+                    <el-option label="降序" value="desc" />
+                    <el-option label="升序" value="asc" />
+                </el-select>
+
+                <el-checkbox v-model="onlyAbnormal">只看异常</el-checkbox>
+
+                <el-button @click="reset">重置</el-button>
+            </div>
+
+            <div class="right">
+                <el-tag type="info">总条数：{{ filteredRows.length }}</el-tag>
+                <el-tag type="success">点赞合计：{{ totalLikes }}</el-tag>
+                <el-tag type="warning">like=0：{{ zeroLikeCount }}</el-tag>
+            </div>
+        </div>
+
+        <el-table :data="pagedRows" border height="62vh" style="width: 100%"
+            :default-sort="{ prop: 'startTimeFormatted', order: 'descending' }">
+            <el-table-column prop="id" label="ID" width="90" />
+            <el-table-column prop="userId" label="userId" width="90" />
+            <el-table-column prop="hostsId" label="hostsId" width="130" />
+            <el-table-column prop="tenantId" label="tenantId" width="100" />
+
+            <el-table-column prop="fansClubCount" label="粉丝团" width="90" />
+            <el-table-column prop="lightedVsTotalGifts" label="点亮/礼物" width="110" />
+
+            <el-table-column prop="startTimeFormatted" label="开始时间" width="170" />
+            <el-table-column prop="endTimeFormatted" label="结束时间" width="170" />
+            <el-table-column prop="durationFormatted" label="时长" width="120" />
+
+            <el-table-column prop="likeCount" label="点赞" width="110" sortable>
+                <template #default="{ row }">
+                    <el-tag v-if="row.likeCount === 0" type="danger">0</el-tag>
+                    <span v-else>{{ row.likeCount }}</span>
+                </template>
+            </el-table-column>
+
+            <el-table-column prop="createTime" label="入库时间" width="170" />
+
+            <el-table-column label="操作" fixed="right" width="160">
+                <template #default="{ row }">
+                    <el-button size="small" @click="copyRow(row)">复制</el-button>
+                    <el-button size="small" type="primary" @click="emitSelect(row)">选中</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <div class="footer">
+            <el-pagination v-model:current-page="page" v-model:page-size="pageSize" :page-sizes="[10, 20, 50, 100]"
+                layout="total, sizes, prev, pager, next, jumper" :total="filteredRows.length" />
+        </div>
+
+        <template #footer>
+            <el-button @click="visible = false">关闭</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from "vue";
+import { ElMessage } from "element-plus";
+
+type Row = {
+    id: number;
+    userId: number;
+    hostsId: string;
+    tenantId: number;
+    fansClubCount: number;
+    lightedVsTotalGifts: string;
+    startTimeFormatted: string;
+    endTimeFormatted: string;
+    likeCount: number;
+    durationFormatted: string;
+    createTime: string;
+};
+
+const props = defineProps<{
+    modelValue: boolean;
+    rows: Row[];
+}>();
+
+const emit = defineEmits<{
+    (e: "update:modelValue", v: boolean): void;
+    (e: "select", row: Row): void;
+}>();
+
+const visible = computed({
+    get: () => props.modelValue,
+    set: (v) => emit("update:modelValue", v),
+});
+
+const kw = ref("");
+const sortKey = ref<keyof Row>("startTimeFormatted");
+const sortOrder = ref<"asc" | "desc">("desc");
+const onlyAbnormal = ref(false);
+
+const page = ref(1);
+const pageSize = ref(20);
+
+watch([kw, sortKey, sortOrder, onlyAbnormal], () => {
+    page.value = 1;
+});
+
+function parseTime(s?: string) {
+    // "2025-12-18 13:12:11" -> Date
+    if (!s) return 0;
+    return new Date(s.replace(" ", "T")).getTime() || 0;
+}
+
+function durationSeconds(durationFormatted?: string) {
+    // 例："2小时49分钟55秒" / "18分钟31秒" / "25秒"
+    if (!durationFormatted) return 0;
+    const h = Number((durationFormatted.match(/(\d+)\s*小时/) || [])[1] || 0);
+    const m = Number((durationFormatted.match(/(\d+)\s*分钟/) || [])[1] || 0);
+    const s = Number((durationFormatted.match(/(\d+)\s*秒/) || [])[1] || 0);
+    return h * 3600 + m * 60 + s;
+}
+
+const filteredRows = computed(() => {
+    const k = kw.value.trim().toLowerCase();
+
+    let arr = (props.rows || []).filter((r) => {
+        if (!k) return true;
+        const hay = `${r.id} ${r.userId} ${r.hostsId} ${r.tenantId}`.toLowerCase();
+        return hay.includes(k);
+    });
+
+    if (onlyAbnormal.value) {
+        arr = arr.filter((r) => r.likeCount === 0 || durationSeconds(r.durationFormatted) < 60);
+    }
+
+    // 排序
+    const key = sortKey.value;
+    const order = sortOrder.value;
+
+    arr = [...arr].sort((a, b) => {
+        const av = a[key] as any;
+        const bv = b[key] as any;
+
+        // 时间字段特殊处理
+        if (key === "startTimeFormatted" || key === "endTimeFormatted" || key === "createTime") {
+            const aa = parseTime(String(av));
+            const bb = parseTime(String(bv));
+            return order === "desc" ? bb - aa : aa - bb;
+        }
+
+        // 数字
+        if (typeof av === "number" && typeof bv === "number") {
+            return order === "desc" ? bv - av : av - bv;
+        }
+
+        // 字符串
+        return order === "desc"
+            ? String(bv).localeCompare(String(av))
+            : String(av).localeCompare(String(bv));
+    });
+
+    return arr;
+});
+
+const pagedRows = computed(() => {
+    const start = (page.value - 1) * pageSize.value;
+    return filteredRows.value.slice(start, start + pageSize.value);
+});
+
+const totalLikes = computed(() =>
+    filteredRows.value.reduce((sum, r) => sum + (Number(r.likeCount) || 0), 0)
+);
+
+const zeroLikeCount = computed(() => filteredRows.value.filter((r) => r.likeCount === 0).length);
+
+function reset() {
+    kw.value = "";
+    sortKey.value = "startTimeFormatted";
+    sortOrder.value = "desc";
+    onlyAbnormal.value = false;
+    page.value = 1;
+    pageSize.value = 20;
+}
+
+async function copyRow(row: Row) {
+    try {
+        await navigator.clipboard.writeText(JSON.stringify(row, null, 2));
+        ElMessage.success("已复制该行 JSON");
+    } catch {
+        ElMessage.warning("复制失败：浏览器不支持或无权限");
+    }
+}
+
+function emitSelect(row: Row) {
+    emit("select", row);
+    ElMessage.success(`已选中：ID ${row.id}`);
+}
+</script>
+
+<style scoped>
+.toolbar {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+    flex-wrap: wrap;
+}
+
+.toolbar .left {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.toolbar .right {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.footer {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/src/utils/axios.js b/src/utils/axios.js
index 1dc1ad0..38f0829 100644
--- a/src/utils/axios.js
+++ b/src/utils/axios.js
@@ -17,7 +17,7 @@ let baseURL = ''
 if (process.env.NODE_ENV === 'development') {
     // 生产环境
     // baseURL = "https://api.tkpage.yolozs.com"
-    baseURL = "http://192.168.1.174:8101"
+    baseURL = "http://192.168.2.21:8101"
     // baseURL = "https://crawlclient.api.yolozs.com"
 } else {
     // 测试环境
@@ -29,7 +29,7 @@ if (process.env.NODE_ENV === 'development') {
 
 // 请求拦截器
 axios.interceptors.request.use((config) => {
-    console.log("config", config)
+    // console.log("config", config)
     const url = sliceUrl(config.url)
     console.log("url", url)
     if (!(config.url == 'doLogin' || config.url == 'get-id-by-name')) {
@@ -50,7 +50,7 @@ axios.interceptors.request.use((config) => {
 axios.interceptors.response.use((response) => {
     console.log("response", response.data)
     if (response.data.code == 0) {
-        console.log("response", response.data.data)
+        // console.log("response", response.data.data)
         return response.data.data
     } else if (response.data.code == 40400) {
         stopScript();
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 01b3994..e3f1641 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -117,7 +117,7 @@ function switchLanguage(lang) {
 }
 
 const { getVersion, stopScript } = usePythonBridge();
-let version = ref('0.0.0');
+let version = ref('5.1.0');
 onMounted(() => {
 
 	stopScript();
@@ -156,7 +156,7 @@ const onSubmit = () => {
 			password: formData.value.password,
 		}).then((res) => {
 			loading.close();
-			console.log(res)
+			// console.log(res)
 			setToken(res.tokenValue);
 			setUser(res);
 			router.push('/nav');
diff --git a/src/views/hosts/hostsList.vue b/src/views/hosts/hostsList.vue
index 62b96a2..167fd7f 100644
--- a/src/views/hosts/hostsList.vue
+++ b/src/views/hosts/hostsList.vue
@@ -46,7 +46,7 @@
           <el-table-column prop="invitationType" :label="$t('hostList.invitationType')" width="80">
             <template #default="scope">
 
-              <el-tag :type="scope.row.invitationType == 1 ? 'success' : 'warning'">
+              <el-tag :type="scope.row.invitationType == 1 ? 'success' : 'warning'" @click="getliveHost">
                 {{ scope.row.invitationType == 1 ? $t('hostList.invitationType1') : $t('hostList.invitationType2') }}
               </el-tag>
             </template>
@@ -146,7 +146,7 @@
 
 <script setup>
 // import { getToken, setToken, removeToken } from '@/utils/storage'
-import { tkhostdata, dicts, tkhostdetail, downList, getStaffList, managerhosts, upholdinfo, getCountryinfo, accountName } from '@/api/account';
+import { tkhostdata, dicts, tkhostdetail, downList, getStaffList, managerhosts, upholdinfo, getCountryinfo, accountName, liveHostDetail } from '@/api/account';
 import { usePythonBridge, } from '@/utils/pythonBridge'
 import { getUser, setSerch, getSerch } from '@/utils/storage'
 import { ref, reactive, onMounted } from 'vue';
@@ -155,6 +155,7 @@ import { ref, reactive, onMounted } from 'vue';
 // import { color } from 'echarts';
 import { useI18n } from 'vue-i18n'
 
+
 const { t } = useI18n()
 const loading = ref(false)
 //py方法
@@ -358,6 +359,17 @@ function handleClose(done) {
 }
 
 
+function getliveHost() {
+  liveHostDetail(
+    {
+      "hostsId": "1296peahh",
+      "tenantId": userInfo.value.tenantId
+    }
+  ).then(res => {
+    console.log("直播间信息列表", JSON.stringify(res))
+  })
+}
+
 //修改主播维护状态
 // function handleSelectChange(event, data) {
 
@@ -396,14 +408,14 @@ function filterTag(value, row) {
 //获取国家
 function getCountry() {
   getCountryinfo({}).then(res => {
-    console.log(res)
+    // console.log(res)
     res.forEach(item => {
       if (item.countryGroupName) {
         options.value.push({ value: item.countryGroupName, label: item.countryGroupName })
 
       }
     })
-    console.log(options.value)
+    // console.log(options.value)
   }).catch(err => {
     console.log('getCountry', err)
   })
diff --git a/src/views/hosts/workbenches.vue b/src/views/hosts/workbenches.vue
index 7b2a045..594d5cf 100644
--- a/src/views/hosts/workbenches.vue
+++ b/src/views/hosts/workbenches.vue
@@ -55,10 +55,23 @@
                     <div class="card-header">
                         <span class="center-justify"><img src="@/assets/worklogo.png">
                             {{ $t('workbenchesSetup.workbenches') }} </span>
-                        <div style="margin-right: 120px;">{{ $t('workbenchesSetup.workbenches') }}:{{
-                            locale == 'zh' ? countryData : countryDataEN }}
-                            <!-- <el-button class="reset-button" @click="reset">重置数据</el-button> -->
-                            <!-- <el-button class="reset-button" @click="getIpInfo">刷新</el-button>s -->
+                        <div class="card-header-right">
+
+                            <span>
+                                {{ $t('workbenchesSetup.network') }}:{{ locale == 'zh' ? countryData : countryDataEN }}
+                            </span>
+
+                            <img style="height: 20px;" v-if="isWifi" src="@/assets/wifi.png">
+
+                            <span class="inline-country">
+                                <span style="color: black;">指定国家</span>
+                                <el-select v-model="country_info" class="country-select" placeholder="全部" size="small">
+                                    <el-option :label="'全部'" :value="'地区全部'" />
+                                    <el-option v-for="(item, index) in country_Lst" :key="index" :label="item"
+                                        :value="item" />
+                                </el-select>
+                            </span>
+
                         </div>
 
                     </div>
@@ -115,13 +128,13 @@
                         <div class="input-group">
                             <label>{{ $t('workbenchesSetup.setNum') }}</label>
                             <label style="color: #00000070; font-size: 15px;">({{ $t('workbenchesSetup.prompt')
-                            }})</label>
+                                }})</label>
                             <el-button type="primary" @click="isLimit = true" :disabled="!pyData.isStart">{{
                                 $t('workbenchesSetup.setHostNum')
-                                }}</el-button>
+                            }}</el-button>
                             <el-button type="info" @click="isLimit = false" :disabled="!pyData.isStart">{{
                                 $t('workbenchesSetup.unlimitedQuantity')
-                                }}</el-button>
+                            }}</el-button>
                             <!-- <el-input type='number' v-model="pyData.frequency.hour" @input="handleInputHour" -->
                             <div v-if="isLimit" class="center-justify">
                                 <el-input type='number' v-model="hostNum" :placeholder="$t('workbenchesSetup.num')"
@@ -177,7 +190,8 @@ const { fetchDataConfig, fetchDataCount, loginBackStage, loginTikTok, backStagel
 let countryData = ref('');
 //英文国家
 let countryDataEN = ref('');
-
+let country_info = ref('全部');
+let country_Lst = ref();
 //获取主播数量的定时器
 let getHostTimer = ref(null);
 //获取查询次数定时器
@@ -251,7 +265,7 @@ let hostNum = ref(0);
 let submitting = ref(true);
 let expiredTime = ref(null);
 
-onMounted(() => {
+onMounted(async () => {
     //从缓存获取数据
     if (getNumData()) {
         pyData.value = getNumData();
@@ -273,6 +287,14 @@ onMounted(() => {
         })
     }, 1000);
 
+    checkVPN()
+    setInterval(async () => {
+        await checkVPN()
+    }, 1000 * 20)
+
+
+
+
 })
 
 const getIpInfo = async () => {
@@ -285,6 +307,13 @@ const getIpInfo = async () => {
         console.log('IP信息:', data.country);
         countryDataEN.value = data.country_name
         countryData.value = getCountryName(data.country);
+
+        const url = `https://datasave.api.yolozs.com/api/save_data/country_info?countryName=${countryData.value}`;
+
+        const res = await fetch(url);
+
+        const countryres = await res.json();
+        country_Lst.value = countryres.data
     } catch (error) {
         console.error('请求出错:', error);
         ElMessageBox.prompt('请输入将要获取国家的中文名', '获取国家失败', {
@@ -294,8 +323,15 @@ const getIpInfo = async () => {
             closeOnClickModal: false,
             showCancelButton: false,
         })
-            .then(({ value }) => {
+            .then(async ({ value }) => {
                 countryData.value = value
+
+                const url = `https://datasave.api.yolozs.com/api/save_data/country_info?countryName=${countryData.value}`;
+
+                const res = await fetch(url);
+
+                const countryres = await res.json();
+                country_Lst.value = countryres.data
             })
         // .catch(() => {
         //     ElMessage({
@@ -368,6 +404,7 @@ const submit = () => {
                 country: countryData.value,
                 tenantId: getUser().tenantId,
                 userId: getUser().id,
+                crawl_single_nation: country_info.value == '全部' ? '' : country_info.value
             })).then((res) => {
                 //开始计时器
                 startTimer();
@@ -419,6 +456,8 @@ const unsubmit = () => {
         country: countryData.value,
         tenantId: getUser().tenantId,
         userId: getUser().id,
+        crawl_single_nation: country_info.value == '全部' ? '' : country_info.value
+
     })).then((res) => {
         pauseTimer();
         pyData.value.isStart = true;
@@ -627,6 +666,34 @@ function timestampToTime(timestamp_ms) {
     return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
 }
 
+let isWifi = ref(false);
+const checkVPN = async () => {
+    try {
+        // 设置超时 5 秒钟
+        const timeout = new Promise((_, reject) =>
+            setTimeout(() => reject(new Error('请求超时')), 10000)  // 10秒超时
+        );
+
+        // 使用 Promise.race 来进行超时控制
+        const response = await Promise.race([
+            fetch('https://www.google.com', { method: 'HEAD', mode: 'no-cors' }),
+            timeout
+        ]);
+
+        // 判断 fetch 请求是否成功
+        if (response && response.type === 'opaque') {
+            // ElMessage.success('VPN连接正常！');
+            isWifi.value = false;
+        } else {
+            ElMessage.error('VPN连接失败，无法访问网络。');
+            isWifi.value = true;
+        }
+    } catch (error) {
+        // 捕获超时错误或其他错误
+        ElMessage.error('VPN连接失败，无法访问网络。');
+        isWifi.value = true;
+    }
+};
 </script>
 
 <style scoped lang="less">
@@ -730,6 +797,34 @@ function timestampToTime(timestamp_ms) {
     justify-content: space-between;
     align-items: center;
 
+    .card-header-right {
+        margin-right: 70px;
+        display: inline-flex;
+        align-items: center;
+        gap: 12px;
+        /* 各个块之间的间距 */
+        white-space: nowrap;
+
+
+
+        /* 整个右侧区域不换行 */
+        span {
+            color: #0013b9;
+        }
+    }
+
+    .inline-country {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        /* “指定国家” 和 select 的间距 */
+    }
+
+    .country-select {
+        min-width: 120px;
+        /* 防止 select 太窄，文字被挤没 */
+    }
+
     span {
         font-family: Source Han Sans SC;
         font-weight: 400;
@@ -752,12 +847,7 @@ function timestampToTime(timestamp_ms) {
     }
 }
 
-label {
-    display: block;
-    margin-bottom: 8px;
-    font-weight: bold;
-    color: #606266;
-}
+
 
 .open-login {
     width: 100px;