From 89380e6260a75d1d3b94de687ebcc2f50d50659d Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 03 Feb 2026 15:44:33 +0800
Subject: [PATCH] feat:环境变量配置调整
---
applications/drone-command/src/views/detectionCountermeasure/deviceAppConfig/FormDiaLog.vue | 145 ++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 120 insertions(+), 25 deletions(-)
diff --git a/applications/drone-command/src/views/detectionCountermeasure/deviceAppConfig/FormDiaLog.vue b/applications/drone-command/src/views/detectionCountermeasure/deviceAppConfig/FormDiaLog.vue
index 4b0dec4..eeab733 100644
--- a/applications/drone-command/src/views/detectionCountermeasure/deviceAppConfig/FormDiaLog.vue
+++ b/applications/drone-command/src/views/detectionCountermeasure/deviceAppConfig/FormDiaLog.vue
@@ -1,67 +1,121 @@
-<template>
- <el-dialog v-model="visible" :title="titleEnum[dialogMode]" :close-on-click-modal="false">
- <div v-if="readonly">
+<template>
+ <el-dialog
+ class="command-page-view-dialog"
+ v-model="visible"
+ :title="titleEnum[dialogMode]"
+ :close-on-click-modal="false"
+ @closed="handleClosed"
+ destroy-on-close
+ >
+ <div v-if="readonly" class="detail-container">
<el-row>
<el-col :span="12">
- <div>起始扇区: {{ formData.startSector }}</div>
+ <div class="label">起始扇区</div>
+ <div class="val">{{ formData.startSector }}</div>
</el-col>
<el-col :span="12">
- <div>终止扇区: {{ formData.endSector }}</div>
+ <div class="label">终止扇区</div>
+ <div class="val">{{ formData.endSector }}</div>
</el-col>
<el-col :span="12">
- <div>搜索模式: {{ formData.searchMode }}</div>
+ <div class="label">搜索模式</div>
+ <div class="val">{{ formData.searchMode }}</div>
</el-col>
<el-col :span="12">
- <div>雷达频点: {{ formData.radarFreq }}</div>
+ <div class="label">雷达频点</div>
+ <div class="val">{{ formData.radarFreq }}</div>
</el-col>
<el-col :span="12">
- <div>伺服模式: {{ formData.servoMode }}</div>
+ <div class="label">伺服模式</div>
+ <div class="val">{{ formData.servoMode }}</div>
</el-col>
<el-col :span="12">
- <div>伺服数据模式: {{ formData.servoDataMode }}</div>
+ <div class="label">伺服数据模式</div>
+ <div class="val">{{ formData.servoDataMode }}</div>
</el-col>
<el-col :span="12">
- <div>轴选择: {{ formData.axisSelect }}</div>
+ <div class="label">轴选择</div>
+ <div class="val">{{ formData.axisSelect }}</div>
</el-col>
<el-col :span="12">
- <div>伺服转速度: {{ formData.servoTurnSpeed }}</div>
+ <div class="label">伺服转速度</div>
+ <div class="val">{{ formData.servoTurnSpeed }}</div>
</el-col>
</el-row>
</div>
- <el-form v-else ref="formRef" :model="formData" :rules="rules" :disabled="readonly" label-width="120px">
+
+ <el-form v-else ref="formRef" :model="formData" :rules="rules" label-width="120" class="dialog-form">
<el-row>
+ <el-col :span="24"><h3 style="color: #ffffff">工作模式</h3></el-col>
<el-col :span="12">
<el-form-item label="起始扇区" prop="startSector">
- <el-input v-model="formData.startSector" maxlength="50" placeholder="请输入" clearable />
+ <el-input
+ class="command-input"
+ v-model="formData.startSector"
+ maxlength="50"
+ placeholder="请输入"
+ clearable
+ />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="终止扇区" prop="endSector">
- <el-input v-model="formData.endSector" maxlength="50" placeholder="请输入" clearable />
+ <el-input
+ class="command-input"
+ v-model="formData.endSector"
+ maxlength="50"
+ placeholder="请输入"
+ clearable
+ />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="搜索模式" prop="searchMode">
- <el-select v-model="formData.searchMode" placeholder="请选择" clearable>
+ <el-select
+ class="command-select"
+ popper-class="command-select-popper"
+ v-model="formData.searchMode"
+ placeholder="请选择"
+ clearable
+ >
<el-option v-for="item in searchModeOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="雷达频点" prop="radarFreq">
- <el-input v-model="formData.radarFreq" maxlength="50" placeholder="请输入" clearable />
+ <el-input
+ class="command-input"
+ v-model="formData.radarFreq"
+ maxlength="50"
+ placeholder="请输入"
+ clearable
+ />
</el-form-item>
</el-col>
+ <el-col :span="24"><h3 style="color: #ffffff">设备参数</h3></el-col>
<el-col :span="12">
<el-form-item label="伺服模式" prop="servoMode">
- <el-select v-model="formData.servoMode" placeholder="请选择" clearable>
+ <el-select
+ class="command-select"
+ popper-class="command-select-popper"
+ v-model="formData.servoMode"
+ placeholder="请选择"
+ clearable
+ >
<el-option v-for="item in servoModeOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="伺服数据模式" prop="servoDataMode">
- <el-select v-model="formData.servoDataMode" placeholder="请选择" clearable>
+ <el-select
+ class="command-select"
+ popper-class="command-select-popper"
+ v-model="formData.servoDataMode"
+ placeholder="请选择"
+ clearable
+ >
<el-option
v-for="item in servoDataModeOptions"
:key="item.value"
@@ -73,22 +127,41 @@
</el-col>
<el-col :span="12">
<el-form-item label="轴选择" prop="axisSelect">
- <el-select v-model="formData.axisSelect" placeholder="请选择" clearable>
+ <el-select
+ class="command-select"
+ popper-class="command-select-popper"
+ v-model="formData.axisSelect"
+ placeholder="请选择"
+ clearable
+ >
<el-option v-for="item in axisSelectOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="伺服转速度" prop="servoTurnSpeed">
- <el-input v-model="formData.servoTurnSpeed" maxlength="50" placeholder="请输入" clearable />
+ <el-input
+ class="command-input"
+ v-model="formData.servoTurnSpeed"
+ maxlength="50"
+ placeholder="请输入"
+ clearable
+ />
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
- <el-button @click="handleCancel">{{ readonly ? '关闭' : '取消' }}</el-button>
- <el-button v-if="!readonly" type="primary" :loading="submitting" :disabled="submitting" @click="handleSubmit">
- 确定
+ <el-button v-if="dialogMode != 'view'" color="#2B2B4C" @click="handleCancel">{{ readonly ? '关闭' : '取消' }}</el-button>
+ <el-button
+ color="#284FE3"
+ v-if="!readonly"
+ type="primary"
+ :loading="submitting"
+ :disabled="submitting"
+ @click="handleSubmit"
+ >
+ 保存
</el-button>
</template>
</el-dialog>
@@ -99,6 +172,8 @@
import { ElMessage } from 'element-plus'
import { fwDeviceConfigDetailApi, fwDeviceConfigSubmitApi } from './deviceAppConfigApi'
import { fieldRules } from '@ztzf/utils'
+import { saveOperationLog } from '@ztzf/apis'
+import { useRoute } from 'vue-router'
const configKeys = [
'startSector',
@@ -132,7 +207,8 @@
const dialogMode = ref('view') // 弹框模式
const submitting = ref(false) // 提交中
const readonly = computed(() => dialogMode.value === 'view')
-const titleEnum = ref({ edit: '编辑', view: '查看' })
+const titleEnum = ref({ edit: '配置接口', view: '查看' })
+const route = useRoute()
const searchModeOptions = [
{ label: '0', value: '0' },
@@ -144,7 +220,7 @@
{ label: '扇区', value: '扇区' },
{ label: '定位', value: '定位' },
]
-const servoDataModeOptions = [{ label: '编码器', value: '编码器' }]
+const servoDataModeOptions = [{ label: '编码模式', value: '编码模式' }]
const axisSelectOptions = [{ label: '方位', value: '方位' }]
const rules = {
@@ -171,6 +247,10 @@
visible.value = false
}
+function handleClosed() {
+ formData.value = initForm()
+}
+
// 提交更新
async function handleSubmit() {
const isValid = await formRef.value?.validate().catch(() => false)
@@ -183,6 +263,13 @@
delete payload[key]
})
await fwDeviceConfigSubmitApi(payload)
+
+ saveOperationLog({
+ requestUri: route.path,
+ title: `${route.name || '设备应用配置'}-配置接口保存`,
+ type: 1
+ })
+
ElMessage.success('更新成功')
visible.value = false
emit('success')
@@ -191,10 +278,18 @@
}
}
+function loadingDetails() {
+ fwDeviceConfigDetailApi({ deviceId: formData.value.deviceId }).then(res => {
+ const configJson = res.data.data ? JSON.parse(res.data.data.configJson) : {}
+ formData.value = { ...formData.value, ...configJson }
+ })
+}
+
// 打开弹框
async function open({ mode, row } = {}) {
dialogMode.value = mode || 'view'
formData.value = { ...initForm(), deviceId: row.id }
+ loadingDetails()
}
defineExpose({ open })
--
Gitblit v1.9.3