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

联调 新增检测脚本

Browse Source
This commit is contained in:
GGJ
2025-02-18 16:36:54 +08:00
parent 4f622da52c
commit ce92a1d645
13 changed files with 603 additions and 313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
frontend/src/views/machine/testScript/components/testScriptDipTab.vue
View File

@@ -1,44 +1,90 @@
<template>
<div class="editor-container">
<div class="left-editor">
<!-- 左侧编辑区域内容 -->
</div>
<div class="right-editor">
<!-- 右侧编辑区域内容 -->
<el-form-item label-width="120px" label="设定幅度(%)">
<el-input v-model="input1" style="width: 150px;" />
</el-form-item>
<el-form-item label-width="120px" label="持续时间(周波)">
<el-input v-model="input2" style="width: 150px;"/>
</el-form-item>
</div>
</div>
<div class="left-editor">
<!-- 左侧编辑区域内容 -->
<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>
</el-input>
<el-input v-model="form[0].dipData.fValue" style="width: 150px; left: 22%" :disabled="!form[0].dipFlag">
<template #append>S</template>
</el-input>
<el-input v-model="form[0].dipData.fValue" style="width: 150px; left: 40%" :disabled="!form[0].dipFlag">
<template #append>S</template>
</el-input>
</div>
<div class="inputBottom">
<el-input v-model="form[0].dipData.fValue" style="width: 150px; left: 21%" :disabled="!form[0].dipFlag">
<template #append>S</template>
</el-input>
<el-input v-model="form[0].dipData.fValue" style="width: 150px; left: 40%" :disabled="!form[0].dipFlag">
<template #append>S</template>
</el-input>
</div>
</div>
<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-form-item>
<el-form-item label-width="120px" label="持续时间(周波)">
<el-input v-model="form[0].dipData.fRetainTime" style="width: 150px" :disabled="!form[0].dipFlag"/>
</el-form-item>
</div>
</div>
</template>
<script setup lang="ts">
const input1 = ref('')
const input2 = ref('')
import { onMounted, ref, watch } from 'vue'
const props = defineProps({
childForm: {
type: Array,
required: true
}
})
const form: any = computed({
get() {
return props.childForm
},
set(value) {}
})
</script>
<style scoped>
<style lang="scss" scoped>
canvas {
border: 1px solid #ccc;
border: 1px solid #ccc;
}
.editor-container {
display: flex;
height: 100%;
display: flex;
height: 100%;
width: 100%;
}
.left-editor {
flex: 3; /* 左侧区域占据 3/4 的宽度 */
margin-left: 150px; /* 可选：添加间距 */
flex: 1; /* 左侧区域占据 3/4 的宽度 */
position: relative;
img {
width: 90%;
height: 150px;
margin: 0 10px 20px;
}
.inputTop {
position: absolute;
top: 20px;
width: 100%;
}
.inputBottom {
position: absolute;
bottom: -5px;
width: 100%;
}
}
.right-editor {
flex: 1; /* 右侧区域占据 1/4 的宽度 */
margin-right: 250px; /* 向左侧移动一点 */
width: 400px;
/* margin-right: 250px; 向左侧移动一点 */
}
</style>
</style>