修改检测脚本页面
This commit is contained in:
@@ -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
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user