新修改添加页面

batman

2023-03-15 07699d6d85a8f2458162f201039419d2b189fce8

新修改添加页面

 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;

 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;
    }

 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{