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/intellectInspect/inspectIndex/index.vue | 23 +++++++++++++++++++++--
1 files changed, 21 insertions(+), 2 deletions(-)
diff --git a/src/views/intellectInspect/inspectIndex/index.vue b/src/views/intellectInspect/inspectIndex/index.vue
index be79359..2e576ad 100644
--- a/src/views/intellectInspect/inspectIndex/index.vue
+++ b/src/views/intellectInspect/inspectIndex/index.vue
@@ -17,12 +17,14 @@
<div style="height: 100%">
<div class="topChart">
<div class="chart-item">
+ <dv-border-box10 v-if="isFull==true" class="item-bg"></dv-border-box10>
<div class="chart-tit">
<span class="tit">年度巡检异常趋势</span>
</div>
<div class="chart" :id="xjLine"></div>
</div>
<div class="chart-item">
+ <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">
@@ -45,6 +47,7 @@
</div>
</div>
<div class="midChart">
+ <dv-border-box10 v-if="isFull==true" class="item-bg"></dv-border-box10>
<div class="chart-item">
<div class="chart-tit">
<div style="display: flex;align-items: center">
@@ -106,6 +109,7 @@
</div>
</div>
<div class="midChart">
+ <dv-border-box10 v-if="isFull==true" class="item-bg"></dv-border-box10>
<div class="chart-item">
<div class="chart-tit">
<span class="tit">巡检异常清单</span>
@@ -211,6 +215,7 @@
import unusualList from './components/unusualList.vue';
import { departmentApi } from '/@/api/systemManage/department';
import screenfull from "screenfull";
+import { BorderBox10 as DvBorderBox10 } from '@kjgl77/datav-vue3'
// 定义接口来定义对象的类型
interface stateType {
tableData: Array<string>;
@@ -972,13 +977,20 @@
.chart-item{
border-radius: 4px;
background: rgba(8, 109, 209, 0.2);
- border: 1px solid rgba(54, 252, 252, .6);
backdrop-filter: blur(5px);
position: relative;
z-index: 2;
&:last-of-type{
position: relative;
z-index: 1;
+ }
+ .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;
@@ -1061,10 +1073,17 @@
.midChart{
border-radius: 4px;
background: rgba(8, 109, 209, 0.2);
- border: 1px solid rgba(54, 252, 252, .6);
backdrop-filter: blur(5px);
position: relative;
z-index: 3;
+ .item-bg {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ }
.tit{
color: #11FEEE;
}
--
Gitblit v1.9.2