refactor(account-detail): 更新标题和字段,优化表格样式

This commit is contained in:
rd
2025-09-22 14:38:44 +08:00
parent 0080669427
commit 2bed87744a
5 changed files with 13 additions and 6 deletions

View File

@ -50,6 +50,12 @@
padding: 11px 16px; padding: 11px 16px;
@include table-cell-text; @include table-cell-text;
} }
&-selected {
> td {
background-color: #fff;
}
}
} }
} }
} }

View File

@ -6,7 +6,7 @@
<div class="note-table-wrap bg-#fff rounded-8px px-24px flex-1 flex flex-col"> <div class="note-table-wrap bg-#fff rounded-8px px-24px flex-1 flex flex-col">
<div class="title-row"> <div class="title-row">
<div class="flex items-center"> <div class="flex items-center">
<span class="cts !text-18px !lh-26px mr-4px title">笔记详情</span> <span class="cts !text-18px !lh-26px mr-4px title">作品列表</span>
<Tooltip title="展示笔记层级的详细数据,如曝光、互动等,是内容精细分析入口。"> <Tooltip title="展示笔记层级的详细数据,如曝光、互动等,是内容精细分析入口。">
<icon-question-circle size="16" class="color-#737478" /> <icon-question-circle size="16" class="color-#737478" />
</Tooltip> </Tooltip>
@ -14,7 +14,7 @@
</div> </div>
<div class="filter-row flex my-16px"> <div class="filter-row flex my-16px">
<div class="filter-row-item flex items-center"> <div class="filter-row-item flex items-center">
<span class="label">笔记标题</span> <span class="label">作品标题</span>
<Input v-model:value="query.title" class="!w-240px" placeholder="请搜索..." allowClear @change="handleSearch"> <Input v-model:value="query.title" class="!w-240px" placeholder="请搜索..." allowClear @change="handleSearch">
<template #prefix> <template #prefix>
<icon-search /> <icon-search />

View File

@ -34,9 +34,10 @@ export const getAccountInfoFields = (dateType: string, showMore: boolean) => {
{ title: '账号ID', dataIndex: 'account_id', notDifferentiateDateType: true }, { title: '账号ID', dataIndex: 'account_id', notDifferentiateDateType: true },
{ title: '手机号码', dataIndex: 'mobile', notDifferentiateDateType: true }, { title: '手机号码', dataIndex: 'mobile', notDifferentiateDateType: true },
{ title: '运营人员', dataIndex: 'operator.name', notDifferentiateDateType: true }, { title: '运营人员', dataIndex: 'operator.name', notDifferentiateDateType: true },
{ title: '所属项目', dataIndex: 'group.name', notDifferentiateDateType: true }, // { title: '所属项目', dataIndex: 'group.name', notDifferentiateDateType: true },
{ title: '分组', dataIndex: 'group.name', notDifferentiateDateType: true }, { title: '分组', dataIndex: 'group.name', notDifferentiateDateType: true },
{ title: '标签', dataIndex: 'tags', notDifferentiateDateType: true }, { title: '标签', dataIndex: 'tags', notDifferentiateDateType: true },
{ title: 'AI评价', dataIndex: 'ai_evaluation', notDifferentiateDateType: true },
{ title: '粉丝量', dataIndex: 'fans_number', tooltip: '账号的当前粉丝总数。', notDifferentiateDateType: true }, { title: '粉丝量', dataIndex: 'fans_number', tooltip: '账号的当前粉丝总数。', notDifferentiateDateType: true },
{ {
title: '总赞藏数', title: '总赞藏数',
@ -47,7 +48,6 @@ export const getAccountInfoFields = (dateType: string, showMore: boolean) => {
]; ];
const customFieldsWithAiEvaluation = [ const customFieldsWithAiEvaluation = [
CUSTOM_FIELDS[0], CUSTOM_FIELDS[0],
{ title: 'AI评价', dataIndex: 'ai_evaluation', notDifferentiateDateType: true },
...CUSTOM_FIELDS.slice(1), ...CUSTOM_FIELDS.slice(1),
]; ];
const allFields = showMore ? [...baseFields, ...customFieldsWithAiEvaluation] : baseFields.slice(0, 8); const allFields = showMore ? [...baseFields, ...customFieldsWithAiEvaluation] : baseFields.slice(0, 8);

View File

@ -2,11 +2,12 @@
* @Author: RenXiaoDong * @Author: RenXiaoDong
* @Date: 2025-06-28 11:21:10 * @Date: 2025-06-28 11:21:10
--> -->
<script src="constants.ts"></script>
<template> <template>
<div class="account-detail-wrap"> <div class="account-detail-wrap">
<div class="flex items-center mb-16px cursor-pointer" @click="handleBack"> <div class="flex items-center mb-16px cursor-pointer" @click="handleBack">
<icon-left size="16" /> <icon-left size="16" />
<spa class="cts title ml-8px">账号详情</spa> <spa class="cts title ml-8px">账号列表</spa>
</div> </div>
<AccountInfo /> <AccountInfo />
<NoteTable /> <NoteTable />

View File

@ -52,7 +52,7 @@ export const TABLE_COLUMNS = [
{ {
title: '状态', title: '状态',
dataIndex: 'status', dataIndex: 'status',
width: 100, width: 110,
}, },
{ {
title: '数据更新时间', title: '数据更新时间',