151 lines
4.2 KiB
Vue
151 lines
4.2 KiB
Vue
<template>
|
||
<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-select v-model="monitorIdx">
|
||
<el-option
|
||
v-for="item in monitorIdxList"
|
||
:key="item.value"
|
||
:label="item.value"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item> -->
|
||
</div>
|
||
<div class="data-check-content">
|
||
<div class="content-right">
|
||
<div class="content-right-title">
|
||
<el-divider >当前检测项目</el-divider>
|
||
<span>{{currentScriptDsc}}</span>
|
||
</div>
|
||
<div class="content-right-Tabs">
|
||
<el-tabs type="border-card" v-model="activeName">
|
||
<el-tab-pane label="检测结果" name="resultTab">
|
||
<DataCheckResultTable></DataCheckResultTable>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="原始数据" name="rawDataTab">
|
||
<DataCheckRawDataTable></DataCheckRawDataTable>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-dialog>
|
||
|
||
</template>
|
||
<script setup lang='ts'>
|
||
|
||
import IPAddress from '@/components/IpAddress/index.vue'
|
||
import { dialogBig } from '@/utils/elementBind'
|
||
import { type Device } from '@/api/device/interface/device'
|
||
import { ElMessage, type FormItemRule } from 'element-plus'
|
||
import { addPqDev, updatePqDev } from '@/api/device/device'
|
||
import { computed, reactive, type Ref, ref } from 'vue'
|
||
import { useDictStore } from '@/stores/modules/dict'
|
||
import { CirclePlus, Delete, EditPen } from '@element-plus/icons-vue'
|
||
// 使用 dayjs 库格式化
|
||
import dayjs from 'dayjs'
|
||
import { getPqMonList } from '@/api/device/monitor'
|
||
import { type ColumnProps } from '@/components/ProTable/interface'
|
||
import { type Monitor } from '@/api/device/interface/monitor'
|
||
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 模拟式');
|
||
const errorSysName = ref('Q/GDW 10650.2-2021');
|
||
const dataRule = ref('所有值');
|
||
const scriptSwitch = ref(true);
|
||
const currentScriptDsc = ref('电压准确度检测：频率：42.5Hz Ua=46.192V 0° Ub=46.192V -120° Uc=46.192V 120° Ia=1A 0° Ib=1A -120° Ic=1A 120°');
|
||
const defaultProps = {
|
||
children: "children",
|
||
label: "name",
|
||
pid: "pid",
|
||
};
|
||
|
||
const monitorIdxList = [
|
||
{
|
||
value: '1',
|
||
},
|
||
{
|
||
value: '2',
|
||
},
|
||
{
|
||
value: '3',
|
||
},
|
||
{
|
||
value: '4',
|
||
},
|
||
]
|
||
const handleNodeClick = (data) => {
|
||
console.log(data);
|
||
};
|
||
const MonIsShow = ref(false)
|
||
const DevIsShow = ref(false)
|
||
const IsPasswordShow = ref(false)
|
||
const dictStore = useDictStore()
|
||
// 定义弹出组件元信息
|
||
const dialogFormRef = ref()
|
||
const disabledDate = (time: Date) => {
|
||
return time.getTime() > Date.now()
|
||
}
|
||
|
||
const props = defineProps<{
|
||
visible: boolean;
|
||
}>();
|
||
|
||
const emit = defineEmits<{
|
||
(e: 'update:visible', value: boolean): void;
|
||
(e: 'submit', data: any): void;
|
||
}>();
|
||
|
||
const handleCancel = () => {
|
||
emit('update:visible', false); // 关闭对话框
|
||
};
|
||
</script>
|
||
<style scoped>
|
||
|
||
.data-check-dialog{
|
||
display: flex;
|
||
flex-direction: column;
|
||
width: 100%;
|
||
}
|
||
|
||
.data-check-title{
|
||
display: flex;
|
||
flex-direction: row;
|
||
margin-top: 5px;
|
||
width: 100%;
|
||
}
|
||
|
||
.data-check-content{
|
||
display: flex;
|
||
flex-direction: row;
|
||
width: 100%;
|
||
}
|
||
|
||
.content-right{
|
||
width: 100%;
|
||
}
|
||
|
||
.content-right-title{
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.content-right-Tabs{
|
||
box-sizing: border-box;
|
||
margin-top: 20px;
|
||
margin-bottom: 10px;
|
||
max-height: 400px;
|
||
}
|
||
</style> |