暂态前后延时间

This commit is contained in:
caozehui
2025-12-24 15:47:51 +08:00
parent 6097854c4d
commit 4aca5daf88
3 changed files with 105 additions and 29 deletions

View File

@@ -3,7 +3,7 @@
<div class="left-editor">
<!-- 左侧编辑区域内容 -->
<img src="@/assets/images/transient.png" />
<img src="@/assets/images/transient.png"/>
<!-- <div class="inputTop">
<el-input v-model="form[0].dipData.fValue" style="width: 150px; left: 4%" :disabled="!form[0].dipFlag">
<template #append>S</template>
@@ -25,27 +25,45 @@
</div> -->
</div>
<div class="right-editor">
<el-form :inline="true" label-width="auto" class="form-two">
<!-- 右侧编辑区域内容 -->
<el-form-item label-width="120px" label="设定幅度(%)">
<el-input
type="number"
@input="handleInput"
v-model="form[0].dipData.ftransValue"
style="width: 150px"
:disabled="!form[0].dipFlag"
onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
/>
<el-form-item label="设定幅度(%)">
<el-input
type="number"
@input="handleInput"
v-model="form[0].dipData.ftransValue"
: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 label="持续时间(周波)">
<el-input
type="number"
v-model="form[0].dipData.retainTime"
@input="handleInputRetainTime"
:disabled="!form[0].dipFlag"
onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"
/>
</el-form-item>
<el-form-item label="前延时间(S)">
<el-input
type="number"
v-model="form[0].dipData.fpreTime"
@input="validateFPreTime"
:disabled="!form[0].dipFlag"
onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"
/>
</el-form-item>
<el-form-item label="后延时间(S)">
<el-input
type="number"
v-model="form[0].dipData.fafterTime"
@input="validateFAfterTime"
:disabled="!form[0].dipFlag"
onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"
/>
</el-form-item>
</el-form>
</div>
</div>
</template>
@@ -60,11 +78,12 @@ const props = defineProps({
})
const form: any = computed({
get() {
console.log(props.childForm)
return props.childForm
},
set(value) {}
})
const emit = defineEmits(['setRetainTime'])
const emit = defineEmits(['setRetainTime','setFPreTime','setFAfterTime'])
const handleInput = value => {
if (value < 0) {
ElMessage.warning("设定幅度不能小于0%")
@@ -91,6 +110,34 @@ const handleInputRetainTime = value => {
}
}
const validateFPreTime = value => {
if (value < 0.01) {
ElMessage.warning('暂态前延时间不能低于0.01S')
props.childForm[0].dipData.fPreTime = 0.01
emit('setFPreTime', 0.01 )
} else if (value > 60) {
ElMessage.warning('暂态前延时间不能高于60S')
props.childForm[0].dipData.fPreTime = 60
emit('setFPreTime', 60 )
}else{
emit('setFPreTime', value )
}
}
const validateFAfterTime = value => {
if (value < 0.01) {
ElMessage.warning('暂态后延时间不能低于0.01S')
props.childForm[0].dipData.fafterTime = 0.01
emit('setFAfterTime', 0.01 )
} else if (value > 60) {
ElMessage.warning('暂态后延时间不能高于60S')
props.childForm[0].dipData.fafterTime = 60
emit('setFAfterTime', 60 )
}else{
emit('setFAfterTime', value )
}
}
</script>
<style lang="scss" scoped>
@@ -107,8 +154,9 @@ canvas {
.left-editor {
flex: 1; /* 左侧区域占据 3/4 的宽度 */
position: relative;
width: 55%;
img {
width: 90%;
width: 95%;
height: 140px;
margin: 0 10px 20px;
}
@@ -125,7 +173,9 @@ canvas {
}
.right-editor {
width: 400px;
display: flex;
align-items: center;
width: 45%;
/* margin-right: 250px; 向左侧移动一点 */
}
</style>