feat: 本次提交更新内容如下
存一波
This commit is contained in:
@@ -1,15 +1,14 @@
|
||||
import React from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
import { Card, NavBar, Badge, Progress } from "antd-mobile";
|
||||
import { Card, NavBar, Badge } from "antd-mobile";
|
||||
import {
|
||||
ThumbsUpOutline,
|
||||
LikeOutline,
|
||||
MessageOutline,
|
||||
SendOutline,
|
||||
TeamOutline,
|
||||
ShareOutline,
|
||||
LinkOutline,
|
||||
AppOutline,
|
||||
BarChartOutline,
|
||||
LineChartOutline,
|
||||
PieOutline,
|
||||
ClockCircleOutline,
|
||||
} from "antd-mobile-icons";
|
||||
import Layout from "@/components/Layout/Layout";
|
||||
@@ -33,7 +32,7 @@ const Workspace: React.FC = () => {
|
||||
name: "自动点赞",
|
||||
description: "智能自动点赞互动",
|
||||
icon: (
|
||||
<ThumbsUpOutline className={styles.icon} style={{ color: "#ff4d4f" }} />
|
||||
<LikeOutline className={styles.icon} style={{ color: "#ff4d4f" }} />
|
||||
),
|
||||
path: "/workspace/auto-like",
|
||||
bgColor: "#fff2f0",
|
||||
@@ -77,7 +76,7 @@ const Workspace: React.FC = () => {
|
||||
name: "流量分发",
|
||||
description: "管理流量分发和分配",
|
||||
icon: (
|
||||
<ShareOutline className={styles.icon} style={{ color: "#1890ff" }} />
|
||||
<LinkOutline className={styles.icon} style={{ color: "#1890ff" }} />
|
||||
),
|
||||
path: "/workspace/traffic-distribution",
|
||||
bgColor: "#e6f7ff",
|
||||
@@ -101,9 +100,7 @@ const Workspace: React.FC = () => {
|
||||
id: "ai-analyzer",
|
||||
name: "AI数据分析",
|
||||
description: "智能分析客户行为特征",
|
||||
icon: (
|
||||
<BarChartOutline className={styles.icon} style={{ color: "#531dab" }} />
|
||||
),
|
||||
icon: <PieOutline className={styles.icon} style={{ color: "#531dab" }} />,
|
||||
path: "/workspace/ai-analyzer",
|
||||
bgColor: "#f0f0ff",
|
||||
isNew: true,
|
||||
@@ -121,17 +118,17 @@ const Workspace: React.FC = () => {
|
||||
id: "ai-forecast",
|
||||
name: "AI销售预测",
|
||||
description: "智能预测销售趋势",
|
||||
icon: (
|
||||
<LineChartOutline
|
||||
className={styles.icon}
|
||||
style={{ color: "#d48806" }}
|
||||
/>
|
||||
),
|
||||
icon: <PieOutline className={styles.icon} style={{ color: "#d48806" }} />,
|
||||
path: "/workspace/ai-forecast",
|
||||
bgColor: "#fffbe6",
|
||||
},
|
||||
];
|
||||
|
||||
// 进度条宽度
|
||||
const progressPercent = Math.round(
|
||||
(taskStats.inProgress / taskStats.total) * 100
|
||||
);
|
||||
|
||||
return (
|
||||
<Layout
|
||||
header={
|
||||
@@ -149,10 +146,26 @@ const Workspace: React.FC = () => {
|
||||
<Card className={styles.statsCard}>
|
||||
<div className={styles.statsTitle}>总任务数</div>
|
||||
<div className={styles.statsValue}>{taskStats.total}</div>
|
||||
<Progress
|
||||
percent={(taskStats.inProgress / taskStats.total) * 100}
|
||||
className={styles.progress}
|
||||
/>
|
||||
<div className={styles.progress}>
|
||||
<div
|
||||
style={{
|
||||
width: progressPercent + "%",
|
||||
height: 6,
|
||||
background: "var(--primary-color)",
|
||||
borderRadius: 4,
|
||||
transition: "width 0.3s",
|
||||
}}
|
||||
/>
|
||||
<div
|
||||
style={{
|
||||
width: 100 - progressPercent + "%",
|
||||
height: 6,
|
||||
background: "#f0f0f0",
|
||||
borderRadius: 4,
|
||||
display: "inline-block",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className={styles.statsSubtitle}>
|
||||
进行中: {taskStats.inProgress} / 已完成: {taskStats.completed}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user