修改检测脚本页面

This commit is contained in:
GGJ
2025-02-17 16:44:02 +08:00
parent 5c012c2bc9
commit 92b9a82f21
8 changed files with 289 additions and 151 deletions

View File

@@ -9,16 +9,16 @@
<!-- 右侧编辑区域内容 -->
<el-form :inline="true" label-width="auto" :model="form" class="form-two">
<el-form-item label="电压有效值(V)">
<el-input v-model="form.input1" />
<el-input-number v-model="form[0].fAmp" />
</el-form-item>
<el-form-item label="电流有效值(A)">
<el-input v-model="form.input2" />
<el-input-number v-model="form[0].fPhase" />
</el-form-item>
<el-form-item label="电压相角(°)">
<el-input v-model="form.input3" />
<el-input-number v-model="form[1].fAmp" />
</el-form-item>
<el-form-item label="电流相角(°)">
<el-input v-model="form.input4" />
<el-input-number v-model="form[1].fPhase" />
</el-form-item>
</el-form>
</div>
@@ -26,22 +26,33 @@
</template>
<script setup lang="ts">
import { onMounted, ref } from 'vue'
import { onMounted, ref ,watch} from 'vue'
import Line from '@/components/echarts/line/index.vue'
const form = ref({
input1: 220,
input2: 0,
input3: 0,
input4: 0
// const emit = defineEmits(['update'])
const props = defineProps({
childForm: {
type: Array,
required: true
}
})
const lineRef: any = ref()
const chartsData = ref({})
const canvas = ref<HTMLCanvasElement | null>(null)
// 解构并创建响应式变量
const form = computed({
get() {
return props.childForm
},
set(value) {
}
})
onMounted(() => {
drawSineWave()
})
function drawSineWave() {
chartsData.value = {
tooltip: {
@@ -88,7 +99,7 @@ function drawSineWave() {
{
name: '',
type: 'line',
data: [10, -10, 10, -10, 10, -10, 10, -10, 10, -10,10],
data: [10, -10, 10, -10, 10, -10, 10, -10, 10, -10, 10],
showSymbol: false,
smooth: true
}