From 15e3dce02a202fc551b379f3d077ccda4e404e03 Mon Sep 17 00:00:00 2001
From: jingna <1264204245@qq.com>
Date: Fri, 26 Jun 2026 18:39:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=80=9A=E8=AE=AF=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/api/platform.ts                  |  8 ++
 frontend/src/layout/components/header.vue     |  6 +-
 .../src/views/communicationSetting/index.vue  | 77 +++++++++++--------
 3 files changed, 54 insertions(+), 37 deletions(-)

diff --git a/frontend/src/api/platform.ts b/frontend/src/api/platform.ts
index dad17f4..73990aa 100644
--- a/frontend/src/api/platform.ts
+++ b/frontend/src/api/platform.ts
@@ -130,3 +130,11 @@ export async function saveDevicePassword(payload: { password: string }): Promise
   const response = await http.post<ApiResponse<{ send_status: string }>>('/config/device/password', payload)
   return response.data
 }
+export async function saveDeviceNet(payload: any[]): Promise<any> {
+  const response = await http.post<ApiResponse<any>>('/config/device/net', payload)
+  return response.data.data
+}
+export async function saveDeviceUart(payload: any[]): Promise<any> {
+  const response = await http.post<ApiResponse<any>>('/config/device/uart', payload)
+  return response.data.data
+}
diff --git a/frontend/src/layout/components/header.vue b/frontend/src/layout/components/header.vue
index e717f5d..e6f9441 100644
--- a/frontend/src/layout/components/header.vue
+++ b/frontend/src/layout/components/header.vue
@@ -87,9 +87,9 @@ onMounted(() => {
     const month = (now.getMonth() + 1).toString().padStart(2, '0')
     const dayOfMonth = now.getDate().toString().padStart(2, '0')
     
-    time.value = `${hours}:${minutes}:${seconds}`
-    date.value = `${year}-${month}-${dayOfMonth}`
-    day.value = weekDays[now.getDay()]
+    // time.value = `${hours}:${minutes}:${seconds}`
+    // date.value = `${year}-${month}-${dayOfMonth}`
+    // day.value = weekDays[now.getDay()]
 
     // 连接时间同步 WebSocket
     ws = connectTimeSync((event) => {
diff --git a/frontend/src/views/communicationSetting/index.vue b/frontend/src/views/communicationSetting/index.vue
index def9593..293abea 100644
--- a/frontend/src/views/communicationSetting/index.vue
+++ b/frontend/src/views/communicationSetting/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
-import { fetchDeviceNet, fetchDevicePort, getDeviceNetConfig, saveDevicePortConfig, fetchChannelConfig } from '@/api/platform'
+import { fetchDeviceNet, fetchDevicePort, getDeviceNetConfig, saveDeviceNet, saveDeviceUart } from '@/api/platform'
 import NumericKeyboard from '@/components/NumericKeyboard.vue'
 import PasswordDialog from '@/components/passwordValie.vue'
 
@@ -109,9 +109,10 @@ const handleKeyboardConfirm = (value: string) => {
     }
     keyboardVisible.value = false
 }
-
+const currentType = ref('')
 // 保存按钮打开密码弹窗
-const handleSave = () => {
+const handleSave = (type: string) => {
+    currentType.value = type
     passwordDialogVisible.value = true
 }
 
@@ -120,25 +121,33 @@ const handlePasswordConfirm = async () => {
     if (isswitch.value) return
     isswitch.value = true
     try {
-        const submitData: any = {
-            hardware_version: netConfig.value.hardware_version,
-            software_version: netConfig.value.software_version,
-            password: netConfig.value.password,
-            net: [formData.value, formDataRight.value],
-            uart: [formData2.value, formData2Right.value]
+        if (currentType.value === 'net') {
+            const res = await saveDeviceNet([formData.value, formDataRight.value])
+            if (res.code === 200) {
+                ElMessage({
+                    type: 'success',
+                    message: '网卡配置保存成功',
+                })
+            } else {
+                ElMessage({
+                    type: 'error',
+                    message: '网卡配置保存失败',
+                })
+            }
+        } else {
+            const res = await saveDeviceUart([formData2.value, formData2Right.value])
+            if (res.code === 200) {
+                ElMessage({
+                    type: 'success',
+                    message: '串口配置保存成功',
+                })
+            } else {
+                ElMessage({
+                    type: 'error',
+                    message: '串口配置保存失败',
+                })
+            }
         }
-          const res = await saveDevicePortConfig(submitData)
-          if (res.code === 200) {
-            ElMessage({
-                type: 'success',
-                message: '全部配置保存成功',
-            })
-          }else{
-            ElMessage({
-                type: 'error',
-                message: '全部配置保存失败',
-            })
-          }
     } catch (err: any) {
         ElMessage({
             type: 'error',
@@ -181,12 +190,15 @@ onMounted(() => {
 <template>
     <div class="communication-container">
         <el-form label-width="100px" class="form-wrapper">
-            <!-- 常规配置：左右两栏 网卡一 / 网卡二 -->
             <div class="section">
-                <div class="section-title">
-                    <div class="icon"></div>
-                    <div>常规配置</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <div class="section-title">
+                        <div class="icon"></div>
+                        <div>常规配置</div>
+                    </div>
+                    <el-button type="primary" @click="handleSave('net')">保存</el-button>
                 </div>
+
                 <el-row :gutter="40">
                     <el-col :span="12">
                         <el-form-item label="网卡号">
@@ -241,9 +253,12 @@ onMounted(() => {
                 </el-row>
             </div>
             <div class="section">
-                <div class="section-title">
-                    <div class="icon"></div>
-                    <div>串口设置</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <div class="section-title">
+                        <div class="icon"></div>
+                        <div>串口设置</div>
+                    </div>
+                    <el-button type="primary" @click="handleSave('port')">保存</el-button>
                 </div>
                 <el-row :gutter="40">
                     <el-col :span="12">
@@ -323,12 +338,6 @@ onMounted(() => {
                 </el-row>
             </div>
         </el-form>
-
-        <div class="btn-wrapper">
-            <el-button type="primary" style="background-color: #0099ff;width: 150px;height: 40px;"
-                @click="handleSave">保存</el-button>
-        </div>
-
         <el-dialog v-model="dialogVisible" :close-on-click-modal="false" :show-close="false" title="错误提示" width="300">
             <div style="color: #FF4D4F;font-size: 16px;text-align: center;">原密码验证错误！</div>
             <template #footer>