更新号池界面
This commit is contained in:
parent
449a7deac5
commit
aabf7e56d4
@ -38,7 +38,7 @@ const selectedRows = ref([]);
|
||||
const detailRow = ref(null);
|
||||
const pagination = reactive({
|
||||
page: 1,
|
||||
pageSize: 30,
|
||||
pageSize: 20,
|
||||
});
|
||||
|
||||
const pagedList = computed(() => tableData.value);
|
||||
@ -196,6 +196,11 @@ function typeText(type) {
|
||||
return 'Token';
|
||||
}
|
||||
|
||||
const tooltipOpts = {
|
||||
popperClass: 'pool-tooltip',
|
||||
popperStyle: { maxWidth: '600px', wordBreak: 'break-all', whiteSpace: 'pre-wrap' },
|
||||
};
|
||||
|
||||
const PLATFORM_MAP = {
|
||||
local: { label: '本地', type: 'info' },
|
||||
xianyu: { label: '闲鱼', type: 'warning' },
|
||||
@ -219,17 +224,31 @@ function normalizeRow(raw) {
|
||||
}
|
||||
return '';
|
||||
};
|
||||
// 指针类型字段（可能为 null），单独处理
|
||||
const pickNullable = (...keys) => {
|
||||
for (const key of keys) {
|
||||
if (raw?.[key] !== undefined) return raw[key] ?? null;
|
||||
}
|
||||
return null;
|
||||
};
|
||||
const formatTime = (val) => {
|
||||
if (!val) return '';
|
||||
const d = new Date(val);
|
||||
if (isNaN(d)) return val;
|
||||
const p = (v) => String(v).padStart(2, '0');
|
||||
return `${d.getFullYear()}-${p(d.getMonth()+1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`;
|
||||
};
|
||||
return {
|
||||
id: pick('id', 'Id'),
|
||||
id: pick('id', 'Id', 'ID'),
|
||||
type: pick('data_type', 'dataType', 'type'),
|
||||
account: pick('account', 'Account'),
|
||||
password: pick('password', 'Password'),
|
||||
token: pick('token', 'Token'),
|
||||
remark: pick('remark', 'Remark'),
|
||||
extracted: Number(pick('is_extracted', 'isExtracted')) === 1 || !!pick('extracted'),
|
||||
extractedAt: pick('extracted_time', 'extracted_at', 'extractedAt'),
|
||||
extractedPlatform: pick('extracted_platform', 'extractedPlatform'),
|
||||
createdAt: pick('create_time', 'created_at', 'createdAt'),
|
||||
extracted: Number(pick('is_extracted', 'isExtracted', 'IsExtracted')) === 1,
|
||||
extractedAt: formatTime(pickNullable('extracted_time', 'extractedAt')),
|
||||
extractedPlatform: pickNullable('extracted_platform', 'extractedPlatform'),
|
||||
createdAt: formatTime(pick('create_time', 'createdAt')),
|
||||
};
|
||||
}
|
||||
|
||||
@ -289,38 +308,14 @@ const examples = [
|
||||
{ label: '抖音 · 提取 Krio Token', url: `${BASE_URL}/api/getcard?type=douyin&module=krio&data_type=tk` },
|
||||
];
|
||||
|
||||
const successResp = `// 账号密码类型（data_type=account）
|
||||
{
|
||||
"code": 200,
|
||||
"msg": "success",
|
||||
"data": {
|
||||
"type": "account",
|
||||
"account": "user@example.com",
|
||||
"password": "your_password"
|
||||
}
|
||||
}
|
||||
const successResp = `// 纯 Token 类型（data_type=tk）
|
||||
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
|
||||
|
||||
// 账号密码类型（data_type=account）
|
||||
账号：user@example.com / 密码：your_password
|
||||
|
||||
// 账号密码+Token 类型（data_type=account_tk）
|
||||
{
|
||||
"code": 200,
|
||||
"msg": "success",
|
||||
"data": {
|
||||
"type": "account_tk",
|
||||
"account": "user@example.com",
|
||||
"password": "your_password",
|
||||
"token": "eyJhbGciOiJIUzI1NiIs..."
|
||||
}
|
||||
}
|
||||
|
||||
// 纯 Token 类型（data_type=tk）
|
||||
{
|
||||
"code": 200,
|
||||
"msg": "success",
|
||||
"data": {
|
||||
"type": "tk",
|
||||
"token": "eyJhbGciOiJIUzI1NiIs..."
|
||||
}
|
||||
}`;
|
||||
账号：user@example.com / 密码：your_password / Token：eyJhbGciOiJIUzI1NiIs...`;
|
||||
|
||||
const errorResp = `// 无可用卡密
|
||||
{ "code": 404, "msg": "暂无可用卡密" }
|
||||
@ -333,6 +328,17 @@ function copyText(text) {
|
||||
ElMessage.success('已复制');
|
||||
});
|
||||
}
|
||||
|
||||
function copyCardInfo(row) {
|
||||
const parts = [];
|
||||
if (row.account) parts.push(row.account);
|
||||
if (row.password) parts.push(row.password);
|
||||
if (row.token) parts.push(row.token);
|
||||
if (!parts.length) { ElMessage.warning('无可复制内容'); return; }
|
||||
navigator.clipboard.writeText(parts.join('\n')).then(() => {
|
||||
ElMessage.success('已复制');
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -390,15 +396,14 @@ function copyText(text) {
|
||||
<el-tag>{{ typeText(row.type) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="account" label="账号" min-width="180" show-overflow-tooltip />
|
||||
<el-table-column label="密码/Token" min-width="240" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<span v-if="row.type === 'account'">{{ row.password || '-' }}</span>
|
||||
<span v-else-if="row.type === 'account_tk'">{{ `${row.password || '-'} / ${row.token || '-'}` }}</span>
|
||||
<span v-else>{{ row.token || '-' }}</span>
|
||||
</template>
|
||||
<el-table-column prop="account" label="账号" min-width="180" show-overflow-tooltip :tooltip-options="tooltipOpts" />
|
||||
<el-table-column prop="password" label="密码" min-width="160" show-overflow-tooltip :tooltip-options="tooltipOpts">
|
||||
<template #default="{ row }">{{ row.password || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="remark" label="备注" min-width="140" show-overflow-tooltip />
|
||||
<el-table-column label="Token" min-width="200" show-overflow-tooltip :tooltip-options="tooltipOpts">
|
||||
<template #default="{ row }">{{ row.token || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="remark" label="备注" min-width="140" show-overflow-tooltip :tooltip-options="tooltipOpts" />
|
||||
<el-table-column label="提取状态" width="100">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="row.extracted ? 'success' : 'info'">
|
||||
@ -415,17 +420,11 @@ function copyText(text) {
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="180" fixed="right" align="center">
|
||||
<el-table-column label="操作" width="220" fixed="right" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" @click="openDetail(row)">详情</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="warning"
|
||||
:disabled="row.extracted"
|
||||
@click="openExtractByRow(row)"
|
||||
>
|
||||
提取
|
||||
</el-button>
|
||||
<el-button link type="warning" :disabled="row.extracted" @click="openExtractByRow(row)">提取</el-button>
|
||||
<el-button v-if="row.extracted" link type="success" @click="copyCardInfo(row)">复制</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -436,7 +435,7 @@ function copyText(text) {
|
||||
v-model:page-size="pagination.pageSize"
|
||||
background
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:page-sizes="[30, 50, 100]"
|
||||
:page-sizes="[20, 50, 100]"
|
||||
:total="total"
|
||||
/>
|
||||
</div>
|
||||
@ -457,7 +456,7 @@ function copyText(text) {
|
||||
{{ detailRow.password || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="Token">
|
||||
{{ detailRow.token || '-' }}
|
||||
<span class="token-text">{{ detailRow.token || '-' }}</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="提取状态">
|
||||
{{ detailRow.extracted ? '已提取' : '未提取' }}
|
||||
@ -689,4 +688,21 @@ function copyText(text) {
|
||||
word-break: break-all;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.token-text {
|
||||
word-break: break-all;
|
||||
white-space: pre-wrap;
|
||||
line-height: 1.6;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.pool-tooltip.el-popper {
|
||||
max-width: 600px !important;
|
||||
white-space: pre-wrap !important;
|
||||
word-break: break-all !important;
|
||||
}
|
||||
.pool-tooltip .el-popper__arrow {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
@ -123,6 +123,11 @@ function typeText(type) {
|
||||
return 'Token';
|
||||
}
|
||||
|
||||
const tooltipOpts = {
|
||||
popperClass: 'pool-tooltip',
|
||||
popperStyle: { maxWidth: '600px', wordBreak: 'break-all', whiteSpace: 'pre-wrap' },
|
||||
};
|
||||
|
||||
const PLATFORM_MAP = {
|
||||
local: { label: '本地', type: 'info' },
|
||||
xianyu: { label: '闲鱼', type: 'warning' },
|
||||
@ -141,17 +146,30 @@ function normalizeRow(raw) {
|
||||
}
|
||||
return '';
|
||||
};
|
||||
const pickNullable = (...keys) => {
|
||||
for (const key of keys) {
|
||||
if (raw?.[key] !== undefined) return raw[key] ?? null;
|
||||
}
|
||||
return null;
|
||||
};
|
||||
const formatTime = (val) => {
|
||||
if (!val) return '';
|
||||
const d = new Date(val);
|
||||
if (isNaN(d)) return val;
|
||||
const p = (v) => String(v).padStart(2, '0');
|
||||
return `${d.getFullYear()}-${p(d.getMonth()+1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`;
|
||||
};
|
||||
return {
|
||||
id: pick('id', 'Id'),
|
||||
id: pick('id', 'Id', 'ID'),
|
||||
type: pick('data_type', 'dataType', 'type'),
|
||||
account: pick('account', 'Account'),
|
||||
password: pick('password', 'Password'),
|
||||
token: pick('token', 'Token'),
|
||||
remark: pick('remark', 'Remark'),
|
||||
extracted: Number(pick('is_extracted', 'isExtracted')) === 1 || !!pick('extracted'),
|
||||
extractedAt: pick('extracted_time', 'extracted_at', 'extractedAt'),
|
||||
extractedPlatform: pick('extracted_platform', 'extractedPlatform'),
|
||||
createdAt: pick('create_time', 'created_at', 'createdAt'),
|
||||
extracted: Number(pick('is_extracted', 'isExtracted', 'IsExtracted')) === 1,
|
||||
extractedAt: formatTime(pickNullable('extracted_time', 'extractedAt')),
|
||||
extractedPlatform: pickNullable('extracted_platform', 'extractedPlatform'),
|
||||
createdAt: formatTime(pick('create_time', 'createdAt')),
|
||||
};
|
||||
}
|
||||
|
||||
@ -203,38 +221,14 @@ const examples = [
|
||||
{ label: '抖音 · 提取 Windsurf Token', url: `${BASE_URL}/api/getcard?type=douyin&module=windsurf&data_type=tk` },
|
||||
];
|
||||
|
||||
const successResp = `// 账号密码类型（data_type=account）
|
||||
{
|
||||
"code": 200,
|
||||
"msg": "success",
|
||||
"data": {
|
||||
"type": "account",
|
||||
"account": "user@example.com",
|
||||
"password": "your_password"
|
||||
}
|
||||
}
|
||||
const successResp = `// 纯 Token 类型（data_type=tk）
|
||||
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
|
||||
|
||||
// 账号密码类型（data_type=account）
|
||||
账号：user@example.com / 密码：your_password
|
||||
|
||||
// 账号密码+Token 类型（data_type=account_tk）
|
||||
{
|
||||
"code": 200,
|
||||
"msg": "success",
|
||||
"data": {
|
||||
"type": "account_tk",
|
||||
"account": "user@example.com",
|
||||
"password": "your_password",
|
||||
"token": "eyJhbGciOiJIUzI1NiIs..."
|
||||
}
|
||||
}
|
||||
|
||||
// 纯 Token 类型（data_type=tk）
|
||||
{
|
||||
"code": 200,
|
||||
"msg": "success",
|
||||
"data": {
|
||||
"type": "tk",
|
||||
"token": "eyJhbGciOiJIUzI1NiIs..."
|
||||
}
|
||||
}`;
|
||||
账号：user@example.com / 密码：your_password / Token：eyJhbGciOiJIUzI1NiIs...`;
|
||||
|
||||
const errorResp = `// 无可用卡密
|
||||
{ "code": 404, "msg": "暂无可用卡密" }
|
||||
@ -245,6 +239,15 @@ const errorResp = `// 无可用卡密
|
||||
function copyText(text) {
|
||||
navigator.clipboard.writeText(text).then(() => { ElMessage.success('已复制'); });
|
||||
}
|
||||
|
||||
function copyCardInfo(row) {
|
||||
const parts = [];
|
||||
if (row.account) parts.push(row.account);
|
||||
if (row.password) parts.push(row.password);
|
||||
if (row.token) parts.push(row.token);
|
||||
if (!parts.length) { ElMessage.warning('无可复制内容'); return; }
|
||||
navigator.clipboard.writeText(parts.join('\n')).then(() => { ElMessage.success('已复制'); });
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -281,15 +284,14 @@ function copyText(text) {
|
||||
<el-table-column label="账号类型" width="160" align="center">
|
||||
<template #default="{ row }"><el-tag>{{ typeText(row.type) }}</el-tag></template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="account" label="账号" min-width="180" show-overflow-tooltip />
|
||||
<el-table-column label="密码/Token" min-width="240" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<span v-if="row.type === 'account'">{{ row.password || '-' }}</span>
|
||||
<span v-else-if="row.type === 'account_tk'">{{ `${row.password || '-'} / ${row.token || '-'}` }}</span>
|
||||
<span v-else>{{ row.token || '-' }}</span>
|
||||
</template>
|
||||
<el-table-column prop="account" label="账号" min-width="180" show-overflow-tooltip :tooltip-options="tooltipOpts" />
|
||||
<el-table-column prop="password" label="密码" min-width="160" show-overflow-tooltip :tooltip-options="tooltipOpts">
|
||||
<template #default="{ row }">{{ row.password || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="remark" label="备注" min-width="140" show-overflow-tooltip />
|
||||
<el-table-column label="Token" min-width="200" show-overflow-tooltip :tooltip-options="tooltipOpts">
|
||||
<template #default="{ row }">{{ row.token || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="remark" label="备注" min-width="140" show-overflow-tooltip :tooltip-options="tooltipOpts" />
|
||||
<el-table-column label="提取状态" width="100">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="row.extracted ? 'success' : 'info'">{{ row.extracted ? '已提取' : '未提取' }}</el-tag>
|
||||
@ -304,10 +306,11 @@ function copyText(text) {
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="180" fixed="right" align="center">
|
||||
<el-table-column label="操作" width="220" fixed="right" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" @click="openDetail(row)">详情</el-button>
|
||||
<el-button link type="warning" :disabled="row.extracted" @click="openExtractByRow(row)">提取</el-button>
|
||||
<el-button v-if="row.extracted" link type="success" @click="copyCardInfo(row)">复制</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -332,7 +335,9 @@ function copyText(text) {
|
||||
<el-descriptions-item label="账号类型">{{ typeText(detailRow.type) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="账号">{{ detailRow.account || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="密码">{{ detailRow.password || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="Token">{{ detailRow.token || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="Token">
|
||||
<span class="token-text">{{ detailRow.token || '-' }}</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="提取状态">{{ detailRow.extracted ? '已提取' : '未提取' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="提取时间">{{ detailRow.extractedAt || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="提取平台">
|
||||
@ -444,4 +449,13 @@ function copyText(text) {
|
||||
.example-url-wrap { display: flex; align-items: center; gap: 8px; background: #f5f7fa; padding: 6px 10px; border-radius: 4px; }
|
||||
.example-url { flex: 1; font-size: 12px; color: #409eff; word-break: break-all; }
|
||||
.code-block { background: #1e1e1e; color: #d4d4d4; padding: 12px 16px; border-radius: 6px; font-size: 12px; line-height: 1.6; overflow-x: auto; white-space: pre-wrap; word-break: break-all; margin: 0; }
|
||||
.token-text { word-break: break-all; white-space: pre-wrap; line-height: 1.6; }
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.pool-tooltip.el-popper {
|
||||
max-width: 600px;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
}
|
||||
</style>
|
||||
@ -123,6 +123,11 @@ function typeText(type) {
|
||||
return 'Token';
|
||||
}
|
||||
|
||||
const tooltipOpts = {
|
||||
popperClass: 'pool-tooltip',
|
||||
popperStyle: { maxWidth: '600px', wordBreak: 'break-all', whiteSpace: 'pre-wrap' },
|
||||
};
|
||||
|
||||
const PLATFORM_MAP = {
|
||||
local: { label: '本地', type: 'info' },
|
||||
xianyu: { label: '闲鱼', type: 'warning' },
|
||||
@ -141,17 +146,30 @@ function normalizeRow(raw) {
|
||||
}
|
||||
return '';
|
||||
};
|
||||
const pickNullable = (...keys) => {
|
||||
for (const key of keys) {
|
||||
if (raw?.[key] !== undefined) return raw[key] ?? null;
|
||||
}
|
||||
return null;
|
||||
};
|
||||
const formatTime = (val) => {
|
||||
if (!val) return '';
|
||||
const d = new Date(val);
|
||||
if (isNaN(d)) return val;
|
||||
const p = (v) => String(v).padStart(2, '0');
|
||||
return `${d.getFullYear()}-${p(d.getMonth()+1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`;
|
||||
};
|
||||
return {
|
||||
id: pick('id', 'Id'),
|
||||
id: pick('id', 'Id', 'ID'),
|
||||
type: pick('data_type', 'dataType', 'type'),
|
||||
account: pick('account', 'Account'),
|
||||
password: pick('password', 'Password'),
|
||||
token: pick('token', 'Token'),
|
||||
remark: pick('remark', 'Remark'),
|
||||
extracted: Number(pick('is_extracted', 'isExtracted')) === 1 || !!pick('extracted'),
|
||||
extractedAt: pick('extracted_time', 'extracted_at', 'extractedAt'),
|
||||
extractedPlatform: pick('extracted_platform', 'extractedPlatform'),
|
||||
createdAt: pick('create_time', 'created_at', 'createdAt'),
|
||||
extracted: Number(pick('is_extracted', 'isExtracted', 'IsExtracted')) === 1,
|
||||
extractedAt: formatTime(pickNullable('extracted_time', 'extractedAt')),
|
||||
extractedPlatform: pickNullable('extracted_platform', 'extractedPlatform'),
|
||||
createdAt: formatTime(pick('create_time', 'createdAt')),
|
||||
};
|
||||
}
|
||||
|
||||
@ -203,38 +221,14 @@ const examples = [
|
||||
{ label: '抖音 · 提取 Krio Token', url: `${BASE_URL}/api/getcard?type=douyin&module=krio&data_type=tk` },
|
||||
];
|
||||
|
||||
const successResp = `// 账号密码类型（data_type=account）
|
||||
{
|
||||
"code": 200,
|
||||
"msg": "success",
|
||||
"data": {
|
||||
"type": "account",
|
||||
"account": "user@example.com",
|
||||
"password": "your_password"
|
||||
}
|
||||
}
|
||||
const successResp = `// 纯 Token 类型（data_type=tk）
|
||||
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
|
||||
|
||||
// 账号密码类型（data_type=account）
|
||||
账号：user@example.com / 密码：your_password
|
||||
|
||||
// 账号密码+Token 类型（data_type=account_tk）
|
||||
{
|
||||
"code": 200,
|
||||
"msg": "success",
|
||||
"data": {
|
||||
"type": "account_tk",
|
||||
"account": "user@example.com",
|
||||
"password": "your_password",
|
||||
"token": "eyJhbGciOiJIUzI1NiIs..."
|
||||
}
|
||||
}
|
||||
|
||||
// 纯 Token 类型（data_type=tk）
|
||||
{
|
||||
"code": 200,
|
||||
"msg": "success",
|
||||
"data": {
|
||||
"type": "tk",
|
||||
"token": "eyJhbGciOiJIUzI1NiIs..."
|
||||
}
|
||||
}`;
|
||||
账号：user@example.com / 密码：your_password / Token：eyJhbGciOiJIUzI1NiIs...`;
|
||||
|
||||
const errorResp = `// 无可用卡密
|
||||
{ "code": 404, "msg": "暂无可用卡密" }
|
||||
@ -245,6 +239,15 @@ const errorResp = `// 无可用卡密
|
||||
function copyText(text) {
|
||||
navigator.clipboard.writeText(text).then(() => { ElMessage.success('已复制'); });
|
||||
}
|
||||
|
||||
function copyCardInfo(row) {
|
||||
const parts = [];
|
||||
if (row.account) parts.push(row.account);
|
||||
if (row.password) parts.push(row.password);
|
||||
if (row.token) parts.push(row.token);
|
||||
if (!parts.length) { ElMessage.warning('无可复制内容'); return; }
|
||||
navigator.clipboard.writeText(parts.join('\n')).then(() => { ElMessage.success('已复制'); });
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -281,15 +284,14 @@ function copyText(text) {
|
||||
<el-table-column label="账号类型" width="160" align="center">
|
||||
<template #default="{ row }"><el-tag>{{ typeText(row.type) }}</el-tag></template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="account" label="账号" min-width="180" show-overflow-tooltip />
|
||||
<el-table-column label="密码/Token" min-width="240" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<span v-if="row.type === 'account'">{{ row.password || '-' }}</span>
|
||||
<span v-else-if="row.type === 'account_tk'">{{ `${row.password || '-'} / ${row.token || '-'}` }}</span>
|
||||
<span v-else>{{ row.token || '-' }}</span>
|
||||
</template>
|
||||
<el-table-column prop="account" label="账号" min-width="180" show-overflow-tooltip :tooltip-options="tooltipOpts" />
|
||||
<el-table-column prop="password" label="密码" min-width="160" show-overflow-tooltip :tooltip-options="tooltipOpts">
|
||||
<template #default="{ row }">{{ row.password || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="remark" label="备注" min-width="140" show-overflow-tooltip />
|
||||
<el-table-column label="Token" min-width="200" show-overflow-tooltip :tooltip-options="tooltipOpts">
|
||||
<template #default="{ row }">{{ row.token || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="remark" label="备注" min-width="140" show-overflow-tooltip :tooltip-options="tooltipOpts" />
|
||||
<el-table-column label="提取状态" width="100">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="row.extracted ? 'success' : 'info'">{{ row.extracted ? '已提取' : '未提取' }}</el-tag>
|
||||
@ -304,10 +306,11 @@ function copyText(text) {
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="180" fixed="right" align="center">
|
||||
<el-table-column label="操作" width="220" fixed="right" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" @click="openDetail(row)">详情</el-button>
|
||||
<el-button link type="warning" :disabled="row.extracted" @click="openExtractByRow(row)">提取</el-button>
|
||||
<el-button v-if="row.extracted" link type="success" @click="copyCardInfo(row)">复制</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -332,7 +335,9 @@ function copyText(text) {
|
||||
<el-descriptions-item label="账号类型">{{ typeText(detailRow.type) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="账号">{{ detailRow.account || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="密码">{{ detailRow.password || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="Token">{{ detailRow.token || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="Token">
|
||||
<span class="token-text">{{ detailRow.token || '-' }}</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="提取状态">{{ detailRow.extracted ? '已提取' : '未提取' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="提取时间">{{ detailRow.extractedAt || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="提取平台">
|
||||
@ -444,4 +449,13 @@ function copyText(text) {
|
||||
.example-url-wrap { display: flex; align-items: center; gap: 8px; background: #f5f7fa; padding: 6px 10px; border-radius: 4px; }
|
||||
.example-url { flex: 1; font-size: 12px; color: #409eff; word-break: break-all; }
|
||||
.code-block { background: #1e1e1e; color: #d4d4d4; padding: 12px 16px; border-radius: 6px; font-size: 12px; line-height: 1.6; overflow-x: auto; white-space: pre-wrap; word-break: break-all; margin: 0; }
|
||||
.token-text { word-break: break-all; white-space: pre-wrap; line-height: 1.6; }
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.pool-tooltip.el-popper {
|
||||
max-width: 600px;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user