diff --git a/src/renderer/src/App.jsx b/src/renderer/src/App.jsx
index a4803cd..ec6293a 100644
--- a/src/renderer/src/App.jsx
+++ b/src/renderer/src/App.jsx
@@ -2,14 +2,51 @@ import { Layout } from 'antd'
 import styles from './App.module.css'
 const { Sider, Content } = Layout
 import SiderHeader from './components/SiderHeader/SiderHeader'
-const App = () => (
-  <Layout className={styles.layoutStyle}>
-    <Sider width={300} className={styles.siderStyle}>
-      <SiderHeader></SiderHeader>
-    </Sider>
-    <Layout>
-      <Content className={styles.contentStyle}>Content</Content>
+import { FundFilled, CameraFilled } from '@ant-design/icons'
+import { Tabs } from 'antd'
+const tabItem = [
+  {
+    key: '1',
+    label: `挠度数据采集`,
+    children: `挠度数据采集`,
+    icon: <FundFilled />
+  },
+  {
+    key: '2',
+    label: `图像数据采集`,
+    children: `图像数据采集`,
+    icon: <CameraFilled />
+  }
+]
+
+import { useState } from 'react'
+
+const App = () => {
+  const [activeKey, setActiveKey] = useState('1')
+  return (
+    <Layout className={styles.layoutStyle}>
+      <Sider width={300} className={styles.siderStyle}>
+        <SiderHeader showSystemSettings={activeKey === '1'} />
+      </Sider>
+      <Layout>
+        <Content className={styles.contentStyle}>
+          <Tabs
+            activeKey={activeKey}
+            onChange={setActiveKey}
+            items={tabItem.map((item) => ({
+              key: item.key,
+              label: (
+                <span style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
+                  {item.icon}
+                  {item.label}
+                </span>
+              ),
+              children: item.children
+            }))}
+          />
+        </Content>
+      </Layout>
     </Layout>
-  </Layout>
-)
+  )
+}
 export default App
diff --git a/src/renderer/src/App.module.css b/src/renderer/src/App.module.css
index a3450aa..521f606 100644
--- a/src/renderer/src/App.module.css
+++ b/src/renderer/src/App.module.css
@@ -2,6 +2,7 @@
   text-align: center;
   min-height: calc(100vh - 20px);
   background-color: #fff;
