ClientApps/pqs-9100_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(monitor):被检设备的监测点提示颜色改为红色且将符号提到上面去

Browse Source
This commit is contained in:
贾同学
2025-10-29 14:24:01 +08:00
parent 97b5262926
commit ba1748830a
1 changed files with 51 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
frontend/src/views/machine/device/components/monitorPopup.vue
View File

@@ -1,8 +1,15 @@
<template>
<!-- 基础信息弹出框 -->
<el-dialog :model-value="dialogVisible" :title="dialogTitle" v-bind="dialogMiddle" @close="close" align-center>
<el-dialog
:model-value="dialogVisible"
:title="dialogTitle"
v-bind="dialogMiddle"
width="50%"
@close="close"
align-center
>
<div>
<el-form :model="formContent" ref="dialogFormRef" :rules="rules" class="form-two">
<el-form :model="formContent" ref="dialogFormRef" :rules="rules" label-width="140" class="form-two">
<el-form-item label="名称" prop="name">
<el-input v-model="formContent.name" placeholder="请输入监测点名称" />
</el-form-item>
@@ -32,30 +39,6 @@
/>
</el-select>
</el-form-item>
<el-form-item label="PT变比" required>
<div class="ratio-input-group">
<el-form-item prop="ptPrimary" class="ratio-form-item">
<el-input v-model="ptPrimary" placeholder="一次侧" @input="handlePtInput" />
</el-form-item>
<span class="colon">:</span>
<el-form-item prop="ptSecondary" class="ratio-form-item">
<el-input v-model="ptSecondary" placeholder="二次侧" @input="handlePtInput" />
</el-form-item>
</div>
</el-form-item>
<!-- 修改CT变比部分 -->
<el-form-item label="CT变比" required>
<div class="ratio-input-group">
<el-form-item prop="ctPrimary" class="ratio-form-item">
<el-input v-model="ctPrimary" placeholder="一次侧" @input="handleCtInput" />
</el-form-item>
<span class="colon">:</span>
<el-form-item prop="ctSecondary" class="ratio-form-item">
<el-input v-model="ctSecondary" placeholder="二次侧" @input="handleCtInput" />
</el-form-item>
</div>
</el-form-item>
<el-form-item label="接线方式" prop="connection">
<el-select v-model="formContent.connection" clearable placeholder="请选择接线方式">
<el-option
@@ -66,6 +49,43 @@
/>
</el-select>
</el-form-item>
<el-form-item required>
<template #label>
<div style="display: flex; align-items: center">
<el-icon style="color: var(--el-color-error)"><WarningFilled /></el-icon>
<span>PT变比</span>
</div>
</template>
<div class="ratio-input-group">
<el-form-item prop="ptPrimary" class="ratio-form-item">
<el-input v-model="ptPrimary" placeholder="一次侧" @input="handlePtInput" />
</el-form-item>
<div class="colon">:</div>
<el-form-item prop="ptSecondary" style="margin-left: 10px" class="ratio-form-item">
<el-input v-model="ptSecondary" placeholder="二次侧" @input="handlePtInput" />
</el-form-item>
</div>
</el-form-item>
<!-- 修改CT变比部分 -->
<el-form-item required>
<template #label>
<div style="display: flex; align-items: center">
<el-icon style="color: var(--el-color-error)"><WarningFilled /></el-icon>
<span>CT变比</span>
</div>
</template>
<div class="ratio-input-group">
<el-form-item prop="ctPrimary" class="ratio-form-item">
<el-input v-model="ctPrimary" placeholder="一次侧" @input="handleCtInput" />
</el-form-item>
<div class="colon">:</div>
<el-form-item prop="ctSecondary" style="margin-left: 10px" class="ratio-form-item">
<el-input v-model="ctSecondary" placeholder="二次侧" @input="handleCtInput" />
</el-form-item>
</div>
</el-form-item>
<el-form-item label="统计间隔" prop="statInterval">
<el-select v-model="formContent.statInterval" clearable placeholder="请选择统计间隔">
<el-option
@@ -88,9 +108,8 @@
</el-form>
</div>
<el-alert
show-icon
title="注意：PT和CT变比请输入正常值，不可以缩小相同的倍数！"
type="warning"
type="error"
:closable="false"
></el-alert>
<template #footer>
@@ -355,7 +374,6 @@ const sendParameter = () => {
}
// 打开弹窗，可能是新增，也可能是编辑
const open = async (sign: string, data: Monitor.ResPqMon, device: Device.ResPqDev, table: any[], options: any) => {
selectOptions.value = options
titleType.value = sign
dialogVisible.value = true
@@ -395,8 +413,7 @@ const open = async (sign: string, data: Monitor.ResPqMon, device: Device.ResPqDe
ctSecondary.value = secondary
}
} else {
// 清空PT和CT的临时变量
// 清空PT和CT的临时变量
ptPrimary.value = ''
ptSecondary.value = ''
ctPrimary.value = ''
@@ -444,15 +461,15 @@ defineExpose({ open })
.ratio-input-group {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.ratio-form-item {
flex: 1;
margin-bottom: 0 !important;
}
.colon {
text-align: center;
font-size: 16px;
font-weight: bold;
}