chore(frontend): introduce prettier + eslint and prune unused code
- Add Prettier 3 with prettier-plugin-organize-imports (sorts/removes unused imports) - Add ESLint 10 flat config with typescript-eslint + eslint-plugin-vue + eslint-config-prettier - Add root scripts: format, format:check, lint, lint:fix - Reformat 257 files across admin-web, ops-web, desktop-client, packages - Remove unused locals/exports flagged by --noUnusedLocals/--noUnusedParameters - Fix duplicate localTabLabel key, surrogate-pair regex u-flag, NBSP literal in regex - Skip server/ (Go) and apps/browser-extension/ (deprecated per ADR) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -43,11 +43,11 @@
|
||||
{{ record.phone }}
|
||||
</template>
|
||||
<template v-else-if="column.key === 'email'">
|
||||
{{ record.email || "—" }}
|
||||
{{ record.email || '—' }}
|
||||
</template>
|
||||
<template v-else-if="column.key === 'status'">
|
||||
<a-tag :color="record.status === 'active' ? 'green' : 'red'">
|
||||
{{ record.status === "active" ? "启用" : "停用" }}
|
||||
{{ record.status === 'active' ? '启用' : '停用' }}
|
||||
</a-tag>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'role'">
|
||||
@@ -66,12 +66,17 @@
|
||||
<template v-else-if="column.key === 'plan'">
|
||||
<div class="plan-cell">
|
||||
<a-space>
|
||||
<a-tag>{{ record.plan_name || record.plan_code || "—" }}</a-tag>
|
||||
<a-tag>{{ record.plan_name || record.plan_code || '—' }}</a-tag>
|
||||
<a-tag :color="record.subscription_status === 'active' ? 'green' : 'default'">
|
||||
{{ record.subscription_status || "—" }}
|
||||
{{ record.subscription_status || '—' }}
|
||||
</a-tag>
|
||||
</a-space>
|
||||
<span :class="['plan-cell__expiry', { 'plan-cell__expiry--expired': isExpired(record.subscription_end_at) }]">
|
||||
<span
|
||||
:class="[
|
||||
'plan-cell__expiry',
|
||||
{ 'plan-cell__expiry--expired': isExpired(record.subscription_end_at) },
|
||||
]"
|
||||
>
|
||||
{{ formatSubscriptionEnd(record.subscription_end_at) }}
|
||||
</span>
|
||||
</div>
|
||||
@@ -86,13 +91,25 @@
|
||||
<template v-else-if="column.key === 'actions'">
|
||||
<div class="table-actions-row">
|
||||
<a-tooltip title="编辑">
|
||||
<a-button type="text" shape="circle" size="small" class="action-btn action-edit" @click="openEdit(record)">
|
||||
<a-button
|
||||
type="text"
|
||||
shape="circle"
|
||||
size="small"
|
||||
class="action-btn action-edit"
|
||||
@click="openEdit(record)"
|
||||
>
|
||||
<EditOutlined />
|
||||
</a-button>
|
||||
</a-tooltip>
|
||||
|
||||
<a-tooltip title="KOL身份">
|
||||
<a-button type="text" shape="circle" size="small" class="action-btn action-kol" @click="openKol(record)">
|
||||
<a-button
|
||||
type="text"
|
||||
shape="circle"
|
||||
size="small"
|
||||
class="action-btn action-kol"
|
||||
@click="openKol(record)"
|
||||
>
|
||||
<IdcardOutlined />
|
||||
</a-button>
|
||||
</a-tooltip>
|
||||
@@ -110,7 +127,13 @@
|
||||
</a-tooltip>
|
||||
|
||||
<a-tooltip title="重置密码">
|
||||
<a-button type="text" shape="circle" size="small" class="action-btn action-key" @click="openResetPassword(record)">
|
||||
<a-button
|
||||
type="text"
|
||||
shape="circle"
|
||||
size="small"
|
||||
class="action-btn action-key"
|
||||
@click="openResetPassword(record)"
|
||||
>
|
||||
<KeyOutlined />
|
||||
</a-button>
|
||||
</a-tooltip>
|
||||
@@ -120,7 +143,15 @@
|
||||
:title="record.status === 'active' ? '确认停用该用户？' : '确认启用该用户？'"
|
||||
@confirm="toggleStatus(record)"
|
||||
>
|
||||
<a-button type="text" shape="circle" size="small" :class="['action-btn', record.status === 'active' ? 'action-revoke' : 'action-play']">
|
||||
<a-button
|
||||
type="text"
|
||||
shape="circle"
|
||||
size="small"
|
||||
:class="[
|
||||
'action-btn',
|
||||
record.status === 'active' ? 'action-revoke' : 'action-play',
|
||||
]"
|
||||
>
|
||||
<StopOutlined v-if="record.status === 'active'" />
|
||||
<PlayCircleOutlined v-else />
|
||||
</a-button>
|
||||
@@ -182,7 +213,11 @@
|
||||
<a-select v-model:value="editForm.role" :options="roleOptions" />
|
||||
</a-form-item>
|
||||
<a-form-item label="套餐" required>
|
||||
<a-select v-model:value="editForm.plan_code" :options="planOptions" @change="onEditPlanChange" />
|
||||
<a-select
|
||||
v-model:value="editForm.plan_code"
|
||||
:options="planOptions"
|
||||
@change="onEditPlanChange"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="会员到期日" required>
|
||||
<a-date-picker
|
||||
@@ -205,7 +240,11 @@
|
||||
>
|
||||
<a-form layout="vertical" :model="kolForm">
|
||||
<a-form-item label="KOL 身份" required>
|
||||
<a-switch v-model:checked="kolForm.enabled" checked-children="开通" un-checked-children="停用" />
|
||||
<a-switch
|
||||
v-model:checked="kolForm.enabled"
|
||||
checked-children="开通"
|
||||
un-checked-children="停用"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="KOL 昵称">
|
||||
<a-input v-model:value="kolForm.display_name" placeholder="默认使用姓名或手机号" />
|
||||
@@ -240,482 +279,482 @@
|
||||
import {
|
||||
EditOutlined,
|
||||
IdcardOutlined,
|
||||
ReloadOutlined,
|
||||
KeyOutlined,
|
||||
StopOutlined,
|
||||
PlayCircleOutlined,
|
||||
} from "@ant-design/icons-vue";
|
||||
import type { TableColumnsType, TablePaginationConfig } from "ant-design-vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import dayjs from "dayjs";
|
||||
import { computed, onMounted, reactive, ref } from "vue";
|
||||
ReloadOutlined,
|
||||
StopOutlined,
|
||||
} from '@ant-design/icons-vue'
|
||||
import type { TableColumnsType, TablePaginationConfig } from 'ant-design-vue'
|
||||
import { message } from 'ant-design-vue'
|
||||
import dayjs from 'dayjs'
|
||||
import { computed, onMounted, reactive, ref } from 'vue'
|
||||
|
||||
import { OpsApiError, http } from "@/lib/http";
|
||||
import { OpsApiError, http } from '@/lib/http'
|
||||
|
||||
interface AdminUserRow {
|
||||
id: number;
|
||||
email: string | null;
|
||||
phone: string;
|
||||
name: string | null;
|
||||
status: string;
|
||||
tenant_id: number | null;
|
||||
tenant_name: string | null;
|
||||
tenant_status: string | null;
|
||||
tenant_role: string | null;
|
||||
primary_workspace_id: number | null;
|
||||
plan_code: string | null;
|
||||
plan_name: string | null;
|
||||
subscription_status: string | null;
|
||||
subscription_end_at: string | null;
|
||||
kol_profile_id: number | null;
|
||||
kol_display_name: string | null;
|
||||
kol_status: string | null;
|
||||
kol_market_enabled: boolean | null;
|
||||
created_at: string;
|
||||
updated_at: string;
|
||||
id: number
|
||||
email: string | null
|
||||
phone: string
|
||||
name: string | null
|
||||
status: string
|
||||
tenant_id: number | null
|
||||
tenant_name: string | null
|
||||
tenant_status: string | null
|
||||
tenant_role: string | null
|
||||
primary_workspace_id: number | null
|
||||
plan_code: string | null
|
||||
plan_name: string | null
|
||||
subscription_status: string | null
|
||||
subscription_end_at: string | null
|
||||
kol_profile_id: number | null
|
||||
kol_display_name: string | null
|
||||
kol_status: string | null
|
||||
kol_market_enabled: boolean | null
|
||||
created_at: string
|
||||
updated_at: string
|
||||
}
|
||||
|
||||
interface PlanItem {
|
||||
id: number;
|
||||
code: string;
|
||||
name: string;
|
||||
status: string;
|
||||
duration_secs: number;
|
||||
article_limit: number;
|
||||
ai_points_monthly: number;
|
||||
brand_limit: number;
|
||||
id: number
|
||||
code: string
|
||||
name: string
|
||||
status: string
|
||||
duration_secs: number
|
||||
article_limit: number
|
||||
ai_points_monthly: number
|
||||
brand_limit: number
|
||||
}
|
||||
|
||||
interface RoleItem {
|
||||
code: string;
|
||||
name: string;
|
||||
description: string;
|
||||
permissions: string[];
|
||||
code: string
|
||||
name: string
|
||||
description: string
|
||||
permissions: string[]
|
||||
}
|
||||
|
||||
interface ListResult {
|
||||
items: AdminUserRow[];
|
||||
total: number;
|
||||
page: number;
|
||||
size: number;
|
||||
items: AdminUserRow[]
|
||||
total: number
|
||||
page: number
|
||||
size: number
|
||||
}
|
||||
|
||||
interface ResetPlanUsageResult {
|
||||
user: AdminUserRow;
|
||||
user: AdminUserRow
|
||||
reset: {
|
||||
article_reservations: number;
|
||||
article_amount: number;
|
||||
ai_point_reservations: number;
|
||||
ai_points_amount: number;
|
||||
ai_point_usage_logs: number;
|
||||
};
|
||||
article_reservations: number
|
||||
article_amount: number
|
||||
ai_point_reservations: number
|
||||
ai_points_amount: number
|
||||
ai_point_usage_logs: number
|
||||
}
|
||||
}
|
||||
|
||||
const filter = reactive({
|
||||
keyword: "",
|
||||
keyword: '',
|
||||
status: undefined as string | undefined,
|
||||
});
|
||||
})
|
||||
|
||||
const statusOptions = [
|
||||
{ label: "启用", value: "active" },
|
||||
{ label: "停用", value: "disabled" },
|
||||
];
|
||||
{ label: '启用', value: 'active' },
|
||||
{ label: '停用', value: 'disabled' },
|
||||
]
|
||||
|
||||
const columns: TableColumnsType<AdminUserRow> = [
|
||||
{ title: "用户", key: "identity", width: 180 },
|
||||
{ title: "手机号", key: "phone", width: 160 },
|
||||
{ title: "邮箱", key: "email", width: 220 },
|
||||
{ title: "状态", key: "status", width: 100 },
|
||||
{ title: "角色", key: "role", width: 120 },
|
||||
{ title: "套餐", key: "plan", width: 180 },
|
||||
{ title: "KOL", key: "kol", width: 180 },
|
||||
{ title: "空间", key: "tenant", width: 100 },
|
||||
{ title: "创建时间", key: "created_at", width: 180 },
|
||||
{ title: "操作", key: "actions", width: 300 },
|
||||
];
|
||||
{ title: '用户', key: 'identity', width: 180 },
|
||||
{ title: '手机号', key: 'phone', width: 160 },
|
||||
{ title: '邮箱', key: 'email', width: 220 },
|
||||
{ title: '状态', key: 'status', width: 100 },
|
||||
{ title: '角色', key: 'role', width: 120 },
|
||||
{ title: '套餐', key: 'plan', width: 180 },
|
||||
{ title: 'KOL', key: 'kol', width: 180 },
|
||||
{ title: '空间', key: 'tenant', width: 100 },
|
||||
{ title: '创建时间', key: 'created_at', width: 180 },
|
||||
{ title: '操作', key: 'actions', width: 300 },
|
||||
]
|
||||
|
||||
const rows = ref<AdminUserRow[]>([]);
|
||||
const plans = ref<PlanItem[]>([]);
|
||||
const roles = ref<RoleItem[]>([]);
|
||||
const loading = ref(false);
|
||||
const page = ref(1);
|
||||
const size = ref(20);
|
||||
const total = ref(0);
|
||||
const rows = ref<AdminUserRow[]>([])
|
||||
const plans = ref<PlanItem[]>([])
|
||||
const roles = ref<RoleItem[]>([])
|
||||
const loading = ref(false)
|
||||
const page = ref(1)
|
||||
const size = ref(20)
|
||||
const total = ref(0)
|
||||
|
||||
const pagination = computed<TablePaginationConfig>(() => ({
|
||||
current: page.value,
|
||||
pageSize: size.value,
|
||||
total: total.value,
|
||||
showSizeChanger: true,
|
||||
pageSizeOptions: ["10", "20", "50", "100"],
|
||||
}));
|
||||
pageSizeOptions: ['10', '20', '50', '100'],
|
||||
}))
|
||||
|
||||
const planOptions = computed(() =>
|
||||
plans.value.map((plan) => ({
|
||||
label: `${plan.name} (${plan.code})`,
|
||||
value: plan.code,
|
||||
})),
|
||||
);
|
||||
)
|
||||
|
||||
const roleOptions = computed(() =>
|
||||
roles.value.map((role) => ({
|
||||
label: role.name,
|
||||
value: role.code,
|
||||
})),
|
||||
);
|
||||
)
|
||||
|
||||
let keywordTimer: number | null = null;
|
||||
let keywordTimer: number | null = null
|
||||
|
||||
function onKeywordChange() {
|
||||
if (keywordTimer) window.clearTimeout(keywordTimer);
|
||||
if (keywordTimer) window.clearTimeout(keywordTimer)
|
||||
keywordTimer = window.setTimeout(() => {
|
||||
page.value = 1;
|
||||
void reload();
|
||||
}, 300);
|
||||
page.value = 1
|
||||
void reload()
|
||||
}, 300)
|
||||
}
|
||||
|
||||
async function reload() {
|
||||
loading.value = true;
|
||||
loading.value = true
|
||||
try {
|
||||
const result = await http.get<ListResult>("/admin-users", {
|
||||
const result = await http.get<ListResult>('/admin-users', {
|
||||
keyword: filter.keyword || undefined,
|
||||
status: filter.status || undefined,
|
||||
page: page.value,
|
||||
size: size.value,
|
||||
});
|
||||
rows.value = result.items;
|
||||
total.value = result.total;
|
||||
})
|
||||
rows.value = result.items
|
||||
total.value = result.total
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message)
|
||||
} finally {
|
||||
loading.value = false;
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function loadMeta() {
|
||||
try {
|
||||
const [planResult, roleResult] = await Promise.all([
|
||||
http.get<PlanItem[]>("/plans"),
|
||||
http.get<RoleItem[]>("/roles"),
|
||||
]);
|
||||
plans.value = planResult;
|
||||
roles.value = roleResult;
|
||||
http.get<PlanItem[]>('/plans'),
|
||||
http.get<RoleItem[]>('/roles'),
|
||||
])
|
||||
plans.value = planResult
|
||||
roles.value = roleResult
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message)
|
||||
}
|
||||
}
|
||||
|
||||
function onTableChange(pag: TablePaginationConfig) {
|
||||
page.value = pag.current ?? 1;
|
||||
size.value = pag.pageSize ?? 20;
|
||||
void reload();
|
||||
page.value = pag.current ?? 1
|
||||
size.value = pag.pageSize ?? 20
|
||||
void reload()
|
||||
}
|
||||
|
||||
const createOpen = ref(false);
|
||||
const createLoading = ref(false);
|
||||
const createOpen = ref(false)
|
||||
const createLoading = ref(false)
|
||||
const createForm = reactive({
|
||||
phone: "",
|
||||
name: "",
|
||||
email: "",
|
||||
password: "",
|
||||
role: "tenant_admin",
|
||||
plan_code: "",
|
||||
});
|
||||
phone: '',
|
||||
name: '',
|
||||
email: '',
|
||||
password: '',
|
||||
role: 'tenant_admin',
|
||||
plan_code: '',
|
||||
})
|
||||
|
||||
function resetCreate() {
|
||||
createForm.phone = "";
|
||||
createForm.name = "";
|
||||
createForm.email = "";
|
||||
createForm.password = "";
|
||||
createForm.role = "tenant_admin";
|
||||
createForm.plan_code = defaultPlanCode();
|
||||
createOpen.value = false;
|
||||
createForm.phone = ''
|
||||
createForm.name = ''
|
||||
createForm.email = ''
|
||||
createForm.password = ''
|
||||
createForm.role = 'tenant_admin'
|
||||
createForm.plan_code = defaultPlanCode()
|
||||
createOpen.value = false
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
resetCreate();
|
||||
createOpen.value = true;
|
||||
resetCreate()
|
||||
createOpen.value = true
|
||||
}
|
||||
|
||||
async function submitCreate() {
|
||||
const phone = normalizePhone(createForm.phone);
|
||||
const phone = normalizePhone(createForm.phone)
|
||||
if (!phone) {
|
||||
message.warning("请输入有效手机号");
|
||||
return;
|
||||
message.warning('请输入有效手机号')
|
||||
return
|
||||
}
|
||||
if (createForm.password.length < 8) {
|
||||
message.warning("初始密码至少 8 位");
|
||||
return;
|
||||
message.warning('初始密码至少 8 位')
|
||||
return
|
||||
}
|
||||
if (!createForm.role || !createForm.plan_code) {
|
||||
message.warning("请选择用户角色和套餐");
|
||||
return;
|
||||
message.warning('请选择用户角色和套餐')
|
||||
return
|
||||
}
|
||||
createLoading.value = true;
|
||||
createLoading.value = true
|
||||
try {
|
||||
await http.post("/admin-users", {
|
||||
await http.post('/admin-users', {
|
||||
phone,
|
||||
name: createForm.name.trim(),
|
||||
email: createForm.email.trim(),
|
||||
password: createForm.password,
|
||||
role: createForm.role,
|
||||
plan_code: createForm.plan_code,
|
||||
});
|
||||
message.success("新建成功");
|
||||
resetCreate();
|
||||
void reload();
|
||||
})
|
||||
message.success('新建成功')
|
||||
resetCreate()
|
||||
void reload()
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message)
|
||||
} finally {
|
||||
createLoading.value = false;
|
||||
createLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const editOpen = ref(false);
|
||||
const editLoading = ref(false);
|
||||
const editTarget = ref<AdminUserRow | null>(null);
|
||||
const editOpen = ref(false)
|
||||
const editLoading = ref(false)
|
||||
const editTarget = ref<AdminUserRow | null>(null)
|
||||
const editForm = reactive({
|
||||
phone: "",
|
||||
name: "",
|
||||
email: "",
|
||||
role: "tenant_admin",
|
||||
plan_code: "",
|
||||
subscription_end_date: "",
|
||||
});
|
||||
phone: '',
|
||||
name: '',
|
||||
email: '',
|
||||
role: 'tenant_admin',
|
||||
plan_code: '',
|
||||
subscription_end_date: '',
|
||||
})
|
||||
|
||||
function openEdit(row: AdminUserRow) {
|
||||
editTarget.value = row;
|
||||
editForm.phone = row.phone;
|
||||
editForm.name = row.name ?? "";
|
||||
editForm.email = row.email ?? "";
|
||||
editForm.role = row.tenant_role ?? "tenant_admin";
|
||||
editForm.plan_code = row.plan_code ?? defaultPlanCode();
|
||||
editTarget.value = row
|
||||
editForm.phone = row.phone
|
||||
editForm.name = row.name ?? ''
|
||||
editForm.email = row.email ?? ''
|
||||
editForm.role = row.tenant_role ?? 'tenant_admin'
|
||||
editForm.plan_code = row.plan_code ?? defaultPlanCode()
|
||||
editForm.subscription_end_date = row.subscription_end_at
|
||||
? dayjs(row.subscription_end_at).format("YYYY-MM-DD")
|
||||
: estimatePlanEndDate(editForm.plan_code);
|
||||
editOpen.value = true;
|
||||
? dayjs(row.subscription_end_at).format('YYYY-MM-DD')
|
||||
: estimatePlanEndDate(editForm.plan_code)
|
||||
editOpen.value = true
|
||||
}
|
||||
|
||||
function onEditPlanChange(value: unknown) {
|
||||
if (typeof value === "string") {
|
||||
editForm.subscription_end_date = estimatePlanEndDate(value);
|
||||
if (typeof value === 'string') {
|
||||
editForm.subscription_end_date = estimatePlanEndDate(value)
|
||||
}
|
||||
}
|
||||
|
||||
async function submitEdit() {
|
||||
if (!editTarget.value) return;
|
||||
const phone = normalizePhone(editForm.phone);
|
||||
if (!editTarget.value) return
|
||||
const phone = normalizePhone(editForm.phone)
|
||||
if (!phone) {
|
||||
message.warning("请输入有效手机号");
|
||||
return;
|
||||
message.warning('请输入有效手机号')
|
||||
return
|
||||
}
|
||||
if (!editForm.role || !editForm.plan_code) {
|
||||
message.warning("请选择用户角色和套餐");
|
||||
return;
|
||||
message.warning('请选择用户角色和套餐')
|
||||
return
|
||||
}
|
||||
if (!editForm.subscription_end_date) {
|
||||
message.warning("请选择会员到期日");
|
||||
return;
|
||||
message.warning('请选择会员到期日')
|
||||
return
|
||||
}
|
||||
const originalEndDate = editTarget.value.subscription_end_at
|
||||
? dayjs(editTarget.value.subscription_end_at).format("YYYY-MM-DD")
|
||||
: "";
|
||||
const subscriptionEndAt = dayjs(editForm.subscription_end_date).endOf("day").toISOString();
|
||||
editLoading.value = true;
|
||||
? dayjs(editTarget.value.subscription_end_at).format('YYYY-MM-DD')
|
||||
: ''
|
||||
const subscriptionEndAt = dayjs(editForm.subscription_end_date).endOf('day').toISOString()
|
||||
editLoading.value = true
|
||||
try {
|
||||
await http.patch(`/admin-users/${editTarget.value.id}`, {
|
||||
phone,
|
||||
name: editForm.name.trim(),
|
||||
email: editForm.email.trim(),
|
||||
});
|
||||
})
|
||||
if (editForm.plan_code !== editTarget.value.plan_code) {
|
||||
await http.post(`/admin-users/${editTarget.value.id}/plan`, {
|
||||
plan_code: editForm.plan_code,
|
||||
});
|
||||
})
|
||||
}
|
||||
if (editForm.role !== editTarget.value.tenant_role) {
|
||||
await http.post(`/admin-users/${editTarget.value.id}/role`, {
|
||||
role: editForm.role,
|
||||
});
|
||||
})
|
||||
}
|
||||
if (editForm.subscription_end_date !== originalEndDate) {
|
||||
await http.post(`/admin-users/${editTarget.value.id}/subscription-expiry`, {
|
||||
end_at: subscriptionEndAt,
|
||||
});
|
||||
})
|
||||
}
|
||||
message.success("用户设置已更新");
|
||||
editOpen.value = false;
|
||||
void reload();
|
||||
message.success('用户设置已更新')
|
||||
editOpen.value = false
|
||||
void reload()
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message)
|
||||
} finally {
|
||||
editLoading.value = false;
|
||||
editLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const resetUsageLoadingId = ref<number | null>(null);
|
||||
const resetUsageLoadingId = ref<number | null>(null)
|
||||
|
||||
async function resetPlanUsage(row: AdminUserRow) {
|
||||
resetUsageLoadingId.value = row.id;
|
||||
resetUsageLoadingId.value = row.id
|
||||
try {
|
||||
const result = await http.post<ResetPlanUsageResult>(`/admin-users/${row.id}/reset-plan-usage`);
|
||||
message.success(`已恢复到套餐默认额度：${planQuotaLabel(result.user.plan_code)}`);
|
||||
rows.value = rows.value.map((item) => (item.id === row.id ? result.user : item));
|
||||
void reload();
|
||||
const result = await http.post<ResetPlanUsageResult>(`/admin-users/${row.id}/reset-plan-usage`)
|
||||
message.success(`已恢复到套餐默认额度：${planQuotaLabel(result.user.plan_code)}`)
|
||||
rows.value = rows.value.map((item) => (item.id === row.id ? result.user : item))
|
||||
void reload()
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message)
|
||||
} finally {
|
||||
resetUsageLoadingId.value = null;
|
||||
resetUsageLoadingId.value = null
|
||||
}
|
||||
}
|
||||
|
||||
const resetOpen = ref(false);
|
||||
const resetLoading = ref(false);
|
||||
const resetTarget = ref<AdminUserRow | null>(null);
|
||||
const resetPasswordValue = ref("");
|
||||
const resetOpen = ref(false)
|
||||
const resetLoading = ref(false)
|
||||
const resetTarget = ref<AdminUserRow | null>(null)
|
||||
const resetPasswordValue = ref('')
|
||||
|
||||
function openResetPassword(row: AdminUserRow) {
|
||||
resetTarget.value = row;
|
||||
resetPasswordValue.value = "";
|
||||
resetOpen.value = true;
|
||||
resetTarget.value = row
|
||||
resetPasswordValue.value = ''
|
||||
resetOpen.value = true
|
||||
}
|
||||
|
||||
async function submitResetPassword() {
|
||||
if (!resetTarget.value) return;
|
||||
if (!resetTarget.value) return
|
||||
if (resetPasswordValue.value.length < 8) {
|
||||
message.warning("新密码至少 8 位");
|
||||
return;
|
||||
message.warning('新密码至少 8 位')
|
||||
return
|
||||
}
|
||||
resetLoading.value = true;
|
||||
resetLoading.value = true
|
||||
try {
|
||||
await http.post(`/admin-users/${resetTarget.value.id}/password`, {
|
||||
password: resetPasswordValue.value,
|
||||
});
|
||||
message.success("密码已重置");
|
||||
resetOpen.value = false;
|
||||
})
|
||||
message.success('密码已重置')
|
||||
resetOpen.value = false
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message)
|
||||
} finally {
|
||||
resetLoading.value = false;
|
||||
resetLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const kolOpen = ref(false);
|
||||
const kolLoading = ref(false);
|
||||
const kolTarget = ref<AdminUserRow | null>(null);
|
||||
const kolOpen = ref(false)
|
||||
const kolLoading = ref(false)
|
||||
const kolTarget = ref<AdminUserRow | null>(null)
|
||||
const kolForm = reactive({
|
||||
enabled: false,
|
||||
display_name: "",
|
||||
display_name: '',
|
||||
market_enabled: false,
|
||||
});
|
||||
})
|
||||
|
||||
function openKol(row: AdminUserRow) {
|
||||
kolTarget.value = row;
|
||||
kolForm.enabled = row.kol_status === "active";
|
||||
kolForm.display_name = row.kol_display_name ?? displayUserName(row);
|
||||
kolForm.market_enabled = Boolean(row.kol_market_enabled);
|
||||
kolOpen.value = true;
|
||||
kolTarget.value = row
|
||||
kolForm.enabled = row.kol_status === 'active'
|
||||
kolForm.display_name = row.kol_display_name ?? displayUserName(row)
|
||||
kolForm.market_enabled = Boolean(row.kol_market_enabled)
|
||||
kolOpen.value = true
|
||||
}
|
||||
|
||||
async function submitKol() {
|
||||
if (!kolTarget.value) return;
|
||||
kolLoading.value = true;
|
||||
if (!kolTarget.value) return
|
||||
kolLoading.value = true
|
||||
try {
|
||||
await http.post(`/admin-users/${kolTarget.value.id}/kol`, {
|
||||
enabled: kolForm.enabled,
|
||||
display_name: kolForm.display_name.trim(),
|
||||
market_enabled: kolForm.enabled ? kolForm.market_enabled : false,
|
||||
});
|
||||
message.success("KOL 身份已更新");
|
||||
kolOpen.value = false;
|
||||
void reload();
|
||||
})
|
||||
message.success('KOL 身份已更新')
|
||||
kolOpen.value = false
|
||||
void reload()
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message)
|
||||
} finally {
|
||||
kolLoading.value = false;
|
||||
kolLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function toggleStatus(row: AdminUserRow) {
|
||||
const next = row.status === "active" ? "disabled" : "active";
|
||||
const next = row.status === 'active' ? 'disabled' : 'active'
|
||||
try {
|
||||
await http.post(`/admin-users/${row.id}/status`, { status: next });
|
||||
message.success(next === "active" ? "已启用" : "已停用");
|
||||
void reload();
|
||||
await http.post(`/admin-users/${row.id}/status`, { status: next })
|
||||
message.success(next === 'active' ? '已启用' : '已停用')
|
||||
void reload()
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message)
|
||||
}
|
||||
}
|
||||
|
||||
function normalizePhone(value: string): string {
|
||||
const phone = value.trim().replace(/[\s-]/g, "");
|
||||
return /^\+?\d{6,20}$/.test(phone) ? phone : "";
|
||||
const phone = value.trim().replace(/[\s-]/g, '')
|
||||
return /^\+?\d{6,20}$/.test(phone) ? phone : ''
|
||||
}
|
||||
|
||||
function displayUserName(row: AdminUserRow): string {
|
||||
return row.name || row.phone || row.email || `#${row.id}`;
|
||||
return row.name || row.phone || row.email || `#${row.id}`
|
||||
}
|
||||
|
||||
function defaultPlanCode(): string {
|
||||
return plans.value[0]?.code ?? "free";
|
||||
return plans.value[0]?.code ?? 'free'
|
||||
}
|
||||
|
||||
function planQuotaLabel(planCode: string | null): string {
|
||||
const plan = plans.value.find((item) => item.code === planCode);
|
||||
if (!plan) return "文章和 AI 点数按当前套餐默认值重置";
|
||||
return `文章 ${plan.article_limit} 次，AI 点数 ${plan.ai_points_monthly} 点`;
|
||||
const plan = plans.value.find((item) => item.code === planCode)
|
||||
if (!plan) return '文章和 AI 点数按当前套餐默认值重置'
|
||||
return `文章 ${plan.article_limit} 次，AI 点数 ${plan.ai_points_monthly} 点`
|
||||
}
|
||||
|
||||
function estimatePlanEndDate(planCode: string): string {
|
||||
const durationSecs = plans.value.find((plan) => plan.code === planCode)?.duration_secs;
|
||||
const durationSecs = plans.value.find((plan) => plan.code === planCode)?.duration_secs
|
||||
if (!durationSecs || durationSecs <= 0) {
|
||||
return dayjs().format("YYYY-MM-DD");
|
||||
return dayjs().format('YYYY-MM-DD')
|
||||
}
|
||||
return dayjs().add(durationSecs, "second").format("YYYY-MM-DD");
|
||||
return dayjs().add(durationSecs, 'second').format('YYYY-MM-DD')
|
||||
}
|
||||
|
||||
function roleLabel(role: string | null): string {
|
||||
return roles.value.find((item) => item.code === role)?.name ?? role ?? "—";
|
||||
return roles.value.find((item) => item.code === role)?.name ?? role ?? '—'
|
||||
}
|
||||
|
||||
function roleColor(role: string | null): string {
|
||||
if (role === "tenant_admin") return "blue";
|
||||
if (role === "editor") return "purple";
|
||||
if (role === "viewer") return "default";
|
||||
return "default";
|
||||
if (role === 'tenant_admin') return 'blue'
|
||||
if (role === 'editor') return 'purple'
|
||||
if (role === 'viewer') return 'default'
|
||||
return 'default'
|
||||
}
|
||||
|
||||
function kolLabel(status: string | null): string {
|
||||
if (status === "active") return "已开通";
|
||||
if (status === "suspended") return "已停用";
|
||||
if (status === "closed") return "已关闭";
|
||||
return "未开通";
|
||||
if (status === 'active') return '已开通'
|
||||
if (status === 'suspended') return '已停用'
|
||||
if (status === 'closed') return '已关闭'
|
||||
return '未开通'
|
||||
}
|
||||
|
||||
function kolColor(status: string | null): string {
|
||||
if (status === "active") return "gold";
|
||||
if (status === "suspended") return "default";
|
||||
if (status === "closed") return "red";
|
||||
return "default";
|
||||
if (status === 'active') return 'gold'
|
||||
if (status === 'suspended') return 'default'
|
||||
if (status === 'closed') return 'red'
|
||||
return 'default'
|
||||
}
|
||||
|
||||
function formatSubscriptionEnd(value: string | null): string {
|
||||
if (!value) return "到期：—";
|
||||
return `到期：${dayjs(value).format("YYYY-MM-DD")}`;
|
||||
if (!value) return '到期：—'
|
||||
return `到期：${dayjs(value).format('YYYY-MM-DD')}`
|
||||
}
|
||||
|
||||
function isExpired(value: string | null): boolean {
|
||||
return Boolean(value && dayjs(value).isBefore(dayjs()));
|
||||
return Boolean(value && dayjs(value).isBefore(dayjs()))
|
||||
}
|
||||
|
||||
function formatDate(value: string): string {
|
||||
return dayjs(value).format("YYYY-MM-DD HH:mm:ss");
|
||||
return dayjs(value).format('YYYY-MM-DD HH:mm:ss')
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
void loadMeta();
|
||||
void reload();
|
||||
});
|
||||
void loadMeta()
|
||||
void reload()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
Reference in New Issue
Block a user