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-11-25 21:11:10 +08:00
parent 428c74047b
commit a1d3485ba7
18 changed files with 1225 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -36,7 +36,7 @@
<div class="charts_info">
<pie
:customData="{
title: '检测状态',
title: '设备检测状态',
textAlign: 'right',
}"
:legendData="{
@@ -50,7 +50,7 @@
<div class="charts_info">
<pie
:customData="{
title: '检测结果',
title: '设备检测结果',
textAlign: 'right',
}"
:legendData="{
@@ -64,7 +64,7 @@
<div class="charts_info">
<pie
:customData="{
title: '报告状态',
title: '设备报告状态',
textAlign: 'right',
label: {
normal: {
@@ -251,20 +251,25 @@ const chartsData1: any = ref([]),
chartsData3: any = ref([]);
const getPieData = () => {
chartsData1.value = [
{ value: Math.floor(Math.random() * 100) + 1, name: "未检测" },
{ value: Math.floor(Math.random() * 100) + 1, name: "检测中" },
{ value: Math.floor(Math.random() * 100) + 1, name: "检测完成" },
{ value: Math.floor(Math.random() * 100) + 1, name: "归档" },
{ value: Math.floor(Math.random() * 100) + 1, name: "未检测", itemStyle: { color: '#fac858' } },
{ value: Math.floor(Math.random() * 100) + 1, name: "检测中", itemStyle: { color: '#ee6666' } },
{ value: Math.floor(Math.random() * 100) + 1, name: "检测完成", itemStyle: { color: '#91cc75' } },
{ value: Math.floor(Math.random() * 100) + 1, name: "归档", itemStyle: { color: '#5470c6' } },
];
chartsData2.value = [
{ value: Math.floor(Math.random() * 100) + 1, name: "/" },
{ value: Math.floor(Math.random() * 100) + 1, name: "合格" },
{ value: Math.floor(Math.random() * 100) + 1, name: "不合格" },
{ value: Math.floor(Math.random() * 100) + 1, name: "未检测" , itemStyle: { color: '#fac858' } },
{ value: Math.floor(Math.random() * 100) + 1, name: "全部合格", itemStyle: { color: '#91cc75' } },
{ value: Math.floor(Math.random() * 100) + 1, name: "有不合格项" , itemStyle: { color: '#ee6666' } },
];
// pieRef2.value.init();
chartsData3.value = [
{ value: Math.floor(Math.random() * 100) + 1, name: "已生成报告" },
{ value: Math.floor(Math.random() * 100) + 1, name: "未生成报告" },
// { value: Math.floor(Math.random() * 100) + 1, name: "已生成报告" },
// { value: Math.floor(Math.random() * 100) + 1, name: "未生成报告" },
{ value: Math.floor(Math.random() * 100) + 1, name: "未检测" , itemStyle: { color: '#fac858' } },
{ value: Math.floor(Math.random() * 100) + 1, name: "有不合格项未生成报告" },
{ value: Math.floor(Math.random() * 100) + 1, name: "全部合格未生成报告" },
{ value: Math.floor(Math.random() * 100) + 1, name: "有不合格项已生成报告" },
{ value: Math.floor(Math.random() * 100) + 1, name: "全部合格已生成报告" },
];
// pieRef3.value.init();
pieRef1.value.init();
@@ -498,7 +503,7 @@ onMounted(() => {
.container_table {
// width: 100%;
flex: 1 !important;
height: calc(100vh - 360px - 155px);
height: calc(100vh - 360px - 147px);
border-radius: 4px;
width: 100% !important;
// display: none;