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:
sjl
2025-01-06 09:21:24 +08:00
parent 1be15ee849
commit c4e2da8d67
15 changed files with 302 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
frontend/src/views/machine/testScript/components/testScriptHarmTab.vue
View File

@@ -6,27 +6,39 @@
<div class="table-container">
<el-table :data="tableData1" border class="half-width-table">
<el-table-column prop="date" label="次数" width="60"/>
<el-table-column prop="date" label="谐波含有率" width="125">
<el-table-column prop="date" label="谐波含有率" width="120">
<template #default="scope">
<el-input />
<div class="input-label-container">
<el-input />
<label>%</label>
</div>
</template>
</el-table-column>
<el-table-column prop="name" label="谐波相角" width="125">
<el-table-column prop="name" label="谐波相角" width="120">
<template #default="scope">
<el-input />
<div class="input-label-container">
<el-input />
<label>°</label>
</div>
</template>
</el-table-column>
</el-table>
<el-table :data="tableData2" border class="half-width-table">
<el-table-column prop="date" label="次数" width="60"/>
<el-table-column prop="date" label="谐波含有率" width="125">
<el-table-column prop="date" label="谐波含有率" width="120">
<template #default="scope">
<el-input />
<div class="input-label-container">
<el-input />
<label>%</label>
</div>
</template>
</el-table-column>
<el-table-column prop="name" label="谐波相角" width="125">
<el-table-column prop="name" label="谐波相角" width="120">
<template #default="scope">
<el-input />
<div class="input-label-container">
<el-input />
<label>°</label>
</div>
</template>
</el-table-column>
</el-table>
@@ -39,28 +51,39 @@
<div class="table-container">
<el-table :data="tableData1" border class="half-width-table">
<el-table-column prop="date" label="次数" width="60"/>
<el-table-column prop="date" label="谐波含有率" width="125">
<el-table-column prop="date" label="谐波含有率" width="120">
<template #default="scope">
<el-input />
<label>123%</label>
<div class="input-label-container">
<el-input />
<label>%</label>
</div>
</template>
</el-table-column>
<el-table-column prop="name" label="谐波相角" width="125">
<el-table-column prop="name" label="谐波相角" width="120">
<template #default="scope">
<el-input />
<div class="input-label-container">
<el-input />
<label>°</label>
</div>
</template>
</el-table-column>
</el-table>
<el-table :data="tableData2" border class="half-width-table">
<el-table-column prop="date" label="次数" width="60"/>
<el-table-column prop="date" label="谐波含有率" width="125">
<el-table-column prop="date" label="谐波含有率" width="120">
<template #default="scope">
<el-input />
<div class="input-label-container">
<el-input />
<label>%</label>
</div>
</template>
</el-table-column>
<el-table-column prop="name" label="谐波相角" width="125">
<el-table-column prop="name" label="谐波相角" width="120">
<template #default="scope">
<el-input />
<div class="input-label-container">
<el-input />
<label>°</label>
</div>
</template>
</el-table-column>
</el-table>
@@ -132,4 +155,12 @@ for (let i = 26; i <= 50; i++) {
margin-right: 0; /* 最后一个表格不需要右侧间距 */
}
.input-label-container {
display: flex;
align-items: center; /* 垂直居中对齐 */
}
.input-label-container label {
margin-left: 5px; /* 添加标签与输入框之间的间距 */
}
</style>