refactor(account-detail): 更新标题和字段,优化表格样式
This commit is contained in:
@ -50,6 +50,12 @@
|
|||||||
padding: 11px 16px;
|
padding: 11px 16px;
|
||||||
@include table-cell-text;
|
@include table-cell-text;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&-selected {
|
||||||
|
> td {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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 />
|
||||||
|
|||||||
@ -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);
|
||||||
|
|||||||
@ -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 />
|
||||||
|
|||||||
@ -52,7 +52,7 @@ export const TABLE_COLUMNS = [
|
|||||||
{
|
{
|
||||||
title: '状态',
|
title: '状态',
|
||||||
dataIndex: 'status',
|
dataIndex: 'status',
|
||||||
width: 100,
|
width: 110,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '数据更新时间',
|
title: '数据更新时间',
|
||||||
|
|||||||
Reference in New Issue
Block a user