样式调整

This commit is contained in:
GYYM
2024-11-21 23:02:43 +08:00
parent eedf3f00c1
commit 44f8d43775
15 changed files with 2236 additions and 529 deletions

View File

@@ -1,22 +1,12 @@
<template>
<el-dialog title="数据查询" :model-value='visible' @close="handleCancel" v-bind="dialogBig">
<el-dialog title="数据查询" :model-value='visible' @close="handleCancel" v-bind="dialogBig" width="950px">
<div class="data-check-dialog">
<div class="data-check-title">
<el-form-item label="检测脚本:" >
<el-input v-model='testScriptName' :disabled="true"/>
</el-form-item>
<el-form-item label="误差体系" >
<el-input v-model='errorSysName' :disabled="true"/>
</el-form-item>
<el-form-item label="数据处理原则" >
<el-input v-model='dataRule' :disabled="true"/>
</el-form-item>
<el-form-item label="设备名称:" >
<el-input v-model='deviceName' :disabled="true"/>
</el-form-item>
<el-form-item label="通道号:" >
<el-input v-model='monitorIdx' :disabled="true"/>
</el-form-item>
<!-- <el-form-item label='通道号:'>
<el-select v-model="monitorIdx">
<el-option
@@ -35,11 +25,11 @@
<span>{{currentScriptDsc}}</span>
</div>
<div class="content-right-Tabs">
<el-tabs type="border-card">
<el-tab-pane label="检测结果">
<el-tabs type="border-card" v-model="activeName">
<el-tab-pane label="检测结果" name="resultTab">
<DataCheckResultTable></DataCheckResultTable>
</el-tab-pane>
<el-tab-pane label="原始数据">
<el-tab-pane label="原始数据" name="rawDataTab">
<DataCheckRawDataTable></DataCheckRawDataTable>
</el-tab-pane>
</el-tabs>
@@ -69,6 +59,7 @@ import { data } from "@/api/plan/autoTest.json";
import DataCheckResultTable from './dataCheckResultTable.vue'
import DataCheckRawDataTable from './dataCheckRawDataTable.vue'
const activeName = ref('rawDataTab')
const deviceName = ref('被检设备1');
const monitorIdx = ref('1');
const testScriptName = ref('Q/GDW 10650.4-2021 模拟式');
@@ -127,30 +118,34 @@ const props = defineProps<{
.data-check-dialog{
display: flex;
flex-direction: column;
width: 100%;
}
.data-check-title{
display: flex;
flex-direction: row;
margin-top: 10px;
margin-top: 5px;
width: 100%;
}
.data-check-content{
display: flex;
flex-direction: row;
width: 100%;
}
.content-left-tree{
width: 20%;
}
.content-left-tree-switch{
text-align: right;
margin-right: 10px;
}
.content-right{
margin-left: 20px;
width: 100%;
}
.content-right-title{
margin-bottom: 10px;
}
.content-right-Tabs{
margin-top: 15px;
box-sizing: border-box;
margin-top: 20px;
margin-bottom: 10px;
max-height: 400px;
}
</style>