+  padding: 0 10px;
 }
 
 .siderStyle {
diff --git a/src/renderer/src/components/MeasurementPointSetting/MeasurementPointSetting.jsx b/src/renderer/src/components/MeasurementPointSetting/MeasurementPointSetting.jsx
index db4b1e3..4f71e1f 100644
--- a/src/renderer/src/components/MeasurementPointSetting/MeasurementPointSetting.jsx
+++ b/src/renderer/src/components/MeasurementPointSetting/MeasurementPointSetting.jsx
@@ -5,7 +5,8 @@ import {
   MinusOutlined,
   DeleteOutlined,
   ReloadOutlined,
-  SendOutlined
+  SendOutlined,
+  BoxPlotFilled
 } from '@ant-design/icons'
 
 function MeasurementPointSetting() {
@@ -131,7 +132,10 @@ function MeasurementPointSetting() {
     <Flex vertical className={styles.container}>
       {/* 标题 */}
       <div className={styles.header}>
-        <span className={styles.title}>测点设置:</span>
+        <span className={styles.title}>
+          <BoxPlotFilled className={styles.titleIcon} />
+          测点设置
+        </span>
       </div>
 
       {/* 基本信息 */}
diff --git a/src/renderer/src/components/MeasurementPointSetting/index.jsx b/src/renderer/src/components/MeasurementPointSetting/index.jsx
deleted file mode 100644
index d6456cf..0000000
--- a/src/renderer/src/components/MeasurementPointSetting/index.jsx
+++ /dev/null
@@ -1,219 +0,0 @@
-import React, { useState } from 'react'
-import styles from './index.module.css'
-import { Flex, Input, Select, InputNumber, Button, Table } from 'antd'
-import {
-  PlusOutlined,
-  MinusOutlined,
-  DeleteOutlined,
-  ReloadOutlined,
-  SendOutlined
-} from '@ant-design/icons'
-
-function MeasurementPointSetting() {
-  const [measurementData] = useState([
-    {
-      key: '1',
-      项目: '传感器',
-      数值: '',
-      children: [
-        { key: '1-1', 项目: '测点位置', 数值: '1' },
-        { key: '1-2', 项目: '测点描述', 数值: '' },
-        { key: '1-3', 项目: '计算系数', 数值: '0.448' },
-        { key: '1-4', 项目: '营样标定', 数值: 'n' },
-        { key: '1-5', 项目: 'x', 数值: '349' },
-        { key: '1-6', 项目: 'y', 数值: '1108' },
-        { key: '1-7', 项目: 'w', 数值: '125' },
-        { key: '1-8', 项目: 'h', 数值: '15' }
-      ]
-    },
-    { key: '2', 项目: '传感器', 数值: '' },
-    { key: '3', 项目: '传感器', 数值: '' },
-    { key: '4', 项目: '传感器', 数值: '' },
-    { key: '5', 项目: '传感器', 数值: '' }
-  ])
-
-  const columns = [
-    {
-      title: '项目',
-      dataIndex: '项目',
-      key: '项目',
-      width: '50%'
-    },
-    {
-      title: '数值',
-      dataIndex: '数值',
-      key: '数值',
-      width: '50%',
-      render: (text) => text || '-'
-    }
-  ]
-
-  return (
-    <Flex vertical className={styles.container}>
-      {/* 标题 */}
-      <div className={styles.header}>
-        <span className={styles.title}>测点设置:</span>
-      </div>
-
-      {/* 基本信息 */}
-      <div className={styles.section}>
-        <div className={styles.sectionTitle}>基本信息</div>
-
-        <Flex className={styles.formRow}>
-          <span className={styles.label}>测点位置:</span>
-          <Select
-            className={styles.select}
-            defaultValue="1"
-            style={{ flex: 1 }}
-            options={[
-              { value: '1', label: '1' },
-              { value: '2', label: '2' },
-              { value: '3', label: '3' },
-              { value: '4', label: '4' }
-            ]}
-          />
-        </Flex>
-
-        <Flex className={styles.formRow}>
-          <span className={styles.label}>测点描述:</span>
-          <Input className={styles.input} style={{ flex: 1 }} />
-        </Flex>
-
-        <Flex className={styles.formRow}>
-          <span className={styles.label}>计算系数:</span>
-          <InputNumber
-            className={styles.numberInput}
-            defaultValue={0}
-            precision={4}
-            style={{ flex: 1 }}
-          />
-        </Flex>
-
-        <Flex className={styles.formRow}>
-          <span className={styles.label}>营样标定:</span>
-          <Select
-            className={styles.select}
-            defaultValue="n"
-            style={{ flex: 1 }}
-            options={[
-              { value: 'y', label: 'y' },
-              { value: 'n', label: 'n' }
-            ]}
-          />
-        </Flex>
-      </div>
-
-      {/* 成像区域 */}
-      <div className={styles.section}>
-        <div className={styles.sectionTitle}>成像区域</div>
-
-        <Flex gap={16}>
-          <Flex className={styles.formRow} style={{ flex: 1 }}>
-            <span className={styles.label}>X:</span>
-            <InputNumber className={styles.numberInput} defaultValue={0} style={{ flex: 1 }} />
-          </Flex>
-          <Flex className={styles.formRow} style={{ flex: 1 }}>
-            <span className={styles.label}>W:</span>
-            <InputNumber className={styles.numberInput} defaultValue={0} style={{ flex: 1 }} />
-          </Flex>
-        </Flex>
-
-        <Flex gap={16}>
-          <Flex className={styles.formRow} style={{ flex: 1 }}>
-            <span className={styles.label}>Y:</span>
-            <InputNumber className={styles.numberInput} defaultValue={0} style={{ flex: 1 }} />
-          </Flex>
-          <Flex className={styles.formRow} style={{ flex: 1 }}>
-            <span className={styles.label}>H:</span>
-            <InputNumber className={styles.numberInput} defaultValue={0} style={{ flex: 1 }} />
-          </Flex>
-        </Flex>
-      </div>
-
-      {/* 系数计算 */}
-      <div className={styles.section}>
-        <div className={styles.sectionTitle}>系数计算</div>
-
-        <Flex className={styles.formRow}>
-          <span className={styles.label}>像素单距:</span>
-          <Select
-            className={styles.select}
-            defaultValue="50"
-            style={{ flex: 1 }}
-            options={[
-              { value: '25', label: '25' },
-              { value: '50', label: '50' },
-              { value: '75', label: '75' },
-              { value: '100', label: '100' }
-            ]}
-          />
-        </Flex>
-
-        <Flex className={styles.formRow}>
-          <span className={styles.label}>测点距离:</span>
-          <InputNumber
-            className={styles.numberInput}
-            defaultValue={10}
-            precision={4}
-            style={{ flex: 1 }}
-          />
-        </Flex>
-      </div>
-
-      {/* 测点列表 */}
-      <div className={styles.tableSection}>
-        <div className={styles.sectionTitle}>测点列表</div>
-
-        <div className={styles.tableContainer}>
-          <table className={styles.table}>
-            <thead className={styles.tableHeader}>
-              <tr>
-                <th>项目</th>
-                <th>数值</th>
-              </tr>
-            </thead>
-            <tbody>
-              {measurementData.map((item) => (
-                <tr key={item.id} className={styles.tableRow}>
-                  <td className={styles.tableCell}>{item.type}</td>
-                  <td className={styles.tableCell}>{item.value || '-'}</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-
-        {/* 操作按钮 */}
-        <Flex className={styles.actionButtons} justify="center">
-          <Button
-            className={`${styles.actionButton} ${styles.addButton}`}
-            icon={<PlusOutlined />}
-            shape="circle"
-          />
-          <Button
-            className={`${styles.actionButton} ${styles.deleteButton}`}
-            icon={<MinusOutlined />}
-            shape="circle"
-          />
-          <Button
-            className={`${styles.actionButton} ${styles.clearButton}`}
-            icon={<DeleteOutlined />}
-            shape="circle"
-          />
-          <Button
-            className={`${styles.actionButton} ${styles.refreshButton}`}
-            icon={<ReloadOutlined />}
-            shape="circle"
-          />
-          <Button
-            className={`${styles.actionButton} ${styles.sendButton}`}
-            icon={<SendOutlined />}
-            shape="circle"
-          />
-        </Flex>
-      </div>
-    </Flex>
-  )
-}
-
-export default MeasurementPointSetting
diff --git a/src/renderer/src/components/SystemSettings/SystemSettings.module.css b/src/renderer/src/components/SystemSettings/SystemSettings.module.css
index 7d7ae0d..c4a85f1 100644
--- a/src/renderer/src/components/SystemSettings/SystemSettings.module.css
+++ b/src/renderer/src/components/SystemSettings/SystemSettings.module.css
@@ -12,6 +12,7 @@
 
 .title {
   font-weight: bold;
+  font-size: 14px;
 }
 
 .titleIcon {