From 07699d6d85a8f2458162f201039419d2b189fce8 Mon Sep 17 00:00:00 2001 From: batman <978517621@qq.com> Date: 星期三, 15 三月 2023 11:24:17 +0800 Subject: [PATCH] 新修改添加页面 --- src/views/facilityManagement/facilityIndex/index.vue | 15 ++++++++++++++- 1 files changed, 14 insertions(+), 1 deletions(-) diff --git a/src/views/facilityManagement/facilityIndex/index.vue b/src/views/facilityManagement/facilityIndex/index.vue index 598286f..039e26e 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 { @@ -1105,8 +1111,15 @@ .chart-item{ border-radius: 4px; background: rgba(8, 109, 209, 0.2); - border: 1px solid rgba(54, 252, 252, .6); 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