feat: 本次提交更新内容如下
样式调整
This commit is contained in:
@@ -4,68 +4,7 @@
|
|||||||
min-height: 100vh;
|
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 {
|
.section {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
@@ -165,13 +104,8 @@
|
|||||||
gap: 8px;
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.statsCard,
|
|
||||||
.featureCard {
|
.featureCard {
|
||||||
padding: 12px;
|
padding: 10px;
|
||||||
}
|
|
||||||
|
|
||||||
.statsValue {
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.featureIcon {
|
.featureIcon {
|
||||||
|
|||||||
@@ -9,6 +9,7 @@ import {
|
|||||||
LinkOutlined,
|
LinkOutlined,
|
||||||
AppstoreOutlined,
|
AppstoreOutlined,
|
||||||
PieChartOutlined,
|
PieChartOutlined,
|
||||||
|
BarChartOutlined,
|
||||||
ClockCircleOutlined,
|
ClockCircleOutlined,
|
||||||
} from "@ant-design/icons";
|
} from "@ant-design/icons";
|
||||||
import Layout from "@/components/Layout/Layout";
|
import Layout from "@/components/Layout/Layout";
|
||||||
@@ -16,15 +17,6 @@ import MeauMobile from "@/components/MeauMobile/MeauMoible";
|
|||||||
import styles from "./index.module.scss";
|
import styles from "./index.module.scss";
|
||||||
|
|
||||||
const Workspace: React.FC = () => {
|
const Workspace: React.FC = () => {
|
||||||
// 模拟任务数据
|
|
||||||
const taskStats = {
|
|
||||||
total: 42,
|
|
||||||
inProgress: 12,
|
|
||||||
completed: 30,
|
|
||||||
todayTasks: 12,
|
|
||||||
activityRate: 98,
|
|
||||||
};
|
|
||||||
|
|
||||||
// 常用功能
|
// 常用功能
|
||||||
const commonFeatures = [
|
const commonFeatures = [
|
||||||
{
|
{
|
||||||
@@ -101,7 +93,7 @@ const Workspace: React.FC = () => {
|
|||||||
name: "AI数据分析",
|
name: "AI数据分析",
|
||||||
description: "智能分析客户行为特征",
|
description: "智能分析客户行为特征",
|
||||||
icon: (
|
icon: (
|
||||||
<PieChartOutlined
|
<BarChartOutlined
|
||||||
className={styles.icon}
|
className={styles.icon}
|
||||||
style={{ color: "#531dab" }}
|
style={{ color: "#531dab" }}
|
||||||
/>
|
/>
|
||||||
@@ -139,11 +131,6 @@ const Workspace: React.FC = () => {
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
// 进度条宽度
|
|
||||||
const progressPercent = Math.round(
|
|
||||||
(taskStats.inProgress / taskStats.total) * 100
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Layout
|
<Layout
|
||||||
header={
|
header={
|
||||||
@@ -156,61 +143,6 @@ const Workspace: React.FC = () => {
|
|||||||
footer={<MeauMobile />}
|
footer={<MeauMobile />}
|
||||||
>
|
>
|
||||||
<div className={styles.workspace}>
|
<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}>
|
<div className={styles.section}>
|
||||||
<h2 className={styles.sectionTitle}>常用功能</h2>
|
<h2 className={styles.sectionTitle}>常用功能</h2>
|
||||||
|
|||||||
Reference in New Issue
Block a user