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/specialWorkSystem/specialIndex/index.vue | 25 +++++++++++++++++++++++-- 1 files changed, 23 insertions(+), 2 deletions(-) diff --git a/src/views/specialWorkSystem/specialIndex/index.vue b/src/views/specialWorkSystem/specialIndex/index.vue index 93aa95a..8d16a84 100644 --- a/src/views/specialWorkSystem/specialIndex/index.vue +++ b/src/views/specialWorkSystem/specialIndex/index.vue @@ -16,6 +16,7 @@ </div> <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 class="filter-part filter-part2"> @@ -31,6 +32,7 @@ </el-radio-group> </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"> @@ -50,6 +52,7 @@ </div> <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 class="filter-part filter-part2"> @@ -59,6 +62,7 @@ <div class="chart" :id="zyqs"></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"> @@ -104,6 +108,7 @@ </div> <div> <div class="homeCard"> + <dv-border-box10 v-if="isFull==true" class="item-bg"></dv-border-box10> <el-row> <el-col :span="5" style="display:flex;align-items: center"> <span style="white-space: nowrap">作业类型:</span> @@ -277,6 +282,7 @@ import * as echarts from "echarts"; import screenfull from "screenfull"; import VideoDetail from "/@/views/specialWorkSystem/specialIndex/components/videoDetail.vue"; +import { BorderBox10 as DvBorderBox10 } from '@kjgl77/datav-vue3' // 定义接口来定义对象的类型 interface stateType { @@ -1455,13 +1461,21 @@ .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; @@ -1548,10 +1562,17 @@ .homeCard{ 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; + } .el-row{ &>div{ &>span{ -- Gitblit v1.9.2