From 751eb1943e09142d6e9942a8bfaf7ed7fe4343b4 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Sun, 2 Jul 2023 14:20:20 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E4=BA=A7=E7=BA=BF=E5=BD=93=E6=97=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BottomBar/FaultType/index.jsx  | 34 +++++++++++++++++-
 .../BottomBar/FaultType/index.module.css      | 36 +++++++++++++++++++
 2 files changed, 69 insertions(+), 1 deletion(-)

diff --git a/src/components/BottomBar/FaultType/index.jsx b/src/components/BottomBar/FaultType/index.jsx
index 601951c..9fdc1a7 100644
--- a/src/components/BottomBar/FaultType/index.jsx
+++ b/src/components/BottomBar/FaultType/index.jsx
@@ -1,14 +1,46 @@
 import cls from './index.module.css';
 import BottomBarItem from '../BottomBarItem';
+import { Switch, Radio } from 'antd';
+import ReactECharts from 'echarts-for-react';
+import * as echarts from 'echarts';
+import { randomInt } from '../../../utils';
+import { useState } from 'react';
 
 function FaultType(props) {
+	const [lines, setLines] = useState([
+		{ id: 1, label: '产线1', value: 'l1' },
+		{ id: 2, label: '产线2', value: 'l2' },
+		{ id: 3, label: '产线3', value: 'l3' },
+		{ id: 4, label: '产线4', value: 'l4' },
+		{ id: 5, label: '产线5', value: 'l5' },
+	]);
 	return (
 		<BottomBarItem
 			icon="puzzle"
 			title="产线当日缺陷分类"
 			className={cls.faultType}
 		>
-			产线当日缺陷分类 - 环形图 左右 legend - 产线1-5
+			<div className={cls.headWidget}>
+				{/* 日周月年 */}
+				<Radio.Group
+					defaultValue="l1"
+					buttonStyle="solid"
+					className={cls.radioGroup}
+				>
+					{lines.map((l, index) => (
+						<Radio.Button
+							key={l.label}
+							value={l.value}
+							className="radio-group__item"
+						>
+							{l.label}
+						</Radio.Button>
+					))}
+				</Radio.Group>
+			</div>
+			<div className={cls.chart}>
+				{/* <ReactECharts option={options} style={{ height: '100%' }} /> */}
+			</div>
 		</BottomBarItem>
 	);
 }
diff --git a/src/components/BottomBar/FaultType/index.module.css b/src/components/BottomBar/FaultType/index.module.css
index e69de29..c30d052 100644
--- a/src/components/BottomBar/FaultType/index.module.css
+++ b/src/components/BottomBar/FaultType/index.module.css
@@ -0,0 +1,36 @@
+.chart {
+	height: 100%;
+	/* background-color: #00ee33; */
+}
+
+.faultType {
+	position: relative;
+}
+
+.headWidget {
+	position: absolute;
+	/* background: #00ee33; */
+	top: 20px;
+	right: 24px;
+	height: 32px;
+	width: 340px;
+    text-align: right;
+}
+
+.radioGroup * {
+	border: none !important;
+	border-radius: 0 !important;
+}
+
+.radioGroup *:focus-within {
+	box-shadow: none !important;
+}
+
+.radioGroup *::before {
+	width: 0 !important;
+}
+
+.radioGroup_button_wrapper {
+	color: #fff !important;
+	background: #03233c !important;
+}