优化检测脚本页面

录入检测脚本

frontend/src/views/machine/testScript/components/testScriptDipTab.vue

@@ -27,10 +27,21 @@
         <div class="right-editor">
             <!-- 右侧编辑区域内容 -->
             <el-form-item label-width="120px" label="设定幅度(%)">
-                <el-input v-model="form[0].dipData.ftransValue" style="width: 150px" :disabled="!form[0].dipFlag"/>
+                <el-input
+                    type="number"
+                    @input="handleInput"
+                    v-model="form[0].dipData.ftransValue"
+                    style="width: 150px"
+                    :disabled="!form[0].dipFlag"
+                />
             </el-form-item>
             <el-form-item label-width="120px" label="持续时间(周波)">
-                <el-input v-model="form[0].dipData.retainTime" style="width: 150px" :disabled="!form[0].dipFlag"/>
+                <el-input
+                    type="number"
+                    v-model="form[0].dipData.retainTime"
+                    style="width: 150px"
+                    :disabled="!form[0].dipFlag"
+                />
             </el-form-item>
         </div>
     </div>
@@ -50,6 +61,13 @@ const form: any = computed({
     },
     set(value) {}
 })
+const handleInput = value => {
+    if (value < 0) {
+        props.childForm[0].dipData.ftransValue = 0
+    } else if (value > 200) {
+        props.childForm[0].dipData.ftransValue = 200
+    }
+}
 </script>
 
 <style lang="scss" scoped>