From c3757456704eeea3cb68d9f1478488310e6c5214 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Fri, 10 Oct 2025 16:06:00 +0800
Subject: [PATCH] =?UTF-8?q?feat(componentTest):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=B5=8B=E8=AF=95=E9=A1=B5=E9=9D=A2=E5=9F=BA?=
 =?UTF-8?q?=E7=A1=80=E7=BB=93=E6=9E=84=EF=BC=88=E6=A0=B7=E5=BC=8F=E6=9C=AA?=
 =?UTF-8?q?=E5=BC=80=E5=8F=91=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../componentTest/index.tsx                   | 56 +++++++++++++++++++
 .../componentTest/instanceList.tsx            | 11 ++++
 .../componentTest/sideBar.tsx                 | 11 ++++
 .../componentTest/style/index.module.less     | 25 +++++++++
 .../style/instanceList.module.less            |  0
 .../componentTest/style/sideBar.module.less   |  0
 6 files changed, 103 insertions(+)
 create mode 100644 src/pages/componentDevelopment/componentTest/index.tsx
 create mode 100644 src/pages/componentDevelopment/componentTest/instanceList.tsx
 create mode 100644 src/pages/componentDevelopment/componentTest/sideBar.tsx
 create mode 100644 src/pages/componentDevelopment/componentTest/style/index.module.less
 create mode 100644 src/pages/componentDevelopment/componentTest/style/instanceList.module.less
 create mode 100644 src/pages/componentDevelopment/componentTest/style/sideBar.module.less

diff --git a/src/pages/componentDevelopment/componentTest/index.tsx b/src/pages/componentDevelopment/componentTest/index.tsx
new file mode 100644
index 0000000..ddc4553
--- /dev/null
+++ b/src/pages/componentDevelopment/componentTest/index.tsx
@@ -0,0 +1,56 @@
+import React from 'react';
+import styles from './style/index.module.less';
+import { Button, Input, Radio, Space, Tag, Divider } from '@arco-design/web-react';
+import { IconSearch } from '@arco-design/web-react/icon';
+import SideBar from '@/pages/componentDevelopment/componentTest/sideBar';
+import InstanceList from '@/pages/componentDevelopment/componentTest/instanceList';
+
+const Group = Radio.Group;
+
+const ComponentTest = () => {
+  return (
+    <div className={styles['component-test']}>
+      <div className={styles['header']}>
+        <Group defaultValue={'Beijing'} name="button-radio-group">
+          {['总数126', '已测试45', '未测试81'].map((item, index) => {
+            return (
+              <Radio key={item} value={item}>
+                {({ checked }) => {
+                  return (
+                    <Tag size="large" tabIndex={-1} key={item} color={['purple', 'arcoblue', 'orangered'][index]}>
+                      {item}
+                    </Tag>
+                  );
+                }}
+              </Radio>
+            );
+          })}
+        </Group>
+
+        <Space split={<Divider type="vertical" />}>
+          <Input
+            prefix={<IconSearch />}
+            placeholder={'搜索'}
+            style={{ width: 236 }}
+          />
+          <Button
+            type="primary"
+            style={{ marginLeft: 5, borderRadius: 4 }}
+          >
+            实例指引
+          </Button>
+        </Space>
+      </div>
+      <div className={styles['content']}>
+        <div className={styles['left']}>
+          <SideBar />
+        </div>
+        <div className={styles['right']}>
+          <InstanceList />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ComponentTest;
\ No newline at end of file
diff --git a/src/pages/componentDevelopment/componentTest/instanceList.tsx b/src/pages/componentDevelopment/componentTest/instanceList.tsx
new file mode 100644
index 0000000..f3aa92a
--- /dev/null
+++ b/src/pages/componentDevelopment/componentTest/instanceList.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+const InstanceList = () => {
+  return (
+    <div>
+      实例列表
+    </div>
+  );
+};
+
+export default InstanceList;
\ No newline at end of file
diff --git a/src/pages/componentDevelopment/componentTest/sideBar.tsx b/src/pages/componentDevelopment/componentTest/sideBar.tsx
new file mode 100644
index 0000000..a442d92
--- /dev/null
+++ b/src/pages/componentDevelopment/componentTest/sideBar.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+const SideBar = () => {
+  return (
+    <div>
+      侧边栏
+    </div>
+  );
+};
+
+export default SideBar;
\ No newline at end of file
diff --git a/src/pages/componentDevelopment/componentTest/style/index.module.less b/src/pages/componentDevelopment/componentTest/style/index.module.less
new file mode 100644
index 0000000..f77a933
--- /dev/null
+++ b/src/pages/componentDevelopment/componentTest/style/index.module.less
@@ -0,0 +1,25 @@
+.component-test {
+  height: 98%;
+  background-color: #ffffff;
+  padding: 17px 19px 0 24px;
+
+  .header {
+    display: flex;
+    justify-content: space-between;
+    padding-bottom: 15px;
+    border-bottom: 1px solid #ebebeb;
+    margin-bottom: 25px;
+  }
+
+  .content {
+    display: flex;
+
+    .left {
+      width: 20%;
+    }
+
+    .right {
+      width: 80%;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/pages/componentDevelopment/componentTest/style/instanceList.module.less b/src/pages/componentDevelopment/componentTest/style/instanceList.module.less
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/componentDevelopment/componentTest/style/sideBar.module.less b/src/pages/componentDevelopment/componentTest/style/sideBar.module.less
new file mode 100644
index 0000000..e69de29