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

src/app/admin/(dashboard)/_client/charts.tsx

@@ -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>
+  )
+}