feat: 本次提交更新内容如下
样式调整
This commit is contained in:
@@ -4,68 +4,7 @@
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.statsGrid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 12px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.statsCard {
|
||||
background: #fff;
|
||||
border-radius: 12px;
|
||||
padding: 16px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
|
||||
|
||||
:global(.adm-card-body) {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.statsTitle {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.statsValue {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.progress {
|
||||
margin-bottom: 8px;
|
||||
|
||||
:global(.adm-progress-bar) {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
:global(.adm-progress-bar-fill) {
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
}
|
||||
|
||||
.statsSubtitle {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.activityRate {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
color: #52c41a;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.activityIcon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 4px;
|
||||
color: #52c41a;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 24px;
|
||||
@@ -165,13 +104,8 @@
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.statsCard,
|
||||
.featureCard {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.statsValue {
|
||||
font-size: 24px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.featureIcon {
|
||||
|
||||
@@ -9,6 +9,7 @@ import {
|
||||
LinkOutlined,
|
||||
AppstoreOutlined,
|
||||
PieChartOutlined,
|
||||
BarChartOutlined,
|
||||
ClockCircleOutlined,
|
||||
} from "@ant-design/icons";
|
||||
import Layout from "@/components/Layout/Layout";
|
||||
@@ -16,15 +17,6 @@ import MeauMobile from "@/components/MeauMobile/MeauMoible";
|
||||
import styles from "./index.module.scss";
|
||||
|
||||
const Workspace: React.FC = () => {
|
||||
// 模拟任务数据
|
||||
const taskStats = {
|
||||
total: 42,
|
||||
inProgress: 12,
|
||||
completed: 30,
|
||||
todayTasks: 12,
|
||||
activityRate: 98,
|
||||
};
|
||||
|
||||
// 常用功能
|
||||
const commonFeatures = [
|
||||
{
|
||||
@@ -101,7 +93,7 @@ const Workspace: React.FC = () => {
|
||||
name: "AI数据分析",
|
||||
description: "智能分析客户行为特征",
|
||||
icon: (
|
||||
<PieChartOutlined
|
||||
<BarChartOutlined
|
||||
className={styles.icon}
|
||||
style={{ color: "#531dab" }}
|
||||
/>
|
||||
@@ -139,11 +131,6 @@ const Workspace: React.FC = () => {
|
||||
},
|
||||
];
|
||||
|
||||
// 进度条宽度
|
||||
const progressPercent = Math.round(
|
||||
(taskStats.inProgress / taskStats.total) * 100
|
||||
);
|
||||
|
||||
return (
|
||||
<Layout
|
||||
header={
|
||||
@@ -156,61 +143,6 @@ const Workspace: React.FC = () => {
|
||||
footer={<MeauMobile />}
|
||||
>
|
||||
<div className={styles.workspace}>
|
||||
{/* 任务统计卡片 */}
|
||||
<div className={styles.statsGrid}>
|
||||
<Card className={styles.statsCard}>
|
||||
<div className={styles.statsTitle}>总任务数</div>
|
||||
<div className={styles.statsValue}>{taskStats.total}</div>
|
||||
<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>
|
||||
</Card>
|
||||
|
||||
<Card className={styles.statsCard}>
|
||||
<div className={styles.statsTitle}>今日任务</div>
|
||||
<div className={styles.statsValue} style={{ color: "#52c41a" }}>
|
||||
{taskStats.todayTasks}
|
||||
</div>
|
||||
<div className={styles.activityRate}>
|
||||
<svg
|
||||
className={styles.activityIcon}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M3 12H7L10 19L14 5L17 12H21"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
<span>活跃度 {taskStats.activityRate}%</span>
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
{/* 常用功能 */}
|
||||
<div className={styles.section}>
|
||||
<h2 className={styles.sectionTitle}>常用功能</h2>
|
||||
|
||||
Reference in New Issue
Block a user