微调
This commit is contained in:
@@ -18,7 +18,7 @@
|
||||
<template #tableHeader=''>
|
||||
<el-form :model='form' :inline='true'>
|
||||
<el-form-item label='关键字'>
|
||||
<el-input v-model='form.search' placeholder='请输入设备名称' clearable style='width: 140px;'></el-input>
|
||||
<el-input v-model='form.search' placeholder='请输入设备名称' clearable style='width: 170px;' show-word-limit maxlength="32"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label='检测状态' v-if='form.activeTabs != 3 && form.activeTabs != 4 && form.activeTabs != 5'>
|
||||
<el-select v-model='form.checkStatus' clearable>
|
||||
|
||||
@@ -5,6 +5,8 @@
|
||||
placeholder='请输入计划名称'
|
||||
clearable
|
||||
v-model='searchForm.planName'
|
||||
show-word-limit
|
||||
maxlength="32"
|
||||
></el-input>
|
||||
<el-tooltip content="检测计划列表" placement="top">
|
||||
<Menu style='width: 26px;height: 26px; margin-left: 8px;cursor: pointer;color:var(--el-color-primary)'
|
||||
|
||||
@@ -114,7 +114,7 @@
|
||||
<div class="form-item-container">
|
||||
<el-form-item label="频率:" prop="name">
|
||||
<div class="input-label-container">
|
||||
<el-input type="number" style="width: 100px" v-model="form.ffreq" />
|
||||
<el-input type="number" style="width: 100px" v-model="form.ffreq" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" @change="validateFreq" />
|
||||
<label>Hz</label>
|
||||
</div>
|
||||
</el-form-item>
|
||||
@@ -611,6 +611,15 @@ const copyRow = (num: number, index: number) => {
|
||||
})
|
||||
}
|
||||
|
||||
const validateFreq = () => {
|
||||
if (form.value.ffreq < 40) {
|
||||
ElMessage.warning("频率不能低于40Hz")
|
||||
form.value.ffreq = 40
|
||||
} else if (form.value.ffreq > 60) {
|
||||
ElMessage.warning("频率不能高于60Hz")
|
||||
form.value.ffreq = 60
|
||||
}
|
||||
}
|
||||
|
||||
// 打开 drawer(新增、编辑)
|
||||
const openDialog = () => {}
|
||||
|
||||
@@ -33,14 +33,17 @@
|
||||
v-model="form[0].dipData.ftransValue"
|
||||
style="width: 150px"
|
||||
:disabled="!form[0].dipFlag"
|
||||
onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label-width="120px" label="持续时间(周波)">
|
||||
<el-input
|
||||
type="number"
|
||||
v-model="form[0].dipData.retainTime"
|
||||
@input="handleInputRetainTime"
|
||||
style="width: 150px"
|
||||
:disabled="!form[0].dipFlag"
|
||||
onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"
|
||||
/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
@@ -63,9 +66,21 @@ const form: any = computed({
|
||||
})
|
||||
const handleInput = value => {
|
||||
if (value < 0) {
|
||||
ElMessage.warning("设定幅度不能小于0%")
|
||||
props.childForm[0].dipData.ftransValue = 0
|
||||
} else if (value > 200) {
|
||||
props.childForm[0].dipData.ftransValue = 200
|
||||
} else if (value > 140) {
|
||||
ElMessage.warning("设定幅度不能大于140%")
|
||||
props.childForm[0].dipData.ftransValue = 140
|
||||
}
|
||||
}
|
||||
|
||||
const handleInputRetainTime = value => {
|
||||
if (value < 0) {
|
||||
ElMessage.warning("持续时间不能小于0周波")
|
||||
props.childForm[0].dipData.retainTime = 0
|
||||
}else if (value > 300) {
|
||||
ElMessage.warning("持续时间不能大于300周波")
|
||||
props.childForm[0].dipData.retainTime = 300
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -13,8 +13,8 @@
|
||||
filterable
|
||||
clearable
|
||||
>
|
||||
<el-option label="全部" value="0" />
|
||||
<el-option v-for="item in 49" :key="item" :label="item + 1" :value="item + 1" />
|
||||
<el-option label="全部" value="0"/>
|
||||
<el-option v-for="item in 49" :key="item" :label="item + 1" :value="item + 1"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="含有率">
|
||||
@@ -23,6 +23,8 @@
|
||||
type="number"
|
||||
placeholder="含有率"
|
||||
style="width: 80px"
|
||||
onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
|
||||
@input="validateInput('famp',0)"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
@@ -32,6 +34,8 @@
|
||||
type="number"
|
||||
placeholder="相角"
|
||||
style="width: 80px"
|
||||
onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))"
|
||||
@input="validateInput('fphase',0)"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
@@ -43,16 +47,16 @@
|
||||
<!-- 电压通道内容 -->
|
||||
<div class="table-container">
|
||||
<el-table :data="form[0].harmList" border stripe size="small">
|
||||
<el-table-column prop="harm" align="center" label="次数" width="60" />
|
||||
<el-table-column prop="harm" align="center" label="次数" width="60"/>
|
||||
<el-table-column prop="famp" align="center" label="谐波含有率">
|
||||
<template #default="{ row }">
|
||||
<el-input type="number" v-if="row.show" v-model="row.famp" />
|
||||
<el-input type="number" v-if="row.show" v-model="row.famp"/>
|
||||
<span v-else>{{ row.famp }}%</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="fphase" label="谐波相角" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-input type="number" v-if="row.show" v-model="row.fphase" />
|
||||
<el-input type="number" v-if="row.show" v-model="row.fphase"/>
|
||||
<span v-else>{{ row.fphase }}°</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -92,8 +96,8 @@
|
||||
filterable
|
||||
clearable
|
||||
>
|
||||
<el-option label="全部" value="0" />
|
||||
<el-option v-for="item in 49" :key="item" :label="item + 1" :value="item + 1" />
|
||||
<el-option label="全部" value="0"/>
|
||||
<el-option v-for="item in 49" :key="item" :label="item + 1" :value="item + 1"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="含有率">
|
||||
@@ -102,6 +106,8 @@
|
||||
type="number"
|
||||
placeholder="含有率"
|
||||
style="width: 80px"
|
||||
onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
|
||||
@input="validateInput('famp',1)"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
@@ -111,6 +117,8 @@
|
||||
type="number"
|
||||
placeholder="相角"
|
||||
style="width: 80px"
|
||||
onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))"
|
||||
@input="validateInput('fphase',1)"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
@@ -122,16 +130,16 @@
|
||||
<!-- 电流通道内容 -->
|
||||
<div class="table-container">
|
||||
<el-table :data="form[1].harmList" border stripe size="small">
|
||||
<el-table-column prop="harm" align="center" label="次数" width="60" />
|
||||
<el-table-column prop="harm" align="center" label="次数" width="60"/>
|
||||
<el-table-column prop="famp" align="center" label="谐波含有率">
|
||||
<template #default="{ row }">
|
||||
<el-input type="number" v-if="row.show" v-model="row.famp" />
|
||||
<el-input type="number" v-if="row.show" v-model="row.famp"/>
|
||||
<span v-else>{{ row.famp }}%</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="fphase" label="谐波相角" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-input type="number" v-if="row.show" v-model="row.fphase" />
|
||||
<el-input type="number" v-if="row.show" v-model="row.fphase"/>
|
||||
<span v-else>{{ row.fphase }}°</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -162,8 +170,9 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { Check, Delete, EditPen, CopyDocument } from '@element-plus/icons-vue'
|
||||
import { ref } from 'vue'
|
||||
import {Check, Delete, EditPen} from '@element-plus/icons-vue'
|
||||
import {ref} from 'vue'
|
||||
|
||||
const props = defineProps({
|
||||
childForm: {
|
||||
type: Array as any,
|
||||
@@ -175,7 +184,8 @@ const form: any = computed({
|
||||
get() {
|
||||
return props.childForm
|
||||
},
|
||||
set(value) {}
|
||||
set(value) {
|
||||
}
|
||||
})
|
||||
const formInline = ref({
|
||||
harm: [],
|
||||
@@ -187,6 +197,7 @@ const formInline1 = ref({
|
||||
famp: '',
|
||||
fphase: ''
|
||||
})
|
||||
|
||||
// 定义表格数据项的类型
|
||||
interface TableItem {
|
||||
date: string
|
||||
@@ -194,6 +205,7 @@ interface TableItem {
|
||||
harmonicPhase?: string
|
||||
name?: string
|
||||
}
|
||||
|
||||
const empty = (index: number) => {
|
||||
props.childForm[index].harmList = []
|
||||
}
|
||||
@@ -276,6 +288,48 @@ const onSubmit1 = () => {
|
||||
const HarmFlagDelete = (index: number, number: number) => {
|
||||
props.childForm[index].harmList.splice(number, 1)
|
||||
}
|
||||
|
||||
const validateInput = (type: string, index: number) => {
|
||||
if (type == 'famp') {
|
||||
if (Number(formInline.value.famp) < 0 || Number(formInline1.value.famp) < 0) {
|
||||
ElMessage.warning("含有率不能低于0")
|
||||
if (index == 0) {
|
||||
formInline.value.famp = '0'
|
||||
}
|
||||
if (index == 1) {
|
||||
formInline1.value.famp = '0'
|
||||
}
|
||||
}
|
||||
if (Number(formInline.value.famp) > 200 || Number(formInline1.value.famp) > 200) {
|
||||
ElMessage.warning("含有率不能高于200")
|
||||
if (index == 0) {
|
||||
formInline.value.famp = '200'
|
||||
}
|
||||
if (index == 1) {
|
||||
formInline1.value.famp = '200'
|
||||
}
|
||||
}
|
||||
}
|
||||
if (type == 'fphase') {
|
||||
if (Number(formInline.value.fphase) < -360 || Number(formInline1.value.fphase) < -360) {
|
||||
ElMessage.warning("相角不能低于-360°")
|
||||
if (index == 0) {
|
||||
formInline.value.fphase = '-360';
|
||||
}
|
||||
if (index == 1) {
|
||||
formInline1.value.fphase = '-360';
|
||||
}
|
||||
} else if (Number(formInline.value.fphase) > 360 || Number(formInline1.value.fphase) > 360) {
|
||||
ElMessage.warning("相角不能高于360°")
|
||||
if (index == 0) {
|
||||
formInline.value.fphase = '360';
|
||||
}
|
||||
if (index == 1) {
|
||||
formInline1.value.fphase = '360';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@@ -317,6 +371,7 @@ const HarmFlagDelete = (index: number, number: number) => {
|
||||
.input-label-container label {
|
||||
margin-left: 5px; /* 添加标签与输入框之间的间距 */
|
||||
}
|
||||
|
||||
// 全局css 加上以下代码,可以隐藏上下箭头
|
||||
|
||||
// 取消input的上下箭头
|
||||
|
||||
@@ -23,6 +23,8 @@
|
||||
type="number"
|
||||
placeholder="含有率"
|
||||
style="width: 80px"
|
||||
onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
|
||||
@input="validateInput('famp',0)"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
@@ -32,6 +34,8 @@
|
||||
type="number"
|
||||
placeholder="相角"
|
||||
style="width: 80px"
|
||||
onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))"
|
||||
@input="validateInput('fphase',0)"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
@@ -102,6 +106,8 @@
|
||||
type="number"
|
||||
placeholder="含有率"
|
||||
style="width: 80px"
|
||||
onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
|
||||
@input="validateInput('famp',1)"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
@@ -111,6 +117,8 @@
|
||||
type="number"
|
||||
placeholder="相角"
|
||||
style="width: 80px"
|
||||
onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))"
|
||||
@input="validateInput('fphase',1)"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
@@ -276,6 +284,48 @@ const onSubmit1 = () => {
|
||||
const inHarmFlagDelete = (index: number, number: number) => {
|
||||
props.childForm[index].inharmList.splice(number, 1)
|
||||
}
|
||||
|
||||
const validateInput = (type: string, index: number) => {
|
||||
if (type == 'famp') {
|
||||
if (Number(formInline.value.famp) < 0 || Number(formInline1.value.famp) < 0) {
|
||||
ElMessage.warning("含有率不能低于0")
|
||||
if (index == 0) {
|
||||
formInline.value.famp = '0'
|
||||
}
|
||||
if (index == 1) {
|
||||
formInline1.value.famp = '0'
|
||||
}
|
||||
}
|
||||
if (Number(formInline.value.famp) > 200 || Number(formInline1.value.famp) > 200) {
|
||||
ElMessage.warning("含有率不能高于200")
|
||||
if (index == 0) {
|
||||
formInline.value.famp = '200'
|
||||
}
|
||||
if (index == 1) {
|
||||
formInline1.value.famp = '200'
|
||||
}
|
||||
}
|
||||
}
|
||||
if (type == 'fphase') {
|
||||
if (Number(formInline.value.fphase) < -360 || Number(formInline1.value.fphase) < -360) {
|
||||
ElMessage.warning("相角不能低于-360°")
|
||||
if (index == 0) {
|
||||
formInline.value.fphase = '-360';
|
||||
}
|
||||
if (index == 1) {
|
||||
formInline1.value.fphase = '-360';
|
||||
}
|
||||
} else if (Number(formInline.value.fphase) > 360 || Number(formInline1.value.fphase) > 360) {
|
||||
ElMessage.warning("相角不能高于360°")
|
||||
if (index == 0) {
|
||||
formInline.value.fphase = '360';
|
||||
}
|
||||
if (index == 1) {
|
||||
formInline1.value.fphase = '360';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@@ -9,17 +9,17 @@
|
||||
<!-- 右侧编辑区域内容 -->
|
||||
<el-form :inline="true" label-width="auto" :model="form" class="form-two">
|
||||
<el-form-item :label="`电压有效值(${valueCode == 'Absolute' ? 'V' : '%'})`">
|
||||
<el-input type="number" v-model="form[0].famp" :disabled="!form[0].channelFlag" />
|
||||
<el-input type="number" v-model="form[0].famp" :disabled="!form[0].channelFlag" onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" @input="validateInput(0, 'famp')"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="电压相角(°)">
|
||||
<el-input type="number" v-model="form[0].fphase" :disabled="!form[0].channelFlag" />
|
||||
<el-input type="number" v-model="form[0].fphase" :disabled="!form[0].channelFlag" onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))" @input="validateInput(0, 'fphase')"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="`电流有效值(${valueCode == 'Absolute' ? 'A' : '%'})`">
|
||||
<el-input type="number" v-model="form[1].famp" :disabled="!form[1].channelFlag" />
|
||||
<el-input type="number" v-model="form[1].famp" :disabled="!form[1].channelFlag" onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" @input="validateInput(1, 'famp')"/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="电流相角(°)">
|
||||
<el-input type="number" v-model="form[1].fphase" :disabled="!form[1].channelFlag" />
|
||||
<el-input type="number" v-model="form[1].fphase" :disabled="!form[1].channelFlag" onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))" @input="validateInput(1, 'fphase')"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
@@ -109,6 +109,41 @@ function drawSineWave() {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const validateInput = (index: number, field: string) => {
|
||||
const value = form.value[index][field];
|
||||
if (index === 0) {
|
||||
if (field === 'famp') {
|
||||
if (value < 0) {
|
||||
ElMessage.warning("电压不能低于0V")
|
||||
form.value[index][field] = 0;
|
||||
} else if (value > 380) {
|
||||
ElMessage.warning("电压不能高于380V")
|
||||
form.value[index][field] = 380;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (index === 1) {
|
||||
if (field === 'famp') {
|
||||
if (value < 0) {
|
||||
ElMessage.warning("电流不能低于0A")
|
||||
form.value[index][field] = 0;
|
||||
} else if (value > 20) {
|
||||
ElMessage.warning("电流不能高于20A")
|
||||
form.value[index][field] = 20;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (field === 'fphase') {
|
||||
if (value < -360) {
|
||||
ElMessage.warning("相角不能低于-360°")
|
||||
form.value[index][field] = -360;
|
||||
} else if (value > 360) {
|
||||
ElMessage.warning("相角不能高于360°")
|
||||
form.value[index][field] = 360;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
@@ -16,7 +16,8 @@
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label='检测最大次数' prop='maxTime' :label-width="110">
|
||||
<el-input-number v-model='TestConfigForm.maxTime' :min='1' :max='999'/>
|
||||
<!-- <el-input-number v-model='TestConfigForm.maxTime' :min='1' :max='999' onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>-->
|
||||
<el-input number v-model.number='TestConfigForm.maxTime' placeholder="请输入检测最大次数" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
@@ -43,17 +44,17 @@
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="实时数据有效组数" prop="realTime" :label-width="140">
|
||||
<el-input number v-model.number='RegResForm.realTime' placeholder="请输入实时数据有效组数"/>
|
||||
<el-input number v-model.number='RegResForm.realTime' placeholder="请输入实时数据有效组数" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="统计数据有效组数" prop="statistics" :label-width="140">
|
||||
<el-input number v-model.number='RegResForm.statistics' placeholder="请输入统计数据有效组数"/>
|
||||
<el-input number v-model.number='RegResForm.statistics' placeholder="请输入统计数据有效组数" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="闪变数据有效组数" prop="flicker" :label-width="140">
|
||||
<el-input number v-model.number='RegResForm.flicker' placeholder="请输入闪变数据有效组数"/>
|
||||
<el-input number v-model.number='RegResForm.flicker' placeholder="请输入闪变数据有效组数" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -257,6 +258,7 @@ const rules = computed(() => {
|
||||
const baseRules: Ref<Record<string, Array<FormItemRule>>> = ref({
|
||||
maxTime: [
|
||||
{required: true, trigger: 'blur', message: '检测最大次数必填!'},
|
||||
{pattern: /^(?:[1-9]|[1-9][0-9]|[1-9][0-9]{2})$/, message: '检测最大次数为1~999的正整数', trigger: 'blur'}
|
||||
],
|
||||
realTime: [
|
||||
{required: true, trigger: 'blur', message: '实时数据有效组数必填!'},
|
||||
|
||||
Reference in New Issue
Block a user