更新底部服务保障跳转链接 & 购买套餐添加折扣字段 & 用户总览添加长效动态图表

This commit is contained in:
Eamon-meng
2025-12-18 17:11:19 +08:00
parent 375a6f30c0
commit fa942d4b99
5 changed files with 163 additions and 48 deletions

View File

@@ -19,7 +19,7 @@ export default function Footer(props: FooterProps) {
<p className="text-sm text-gray-400">QQ 70177252</p>
<h3 className="hidden sm:block"></h3>
<a
href="https://weixin.qq.com/r/mp/AxYMFAzErFHTrUh390MR"
href="https://work.weixin.qq.com/kfid/kfc458bc58e79e5093f"
target="_blank"
rel="noopener noreferrer"
className="text-sm text-gray-400 hidden sm:block cursor-pointer hover:text-white transition-colors"
@@ -27,7 +27,7 @@ export default function Footer(props: FooterProps) {
</a>
<a
href="https://weixin.qq.com/r/mp/AxYMFAzErFHTrUh390MR"
href="https://work.weixin.qq.com/kfid/kfc458bc58e79e5093f"
target="_blank"
rel="noopener noreferrer"
className="text-sm text-gray-400 hidden sm:block cursor-pointer hover:text-white transition-colors"
@@ -41,7 +41,7 @@ export default function Footer(props: FooterProps) {
items={[
{name: `产品订购`, href: `/product`},
{name: `获取代理`, href: `/collect`},
{name: `帮助中心`, href: `/docs`},
{name: `帮助中心`, href: `/docs/faq-general`},
{name: `企业服务`, href: `/custom`},
]}
/>
@@ -56,14 +56,14 @@ export default function Footer(props: FooterProps) {
<SiteNavList
title="使用案例"
items={[
{name: `数据抓取`, href: `/data-capture`},
{name: `媒体矩阵`, href: `#`},
{name: `广告验证`, href: `#`},
{name: `价格监控`, href: `#`},
{name: `市场调研`, href: `#`},
{name: `金融数据`, href: `#`},
{name: `SEO优化`, href: `#`},
{name: `测试`, href: `#`},
{name: `数据采集`, href: `/data-capture`},
{name: `电商运营`, href: `/e-commerce`},
{name: `市场调研`, href: `/market-research`},
{name: `SEO优化`, href: `/seo-optimization`},
{name: `社交媒体`, href: `/social-media`},
{name: `广告投放`, href: `/advertising`},
{name: `账号管理`, href: `/account-management`},
{name: `测试`, href: `/network-testing`},
]}
/>
<SiteNavList

View File

@@ -123,8 +123,7 @@ export default function Charts({initialData}: ChartsProps) {
{submittedData && <DashboardChart data={submittedData}/>}
</TabsContent>
<TabsContent value="static" className="flex flex-col items-center justify-center gap-2">
<Image alt="coming soon" src={soon}/>
<p></p>
<LongChart/>
</TabsContent>
</Tabs>
</CardContent>
@@ -184,3 +183,33 @@ function DashboardChart(props: DashboardChartProps) {
</ChartContainer>
)
}
function LongChart() {
return (
<ChartContainer config={config} className="w-full h-full">
<AreaChart margin={{top: 0, right: 20, left: 0, bottom: 0}}>
<CartesianGrid vertical={false}/>
<XAxis
dataKey="formattedTime"
tickLine={false}
/>
<YAxis tickLine={false}/>
<Tooltip
animationDuration={100}
// labelFormatter={value => `日期: ${chartData.find(item => item.formattedTime === value)?.fullDate || value}`}
formatter={value => [`${value}`, '套餐使用量']}
/>
<Area
type="monotone"
dataKey="count"
stroke="#8884d8"
fill="#8884d8"
fillOpacity={0.2}
strokeWidth={2}
name="套餐使用量"
/>
<Legend/>
</AreaChart>
</ChartContainer>
)
}