From d115718fb0a82699ae9de8f3f0711cde85344e44 Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Sun, 8 Jun 2025 17:19:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E9=87=8D=E6=96=B0=E8=87=AA=E6=A3=80;=20?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=8C=89=E9=92=AE=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/crafts.ts                          |   2 +-
 src/apis/system.ts                          |   3 +
 src/components/Stop/index.vue               |  28 ---
 src/components/check/index.vue              | 322 --------------------------
 src/components/check1/index.vue             | 318 --------------------------
 src/components/common/Countdown.vue         | 107 ---------
 src/components/craft/AddCraft/index.vue     |  49 +---
 src/components/home/Countdown/Countdown.vue | 107 +++++++++
 src/components/home/ExecuteCraft/index.vue  |   6 +-
 src/components/home/Tube/index.vue          |   2 +-
 src/components/system/Check/index.vue       | 341 ++++++++++++++++++++++++++++
 src/components/system/EditDate/index.vue    |  60 +++++
 src/components/system/Stop/index.vue        |  28 +++
 src/components/systemConfig/Edit/index.vue  |  59 +++++
 src/layouts/default.vue                     |  22 +-
 src/libs/utils.ts                           |   1 +
 src/router/index.ts                         |   2 +-
 src/router/routes.ts                        |  11 +
 src/stores/systemStore.ts                   |   6 +-
 src/types/system.d.ts                       |   6 +
 src/views/home/index.vue                    | 203 +++++++++--------
 src/views/systemConfig/index.vue            |  59 +++++
 22 files changed, 819 insertions(+), 923 deletions(-)
 delete mode 100644 src/components/Stop/index.vue
 delete mode 100644 src/components/check/index.vue
 delete mode 100644 src/components/check1/index.vue
 delete mode 100644 src/components/common/Countdown.vue
 create mode 100644 src/components/home/Countdown/Countdown.vue
 create mode 100644 src/components/system/Check/index.vue
 create mode 100644 src/components/system/EditDate/index.vue
 create mode 100644 src/components/system/Stop/index.vue
 create mode 100644 src/components/systemConfig/Edit/index.vue
 create mode 100644 src/views/systemConfig/index.vue

