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

[FEAT]:

Browse Source 
1.添加全局 q-tooltip 样式
2.运行报表添加 查询一 查询二选择
3.主页图例样式添加数值显示
4.删除设备运行时间统计图例
main
liuhr 2 years ago
parent 4aa81d2335
commit 5ef4f310ac
1 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File

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

@ -22,8 +22,18 @@
<div class="col-xl-4 col-lg-4 col-sm-12">
<div class="row q-col-gutter-md ">
<div class="col-xl-12 col-lg-12 col-sm-12">
<div ref="deviceRef4"
:style="'width: 100%; height:' + (Number(Screen.height) / 2 - 100) + 'px'">
<div :style="'width: 100%; height:' + (Number(Screen.height) / 2 - 100) + 'px'">
<div class="col-xl-12 col-lg-12 col-sm-12">
<div class="text-weight-bold q-pb-md" style="font-size:18px;color: #464646;">设备正常运行率
</div>
</div>
<div class="col-xl-12 col-lg-12 col-sm-12" align="center">
<q-circular-progress show-value font-size="50px" :value="66" size="270px"
:thickness="0.34" color="blue" track-color="grey-3"
class="q-ml-md q-mr-md q-mb-md q-mt-xs text-weight-bold">
66%
</q-circular-progress>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-sm-12">
@ -33,29 +43,18 @@
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-sm-12 q-pt-lg" align="center">
<div class="col-xl-4 col-lg-4 col-sm-12">
<!-- <div ref="deviceRef3" style="width: 100%; height: 400px"></div> -->
<div class="row q-col-gutter-md ">
<div class="col-xl-12 col-lg-12 col-sm-12">
<div class="text-h6 text-weight-bold q-pb-xs" style="color: #464646;">设备正常运行率</div>
<div class="text-weight-bold" style="font-size:18px;color: #464646;">当前报警发生设备</div>
</div>
<div class="col-xl-12 col-lg-12 col-sm-12">
<q-circular-progress show-value font-size="50px" :value="66" size="250px" :thickness="0.35"
color="blue" track-color="grey-3"
class="q-ml-md q-mr-md q-mb-md q-mt-xs text-weight-bold">
66%
</q-circular-progress>
</div>
</div>
<div class="row q-col-gutter-md ">
<div class="col-xl-12 col-lg-12 col-sm-12">
<div class="text-h6 text-weight-bold q-pt-lg" style="color: #464646;">当前报警发生设备</div>
</div>
<div class="col-xl-12 col-lg-12 col-sm-12">
<div class="col-xl-12 col-lg-12 col-sm-12" align="center">
<!-- 545 -->
<q-table class="my-sticky-header-column-table" :rows="list" row-key="id" separator="cell"
:loading="loading" :columns="columns"
:table-style="{ height: Number(Screen.height) - 545 + 'px' }" flat bordered
:rows-per-page-options="[10, 20, 50, 100]">
:table-style="{ height: Number(Screen.height) - 190 + 'px' }" flat bordered
:rows-per-page-options="[20, 50, 100]">
<template v-slot:body="props">
<q-tr :props="props" class="tr_hover">
<q-td style="font-size: 14px;" key="index" :props="props">{{ props.rowIndex + 1

Write Preview
Loading…
Cancel
Save