| | |
| | | <template> |
| | | <el-dialog v-model="visible" :title="titleEnum[dialogMode]" :close-on-click-modal="false"> |
| | | <div v-if="readonly"> |
| | | <template> |
| | | <el-dialog |
| | | class="ztzf-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"> |
| | | <div class="detail-title">配置详情</div> |
| | | <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="120px" class="dialog-form"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="起始扇区" prop="startSector"> |
| | | <el-input v-model="formData.startSector" maxlength="50" placeholder="请输入" clearable /> |
| | | <el-input |
| | | class="ztzf-data-cockpit-search-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="ztzf-data-cockpit-search-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="ztzf-data-cockpit-select" |
| | | popper-class="ztzf-data-cockpit-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="ztzf-data-cockpit-search-input" |
| | | v-model="formData.radarFreq" |
| | | maxlength="50" |
| | | placeholder="请输入" |
| | | clearable |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="伺服模式" prop="servoMode"> |
| | | <el-select v-model="formData.servoMode" placeholder="请选择" clearable> |
| | | <el-select |
| | | class="ztzf-data-cockpit-select" |
| | | popper-class="ztzf-data-cockpit-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="ztzf-data-cockpit-select" |
| | | popper-class="ztzf-data-cockpit-select-popper" |
| | | v-model="formData.servoDataMode" |
| | | placeholder="请选择" |
| | | clearable |
| | | > |
| | | <el-option |
| | | v-for="item in servoDataModeOptions" |
| | | :key="item.value" |
| | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="轴选择" prop="axisSelect"> |
| | | <el-select v-model="formData.axisSelect" placeholder="请选择" clearable> |
| | | <el-select |
| | | class="ztzf-data-cockpit-select" |
| | | popper-class="ztzf-data-cockpit-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="ztzf-data-cockpit-search-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 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> |
| | |
| | | <script setup> |
| | | import { computed, ref } from 'vue' |
| | | import { ElMessage } from 'element-plus' |
| | | import { fwDeviceConfigDetailApi, fwDeviceConfigSubmitApi } from './deviceAppConfigApi' |
| | | import { fwDeviceConfigSubmitApi } from './deviceAppConfigApi' |
| | | import { fieldRules } from '@ztzf/utils' |
| | | |
| | | const configKeys = [ |
| | |
| | | { label: '扇区', value: '扇区' }, |
| | | { label: '定位', value: '定位' }, |
| | | ] |
| | | const servoDataModeOptions = [{ label: '编码器', value: '编码器' }] |
| | | const servoDataModeOptions = [{ label: '编码模式', value: '编码模式' }] |
| | | const axisSelectOptions = [{ label: '方位', value: '方位' }] |
| | | |
| | | const rules = { |
| | |
| | | visible.value = false |
| | | } |
| | | |
| | | function handleClosed() { |
| | | formData.value = initForm() |
| | | } |
| | | |
| | | // 提交更新 |
| | | async function handleSubmit() { |
| | | const isValid = await formRef.value?.validate().catch(() => false) |