xiaoguo75131
/
PVDEMCS
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[FEAT]:

Browse Source 
1.将 “检测” 改为 “监测”
2.添加 企业ICON
3.修改 运行、报警、待机三个的颜色
4.饼图下方字体加大加粗
5.首页 报表添加边框以及外阴影
main
liuhr 1 year ago
parent 10f00bb0e8
commit 945a86b444
4 changed files with 40 additions and 12 deletions
Show Stats Download Patch File Download Diff File

BIN
PVDEMCSUI/public/icons/icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 83 KiB

2
PVDEMCSUI/src/layouts/MainLayout.vue
Unescape Escape View File

@ -18,7 +18,7 @@
<!-- <q-icon name="img:statics/icons/wms.png" /> -->
<q-toolbar-title shrink class="text-weight-bold">
<!-- <q-img src="statics/icons/wms.png" width='28px' height='28px' style="margin-top:-5px" /> -->
PVD炉设备运行状态检测
PVD炉设备运行状态监测
</q-toolbar-title>
</q-btn>
<!-- </transition> -->

5
PVDEMCSUI/src/layouts/MainScreenLayout.vue
Unescape Escape View File

@ -18,13 +18,14 @@
</transition> -->
<!-- <q-separator dark vertical inset /> -->
<!-- 項目title -->
<q-img src="public/icons/icon.png" width="120px" />
<q-btn flat no-caps no-wrap class="q-ml-xs q-mr-xs" :to="{ name: 'screen1' }">
<!-- <transition appear enter-active-class="animated zoomIn"> -->
<!-- <q-icon name="img:https://cdn.quasar.dev/logo-v2/svg/logo.svg" /> -->
<!-- <q-icon name="img:statics/icons/wms.png" /> -->
<q-toolbar-title shrink class="text-weight-bold desktop-only">
<!-- <q-img src="statics/icons/wms.png" width='28px' height='28px' style="margin-top:-5px" /> -->
PVD炉设备运行状态检测
PVD炉设备运行状态监测
</q-toolbar-title>
<q-toolbar-title shrink class="text-weight-bold mobile-only">PVD</q-toolbar-title>
</q-btn>

45
PVDEMCSUI/src/pages/screen/screen1/index.vue
Unescape Escape View File

