yunzerwebsite/platform-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复检测

Browse Source
This commit is contained in:
扫地僧 2026-06-14 00:45:18 +08:00
parent 1bed46e11b
commit 26b5e94023
5 changed files with 405 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/api/accountPool.js
View File

@ -59,6 +59,14 @@ export function setAccountPoolUnavailable(module, data) {
});
}
export function updateAccountPoolUsable(module, data) {
return request({
url: `${base(module)}/updateUsable`,
method: 'post',
data,
});
}
export function updateAccountPoolPlatform(module, data) {
return request({
url: `${base(module)}/updatePlatform`,

40
src/components/CommonAside.vue
View File

@ -14,7 +14,6 @@
<!-- 菜单主体 -->
<el-menu
v-else
:collapse="isCollapse"
:collapse-transition="false"
:background-color="asideBgColor"
@ -23,6 +22,7 @@
:active-background-color="activeBgColor"
class="el-menu-vertical-demo"
:unique-opened="true"
:default-openeds="defaultOpeneds"
@select="handleMenuSelect"
:default-active="route.path"
>
@ -284,10 +284,29 @@ const currentModule = computed(() => {
});
const displayMenus = computed(() => {
// 侧边栏始终展示完整菜单树，不随当前路由切换为“子菜单视图”
// 侧边栏始终展示完整菜单树，不随当前路由切换为"子菜单视图"
return list.value;
});
const findOpenMenuPaths = (menus, targetPath, ancestors = []) => {
for (const menu of menus) {
const currentPath = menu.path || menu.id.toString();
if (menu.path && (targetPath === menu.path || targetPath.startsWith(menu.path + "/"))) {
return [...ancestors, currentPath];
}
if (menu.children && menu.children.length > 0) {
const found = findOpenMenuPaths(menu.children, targetPath, [...ancestors, currentPath]);
if (found) return found;
}
}
return null;
};
const defaultOpeneds = computed(() => {
const result = findOpenMenuPaths(displayMenus.value, route.path);
return result || [];
});
const asideTitle = computed(() => {
if (isCollapse.value) return "管理";
return "菜单";
@ -311,7 +330,7 @@ const processMenus = (menus) => {
.map((menu) => ({
id: menu.id,
path: menu.path,
icon: menu.icon || "Document",
icon: menu.icon || null,
title: menu.title,
route: menu.path,
component_path: menu.component_path,
@ -541,13 +560,13 @@ h3 {
// 高亮样式
.el-menu-item.is-active {
html:not(.dark) & {
background-color: rgba(57, 115, 255, 0.3) !important;
background-color: rgba(255, 255, 255, 0.2) !important;
border-left: 3px solid #ffffff;
}
html.dark & {
background-color: rgba(60, 60, 60, 0.8) !important;
}
color: #ffffff !important;
border-left: 3px solid #4f84ff;
margin-left: -3px;
.menu-icon {
@ -574,12 +593,17 @@ h3 {
}
&.is-opened .el-sub-menu__title {
background: rgba(255, 255, 255, 0.08) !important;
background: rgba(255, 255, 255, 0.12) !important;
margin-left: -3px;
}
.el-menu-item {
padding-left: 48px !important;
font-size: 13px;
&.is-active {
background: rgba(255, 255, 255, 0.18) !important;
}
}
}
@ -604,6 +628,10 @@ h3 {
.el-sub-menu.is-opened .el-sub-menu__title {
background: rgba(64, 158, 255, 0.08) !important;
}
.el-sub-menu .el-menu-item.is-active {
background: rgba(64, 158, 255, 0.15) !important;
}
}
}

53
src/views/accountpool/cursor/components/detail.vue
View File

@ -22,8 +22,10 @@ const remarkText = ref("");
const remarkDialogVisible = ref(false);
const platformDialogVisible = ref(false);
const unavailableDialogVisible = ref(false);
const usableDialogVisible = ref(false);
const unextractDialogVisible = ref(false);
const platformForm = reactive({ platform: "local" });
const usableForm = reactive({ usable: 1 });
const TYPE_MAP = {
account: { label: "账号密码", type: "success" },
@ -82,6 +84,12 @@ watch(
(row) => {
remarkText.value = row?.remark || "";
platformForm.platform = row?.extractedPlatform || "local";
const raw = row?.isUsed;
if (raw === null || raw === undefined || raw === "") {
usableForm.usable = 1;
} else {
usableForm.usable = Number(raw) === 0 ? 0 : 1;
}
},
{ immediate: true },
);
@ -107,6 +115,26 @@ function onSetUnavailable() {
unavailableDialogVisible.value = false;
}
function openUsableDialog() {
const raw = props.row?.isUsed;
if (raw === null || raw === undefined || raw === "") {
usableForm.usable = 1;
} else {
usableForm.usable = Number(raw) === 0 ? 0 : 1;
}
usableDialogVisible.value = true;
}
function onUpdateUsable() {
if (!props.row?.id) return;
emit("detail-action", {
action: "usable",
id: props.row.id,
usable: usableForm.usable,
});
usableDialogVisible.value = false;
}
function onUpdatePlatform() {
if (!props.row?.id) return;
emit("detail-action", {
@ -299,6 +327,9 @@ function copyAll() {
</div>
</div>
<div class="copy-actions">
<el-button type="success" plain @click="openUsableDialog">
改可用状态
</el-button>
<el-button
type="danger"
plain
@ -334,6 +365,28 @@ function copyAll() {
</div>
</el-dialog>
<el-dialog
v-model="usableDialogVisible"
title="改可用状态"
width="420px"
append-to-body
>
<el-form label-width="84px">
<el-form-item label="可用状态">
<el-radio-group v-model="usableForm.usable">
<el-radio :value="1">可用</el-radio>
<el-radio :value="0">不可用</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="usableDialogVisible = false">取消</el-button>
<el-button type="primary" :loading="saveLoading" @click="onUpdateUsable">
确认修改
</el-button>
</template>
</el-dialog>
<el-dialog
v-model="unavailableDialogVisible"
title="改不可用"

332
src/views/accountpool/cursor/index.vue
View File

@ -1,6 +1,7 @@
<script setup>
import { computed, h, nextTick, onMounted, onUnmounted, reactive, ref, watch } from "vue";
import { ElMessage, ElMessageBox } from "element-plus";
import { Loading } from "@element-plus/icons-vue";
import Edit from "./components/edit.vue";
import DetailDialog from "./components/detail.vue";
import ExtractDialog from "./components/extract.vue";
@ -13,6 +14,7 @@ import {
getAccountPoolList,
updateAccountPoolRemark,
setAccountPoolUnavailable,
updateAccountPoolUsable,
updateAccountPoolPlatform,
unextractAccountPool,
replenishAccountPool,
@ -20,6 +22,35 @@ import {
} from "@/api/accountPool";
const moduleKey = "cursor";
const PAGINATION_STORAGE_KEY = `accountPool:${moduleKey}:pagination`;
function loadStoredPagination() {
try {
const raw = sessionStorage.getItem(PAGINATION_STORAGE_KEY);
if (!raw) return { page: 1, pageSize: 20 };
const saved = JSON.parse(raw);
const pageSize = Number(saved.pageSize);
const page = Number(saved.page);
return {
page: Number.isFinite(page) && page >= 1 ? page : 1,
pageSize: [20, 50, 100].includes(pageSize) ? pageSize : 20,
};
} catch {
return { page: 1, pageSize: 20 };
}
}
function savePagination() {
sessionStorage.setItem(
PAGINATION_STORAGE_KEY,
JSON.stringify({
page: pagination.page,
pageSize: pagination.pageSize,
}),
);
}
const storedPagination = loadStoredPagination();
const loading = ref(false);
const editVisible = ref(false);
@ -58,10 +89,24 @@ const selectedRows = ref([]);
const detailRow = ref(null);
const detailRemarkSaving = ref(false);
const probeLoadingId = ref(null);
const batchProbeDialogVisible = ref(false);
const batchProbePhase = ref("running");
const batchProbeProgress = reactive({
total: 0,
current: 0,
currentId: null,
percent: 0,
});
const batchProbeSummary = reactive({
total: 0,
available: 0,
unavailable: 0,
skipped: 0,
});
const isMobile = ref(false);
const pagination = reactive({
page: 1,
pageSize: 20,
page: storedPagination.page,
pageSize: storedPagination.pageSize,
});
/** 跳转未提取末页时跳过 watcher，避免先被重置到第 1 页 */
@ -99,6 +144,7 @@ watch(
watch(
() => [pagination.page, pagination.pageSize],
() => {
savePagination();
if (skipWatchFetchDuringUnusedJump.value) return;
fetchList();
},
@ -272,6 +318,11 @@ async function handleDetailAction(payload) {
let res;
if (payload.action === "unavailable") {
res = await setAccountPoolUnavailable(moduleKey, { id: payload.id });
} else if (payload.action === "usable") {
res = await updateAccountPoolUsable(moduleKey, {
id: payload.id,
usable: payload.usable,
});
} else if (payload.action === "platform") {
res = await updateAccountPoolPlatform(moduleKey, {
id: payload.id,
@ -538,6 +589,10 @@ async function fetchList() {
const list = Array.isArray(res?.data?.list) ? res.data.list : [];
tableData.value = list.map(normalizeRow);
total.value = Number(res?.data?.total || 0);
const maxPage = Math.max(1, Math.ceil(total.value / pagination.pageSize));
if (pagination.page > maxPage) {
pagination.page = maxPage;
}
} finally {
loading.value = false;
}
@ -683,6 +738,35 @@ function formatCursorProbeDialogText(d) {
return '该TOKEN可用';
}
function formatCursorProbeDetail(d) {
if (!d) return '';
const parts = [];
// 提取关键信息
if (d.httpStatus) parts.push(`HTTP状态: ${d.httpStatus}`);
if (d.endpoint) parts.push(`接口: ${d.endpoint}`);
if (d.probeMessage) parts.push(`探测方式: ${d.probeMessage}`);
if (d.bytesRead) parts.push(`响应大小: ${d.bytesRead} 字节`);
if (d.streamProtocol) parts.push(`协议: ${d.streamProtocol}`);
// 提取检测结论
if (d.detail) {
// 解析流匹配信息
const matchPrefix = '流中匹配：';
if (d.detail.includes(matchPrefix)) {
const matchStart = d.detail.indexOf(matchPrefix);
const matchEnd = d.detail.indexOf('；', matchStart);
const matchText = matchEnd > 0 ? d.detail.substring(matchStart, matchEnd) : d.detail.substring(matchStart);
parts.push(`检测结论: ${matchText}`);
} else {
parts.push(`检测结论: ${d.detail}`);
}
}
return parts.join('\n');
}
async function handleProbeToken(row) {
if (!row?.token) {
ElMessage.warning('该行无 Token');
@ -700,10 +784,43 @@ async function handleProbeToken(row) {
}
const d = res?.data || {};
const text = formatCursorProbeDialogText(d);
const isOk = d.ok === true;
// 构建详细信息
const detailItems = [];
if (d.httpStatus) detailItems.push(`HTTP状态: ${d.httpStatus}`);
if (d.endpoint) detailItems.push(`接口: ${d.endpoint}`);
if (d.probeMessage) detailItems.push(`探测方式: ${d.probeMessage}`);
if (d.bytesRead) detailItems.push(`响应大小: ${d.bytesRead} 字节`);
if (d.streamProtocol) detailItems.push(`协议: ${d.streamProtocol}`);
// 提取检测结论（从 detail 字段）
if (d.detail) {
const matchPrefix = '流中匹配：';
if (d.detail.includes(matchPrefix)) {
const matchStart = d.detail.indexOf(matchPrefix);
const matchEnd = d.detail.indexOf('；', matchStart);
const matchText = matchEnd > 0 ? d.detail.substring(matchStart, matchEnd) : d.detail.substring(matchStart);
detailItems.push(`检测结论: ${matchText}`);
} else {
detailItems.push(`检测结论: ${d.detail}`);
}
}
try {
await ElMessageBox({
title: '检测结果',
message: h('div', { class: 'cursor-probe-result' }, text),
title: isOk ? '检测结果 - 可用' : '检测结果 - 不可用',
message: h('div', { class: 'cursor-probe-result cursor-expire-result' }, [
h('div', {
style: `text-align:center;font-size:18px;font-weight:700;margin-bottom:12px;color:${isOk ? '#67c23a' : '#f56c6c'}`
}, text),
detailItems.length > 0 ? h('div', {
style: 'text-align:left;font-size:13px;color:#606266;margin-bottom:8px;line-height:1.8'
}, detailItems.map(item => h('div', null, `• ${item}`))) : null,
d.streamNote ? h('div', {
style: 'text-align:left;font-size:12px;color:#909399;margin-top:8px;padding:8px;background:#f5f7fa;border-radius:4px;white-space:pre-wrap;line-height:1.6;'
}, d.streamNote) : null,
]),
confirmButtonText: '关闭',
customClass: 'cursor-probe-dialog',
closeOnClickModal: true,
@ -741,36 +858,61 @@ async function handleBatchProbe() {
} catch {
return;
}
loading.value = true;
let ok = 0;
let fail = 0;
let available = 0;
let unavailable = 0;
batchProbePhase.value = "running";
batchProbeProgress.total = rows.length;
batchProbeProgress.current = 0;
batchProbeProgress.currentId = null;
batchProbeProgress.percent = 0;
batchProbeDialogVisible.value = true;
await nextTick();
try {
for (const row of rows) {
for (let i = 0; i < rows.length; i += 1) {
const row = rows[i];
batchProbeProgress.current = i + 1;
batchProbeProgress.currentId = row.id;
batchProbeProgress.percent = Math.round((i / rows.length) * 100);
await nextTick();
try {
const res = await probeAccountPoolToken(moduleKey, {
id: row.id,
accessToken: row.token,
});
if (res?.code === 200) {
ok += 1;
if (res?.code === 200 && res?.data?.ok === true) {
available += 1;
} else {
fail += 1;
unavailable += 1;
}
} catch {
fail += 1;
unavailable += 1;
}
batchProbeProgress.percent = Math.round(((i + 1) / rows.length) * 100);
await nextTick();
}
if (fail > 0) {
ElMessage.warning(`批量检测完成：成功 ${ok} 条，失败 ${fail} 条`);
} else {
ElMessage.success(`批量检测完成：共 ${ok} 条`);
}
batchProbeSummary.total = rows.length;
batchProbeSummary.available = available;
batchProbeSummary.unavailable = unavailable;
batchProbeSummary.skipped = skipped;
batchProbePhase.value = "done";
await fetchList();
} finally {
loading.value = false;
} catch {
batchProbeDialogVisible.value = false;
ElMessage.error("批量检测异常");
}
}
function closeBatchProbeDialog() {
batchProbeDialogVisible.value = false;
batchProbePhase.value = "running";
}
// async function handleBatchProbeExpireTime() {
// if (!selectedRows.value.length) {
// ElMessage.warning("请先选择数据");
@ -954,13 +1096,13 @@ async function handleBatchProbe() {
</el-tag>
</template>
</el-table-column>
<el-table-column label="accessToken失效时间" width="190" align="center">
<!-- <el-table-column label="accessToken失效时间" width="190" align="center">
<template #default="{ row }">
<el-tag :type="accessTokenExpireTagType(row.accessTokenExpireStatus)" size="small">
{{ row.accessTokenExpireText || "-" }}
</el-tag>
</template>
</el-table-column>
</el-table-column> -->
<el-table-column label="提取平台" width="120">
<template #default="{ row }">
<el-tag
@ -1012,7 +1154,7 @@ async function handleBatchProbe() {
v-model:current-page="pagination.page"
v-model:page-size="pagination.pageSize"
background
:layout="isMobile ? 'prev, pager, next' : 'total, prev, pager, next, jumper'"
layout="total, sizes, prev, pager, next, jumper"
:page-sizes="[20, 50, 100]"
:total="total"
/>
@ -1094,6 +1236,61 @@ async function handleBatchProbe() {
</template>
</el-dialog>
<el-dialog
v-model="batchProbeDialogVisible"
:title="batchProbePhase === 'running' ? '批量检测中' : '批量检测结果'"
width="440px"
align-center
:close-on-click-modal="false"
:close-on-press-escape="false"
:show-close="batchProbePhase === 'done'"
@close="closeBatchProbeDialog"
>
<div v-if="batchProbePhase === 'running'" class="batch-probe-progress">
<div class="batch-probe-icon">
<el-icon class="is-loading" :size="36" color="#409eff">
<Loading />
</el-icon>
</div>
<el-progress
:percentage="batchProbeProgress.percent"
:stroke-width="14"
striped
striped-flow
:duration="8"
/>
<div class="batch-probe-status">
正在检测第 {{ batchProbeProgress.current }} / {{ batchProbeProgress.total }} 条
</div>
<div v-if="batchProbeProgress.currentId" class="batch-probe-id">
当前 ID：{{ batchProbeProgress.currentId }}
</div>
</div>
<div v-else class="batch-probe-summary">
<div class="batch-probe-summary-title">检测完成</div>
<div class="batch-probe-summary-grid">
<div class="summary-item">
<span class="summary-label">共检测</span>
<span class="summary-value">{{ batchProbeSummary.total }} 条</span>
</div>
<div class="summary-item available">
<span class="summary-label">可用</span>
<span class="summary-value">{{ batchProbeSummary.available }} 条</span>
</div>
<div class="summary-item unavailable">
<span class="summary-label">失效</span>
<span class="summary-value">{{ batchProbeSummary.unavailable }} 条</span>
</div>
</div>
<div v-if="batchProbeSummary.skipped > 0" class="batch-probe-skipped">
已跳过无 Token {{ batchProbeSummary.skipped }} 条
</div>
</div>
<template v-if="batchProbePhase === 'done'" #footer>
<el-button type="primary" @click="closeBatchProbeDialog">关闭</el-button>
</template>
</el-dialog>
<!-- 接口说明抽屉 -->
<el-drawer
v-model="apiDocVisible"
@ -1247,7 +1444,7 @@ async function handleBatchProbe() {
}
:deep(.pool-batch-extract-dialog) {
max-width: 420px;
max-width: 600px;
}
@media (max-width: 768px) {
@ -1285,6 +1482,12 @@ async function handleBatchProbe() {
justify-content: center;
}
.pager :deep(.el-pagination) {
flex-wrap: wrap;
justify-content: center;
row-gap: 8px;
}
:deep(.pool-batch-extract-dialog) {
width: calc(100vw - 24px) !important;
margin: 0 auto;
@ -1412,6 +1615,88 @@ async function handleBatchProbe() {
font-size: 12px;
color: #409eff;
}
.batch-probe-progress {
padding: 8px 4px 4px;
text-align: center;
}
.batch-probe-icon {
margin-bottom: 18px;
}
.batch-probe-status {
margin-top: 16px;
font-size: 15px;
font-weight: 600;
color: #303133;
}
.batch-probe-id {
margin-top: 8px;
font-size: 13px;
color: #909399;
}
.batch-probe-summary {
padding: 8px 4px 4px;
text-align: center;
}
.batch-probe-summary-title {
font-size: 18px;
font-weight: 700;
color: #303133;
margin-bottom: 18px;
}
.batch-probe-summary-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.summary-item {
padding: 14px 10px;
border-radius: 12px;
background: #f5f7fa;
}
.summary-item.available {
background: #f0f9eb;
}
.summary-item.unavailable {
background: #fef0f0;
}
.summary-label {
display: block;
font-size: 12px;
color: #909399;
margin-bottom: 6px;
}
.summary-value {
display: block;
font-size: 20px;
font-weight: 700;
color: #303133;
}
.summary-item.available .summary-value {
color: #67c23a;
}
.summary-item.unavailable .summary-value {
color: #f56c6c;
}
.batch-probe-skipped {
margin-top: 14px;
font-size: 12px;
color: #909399;
}
</style>
<style>
@ -1427,6 +1712,7 @@ async function handleBatchProbe() {
/* Cursor 探测结果弹窗（teleport 到 body，需非 scoped） */
.cursor-probe-dialog .el-message-box__message {
padding: 12px 8px 4px;
width: 100%;
}
.cursor-probe-dialog .cursor-probe-result {
margin: 0;

1
vite.config.js
View File

@ -27,6 +27,7 @@ export default defineConfig({
},
},
server: {
host: "127.0.0.1",
port: 5000,
// 开发时前端在 5000，接口走相对路径 /platform/*、/backend/*，转发到本地 Go（当前 httpport=8081）
proxy: {