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:
GYYM
2024-12-03 17:13:47 +08:00
parent a91367a16e
commit 33004e081d
7 changed files with 48 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/views/home/components/dataCheckChangeErrSysPopup.vue
View File

@@ -47,7 +47,7 @@
<div class="change-errsys-content">
<div class="tabs-title">
<el-button type="primary" loading v-if="activeIndex > 0 && activeIndex < activeTotalNum">合格92项/共103项</el-button>
<el-button type="primary" v-if="activeIndex >= activeTotalNum">合格92项/共103项</el-button>
<el-button type="primary" v-if="activeIndex >= activeTotalNum" disabled>合格92项/共103项</el-button>
</div>
<div class="dialog-content">
<el-table :data="tableData" row-key="id" height="545px" :header-cell-style="{ background: '#003078', color: '#eee', textAlign: 'center' } " style="width: 100%" border>
@@ -232,7 +232,7 @@ const reportDisabled = ref(true)
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 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",
@@ -302,6 +302,7 @@ const props = defineProps<{
const handleCancel = () => {
emit('update:visible', false); // 关闭对话框
//clearInterval(timer.value);
reportDisabled.value = true;
activeIndex.value = 0;
tableData.value.length = 0;
tableData.value = JSON.parse(JSON.stringify(operatorTableData.value));

6
frontend/src/views/home/components/dataCheckPopup.vue
View File

@@ -26,7 +26,7 @@
<el-input v-model='deviceName' :disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label='复检次数:'>
<el-select v-model="reCheckIdx">
<el-option
@@ -37,7 +37,7 @@
/>
</el-select>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label='通道号:'>
<el-select v-model="monitorIdx">
@@ -123,7 +123,7 @@ const deviceName = ref('被检设备1');
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 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",

1
frontend/src/views/home/components/dataCheckResultTable.vue
View File

@@ -1,6 +1,7 @@
<template>
<div class="table-container">
<el-table :data="tableData" max-height="300" :header-cell-style="{ textAlign: 'center' } " :cell-style="{ textAlign: 'center' }" style="width: 100%" >
<el-table-column prop="id" label="序号" width="70" />

2
frontend/src/views/home/components/dataCheckSingleChannelSingleTestPopup.vue
View File

@@ -66,7 +66,7 @@ const deviceName = ref('被检设备1');
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 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",

6
frontend/src/views/home/components/reportPopup.vue
View File

@@ -47,7 +47,7 @@
</el-table-column>
<el-table-column prop="action" label="操作" width="100">
<template #default="scope">
<el-button type='primary' link :icon='View' :disabled="scope.row.processValue < 100">查看</el-button>
<el-button type='primary' link :icon='Download' :disabled="scope.row.processValue < 100">下载</el-button>
</template>
</el-table-column>
</el-table>
@@ -69,7 +69,7 @@ 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,View } from '@element-plus/icons-vue'
import { CirclePlus, Delete, Download,View } from '@element-plus/icons-vue'
@@ -78,7 +78,7 @@ import { CirclePlus, Delete, EditPen,View } from '@element-plus/icons-vue'
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 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 reportData = ref([
{ id: '1', deviceName: '被检设备1', processValue: '100' , action:'查看' },

11
frontend/src/views/home/components/timeTest.vue
View File

@@ -2,7 +2,14 @@
<div>
<div class = "test-dialog">
<div class="dialog-left">
<el-timeline style="max-width: 600px">
<el-steps direction="vertical" :active="activeIndex" :process-status="currentStepStatus" finish-status="success">
<el-step title="开始检测" description="2018-04-12 20:46"/>
<el-step title="GPS完成上送" description="2018-04-12 20:46"/>
<el-step title="设备开始上送时刻" description="2018-04-12 20:46"/>
<el-step title="设备最晚上送时刻" description="2018-04-12 20:46"/>
<el-step title="检测完成" description="2018-04-12 20:46"/>
</el-steps>
<!-- <el-timeline style="max-width: 600px">
<el-timeline-item
v-for="(activity, index) in activities"
:key="index"
@@ -15,7 +22,7 @@
>
{{ activity.content }}
</el-timeline-item>
</el-timeline>
</el-timeline> -->
</div>
<div class="dialog-right">
<div class="right-title">

32
frontend/src/views/home/tabs/dashboard.vue
View File

@@ -33,7 +33,7 @@
<el-collapse-item title="&nbsp&nbsp&nbsp&nbsp检测进度展示：" name="1">
<!-- 饼图 -->
<div class="container_charts">
<div class="charts_info">
<div class="charts_info" ref="chartsInfoRef">
<pie
:customData="{
title: '设备检测状态',
@@ -112,6 +112,8 @@ import Table from "../components/table.vue";
import { data } from "@/api/plan/static.json";
import deviceDataList from '@/api/device/device/deviceData'
const chartsInfoRef = ref<HTMLElement | null>(null);
const chartsWidth = ref<number>(0);
const deviceData = deviceDataList.plan_devicedata
const treeRef = ref();
const form: any = ref({
@@ -278,9 +280,9 @@ const getPieData = () => {
pieRef1.value.init();
pieRef2.value.init();
pieRef3.value.init();
pieRef1.value.reSize(470,145,true);
pieRef2.value.reSize(470,145,true);
pieRef3.value.reSize(470,145,true);
// pieRef1.value.reSize(470,145,true);
// pieRef2.value.reSize(470,145,true);
// pieRef3.value.reSize(470,145,true);
};
const getTree = () => {
treeRef.value.getTreeData(data);
@@ -342,11 +344,33 @@ const handleCheckFunction = (val: any) => {
form.value.activeTabs = val;
};
const resizeObserver = new ResizeObserver(entries => {
for (let entry of entries) {
chartsWidth.value = entry.contentRect.width;
console.log('Charts Info Width:', chartsWidth.value);
pieRef1.value.reSize(chartsWidth.value * 0.95,145,true);
pieRef2.value.reSize(chartsWidth.value * 0.95,145,true);
pieRef3.value.reSize(chartsWidth.value * 0.95,145,true);
}
});
onMounted(() => {
// console.log();
if (chartsInfoRef.value) {
resizeObserver.observe(chartsInfoRef.value);
}
getTree();
getPieData();
});
onUnmounted(() => {
if (chartsInfoRef.value) {
resizeObserver.unobserve(chartsInfoRef.value);
}
});
</script>
<style lang="scss" scoped>
.static {