From b6cacf34f55a6d53e3019ff0c886ff3a2335c066 Mon Sep 17 00:00:00 2001
From: batman <978517621@qq.com>
Date: 星期四, 16 三月 2023 10:30:55 +0800
Subject: [PATCH] 新修改添加页面
---
src/views/facilityManagement/facilityIndex/index.vue | 17 +++++++++++++++--
1 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/src/views/facilityManagement/facilityIndex/index.vue b/src/views/facilityManagement/facilityIndex/index.vue
index 598286f..bad1aac 100644
--- a/src/views/facilityManagement/facilityIndex/index.vue
+++ b/src/views/facilityManagement/facilityIndex/index.vue
@@ -16,6 +16,7 @@
</div>
<div class="topChart">
<div class="chart-item" :class="zin==1?'upItem':''">
+ <dv-border-box10 v-if="isFull==true" class="item-bg"></dv-border-box10>
<div class="chart-tit">
<span class="tit">当前时间设备状态</span>
<div class="filter-part filter-part2">
@@ -25,6 +26,7 @@
<div class="chart" :id="sbzt"></div>
</div>
<div class="chart-item" :class="zin==2?'upItem':''">
+ <dv-border-box10 v-if="isFull==true" class="item-bg"></dv-border-box10>
<div class="chart-tit">
<span class="tit">设备异常趋势</span>
<div class="filter-part filter-part2">
@@ -34,6 +36,7 @@
<div class="chart" :id="ycqs"></div>
</div>
<div class="chart-item" :class="zin==3?'upItem':''">
+ <dv-border-box10 v-if="isFull==true" class="item-bg"></dv-border-box10>
<div class="chart-tit">
<span class="tit">关联作业排行</span>
<div class="filter-part filter-part3">
@@ -68,6 +71,7 @@
</div>
<div class="topChart">
<div class="chart-item chart-item2" :class="zin==4?'upItem':''">
+ <dv-border-box10 v-if="isFull==true" class="item-bg"></dv-border-box10>
<div class="chart-tit">
<span class="tit">关联作业趋势图</span>
<div class="filter-part filter-part2">
@@ -93,6 +97,7 @@
</div>
</div>
<div class="chart-item chart-item2" :class="zin==5?'upItem':''">
+ <dv-border-box10 v-if="isFull==true" class="item-bg"></dv-border-box10>
<div class="chart-tit">
<span class="tit">其他数据分析</span>
<div class="filter-part filter-part2">
@@ -126,6 +131,7 @@
import axios from 'axios';
import * as echarts from "echarts";
import screenfull from "screenfull";
+import { BorderBox10 as DvBorderBox10 } from '@kjgl77/datav-vue3'
// 定义接口来定义对象的类型
interface stateType {
@@ -1104,9 +1110,16 @@
.topChart{
.chart-item{
border-radius: 4px;
- background: rgba(8, 109, 209, 0.2);
- border: 1px solid rgba(54, 252, 252, .6);
+ background: rgba(0, 61, 121, 0.2);
backdrop-filter: blur(5px);
+ .item-bg{
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ }
.el-radio.is-bordered.is-checked{
border-color: #11FEEE !important;
--
Gitblit v1.9.2