ab6602e41d
把 3 分钟身体状态评估做成独立获客链路，匿名测评后登录认领完整报告，并接入体验预约与今日待办。 Co-authored-by: Cursor <cursoragent@cursor.com>
53 lines
2.1 KiB
Vue
53 lines
2.1 KiB
Vue
<template>
|
||
<view class="page" :style="{ paddingTop: navBarHeight }">
|
||
<CustomNavBar title="今日经营助手" show-back />
|
||
<view class="hero">
|
||
<text class="title">今天有 {{ dashboard.tasks.length }} 件值得关注的事</text>
|
||
</view>
|
||
<view v-for="task in dashboard.tasks" :key="task.leadId + task.kind" class="card" @tap="openLead(task.leadId)">
|
||
<text class="name">{{ task.title }}</text>
|
||
<text class="detail">{{ task.detail }}</text>
|
||
</view>
|
||
<view class="card">
|
||
<text class="name">渠道转化</text>
|
||
<text v-for="row in dashboard.funnel" :key="row.source" class="detail">
|
||
{{ row.source }} · 测评 {{ row.completed }} · 预约 {{ row.booked }} · 到店 {{ row.attended }} · 成交 {{ row.purchased }}
|
||
</text>
|
||
</view>
|
||
<view class="link" @tap="navigate('/pages/admin/portrait-leads')">全部线索 ›</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { ref } from 'vue'
|
||
import { onShow } from '@dcloudio/uni-app'
|
||
import CustomNavBar from '../../components/CustomNavBar.vue'
|
||
import { getSystemLayout } from '../../utils/system'
|
||
import { useAdminStore } from './stores/admin'
|
||
import type { GrowthTodayDashboard } from '@mp-pilates/shared'
|
||
|
||
const navBarHeight = ref(`${getSystemLayout().navBarHeight}px`)
|
||
const admin = useAdminStore()
|
||
const dashboard = ref<GrowthTodayDashboard>({ tasks: [], funnel: [] })
|
||
|
||
onShow(async () => {
|
||
dashboard.value = await admin.fetchGrowthToday()
|
||
})
|
||
|
||
function openLead(id: string) {
|
||
if (id.length < 20) return
|
||
uni.navigateTo({ url: `/pages/admin/portrait-lead-detail?id=${id}` })
|
||
}
|
||
function navigate(path: string) { uni.navigateTo({ url: path }) }
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.page { min-height: 100vh; background: #fbf9f6; padding: 0 32rpx 60rpx; }
|
||
.hero { padding: 24rpx 8rpx; }
|
||
.title { font-size: 36rpx; color: #4a4035; }
|
||
.card { background: #fff; border-radius: 20rpx; padding: 28rpx; margin-bottom: 16rpx; }
|
||
.name { display: block; font-size: 30rpx; color: #4a4035; }
|
||
.detail { display: block; margin-top: 10rpx; color: #7a6a5a; font-size: 24rpx; line-height: 1.6; }
|
||
.link { padding: 24rpx 8rpx; color: #6b8276; }
|
||
</style>
|