diff --git a/src/apis/crafts.ts b/src/apis/crafts.ts
index c26e4ae..8c9c5e7 100644
--- a/src/apis/crafts.ts
+++ b/src/apis/crafts.ts
@@ -30,5 +30,5 @@ export const craftstatus = (): Promise<CraftTypes.CraftState[]> => http.get(`/mo
 export const craftstatusByHeatId = (heatId: string): Promise<CraftTypes.CraftState> => http.get(`/monitor/crafts/status/${heatId}`)
 export const craftList = (): Promise<any> => http.get(`/crafts/monitor/list`)
 export const craftRestart = (monitorId: string): Promise<CraftTypes.CraftState> => http.post(`/crafts/restart`, { monitorId })
-export const craftRestore = (isRestore: boolean): Promise<null> => http.get(`/crafts/restore/${isRestore}`)
+export const craftRestore = (isRestore: boolean): Promise<null> => http.get(`/crafts/restore/isRestore=${isRestore}`)
 export const craftRemove = (monitorId: string): Promise<CraftTypes.CraftState> => http.delete(`/crafts/remove`, { params: { monitorId } })
diff --git a/src/apis/system.ts b/src/apis/system.ts
index c0c4137..930f1b9 100644
--- a/src/apis/system.ts
+++ b/src/apis/system.ts
@@ -7,3 +7,6 @@ export const getPoint = (motor: string): Promise<string> => http.get(`/motor/pos
 export const requireOutTray = (): Promise<{ moduleCode: string }[]> => http.get('/self-test/require-out-tray')
 export const setIgnoreItem = (params: { ignoreSelfTestType: string, ignore: boolean }): Promise<null> => http.post('/self-test/set-ignore-item', params)
 export const getTime = (): Promise<number> => http.get('/sys/datetime')
+export const setTime = (params: { datetime?: string }): Promise<number> => http.post('/sys/datetime', params)
+export const configList = (): Promise<number> => http.get('/sys/config-list')
+export const updateConfig = (params: System.SystemConfig): Promise<number> => http.post('/sys/update-config', params)
diff --git a/src/components/Stop/index.vue b/src/components/Stop/index.vue
deleted file mode 100644
index b8cdc12..0000000
--- a/src/components/Stop/index.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <Teleport to="body">
-    <div class="mask-box">
-      设备急停中
-    </div>
-  </Teleport>
-</template>
-
-<style scoped lang="scss">
-.mask-box {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.7);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--el-color-danger);
-  font-size: 50px;
-  z-index: 10000;
-  top: 0;
-  left: 0;
-}
-</style>
diff --git a/src/components/check/index.vue b/src/components/check/index.vue
deleted file mode 100644
index 30fc21a..0000000
--- a/src/components/check/index.vue
+++ /dev/null
@@ -1,322 +0,0 @@
-<script lang="ts" setup>
-import { getSelfFinish, getSelfStatus } from 'apis/self'
-import { requireOutTray, setIgnoreItem } from 'apis/system'
-import { ElMessageBox } from 'element-plus'
-import { socket } from 'libs/socket'
-import { useHomeStore } from 'stores/homeStore'
-import { useSystemStore } from 'stores/systemStore'
-import { onMounted, ref } from 'vue'
-
-const emits = defineEmits(['close'])
-const homeStore = useHomeStore()
-const systemStore = useSystemStore()
-
-const checkMap = ref(new Map([
-  ['transferZOrigin', { status: '', ignoreKey: 'transferZOriginIsIgnore', name: 'z轴回原点', params: { commandId: '', command: `transfer_z_origin`, params: {} } }],
-  ['transferXOrigin', { status: '', ignoreKey: 'transferXOriginIsIgnore', name: 'x轴回原点', params: { commandId: '', command: `transfer_x_origin`, params: {} } }],
-  ['doorOrigin', { status: '', ignoreKey: 'doorOriginIsIgnore', name: '门电机回原点', params: { commandId: '', command: `door_origin`, params: {} } }],
-  ['dualRobotOrigin', { status: '', ignoreKey: 'dualRobotOriginIsIgnore', name: '加液机械臂回原点', params: { commandId: '', command: `dual_robot_origin`, params: {} } }],
-]))
-
-const checkList = ref<any[]>([])
-
-onMounted(async () => {
-  socket.init(receiveMessage1, 'cmd_debug')
-  socket.init(receiveMessage2, 'cmd_response')
-  socket.init(receiveMessageSelfMove, 'self_move_test')
-  const res = await getSelfStatus()
-  for (const key in res) {
-    const entry = checkMap.value.get(key)
-    if (entry) {
-      entry.status = res[key] ? 'success' : 'error'
-    }
-    for (const [checkKey] of checkMap.value) {
-      const data = checkMap.value.get(checkKey)
-      if (key === data?.ignoreKey) {
-        res[key] && (data.status = 'ignore')
-      }
-    }
-  }
-  await ElMessageBox.confirm(
-    '设备转运机械臂x、z, 加液机械臂, 门等需进行初始化，请确认机械臂行进路径无杂物',
-    '提示',
-    {
-      confirmButtonText: '确认',
-      showClose: false,
-      showCancelButton: false,
-      closeOnClickModal: false,
-      closeOnPressEscape: false,
-      type: 'warning',
-      customClass: 'init-message',
-    },
-  )
-  const keys = [...checkMap.value.keys()]
-  for (let i = 0; i < keys.length; i++) {
-    checkList.value.push(checkMap.value.get(keys[i]))
-  }
-})
-
-let currentCommandId = ''
-
-const receiveMessage1 = (data: Socket.cmdData) => {
-  data.commandId === currentCommandId && systemStore.pushSystemList(data)
-}
-const receiveMessage2 = (data: Socket.cmdData) => {
-  data.commandId === currentCommandId && systemStore.pushSystemList(data)
-  const item = checkList.value.find(item => item.params.commandId === data.commandId)
-  if (item && data.commandId === item.params.commandId && ['success', 'error'].includes(data.status)) {
-    item.status = data.status
-  }
-
-  const item1 = heatList.value.find(item => item.params.commandId === data.commandId)
-  if (item1 && data.commandId === item1.params.commandId && ['success', 'error'].includes(data.status)) {
-    item.status = data.status
-  }
-}
-
-const commandHandle = async (data: any) => {
-  data.params.commandId = currentCommandId = Date.now().toString()
-  await homeStore.sendControl(data!.params)
-}
-
-const onConfirm = async () => {
-  await getSelfFinish(true)
-  emits('close')
-}
-
-const percentage = ref(0)
-
-const checkHandle = async () => {
-  activeStep.value = 1
-  await ElMessageBox.confirm(
-    '设备即将开始自检',
-    '提示',
-    {
-      confirmButtonText: '确认',
-      showClose: false,
-      showCancelButton: false,
-      closeOnClickModal: false,
-      closeOnPressEscape: false,
-      type: 'warning',
-      customClass: 'init-message',
-    },
-  )
-  currentCommandId = Date.now().toString()
-  const params = {
-    commandId: currentCommandId,
-    command: 'move_test',
-    params: {},
-  }
-  await homeStore.sendControl(params)
-}
-
-const checkTextList = ref<string[]>([])
-
-const receiveMessageSelfMove = (data: any) => {
-  checkTextList.value.push(data.title)
-  percentage.value = data.schedule
-}
-
-const activeStep = ref(0)
-
-const heatList = ref([
-  {
-    name: '加热区1',
-    status: 'success',
-    command: 'heat_module_01',
-    params: { commandId: '', command: `tray_out`, params: { heatId: 'heat_module_01' } },
-  },
-  {
-    name: '加热区2',
-    status: 'success',
-    command: 'heat_module_02',
-    params: { commandId: '', command: `tray_out`, params: { heatId: 'heat_module_02' } },
-  },
-  {
-    name: '加热区23',
-    status: 'success',
-    command: 'heat_module_03',
-    params: { commandId: '', command: `tray_out`, params: { heatId: 'heat_module_03' } },
-  },
-  {
-    name: '退火区',
-    status: 'success',
-    command: 'heat_module_04',
-    params: { commandId: '', command: `tray_out`, params: { heatId: 'heat_module_04' } },
-  },
-])
-
-const checkHandle1 = async () => {
-  const res = await requireOutTray()
-  res.forEach((item) => {
-    const heatItem = heatList.value.find(heatItem => heatItem.command === item.moduleCode)
-    heatItem!.status = 'error'
-  })
-  activeStep.value = 2
-}
-
-const ignore = async (item: any) => {
-  await setIgnoreItem({
-    ignoreSelfTestType: item.ignoreKey,
-    ignore: true,
-  })
-  item.status = 'ignore'
-}
-
-const ignoreFalse = async (item: any) => {
-  await setIgnoreItem({
-    ignoreSelfTestType: item.ignoreKey,
-    ignore: false,
-  })
-  item.status = 'error'
-}
-</script>
-
-<template>
-  <FtDialog visible title="设备初始化" width="60%">
-    <el-steps style="max-width: 600px" :active="activeStep" finish-status="success">
-      <el-step title="初始化" />
-      <el-step title="自检" />
-      <el-step title="设备状态" />
-    </el-steps>
-    <div v-if="activeStep === 0" class="check-main">
-      <div v-for="item in checkList" :key="item.name" class="check-item">
-        <el-tag>{{ item.name }}</el-tag>
-        <el-icon v-if="item.status === 'success'" color="#26D574">
-          <CircleCheckFilled />
-        </el-icon>
-        <el-icon v-else-if="item.status === 'error'" color="#FE0A0A">
-          <CircleCloseFilled />
-        </el-icon>
-        <el-icon v-else-if="item.status === ''" class="el-icon--loading">
-          <Loading />
-        </el-icon>
-        <el-icon v-else-if="item.status === 'ignore'">
-          <More />
-        </el-icon>
-        <ft-button v-if="item.status !== 'success'" type="primary" size="small" :click-handle="() => commandHandle(item)">
-          回原点
-        </ft-button>
-        <ft-button v-if="item.status !== 'ignore' && item.name === '门电机回原点'" size="small" type="primary" :click-handle="() => ignore(item)">
-          忽略
-        </ft-button>
-        <ft-button v-if="item.status === 'ignore' && item.name === '门电机回原点'" size="small" type="danger" :click-handle="() => ignoreFalse(item)">
-          取消忽略
-        </ft-button>
-      </div>
-    </div>
-    <div v-if="activeStep === 1" class="check-box">
-      <div class="progress-box">
-        <p>自检进度: </p>
-        <el-progress
-          :stroke-width="20"
-          :percentage="percentage"
-        />
-      </div>
-      <ul>
-        <li v-for="item in checkTextList" :key="item">
-          {{ item }}
-        </li>
-      </ul>
-    </div>
-
-    <div v-if="activeStep === 2" class="check-box">
-      <div v-for="item in heatList" :key="item.name" class="check-item">
-        <el-tag>{{ item.name }}</el-tag>
-        <el-icon v-if="item.status === 'success'" color="#26D574">
-          <CircleCheckFilled />
-        </el-icon>
-        <el-icon v-else-if="item.status === 'error'" color="#FE0A0A">
-          <CircleCloseFilled />
-        </el-icon>
-        <el-icon v-else-if="item.status === ''" class="el-icon--loading">
-          <Loading />
-        </el-icon>
-        <ft-button v-if="item.status !== 'success'" size="small" type="primary" :click-handle="() => commandHandle(item)">
-          移出托盘
-        </ft-button>
-      </div>
-    </div>
-
-    <template #footer>
-      <div style="height: 40px">
-        <FtButton v-if="activeStep === 0 && checkList.every(item => ['success', 'ignore'].includes(item.status))" type="primary" :click-handle="checkHandle">
-          下一步
-        </FtButton>
-        <FtButton v-if="activeStep === 1 && percentage === 100" type="primary" :click-handle="checkHandle1">
-          下一步
-        </FtButton>
-        <FtButton v-if="activeStep === 2" :click-handle="onConfirm">
-          关闭
-        </FtButton>
-      </div>
-    </template>
-  </FtDialog>
-</template>
-
-<style scoped>
-.check-box {
-  height: 30vh;
-  ul {
-    li {
-      margin: 3px 0;
-    }
-  }
-}
-.progress-box {
-  width: 100%;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  p {
-    margin-right: 10px;
-  }
-  span {
-    margin-left: 10px;
-  }
-  .el-progress {
-    width: 80%;
-  }
-}
-.check-main{
-  height: 30vh;
-  overflow: auto;
-
-}
-
-.check-item {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-  .el-tag {
-    width: 50%;
-  }
-  .el-icon {
-    margin: 0 10px;
-    font-size: 18px;
-  }
-}
-
-.check-status{
-  display: grid;
-  grid-template-columns: 2fr 1fr 1fr;
-  margin-top: 5px;
-  height: 30px;
-}
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.el-icon.el-icon--loading {
-  animation: spin 1s linear infinite;
-}
-.ft-button {
-  width:120px
-}
-</style>
diff --git a/src/components/check1/index.vue b/src/components/check1/index.vue
deleted file mode 100644
index 875adba..0000000
--- a/src/components/check1/index.vue
+++ /dev/null
@@ -1,318 +0,0 @@
-<script lang="ts" setup>
-import { ElMessage } from 'element-plus'
-import { socket } from 'libs/socket'
-import { useHomeStore } from 'stores/homeStore'
-import { useSystemStore } from 'stores/systemStore'
-import { onMounted, onUnmounted, ref } from 'vue'
-import { getSelfFinish, getSelfStatus } from '@/apis/self'
-
-interface SelfStatus {
-  name: string
-  isOrign: boolean
-  value: string
-  type: string
-}
-const emits = defineEmits(['close'])
-const homeStore = useHomeStore()
-const systemStore = useSystemStore()
-
-const loading = ref(false)
-
-onMounted(() => {
-  socket.init(receiveMessage, 'cmd_debug')
-  socket.init(receiveMessage, 'cmd_response')
-  onStartSelfTest()
-})
-onUnmounted(() => {
-  clearInterval(patrolTimes.value)
-  socket.unregisterCallback(receiveMessage, 'cmd_debug')
-  socket.unregisterCallback(receiveMessage, 'cmd_response')
-})
-
-const receiveMessage = (data: Socket.cmdData) => {
-  data.commandId === currentCommandId && systemStore.pushSystemList(data)
-}
-
-const onStartSelfTest = () => {
-  patrolSelfStatus()
-}
-const statusMap: Record<string, Record<string, string>> = {
-  doorOrigin: {
-    name: '门',
-    value: '',
-    type: 'door',
-  },
-  shakeOrigin: {
-    name: '摇匀电机',
-    value: '',
-    type: 'shake',
-  },
-  gantryXOrigin: {
-    name: '机械臂x轴',
-    value: 'x',
-    type: 'axis',
-  },
-  gantryYOrigin: {
-    name: '机械臂y轴',
-    value: 'y',
-    type: 'axis',
-  },
-  gantryZOrigin: {
-    name: '机械臂z轴',
-    value: 'z',
-    type: 'axis',
-  },
-  dualRobotOrigin: {
-    name: '加液机械臂',
-    value: '',
-    type: 'liquid',
-  },
-  // dualRobotJoint2Origin: {
-  //   name: '机械臂02',
-  //   value: 'smallArm',
-  //   type: 'liquid',
-  // },
-  capLiftingOrigin: {
-    name: '拍子电机升降',
-    value: '',
-    type: 'cap',
-  },
-  trayLifting01Origin: {
-    name: '加热区01托盘升降',
-    value: 'heat_module_01',
-    type: 'heat',
-  },
-  trayLifting02Origin: {
-    name: '加热区02托盘升降',
-    value: 'heat_module_02',
-    type: 'heat',
-  },
-  trayLifting03Origin: {
-    name: '加热区03托盘升降',
-    value: 'heat_module_03',
-    type: 'heat',
-  },
-  trayLifting04Origin: {
-    name: '加热区04托盘升降',
-    value: 'heat_module_04',
-    type: 'heat',
-  },
-  trayLifting05Origin: {
-    name: '加热区05托盘升降',
-    value: 'heat_module_05',
-    type: 'heat',
-  },
-  trayLifting06Origin: {
-    name: '加热区06托盘升降',
-    value: 'heat_module_06',
-    type: 'heat',
-  },
-}
-
-const patrolTimes = ref()
-const patrolSelfStatus = () => {
-  loading.value = true
-  patrolTimes.value = setInterval(() => {
-    querySelfStatus()
-  }, 1000)
-}
-
-const deviceStatusList = ref<SelfStatus[]>([])
-const selfStateComplete = ref(false)
-const querySelfStatus = () => {
-  const orignStatusList = []
-  getSelfStatus().then((res) => {
-    console.log('res', res)
-    loading.value = false
-    if (res) {
-      try {
-        const list: SelfStatus[] = []
-        const keys = Object.keys(res)
-        keys.forEach((item) => {
-          list.push({
-            name: statusMap[item].name,
-            isOrign: res[item],
-            value: statusMap[item].value,
-            type: statusMap[item].type,
-          })
-          if (res[item]) {
-            orignStatusList.push(item)
-          }
-          if (orignStatusList.length === keys.length) {
-            clearInterval(patrolTimes.value)
-            selfStateComplete.value = true
-          }
-        })
-        deviceStatusList.value = list
-        console.log('deviceStatusList', list)
-      }
-      catch (e) {
-        console.log('error', e)
-      }
-    }
-  }).catch(() => {
-    loading.value = false
-  })
-}
-
-const resetOrign = (item: SelfStatus) => {
-  if (item.type === 'door') {
-    door_origin()
-  }
-  if (item.type === 'shake') {
-    shake_origin()
-  }
-  else if (item.value === 'x' || item.value === 'y' || item.value === 'z') {
-    gantry_origin(item.value)
-  }
-  else if (item.type === 'liquid') {
-    dual_robot_origin()
-  }
-  else if (item.type === 'heat') {
-    tray_lifting_origin(item.value)
-  }
-  else if (item.type === 'cap') {
-    cap_lifting_origin()
-  }
-}
-
-const shake_origin = async () => {
-  currentCommandId = Date.now().toString()
-
-  const params = {
-    commandId: currentCommandId,
-    command: `shake_origin`,
-    params: {},
-  }
-  await homeStore.sendControl(params)
-}
-
-const door_origin = async () => {
-  currentCommandId = Date.now().toString()
-
-  const params = {
-    commandId: currentCommandId,
-    command: `door_origin`,
-    params: {},
-  }
-  await homeStore.sendControl(params)
-}
-
-// 先注释 TODO
-// const currentPumpId = ref()
-// const onPumpChange = (value: string) => {
-//   currentPumpId.value = value
-// }
-// const onPumpEmpty = () => {
-//   console.log('===currentPumpId===', currentPumpId.value)
-// }
-
-let currentCommandId = ''
-const gantry_origin = async (motor: 'x' | 'y' | 'z') => {
-  currentCommandId = Date.now().toString()
-
-  const params = {
-    commandId: currentCommandId,
-    command: `gantry_${motor}_origin`,
-    params: {},
-  }
-  await homeStore.sendControl(params)
-}
-
-const dual_robot_origin = async () => {
-  currentCommandId = Date.now().toString()
-  const params = {
-    commandId: currentCommandId,
-    command: 'dual_robot_origin',
-    params: {},
-  }
-  await homeStore.sendControl(params)
-}
-
-const cap_lifting_origin = async () => {
-  currentCommandId = Date.now().toString()
-  const params = {
-    commandId: currentCommandId,
-    command: 'cap_lifting_origin',
-    params: {},
-  }
-  await homeStore.sendControl(params)
-}
-
-const tray_lifting_origin = async (heatId: string) => {
-  currentCommandId = Date.now().toString()
-  const params = {
-    commandId: currentCommandId,
-    command: 'tray_lifting_origin',
-    params: {
-      heatId,
-    },
-  }
-  await homeStore.sendControl(params)
-}
-
-const onComplete = () => {
-  getSelfFinish().then(() => {
-    ElMessage.success('自检完成')
-    emits('close')
-  })
-}
-
-// const cancel = () => {
-//   emits('update:checking', false)
-//   visible.value = false
-// }
-</script>
-
-<template>
-  <FtDialog visible title="自检" width="50%">
-    <div v-loading="loading" class="check-main">
-      <!--      <div v-if="type !== 'cancel'"> -->
-      <!--        <span style="color: red">所有电机回原点后才可操作</span> -->
-      <!--      </div> -->
-      <div class="check-status">
-        <h3>名称</h3>
-        <h3>是否在原点</h3>
-        <h3 style="text-align: center;">
-          操作
-        </h3>
-      </div>
-      <div v-for="(item) in deviceStatusList" :key="item.name" class="check-status">
-        <div>
-          {{ item.name }}
-        </div>
-        <div style="margin-left: 2rem;">
-          <el-icon v-if="!item.isOrign" style="color:red;font-size: 25px;">
-            <CloseBold />
-          </el-icon>
-          <el-icon v-else style="color:#25be25;font-size: 25px;">
-            <Select />
-          </el-icon>
-        </div>
-        <div v-if="!item.isOrign" style="text-align: center;">
-          <ft-button type="primary" :click-handle="() => resetOrign(item)">
-            回原点
-          </ft-button>
-        </div>
-      </div>
-    </div>
-    <template #footer>
-      <FtButton :disabled="!selfStateComplete" :click-handle="onComplete">
-        关闭
-      </FtButton>
-    </template>
-  </FtDialog>
-</template>
-
-<style scoped>
-.check-main{
-  height: 70vh;
-  overflow: auto;
-}
-.check-status{
-  display: grid;
-  grid-template-columns: 2fr 1fr 1fr;
-  margin-top: 5px;
-  height: 30px;
-}
-</style>
diff --git a/src/components/common/Countdown.vue b/src/components/common/Countdown.vue
deleted file mode 100644
index 0850596..0000000
--- a/src/components/common/Countdown.vue
+++ /dev/null
@@ -1,107 +0,0 @@
-<script setup lang="ts">
-import { useSystemStore } from 'stores/systemStore'
-import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
-
-const props = defineProps<{
-  current: number
-  startTime: number
-  duration: number // 秒
-}>()
-
-const systemStore = useSystemStore()
-
-const remaining = ref(0)
-let timer: number | null = null
-
-const calculateRemaining = () => {
-  // 计算结束时间
-  const endTime = props.startTime + props.duration * 1000
-  // 剩余时间 = 结束时间 - 当前时间 - 网络延迟
-  remaining.value = Math.max(0, endTime - new Date(systemStore.currentTime).getTime())
-  console.log('remaining', remaining.value)
-}
-
-const updateCountdown = () => {
-  if (remaining.value <= 0) {
-    stopTimer()
-    return
-  }
-  remaining.value -= 1000
-}
-
-const startTimer = () => {
-  updateCountdown() // 立即执行一次
-  timer = window.setInterval(() => {
-    calculateRemaining()
-    updateCountdown()
-  }, 1000)
-}
-
-const stopTimer = () => {
-  if (timer) {
-    clearInterval(timer)
-    timer = null
-  }
-}
-
-onMounted(() => {
-  startTimer()
-})
-
-onBeforeUnmount(() => {
-  stopTimer()
-})
-
-// 时间分割计算
-const days = ref(0)
-const hours = ref('00')
-const minutes = ref('00')
-const seconds = ref('00')
-
-const visible = ref(true)
-
-// 监听剩余时间变化
-watch(
-  () => remaining.value,
-  (newVal) => {
-    if (newVal <= 0 || !newVal) {
-      visible.value = false
-      days.value = 0
-      hours.value = '00'
-      minutes.value = '00'
-      seconds.value = '00'
-      return
-    }
-    else {
-      visible.value = true
-    }
-
-    days.value = Math.floor(newVal / (1000 * 60 * 60 * 24))
-
-    const hoursNum = Math.floor((newVal % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
-    hours.value = hoursNum.toString().padStart(2, '0')
-
-    const minutesNum = Math.floor((newVal % (1000 * 60 * 60)) / (1000 * 60))
-    minutes.value = minutesNum.toString().padStart(2, '0')
-
-    const secondsNum = Math.floor((newVal % (1000 * 60)) / 1000)
-    seconds.value = secondsNum.toString().padStart(2, '0')
-  },
-  { immediate: true },
-)
-</script>
-
-<template>
-  <div v-if="visible" class="countdown">
-    <span v-if="days">{{ days }}天</span>
-    {{ hours }}:{{ minutes }}:{{ seconds }}
-  </div>
-</template>
-
-<style scoped>
-.countdown {
-  text-align: center;
-  font-size: 12px;
-  color: #FF4500;
-}
-</style>
diff --git a/src/components/craft/AddCraft/index.vue b/src/components/craft/AddCraft/index.vue
index bf3989a..b95530c 100644
--- a/src/components/craft/AddCraft/index.vue
+++ b/src/components/craft/AddCraft/index.vue
@@ -138,7 +138,6 @@ const stepMap = {
     method: 'anneal',
     params: {
       temperature: undefined,
-      feedTemperature: undefined,
       time: undefined,
       description: undefined,
       minutes: undefined,
@@ -232,7 +231,7 @@ const addStep = (data: any) => {
                     </template>
                   </el-input>
                 </template>
-                <template v-else-if="['heat', 'dry'].includes(item.method)">
+                <template v-else-if="['heat', 'dry', 'anneal'].includes(item.method)">
                   <el-input v-model.number="item.params.temperature" type="number" size="small" placeholder="退火温度">
                     <template #append>
                       ℃
@@ -259,52 +258,6 @@ const addStep = (data: any) => {
                   </el-select>
                   <span class="unit-text">秒</span>
                 </template>
-                <div v-else-if="['anneal'].includes(item.method)" class="info-box">
-                  <div>
-                    <el-input
-                      v-model.number="item.params.temperature"
-                      type="number"
-                      size="small"
-                      placeholder="退火温度"
-                    >
-                      <template #append>
-                        ℃
-                      </template>
-                    </el-input>
-                    <el-input
-                      v-model.number="item.params.feedTemperature"
-                      type="number"
-                      size="small"
-                      placeholder="下料温度"
-                    >
-                      <template #append>
-                        ℃
-                      </template>
-                    </el-input>
-                  </div>
-                  <div>
-                    <el-select
-                      v-model="item.params.minutes"
-                      style="width: 70px"
-                      clearable
-                      size="small"
-                      placeholder="请选择"
-                    >
-                      <el-option v-for="i in 60" :key="i" :label="i" :value="i" />
-                    </el-select>
-                    <span class="unit-text">分</span>
-                    <el-select
-                      v-model="item.params.seconds"
-                      style="width: 70px"
-                      clearable
-                      size="small"
-                      placeholder="请选择"
-                    >
-                      <el-option v-for="i in 60" :key="i" :label="i" :value="i" />
-                    </el-select>
-                    <span class="unit-text">秒</span>
-                  </div>
-                </div>
                 <el-icon style="margin-left: auto" @click="() => form.stepList.splice(index, 1)">
                   <Close />
                 </el-icon>
diff --git a/src/components/home/Countdown/Countdown.vue b/src/components/home/Countdown/Countdown.vue
new file mode 100644
index 0000000..0850596
--- /dev/null
+++ b/src/components/home/Countdown/Countdown.vue
@@ -0,0 +1,107 @@
+<script setup lang="ts">
+import { useSystemStore } from 'stores/systemStore'
+import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
+
+const props = defineProps<{
+  current: number
+  startTime: number
+  duration: number // 秒
+}>()
+
+const systemStore = useSystemStore()
+
+const remaining = ref(0)
+let timer: number | null = null
+
+const calculateRemaining = () => {
+  // 计算结束时间
+  const endTime = props.startTime + props.duration * 1000
+  // 剩余时间 = 结束时间 - 当前时间 - 网络延迟
+  remaining.value = Math.max(0, endTime - new Date(systemStore.currentTime).getTime())
+  console.log('remaining', remaining.value)
+}
+
+const updateCountdown = () => {
+  if (remaining.value <= 0) {
+    stopTimer()
+    return
+  }
+  remaining.value -= 1000
+}
+
+const startTimer = () => {
+  updateCountdown() // 立即执行一次
+  timer = window.setInterval(() => {
+    calculateRemaining()
+    updateCountdown()
+  }, 1000)
+}
+
+const stopTimer = () => {
+  if (timer) {
+    clearInterval(timer)
+    timer = null
+  }
+}
+
+onMounted(() => {
+  startTimer()
+})
+
+onBeforeUnmount(() => {
+  stopTimer()
+})
+
+// 时间分割计算
+const days = ref(0)
+const hours = ref('00')
+const minutes = ref('00')
+const seconds = ref('00')
+
+const visible = ref(true)
+
+// 监听剩余时间变化
+watch(
+  () => remaining.value,
+  (newVal) => {
+    if (newVal <= 0 || !newVal) {
+      visible.value = false
+      days.value = 0
+      hours.value = '00'
+      minutes.value = '00'
+      seconds.value = '00'
+      return
+    }
+    else {
+      visible.value = true
+    }
+
+    days.value = Math.floor(newVal / (1000 * 60 * 60 * 24))
+
+    const hoursNum = Math.floor((newVal % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
+    hours.value = hoursNum.toString().padStart(2, '0')
+
+    const minutesNum = Math.floor((newVal % (1000 * 60 * 60)) / (1000 * 60))
+    minutes.value = minutesNum.toString().padStart(2, '0')
+
+    const secondsNum = Math.floor((newVal % (1000 * 60)) / 1000)
+    seconds.value = secondsNum.toString().padStart(2, '0')
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <div v-if="visible" class="countdown">
+    <span v-if="days">{{ days }}天</span>
+    {{ hours }}:{{ minutes }}:{{ seconds }}
+  </div>
+</template>
+
+<style scoped>
+.countdown {
+  text-align: center;
+  font-size: 12px;
+  color: #FF4500;
+}
+</style>
diff --git a/src/components/home/ExecuteCraft/index.vue b/src/components/home/ExecuteCraft/index.vue
index fd146db..b7def4b 100644
--- a/src/components/home/ExecuteCraft/index.vue
+++ b/src/components/home/ExecuteCraft/index.vue
@@ -48,7 +48,7 @@ const okHandle = async () => {
       heatId: useHomeStore().heatAreaList.find(item => item.selected)?.value,
       ...form.value,
     })
-    FtMessage.success('工艺已开始')
+    FtMessage.success('预设已开始')
     emits('ok')
   }
   catch (error) {
@@ -120,8 +120,8 @@ const checkChange = () => {
           </div>
         </div>
       </el-form-item>
-      <el-form-item label="工艺" prop="craftId">
-        <el-select v-model="form.craftId" placeholder="请选择工艺">
+      <el-form-item label="预设" prop="craftId">
+        <el-select v-model="form.craftId" placeholder="请选择预设">
           <el-option-group
             v-for="group in oreList"
             :key="group.id"
diff --git a/src/components/home/Tube/index.vue b/src/components/home/Tube/index.vue
index e9bfd61..a43ff4e 100644
--- a/src/components/home/Tube/index.vue
+++ b/src/components/home/Tube/index.vue
@@ -5,7 +5,7 @@ import errorIcon from 'assets/images/error.svg'
 import ingIcon from 'assets/images/ing.svg'
 import successIcon from 'assets/images/success.svg'
 import waitIcon from 'assets/images/wait.svg'
-import CountDown from 'components/common/Countdown.vue'
+import CountDown from 'components/home/Countdown/Countdown.vue'
 import { useHomeStore } from 'stores/homeStore'
 import { useSystemStore } from 'stores/systemStore'
 import { computed, ref } from 'vue'
diff --git a/src/components/system/Check/index.vue b/src/components/system/Check/index.vue
new file mode 100644
index 0000000..f6fa361
--- /dev/null
+++ b/src/components/system/Check/index.vue
@@ -0,0 +1,341 @@
+<script lang="ts" setup>
+import { getSelfFinish, getSelfStatus } from 'apis/self'
+import { requireOutTray, setIgnoreItem } from 'apis/system'
+import { ElMessageBox } from 'element-plus'
+import { socket } from 'libs/socket'
+import { useHomeStore } from 'stores/homeStore'
+import { useSystemStore } from 'stores/systemStore'
+import { onMounted, ref } from 'vue'
+
+const emits = defineEmits(['close'])
+const homeStore = useHomeStore()
+const systemStore = useSystemStore()
+
+const checkMap = ref(new Map([
+  ['dualRobotOrigin', { status: '', ignoreKey: 'dualRobotOriginIsIgnore', name: '加液机械臂回原点', params: { commandId: '', command: `dual_robot_origin`, params: {} } }],
+  ['transferZOrigin', { status: '', ignoreKey: 'transferZOriginIsIgnore', name: 'z轴回原点', params: { commandId: '', command: `transfer_z_origin`, params: {} } }],
+  ['transferXOrigin', { status: '', ignoreKey: 'transferXOriginIsIgnore', name: 'x轴回原点', params: { commandId: '', command: `transfer_x_origin`, params: {} } }],
+  ['doorOrigin', { status: '', ignoreKey: 'doorOriginIsIgnore', name: '门电机回原点', params: { commandId: '', command: `door_origin`, params: {} } }],
+]))
+
+const checkList = ref<any[]>([])
+
+onMounted(async () => {
+  socket.init(receiveMessage1, 'cmd_debug')
+  socket.init(receiveMessage2, 'cmd_response')
+  socket.init(receiveMessageSelfMove, 'self_move_test')
+  const res = await getSelfStatus()
+  for (const key in res) {
+    const entry = checkMap.value.get(key)
+    if (entry) {
+      entry.status = res[key] ? 'success' : 'error'
+    }
+    for (const [checkKey] of checkMap.value) {
+      const data = checkMap.value.get(checkKey)
+      if (key === data?.ignoreKey) {
+        res[key] && (data.status = 'ignore')
+      }
+    }
+  }
+  await ElMessageBox.confirm(
+    '设备转运机械臂x、z, 加液机械臂, 门等需进行初始化，请确认机械臂行进路径无杂物',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      showClose: false,
+      showCancelButton: false,
+      closeOnClickModal: false,
+      closeOnPressEscape: false,
+      type: 'warning',
+      customClass: 'init-message',
+    },
+  )
+  const keys = [...checkMap.value.keys()]
+  for (let i = 0; i < keys.length; i++) {
+    checkList.value.push(checkMap.value.get(keys[i]))
+  }
+})
+
+let currentCommandId = ''
+
+const receiveMessage1 = (data: Socket.cmdData) => {
+  data.commandId === currentCommandId && systemStore.pushSystemList(data)
+}
+const receiveMessage2 = (data: Socket.cmdData) => {
+  data.commandId === currentCommandId && systemStore.pushSystemList(data)
+  const item = checkList.value.find(item => item.params.commandId === data.commandId)
+  if (item && data.commandId === item.params.commandId && ['success', 'error'].includes(data.status)) {
+    item.status = data.status
+  }
+
+  const item1 = heatList.value.find(item => item.params.commandId === data.commandId)
+  if (item1 && data.commandId === item1.params.commandId && ['success', 'error'].includes(data.status)) {
+    item.status = data.status
+  }
+}
+
+const commandHandle = async (data: any) => {
+  data.params.commandId = currentCommandId = Date.now().toString()
+  await homeStore.sendControl(data!.params)
+}
+
+const onConfirm = async () => {
+  await getSelfFinish(true)
+  emits('close')
+}
+
+const percentage = ref(0)
+
+const checkHandle = async () => {
+  activeStep.value = 1
+  await ElMessageBox.confirm(
+    '设备即将开始自检',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      showClose: false,
+      showCancelButton: false,
+      closeOnClickModal: false,
+      closeOnPressEscape: false,
+      type: 'warning',
+      customClass: 'init-message',
+    },
+  )
+  currentCommandId = Date.now().toString()
+  const params = {
+    commandId: currentCommandId,
+    command: 'move_test',
+    params: {},
+  }
+  await homeStore.sendControl(params)
+}
+
+const checkTextList = ref<{ title: string, type: 'success' | 'error' }[]>([])
+
+const selfAgain = ref(false)
+const receiveMessageSelfMove = (data: any) => {
+  checkTextList.value.push(data)
+  percentage.value = data.schedule
+  if (data.type === 'error') {
+    selfAgain.value = true
+  }
+}
+
+const activeStep = ref(0)
+
+const heatList = ref([
+  {
+    name: '加热区1',
+    status: 'success',
+    command: 'heat_module_01',
+    params: { commandId: '', command: `tray_out`, params: { heatId: 'heat_module_01' } },
+  },
+  {
+    name: '加热区2',
+    status: 'success',
+    command: 'heat_module_02',
+    params: { commandId: '', command: `tray_out`, params: { heatId: 'heat_module_02' } },
+  },
+  {
+    name: '加热区23',
+    status: 'success',
+    command: 'heat_module_03',
+    params: { commandId: '', command: `tray_out`, params: { heatId: 'heat_module_03' } },
+  },
+  {
+    name: '退火区',
+    status: 'success',
+    command: 'heat_module_04',
+    params: { commandId: '', command: `tray_out`, params: { heatId: 'heat_module_04' } },
+  },
+])
+
+const checkHandle1 = async () => {
+  const res = await requireOutTray()
+  res.forEach((item) => {
+    const heatItem = heatList.value.find(heatItem => heatItem.command === item.moduleCode)
+    heatItem!.status = 'error'
+  })
+  activeStep.value = 2
+}
+
+const ignore = async (item: any) => {
+  await setIgnoreItem({
+    ignoreSelfTestType: item.ignoreKey,
+    ignore: true,
+  })
+  item.status = 'ignore'
+}
+
+const ignoreFalse = async (item: any) => {
+  await setIgnoreItem({
+    ignoreSelfTestType: 'door_origin_is_ignore',
+    ignore: false,
+  })
+  item.status = 'error'
+}
+
+const checkAgain = async () => {
+  selfAgain.value = false
+  checkTextList.value = []
+  currentCommandId = Date.now().toString()
+  const params = {
+    commandId: currentCommandId,
+    command: 'move_test',
+    params: {},
+  }
+  await homeStore.sendControl(params)
+}
+</script>
+
+<template>
+  <FtDialog visible title="设备初始化" width="60%">
+    <el-steps style="max-width: 600px" :active="activeStep" finish-status="success">
+      <el-step title="初始化" />
+      <el-step title="自检" />
+      <el-step title="设备状态" />
+    </el-steps>
+    <div v-if="activeStep === 0" class="check-main">
+      <div v-for="item in checkList" :key="item.name" class="check-item">
+        <el-tag>{{ item.name }}</el-tag>
+        <el-icon v-if="item.status === 'success'" color="#26D574">
+          <CircleCheckFilled />
+        </el-icon>
+        <el-icon v-else-if="item.status === 'error'" color="#FE0A0A">
+          <CircleCloseFilled />
+        </el-icon>
+        <el-icon v-else-if="item.status === ''" class="el-icon--loading">
+          <Loading />
+        </el-icon>
+        <el-icon v-else-if="item.status === 'ignore'">
+          <More />
+        </el-icon>
+        <ft-button v-if="!['ignore', 'success'].includes(item.status)" type="primary" size="small" :click-handle="() => commandHandle(item)">
+          回原点
+        </ft-button>
+        <ft-button v-if="!['ignore', 'success'].includes(item.status) && item.name === '门电机回原点'" size="small" type="primary" :click-handle="() => ignore(item)">
+          忽略
+        </ft-button>
+        <ft-button v-if="item.status === 'ignore' && item.name === '门电机回原点'" size="small" type="danger" :click-handle="() => ignoreFalse(item)">
+          取消忽略
+        </ft-button>
+      </div>
+    </div>
+    <div v-if="activeStep === 1" class="check-box">
+      <div class="progress-box">
+        <p>自检进度: </p>
+        <el-progress
+          :stroke-width="20"
+          :percentage="percentage"
+        />
+      </div>
+      <ul>
+        <li v-for="(item, index) in checkTextList" :key="index">
+          <span :style="{ color: item.type === 'success' ? '#14A656' : '#DF1515' }">{{ item.title }}</span>
+        </li>
+      </ul>
+    </div>
+
+    <div v-if="activeStep === 2" class="check-box">
+      <div v-for="item in heatList" :key="item.name" class="check-item">
+        <el-tag>{{ item.name }}</el-tag>
+        <el-icon v-if="item.status === 'success'" color="#26D574">
+          <CircleCheckFilled />
+        </el-icon>
+        <el-icon v-else-if="item.status === 'error'" color="#FE0A0A">
+          <CircleCloseFilled />
+        </el-icon>
+        <el-icon v-else-if="item.status === ''" class="el-icon--loading">
+          <Loading />
+        </el-icon>
+        <ft-button v-if="item.status !== 'success'" size="small" type="primary" :click-handle="() => commandHandle(item)">
+          移出托盘
+        </ft-button>
+      </div>
+    </div>
+
+    <template #footer>
+      <div style="height: 40px">
+        <FtButton v-if="activeStep === 0 && checkList.every(item => ['success', 'ignore'].includes(item.status))" type="primary" :click-handle="checkHandle">
+          下一步
+        </FtButton>
+        <FtButton v-if="activeStep === 1 && percentage === 100" type="primary" :click-handle="checkHandle1">
+          下一步
+        </FtButton>
+        <FtButton v-if="activeStep === 1 && selfAgain" type="primary" :click-handle="checkAgain">
+          重新自检
+        </FtButton>
+        <FtButton v-if="activeStep === 2" :click-handle="onConfirm">
+          关闭
+        </FtButton>
+      </div>
+    </template>
+  </FtDialog>
+</template>
+
+<style scoped>
+.check-box {
+  height: 30vh;
+  ul {
+    li {
+      margin: 3px 0;
+    }
+  }
+}
+.progress-box {
+  width: 100%;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  p {
+    margin-right: 10px;
+  }
+  span {
+    margin-left: 10px;
+  }
+  .el-progress {
+    width: 80%;
+  }
+}
+.check-main{
+  height: 30vh;
+  overflow: auto;
+
+}
+
+.check-item {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  .el-tag {
+    width: 50%;
+  }
+  .el-icon {
+    margin: 0 10px;
+    font-size: 18px;
+  }
+}
+
+.check-status{
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr;
+  margin-top: 5px;
+  height: 30px;
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.el-icon.el-icon--loading {
+  animation: spin 1s linear infinite;
+}
+.ft-button {
+  width:120px
+}
+</style>
diff --git a/src/components/system/EditDate/index.vue b/src/components/system/EditDate/index.vue
new file mode 100644
index 0000000..c13171e
--- /dev/null
+++ b/src/components/system/EditDate/index.vue
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import { setTime } from 'apis/system'
+import { FtMessage } from 'libs/message'
+import { useSystemStore } from 'stores/systemStore'
+import { ref } from 'vue'
+
+const emits = defineEmits(['ok', 'close'])
+const form = ref<{ datetime?: string }>({
+  datetime: useSystemStore().currentTime,
+})
+
+const formRef = ref()
+
+const rules = {
+  datetime: [
+    { required: true, message: '请选择时间', trigger: 'change' },
+  ],
+}
+
+const okHandle = async () => {
+  try {
+    const valid = await formRef.value.validate()
+    if (!valid) {
+      return
+    }
+    await setTime(form.value)
+    FtMessage.success('修改成功')
+    emits('ok')
+  }
+  catch (e) {
+    console.log(e)
+  }
+}
+
+const cancel = () => {
+  emits('close')
+}
+</script>
+
+<template>
+  <ft-dialog visible title="设置日期与时间" width="40%" :ok-handle="okHandle" @cancel="cancel">
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="auto">
+      <el-form-item label="日期与时间" prop="datetime">
+        <el-date-picker
+          v-model="form.datetime"
+          :show-now="false"
+          format="YYYY-MM-DD hh:mm:ss"
+          value-format="YYYY-MM-DD hh:mm:ss"
+          style="width: 100%"
+          type="datetime"
+          placeholder="请选择日期和时间"
+        />
+      </el-form-item>
+    </el-form>
+  </ft-dialog>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/components/system/Stop/index.vue b/src/components/system/Stop/index.vue
new file mode 100644
index 0000000..b8cdc12
--- /dev/null
+++ b/src/components/system/Stop/index.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <Teleport to="body">
+    <div class="mask-box">
+      设备急停中
+    </div>
+  </Teleport>
+</template>
+
+<style scoped lang="scss">
+.mask-box {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--el-color-danger);
+  font-size: 50px;
+  z-index: 10000;
+  top: 0;
+  left: 0;
+}
+</style>
diff --git a/src/components/systemConfig/Edit/index.vue b/src/components/systemConfig/Edit/index.vue
new file mode 100644
index 0000000..18be2b5
--- /dev/null
+++ b/src/components/systemConfig/Edit/index.vue
@@ -0,0 +1,59 @@
+<script setup lang="ts">
+import { updateConfig } from 'apis/system'
+import { FtMessage } from 'libs/message'
+import { inject, ref } from 'vue'
+
+const emits = defineEmits(['ok', 'cancel'])
+
+const data = inject('currentData')
+
+const form = ref<System.SystemConfig>(data as System.SystemConfig)
+const formRef = ref()
+
+const rules = {
+  value: [
+    { required: true, message: '请输入值', trigger: 'blur' },
+  ],
+}
+
+const okHandle = async () => {
+  try {
+    const valid = await formRef.value.validate()
+    if (!valid) {
+      return
+    }
+
+    await updateConfig(form.value)
+    FtMessage.success('保存成功')
+    emits('ok')
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+const cancel = () => {
+  emits('cancel')
+}
+</script>
+
+<template>
+  <FtDialog visible title="编辑" width="30%" :ok-handle="okHandle" @cancel="cancel">
+    <el-form ref="formRef" label-width="auto" :model="form" :rules="rules" label-suffix=": ">
+      <el-form-item label="名称">
+        <el-tag>{{ form.name }}</el-tag>
+      </el-form-item>
+      <el-form-item label="code">
+        <el-tag>{{ form.code }}</el-tag>
+      </el-form-item>
+      <el-form-item label="值" prop="value">
+        <el-input v-model="form.value" placeholder="请输入值" />
+      </el-form-item>
+    </el-form>
+  </FtDialog>
+</template>
+
+<style scoped lang="scss">
+.el-tag {
+  margin-right: 5px;
+}
+</style>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 820433b..4dfb2fd 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -3,10 +3,11 @@ import { getContainerList } from 'apis/container'
 import { craftList, craftRestore } from 'apis/crafts'
 import { getSolsList } from 'apis/solution'
 import logoutIcon from 'assets/images/logout.svg'
-import Check from 'components/check/index.vue'
 import CheckCraft from 'components/home/CheckCraft/index.vue'
 import Liquid from 'components/home/Liquid/index.vue'
-import Stop from 'components/Stop/index.vue'
+import Check from 'components/system/Check/index.vue'
+import EditDate from 'components/system/EditDate/index.vue'
+import Stop from 'components/system/Stop/index.vue'
 import { ElMessageBox } from 'element-plus'
 import { useActivateDebug } from 'hooks/useActivateDebug'
 import { useServerTime } from 'hooks/useServerTime'
@@ -32,7 +33,19 @@ watch (() => isClose.value, async (newVal) => {
     await checkCraft()
   }
 })
+
+watch(() => systemStore.systemStatus, () => {
+  if (!systemStore.systemStatus.currentUser) {
+    router.push('/login')
+  }
+  isCheck.value = !systemStore.systemStatus.selfTest
+})
 onMounted(async () => {
+  console.log('systemStatus', systemStore.systemStatus)
+  if (!systemStore.systemStatus.currentUser) {
+    console.log(123)
+    await router.push('/login')
+  }
   solutionList.value = (await getSolsList()).list
   if (!systemStore.systemStatus.selfTest && systemStore.systemStatus.currentUser?.username !== 'test') {
     isCheck.value = true
@@ -114,6 +127,8 @@ const commandHandle = async (command: string, params?: unknown) => {
   }
   await useDebugStore().sendControl(data)
 }
+
+const editDateVisible = ref(false)
 </script>
 
 <template>
@@ -145,7 +160,7 @@ const commandHandle = async (command: string, params?: unknown) => {
           </template>
         </el-dropdown>
 
-        <div class="time">
+        <div class="time" @click="editDateVisible = true">
           {{ currentTime }}
         </div>
         <div class="user">
@@ -261,6 +276,7 @@ const commandHandle = async (command: string, params?: unknown) => {
     <Check v-if="isCheck" @close="isCheck = false" />
     <Stop v-if="systemStore.systemStatus.emergencyStop" />
     <CheckCraft v-if="checkCraftVisible" @close="checkCraftVisible = false" />
+    <EditDate v-if="editDateVisible" @close="editDateVisible = false" @ok="editDateVisible = false" />
   </el-container>
 </template>
 
diff --git a/src/libs/utils.ts b/src/libs/utils.ts
index c4cd46b..fe27198 100644
--- a/src/libs/utils.ts
+++ b/src/libs/utils.ts
@@ -58,6 +58,7 @@ export const cmdNameMap = {
   door_enable: '使能门电机',
   door_disable: '失能门电机',
   out_tray: '取出托盘',
+  move_test: '自检',
 
 }
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 0a345fc..92f312d 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -11,7 +11,7 @@ const router = createRouter({
 
 router.beforeEach((to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) => {
   const systemStore = useSystemStore()
-  if (getToken() && (systemStore.systemStatus.currentUser?.username || import.meta.env.FT_NODE_ENV !== 'prod')) {
+  if (getToken() && (systemStore.systemStatus.currentUser?.username)) {
     if (to.name === 'login') {
       next({ name: from.name })
     }
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 9b9a97d..7c5ff49 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -114,6 +114,17 @@ const authRoutes: RouteRecordRaw[] = [
     },
   },
   {
+    path: '/systemConfig',
+    name: 'systemConfig',
+    component: () => import('views/systemConfig/index.vue'),
+    meta: {
+      isDefault: true,
+      title: '系统配置',
+      icon: n_setting,
+      activeIcon: s_setting,
+    },
+  },
+  {
     path: '/debug',
     name: 'debug',
     component: () => import('views/debug/index.vue'),
diff --git a/src/stores/systemStore.ts b/src/stores/systemStore.ts
index 8a7a5c5..cda1ccc 100644
--- a/src/stores/systemStore.ts
+++ b/src/stores/systemStore.ts
@@ -10,7 +10,11 @@ export const useSystemStore = defineStore('system', {
       initComplete: true,
       selfTest: true,
       emergencyStop: false,
-      currentUser: null,
+      currentUser: {
+        id: 1,
+        username: 'admin',
+        nickname: '管理员',
+      },
       currentTasks: null,
       doorModule: {
         open: false,
diff --git a/src/types/system.d.ts b/src/types/system.d.ts
index 5901baf..3435fcd 100644
--- a/src/types/system.d.ts
+++ b/src/types/system.d.ts
@@ -107,4 +107,10 @@ declare namespace System {
     list: T[]
     total: number
   }
+  interface SystemConfig {
+    id?: number
+    name?: string
+    code?: string
+    value?: string
+  }
 }
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 5663bbf..211d05b 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -6,8 +6,8 @@ import ExecuteCraft from 'components/home/ExecuteCraft/index.vue'
 import ExtractLiquid from 'components/home/ExtractLiquid/index.vue'
 import FillSolution from 'components/home/FillSolution/index.vue'
 import SetTemperature from 'components/home/SetTemperature/index.vue'
-import StartClean from 'components/home/StartClean/index.vue'
 
+import StartClean from 'components/home/StartClean/index.vue'
 import StartExperiment from 'components/home/StartExperiment/index.vue'
 import Tube from 'components/home/Tube/index.vue'
 import { ElMessageBox } from 'element-plus'
@@ -179,50 +179,26 @@ const checkCraftVisible = ref(false)
     </div>
     <div class="button-box">
       <el-row style="width: 100%; height: 100%" :gutter="20">
-        <el-col :span="6">
+        <el-col :span="20">
           <div style="display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(4, 1fr);height: 100%">
             <ft-button size="large" :click-handle="() => commandHandle('door_open')">
               开门
             </ft-button>
-
             <ft-button size="large" :click-handle="() => commandHandle('door_close')">
               关门
             </ft-button>
-
-            <ft-button size="large" :click-handle="() => commandHandle('move_to_heat_area', { heatModuleCode: selectedHeatArea!.value })" :disabled="!selectedHeatArea">
-              移至加热位
-            </ft-button>
-
-            <ft-button size="large" :click-handle="move_to_liquid_area">
-              移至加液位
-            </ft-button>
-            <ft-button size="large" :click-handle="move_to_feed_area">
-              移至上料区
-            </ft-button>
-            <ft-button size="large" :click-handle="move_to_anneal_area">
-              移至退火位
-            </ft-button>
             <ft-button size="large" :click-handle="trayInHandle">
               放入托盘
             </ft-button>
             <ft-button size="large" :click-handle="() => commandHandle('out_tray', { heatModuleCode: selectedHeatArea!.value })" :disabled="!selectedHeatArea">
               取出托盘
             </ft-button>
-          </div>
-        </el-col>
-        <el-col :span="6" style="display: grid; gap: 10px; grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(2, 1fr)">
-          <div style="display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);height: 100%">
             <ft-button size="large" @click="startExperimentHandle">
               开始记录
             </ft-button>
             <ft-button size="large" :click-handle="stopExperimentHandle">
               结束记录
             </ft-button>
-
-            <!--            <ft-button size="large" @click="selectCraft"> -->
-            <!--              选择预设 -->
-            <!--            </ft-button> -->
-
             <ft-button size="large" :click-handle="executeCraftHandle">
               执行预设
             </ft-button>
@@ -230,71 +206,92 @@ const checkCraftVisible = ref(false)
               异常预设
             </ft-button>
           </div>
-          <div style="display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr)">
-            <ft-button size="large" @click="cleanVisible = true">
-              开始清洗
-            </ft-button>
-
-            <ft-button size="large" @click=" fillSolutionVisible = true">
-              预充管路
-            </ft-button>
-
-            <ft-button size="large" @click="addLiquidVisible = true">
-              添加溶液
-            </ft-button>
-
-            <ft-button size="large" @click="extractLiquidVisible = true">
-              抽取溶液
-            </ft-button>
-          </div>
         </el-col>
-
-        <el-col :span="6">
-          <div style="display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(4, 1fr);height: 100%">
-            <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('heater_start', { heatModuleCode: selectedHeatArea!.value })">
-              开始加热
-            </ft-button>
-
-            <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('heater_stop', { heatModuleCode: selectedHeatArea!.value })">
-              停止加热
-            </ft-button>
-
-            <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('fan_start', { heatModuleCode: selectedHeatArea!.value })">
-              开始降温
-            </ft-button>
-
-            <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('fan_stop', { heatModuleCode: selectedHeatArea!.value })">
-              停止降温
-            </ft-button>
-
-            <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('dry_start', { heatModuleCode: selectedHeatArea!.value })">
-              开始烘干
-            </ft-button>
-
-            <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('dry_stop', { heatModuleCode: selectedHeatArea!.value })">
-              停止烘干
-            </ft-button>
-
-            <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label !== '退火区'" :click-handle="() => commandHandle('anneal_start', { heatModuleCode: selectedHeatArea!.value })">
-              开始退火
-            </ft-button>
-
-            <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label !== '退火区'" :click-handle="() => commandHandle('anneal_stop', { heatModuleCode: selectedHeatArea!.value })">
-              停止退火
-            </ft-button>
-          </div>
-        </el-col>
-        <el-col :span="6">
-          <div style="display: grid; gap: 10px; grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(3, 1fr);height: 100%">
-            <ft-button size="large" :click-handle="() => commandHandle('liquid_motor_origin')">
-              加液臂回原点
-            </ft-button>
-            <ft-button size="large" :click-handle="() => commandHandle('z_origin')">
-              z轴回原点
-            </ft-button>
-            <ft-button size="large" :click-handle="() => commandHandle('x_origin')">
-              x轴回原点
-            </ft-button>
+        <el-col :span="4" style="display: grid; gap: 10px; grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(1, 1fr)">
+          <div class="manual-box">
+            <el-popover
+              placement="top-start"
+              width="auto"
+              trigger="click"
+            >
+              <template #reference>
+                <div class="manual-button">
+                  手动操作
+                </div>
+              </template>
+              <template #default>
+                <div class="container-box">
+                  <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('heater_start', { heatModuleCode: selectedHeatArea!.value })">
+                    开始加热
+                  </ft-button>
+
+                  <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('heater_stop', { heatModuleCode: selectedHeatArea!.value })">
+                    停止加热
+                  </ft-button>
+
+                  <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('fan_start', { heatModuleCode: selectedHeatArea!.value })">
+                    开始降温
+                  </ft-button>
+
+                  <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('fan_stop', { heatModuleCode: selectedHeatArea!.value })">
+                    停止降温
+                  </ft-button>
+
+                  <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('dry_start', { heatModuleCode: selectedHeatArea!.value })">
+                    开始烘干
+                  </ft-button>
+
+                  <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label === '退火区'" :click-handle="() => commandHandle('dry_stop', { heatModuleCode: selectedHeatArea!.value })">
+                    停止烘干
+                  </ft-button>
+
+                  <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label !== '退火区'" :click-handle="() => commandHandle('anneal_start', { heatModuleCode: selectedHeatArea!.value })">
+                    开始退火
+                  </ft-button>
+
+                  <ft-button size="large" :disabled="!selectedHeatArea || selectedHeatArea?.label !== '退火区'" :click-handle="() => commandHandle('anneal_stop', { heatModuleCode: selectedHeatArea!.value })">
+                    停止退火
+                  </ft-button>
+                  <ft-button size="large" :click-handle="() => commandHandle('move_to_heat_area', { heatModuleCode: selectedHeatArea!.value })" :disabled="!selectedHeatArea">
+                    移至加热位
+                  </ft-button>
+
+                  <ft-button size="large" :click-handle="move_to_liquid_area">
+                    移至加液位
+                  </ft-button>
+                  <ft-button size="large" :click-handle="move_to_feed_area">
+                    移至上料区
+                  </ft-button>
+                  <ft-button size="large" :click-handle="move_to_anneal_area">
+                    移至退火位
+                  </ft-button>
+                  <ft-button size="large" @click="cleanVisible = true">
+                    开始清洗
+                  </ft-button>
+
+                  <ft-button size="large" @click=" fillSolutionVisible = true">
+                    预充管路
+                  </ft-button>
+
+                  <ft-button size="large" @click="addLiquidVisible = true">
+                    添加溶液
+                  </ft-button>
+
+                  <ft-button size="large" @click="extractLiquidVisible = true">
+                    抽取溶液
+                  </ft-button>
+                  <ft-button size="large" :click-handle="() => commandHandle('liquid_motor_origin')">
+                    加液臂回原点
+                  </ft-button>
+                  <ft-button size="large" :click-handle="() => commandHandle('z_origin')">
+                    z轴回原点
+                  </ft-button>
+                  <ft-button size="large" :click-handle="() => commandHandle('x_origin')">
+                    x轴回原点
+                  </ft-button>
+                </div>
+              </template>
+            </el-popover>
           </div>
         </el-col>
       </el-row>
@@ -342,4 +339,30 @@ const checkCraftVisible = ref(false)
         }
 
 }
+.el-col {
+  height: 100%;
+}
+.manual-box {
+width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.container-box {
+  width: 600px;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  gap: 10px;
+}
+.manual-button {
+  border:1px solid #1989FA;
+  color: #1989FA;
+  width: 100%;
+  height: 100px;
+  line-height: 100px;
+  text-align: center;
+  border-radius: 10px;
+}
 </style>
diff --git a/src/views/systemConfig/index.vue b/src/views/systemConfig/index.vue
new file mode 100644
index 0000000..8fc73e8
--- /dev/null
+++ b/src/views/systemConfig/index.vue
@@ -0,0 +1,59 @@
+<script setup lang="ts">
+import { configList } from 'apis/system'
+import Edit from 'components/systemConfig/Edit/index.vue'
+import { provide, ref, useTemplateRef } from 'vue'
+
+const upDataVisible = ref(false)
+const currentData = ref<Point.Point>()
+provide('currentData', currentData)
+
+const edit = (data: Point.Point[]) => {
+  currentData.value = data[0]
+  upDataVisible.value = true
+}
+
+const tableRef = useTemplateRef('tableRef')
+const ok = () => {
+  tableRef.value?.initData()
+  cancel()
+}
+const cancel = () => {
+  upDataVisible.value = false
+}
+const btnList = [
+  {
+    name: '编辑',
+    type: 'primary',
+    serverUrl: 'edit',
+    serverCondition: 1,
+  },
+]
+const columns = [
+  {
+    type: 'selection',
+  },
+  {
+    title: '名称',
+    key: 'name',
+  },
+  {
+    title: 'code',
+    key: 'code',
+  },
+  {
+    title: '值',
+    key: 'value',
+  },
+]
+</script>
+
+<template>
+  <div>
+    <FtTable ref="tableRef" :columns="columns" has-header :btn-list="btnList" :get-data-fn="configList" @edit="edit" />
+    <Edit v-if="upDataVisible" @ok="ok" @cancel="cancel" />
+  </div>
+</template>
+
+<style scoped lang="scss">
+
+</style>