Browse Source

Merge branch 'milestone-20260107-用户画像记录'

songjie/feature-20260203170638-学习页面配置
songjie 3 weeks ago
parent
commit
551b5b8f61
  1. 12
      src/router/index.js
  2. 8
      src/views/PlatformData/UserLoginStats.vue
  3. 14
      src/views/PlatformData/UserOverview.vue

12
src/router/index.js

@ -87,12 +87,12 @@ const routes = [
component: () => import('../views/PlatformData/UserOverview.vue'), component: () => import('../views/PlatformData/UserOverview.vue'),
meta: { title: '用户数据概览', showSidebar: true } meta: { title: '用户数据概览', showSidebar: true }
}, },
// {
// path: 'loginStats',
// name: 'loginStats',
// component: () => import('../views/PlatformData/UserLoginStats.vue'),
// meta: { title: '用户登录统计', showSidebar: true }
// },
{
path: 'loginStats',
name: 'loginStats',
component: () => import('../views/PlatformData/UserLoginStats.vue'),
meta: { title: '用户登录统计', showSidebar: true }
},
{ {
path: 'activityStats', path: 'activityStats',
name: 'activityStats', name: 'activityStats',

8
src/views/PlatformData/UserLoginStats.vue

@ -8,20 +8,20 @@
> >
登录数据 登录数据
</div> </div>
<!-- <div
<div
class="tab-item" class="tab-item"
:class="{ active: activeTab === 'regionalData' }" :class="{ active: activeTab === 'regionalData' }"
@click="activeTab = 'regionalData'" @click="activeTab = 'regionalData'"
> >
各地区登录数据 各地区登录数据
</div> -->
</div>
</div> </div>
<!-- 登录数据 Tab --> <!-- 登录数据 Tab -->
<div v-show="activeTab === 'loginData'" class="tab-content" v-loading="loading"> <div v-show="activeTab === 'loginData'" class="tab-content" v-loading="loading">
<!-- 搜索栏 --> <!-- 搜索栏 -->
<div class="search-bar"> <div class="search-bar">
<!-- <div class="search-label">地区</div>
<div class="search-label">地区</div>
<el-select v-model="selectedRegion" placeholder="请选择所属地区" style="width: 200px; margin-right: 20px;"> <el-select v-model="selectedRegion" placeholder="请选择所属地区" style="width: 200px; margin-right: 20px;">
<el-option label="全部" value="all" /> <el-option label="全部" value="all" />
<el-option <el-option
@ -30,7 +30,7 @@
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
/> />
</el-select> -->
</el-select>
<div class="search-label">时间段查询</div> <div class="search-label">时间段查询</div>
<el-date-picker <el-date-picker

14
src/views/PlatformData/UserOverview.vue

@ -148,7 +148,7 @@
/> />
<el-button type="primary" class="search-btn" @click="handleSearch">搜索</el-button> <el-button type="primary" class="search-btn" @click="handleSearch">搜索</el-button>
<el-button type="primary" class="reset-btn" @click="handleReset">重置</el-button> <el-button type="primary" class="reset-btn" @click="handleReset">重置</el-button>
<!-- <el-button type="danger" class="export-btn" @click="handleExport">数据导出</el-button> -->
<el-button type="danger" class="export-btn" @click="handleExport">数据导出</el-button>
</div> </div>
<!-- 表格1: 用户构成明细 --> <!-- 表格1: 用户构成明细 -->
@ -189,7 +189,7 @@
</div> </div>
<!-- 表格2: 新注册用户来源 --> <!-- 表格2: 新注册用户来源 -->
<!-- <div class="detail-section">
<div class="detail-section">
<div class="section-title"><el-icon><User /></el-icon> </div> <div class="section-title"><el-icon><User /></el-icon> </div>
<el-table :data="tableData2" style="width: 100%" :header-cell-style="headerCellStyle"> <el-table :data="tableData2" style="width: 100%" :header-cell-style="headerCellStyle">
<el-table-column prop="channel" label="来源渠道" align="center" /> <el-table-column prop="channel" label="来源渠道" align="center" />
@ -199,10 +199,10 @@
<el-table-column prop="periodNew" label="时间段新增" align="center" /> <el-table-column prop="periodNew" label="时间段新增" align="center" />
<el-table-column prop="percent" label="占比" align="center" /> <el-table-column prop="percent" label="占比" align="center" />
</el-table> </el-table>
</div> -->
</div>
<!-- 表格3: 老用户来源 --> <!-- 表格3: 老用户来源 -->
<!-- <div class="detail-section">
<div class="detail-section">
<div class="section-title"><el-icon><User /></el-icon></div> <div class="section-title"><el-icon><User /></el-icon></div>
<el-table :data="tableData3" style="width: 100%" :header-cell-style="headerCellStyle"> <el-table :data="tableData3" style="width: 100%" :header-cell-style="headerCellStyle">
<el-table-column prop="channel" label="来源渠道" align="center" /> <el-table-column prop="channel" label="来源渠道" align="center" />
@ -212,13 +212,13 @@
<el-table-column prop="periodNew" label="时间段新增" align="center" /> <el-table-column prop="periodNew" label="时间段新增" align="center" />
<el-table-column prop="percent" label="占比" align="center" /> <el-table-column prop="percent" label="占比" align="center" />
</el-table> </el-table>
</div> -->
</div>
<!-- 图表: 用户来源渠道分布 --> <!-- 图表: 用户来源渠道分布 -->
<!-- <div class="detail-section chart-section-bg">
<div class="detail-section chart-section-bg">
<div class="section-title"><el-icon><PieChart /></el-icon> </div> <div class="section-title"><el-icon><PieChart /></el-icon> </div>
<div ref="chartBarRef" class="bar-chart-box"></div> <div ref="chartBarRef" class="bar-chart-box"></div>
</div> -->
</div>
</div> </div>
<!-- 悬浮刷新时间 --> <!-- 悬浮刷新时间 -->

Loading…
Cancel
Save