优化检测脚本页面

This commit is contained in:
GGJ
2025-02-27 15:09:09 +08:00
parent e0fd42199f
commit c7e5ee0862
9 changed files with 417 additions and 280 deletions

View File

@@ -36,8 +36,8 @@
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit" size="small">确定</el-button>
<el-button type="primary" @click="empty(0)" size="small">清空</el-button>
<el-button type="primary" :icon="Check" @click="onSubmit" size="small">确定</el-button>
<el-button type="primary" :icon="Delete" @click="empty(0)" size="small">清空表</el-button>
</el-form-item>
</el-form>
<!-- 电压通道内容 -->
@@ -46,23 +46,13 @@
<el-table-column prop="harm" align="center" label="次数" width="60" />
<el-table-column prop="famp" align="center" label="谐波含有率">
<template #default="{ row }">
<el-input
type="number"
v-if="row.show"
@blur="row.show = !row.show"
v-model="row.famp"
/>
<el-input type="number" v-if="row.show" v-model="row.famp" />
<span v-else>{{ row.famp }}%</span>
</template>
</el-table-column>
<el-table-column prop="fphase" label="谐波相角" align="center">
<template #default="{ row }">
<el-input
type="number"
v-if="row.show"
@blur="row.show = !row.show"
v-model="row.fphase"
/>
<el-input type="number" v-if="row.show" v-model="row.fphase" />
<span v-else>{{ row.fphase }}°</span>
</template>
</el-table-column>
@@ -86,35 +76,6 @@
</template>
</el-table-column>
</el-table>
<!-- <el-table :data="tableData2" border size="small" class="half-width-table">
<el-table-column prop="date" label="次数" align="center" width="60" />
<el-table-column prop="date" label="谐波含有率" align="center" width="120">
<template #default="{ row, $index }">
<div class="input-label-container">
<el-input
type="number"
size="small"
v-model="form[0].harmList[$index + 24].famp"
:disabled="!form[0].harmFlag"
/>
<label>%</label>
</div>
</template>
</el-table-column>
<el-table-column prop="name" label="谐波相角" align="center" width="120">
<template #default="{ row, $index }">
<div class="input-label-container">
<el-input
type="number"
size="small"
v-model="form[0].harmList[$index + 24].fphase"
:disabled="!form[0].harmFlag"
/>
<label>°</label>
</div>
</template>
</el-table-column>
</el-table> -->
</div>
</el-tab-pane>
</el-tabs>
@@ -155,7 +116,7 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit1" size="small">确定</el-button>
<el-button type="primary" @click="empty(1)" size="small">清空</el-button>
<el-button type="primary" @click="empty(1)" size="small">清空表</el-button>
</el-form-item>
</el-form>
<!-- 电流通道内容 -->
@@ -164,23 +125,13 @@
<el-table-column prop="harm" align="center" label="次数" width="60" />
<el-table-column prop="famp" align="center" label="谐波含有率">
<template #default="{ row }">
<el-input
type="number"
v-if="row.show"
@blur="row.show = !row.show"
v-model="row.famp"
/>
<el-input type="number" v-if="row.show" v-model="row.famp" />
<span v-else>{{ row.famp }}%</span>
</template>
</el-table-column>
<el-table-column prop="fphase" label="谐波相角" align="center">
<template #default="{ row }">
<el-input
type="number"
v-if="row.show"
@blur="row.show = !row.show"
v-model="row.fphase"
/>
<el-input type="number" v-if="row.show" v-model="row.fphase" />
<span v-else>{{ row.fphase }}°</span>
</template>
</el-table-column>
@@ -325,25 +276,6 @@ const onSubmit1 = () => {
const HarmFlagDelete = (index: number, number: number) => {
props.childForm[index].harmList.splice(number, 1)
}
// 定义并初始化 tableData
const tableData1 = ref<TableItem[]>([])
const tableData2 = ref<TableItem[]>([])
for (let i = 2; i <= 25; i++) {
tableData1.value.push({
date: i.toString(),
harmonicRate: `谐波含有率${i}`,
harmonicPhase: `谐波相角${i}`
})
}
for (let i = 26; i <= 50; i++) {
tableData2.value.push({
date: i.toString(),
harmonicRate: `谐波含有率${i}`,
harmonicPhase: `谐波相角${i}`
})
}
</script>
<style lang="scss" scoped>