@ -3,12 +3,15 @@
<q-card style="height:100%;width: 100%;">
<q-card-section class="q-pa-sm" style="height:100%;width: 100%;">
<div class="row q-col-gutter-sm" style="height:100%;width: 100%;">
<div :class="Platform.is.android ? 'col-xl-4' : 'col-xl-4 col-lg-4 col-sm-4'">
<div :class="Platform.is.android ? 'col-xl-4' : 'col-xl-4 col-lg-4 col-sm-4'" style="">
<!-- <div class="row"> -->
<!-- 设备运行状态总览 -->
<!-- <div class="col-xl-12 col-lg-12 col-sm-12"> -->
<!-- (Number(Screen.height) - 65)) + 'px' -->
<div ref="equipmentStateViewRef" :style="{
border: '1px solid #d9dadc',
borderRadius: '12px',
boxShadow: '0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f',
width: (Platform.is.android ? '620px' : '100%'),
height: (Platform.is.android ? (screenStore.CurrentAppFullscreen == true ? '980' : '930') : (Number(Screen.height) + 100)) + 'px'
}">
@ -21,6 +24,9 @@
<!-- 月度运行数据 -->
<div :class="Platform.is.android ? 'col-6' : 'col-xl-6 col-lg-6 col-sm-6'">
<div ref="equipmentRecordStateMonthTotalRef" :style="{
border: '1px solid #d9dadc',
borderRadius: '12px',
boxShadow: '0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f',
width: (Platform.is.android ? '625px' : '100%'),
height: (Platform.is.android ? '420' : (Number(Screen.height) / 2 + 50)) + 'px'
}"></div>
@ -28,12 +34,19 @@
<!-- 月度OEE统计 -->
<div :class="Platform.is.android ? 'col-6' : 'col-xl-6 col-lg-6 col-sm-6'">
<div ref="equipmentRecordOEEMonthTotalRef" :style="{
border: '1px solid #d9dadc',
borderRadius: '12px',
boxShadow: '0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f',
width: (Platform.is.android ? '625px' : '100%'),
height: (Platform.is.android ? '420' : (Number(Screen.height) / 2 + 50)) + 'px'
}"></div>
</div>
<!-- 月度开炉次数统计 -->
<div :class="Platform.is.android ? 'col-6' : 'col-xl-6 col-lg-6 col-sm-6'">
<div ref="equipmentRecordFurnaceMonthTotalRef" :style="{
border: '1px solid #d9dadc',
borderRadius: '12px',
boxShadow: '0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f',
width: (Platform.is.android ? '600px' : '100%'),
height: (Platform.is.android ? '470' : (Number(Screen.height) / 2 + 50)) + 'px'
}">
@ -42,7 +55,15 @@
<div :class="Platform.is.android ? 'col-6' : 'col-xl-6 col-lg-6 col-sm-6'">
<!-- <div ref="deviceRef3" style="width: 100%; height: 400px"></div> -->
<div class="row q-col-gutter-sm">
<!-- q-col-gutter-xs -->
<div class="row" :style="{
border: '1px solid #d9dadc',
borderRadius: '12px',
boxShadow: '0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f',
margin: '0px',
width: (Platform.is.android ? '600px' : '100%'),
height: (Platform.is.android ? '470' : (Number(Screen.height) / 2 + 50)) + 'px'
}">
<!-- <div class="col-xl-12 col-lg-12 col-sm-12">
<div :style="'width: 100%; height:' + (Number(Screen.height) / 2 - 100) + 'px'">
<div class="col-xl-12 col-lg-12 col-sm-12">
@ -61,7 +82,9 @@
</div> -->
<div class="col-xl-12 col-lg-12 col-sm-12">
<div class="col-xl-12 col-lg-12 col-sm-12">
<div class="text-weight-bold" style="font-size:18px;color: #464646;">当前报警发生设备
<div class="text-weight-bold"
style="margin-top:1px;margin-left:px;font-size:18px;color: #464646;">
当前报警发生设备
</div>
</div>
<div class="col-xl-12 col-lg-12 col-sm-12" align="center">
@ -256,7 +279,7 @@ const EquipmentStateView = () => {
let equipmentStateViewOption = {
color: ['#58a65b', '#9e9e9e', '#ff9800'], //绿 灰 橙
color: ['#02ad42', '#7b6a74', '#f60c0f'], //绿 灰 红色 --- 原颜色：橙 ff9800
title: [
{
text: '设备运行状态总览',
@ -269,7 +292,8 @@ const EquipmentStateView = () => {
textAlign: 'center',
subtextStyle: {
color: '#000',
fontSize: 15
fontSize: 18,
fontWeight: 'bold'
}
},
{
@ -279,7 +303,8 @@ const EquipmentStateView = () => {
textAlign: 'center',
subtextStyle: {
color: '#000',
fontSize: 15
fontSize: 18,
fontWeight: 'bold'
}
},
{
@ -289,7 +314,8 @@ const EquipmentStateView = () => {
textAlign: 'center',
subtextStyle: {
color: '#000',
fontSize: 15
fontSize: 18,
fontWeight: 'bold'
}
},
{
@ -299,7 +325,8 @@ const EquipmentStateView = () => {
textAlign: 'center',
subtextStyle: {
color: '#000',
fontSize: 15
fontSize: 18,
fontWeight: 'bold'
}
}
],
@ -464,7 +491,7 @@ const EquipmentRecordStateMonthTotal = () => {
// borderWidth: 1,
// borderColor: '#ccc'
},
color: ['#58a65b', '#9e9e9e', '#ff9800'], // 绿 橙 灰
color: ['#02ad42', '#7b6a74', '#f60c0f'], //绿 灰 红色 --- 原颜色：橙 ff9800
tooltip: {
enable: true,
show: true,

Write Preview
Loading…
Cancel
Save