From ba5274e660b3511bf6027915401d2d8ecfeb95c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Thu, 5 Dec 2024 17:47:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=9C=8B=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/assets/board/subheadClick.png  | Bin 0 -> 5294 bytes
 ruoyi-ui/src/assets/board/subheadClick1.png | Bin 0 -> 993 bytes
 ruoyi-ui/src/layout/index2.vue              | 115 ++++-
 ruoyi-ui/src/permission.js                  |   2 +-
 ruoyi-ui/src/router/index.js                |   6 +
 ruoyi-ui/src/views/board/index.vue          |   2 +-
 ruoyi-ui/src/views/board/index2.vue         | 504 ++++++++++++++++++++
 7 files changed, 625 insertions(+), 4 deletions(-)
 create mode 100644 ruoyi-ui/src/assets/board/subheadClick.png
 create mode 100644 ruoyi-ui/src/assets/board/subheadClick1.png
 create mode 100644 ruoyi-ui/src/views/board/index2.vue

diff --git a/ruoyi-ui/src/assets/board/subheadClick.png b/ruoyi-ui/src/assets/board/subheadClick.png
new file mode 100644
index 0000000000000000000000000000000000000000..939f44acee07c8ba4e20a76c8416ac452205f04c
GIT binary patch
literal 5294
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
A%K!iX

literal 0
HcmV?d00001

diff --git a/ruoyi-ui/src/assets/board/subheadClick1.png b/ruoyi-ui/src/assets/board/subheadClick1.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e0d246f64faa71ab772adade0addd1412e83ea7
GIT binary patch
literal 993
zcmV<710MW|P)<h;3K|Lk000e1NJLTq005}~001Kh1^@s6@BS*0000B1Nkl<Zc%1Fr
z`>SVD7{~F~Ib+-gO+zt}TQZbe5=DqYgb=22$z5*aG7SHNyWB|#xi*Mta+yR?G?Gg+
zA|rGngUB#0bF}LDPCCq-+unQa@7e49%lDi*efMXt{hYPe=XsvB2E06c6i&o|Lf3f-
z&tkYu<B)<heIA74aR<K2FRPG&8Mq8Xcob{e@(>2&^G!T~E3j*3O@%!Cid!)g7h;39
zJcq%5{rn#84}p7U)KtjFYTSjta5*+^!?PG1@%wVzjx%szCQXIBqyT*&Ui%BMd2T@?
zgEa9aZp5)TB7>$vev(mn93NsKw#=#M|AI8}Ep7-yRh)l!c>%9Qpw7-U3hN5e#E%iE
zb8z}7e_NQkq##`sul}8K+~sJ2mmJ?M*a{c4$?+8$<sCeXOR;;?7az;)xH|HuDQ`Bv
zEsn3yI3M9|oQwUMy!cpO;XTLq9j?M=HR~$0lg}fUdNK}aO5u3cnQ10{3?IirdRC3P
z3hm{a$o{0v&oND?oQN5E9&bdTZc~G%Li_nXO!dAvweIZCL>>E5Jcp~XW5t>Z{lU+;
z8QbF=Osh-vWYS7+<B@1e*sVfMh5lg`Zo?+H2piU+e6qRE4{#68kEy@VJ^l>WzbYD(
zHm!ODsz}g(7LIQ&4zA$)3jIei)em7sECIKu@(!x1B7GeT>C`}dbVc7;=r2;e|7k44
zbx{DSgeps&$?;tuiQZF6y}z?8i4Omi{n@UHL8!VOpB&#!;rP!k_5RM1Qj|~OO6)S(
zL8v2$dX6tGpfASs8m>`jKkr7BGP(Y}CZo2lneLBp{lC@a_zHc&C(-wDCJvaW;5uK&
zf8)W}*tei+$5-eZRz%YO1ROpQ(RHsGljD0b_D?OW((x7gilM0Y9~!%o$3;`dW-(sH
zHQ2VqS0`B+fw~7y8&B*t>AqjbGvWAlZt%K=_V7!*`nSe;V{M{uIz_ZB)~T1oe^jA+
z{2n`!r$wj#Mx%{Djyz`SN4*ngVgC%*FXSgR(cgz3qKSUS`V{3#wto@R{z*72lZHZG
z*2Hl>%fnR9T$h@h6``T1_opB|E~Ab@K8E9fv~<kVwXs(H54p>hD<e?%#Jp1P?<}w2
z#ps~gVdNmRp|;+0e6z>n_zF{ww_*?7{5b1jEp2H4={dgX;rvH+e1$2=`(dck84vsP
zZm>;VN~y#9Ui=if)b%>P!j$FHXi%CL$2_e)M7K>0gzG=D#9`+d#-e`!!!Dn-Q;uGa
P00000NkvXXu0mjf`4aTV

literal 0
HcmV?d00001

diff --git a/ruoyi-ui/src/layout/index2.vue b/ruoyi-ui/src/layout/index2.vue
index 08e1dcc..d129b24 100644
--- a/ruoyi-ui/src/layout/index2.vue
+++ b/ruoyi-ui/src/layout/index2.vue
@@ -1,6 +1,44 @@
 <template>
   <div>
     <router-view></router-view>
+
+    <div :class="`menu `" style="left: 2%"
+         @click="toLink('index2','1')">
+                <span>
+                    监控主页
+                </span>
+    </div>
+    <div :class="`menu`" style="left: 9%">
+      <el-dropdown trigger="click" @command="dropdownLink">
+                    <span class="el-dropdown-link">
+                        智慧场景 <i class="el-icon-arrow-down el-icon--right"></i>
+                    </span>
+        <el-dropdown-menu slot="dropdown">
+          <div class="topNavScroll"
+               style="max-height: 300px;overflow: auto;background-color: #053563;padding: 0;border: none;">
+
+            <el-dropdown-item command="index1">
+                <span style="color: #f8fefd">
+                  智能巡检
+                </span>
+            </el-dropdown-item>
+            <el-dropdown-item command="index">
+                <span style="color: #f8fefd">
+                  无线测温
+                </span>
+            </el-dropdown-item>
+          </div>
+        </el-dropdown-menu>
+      </el-dropdown>
+    </div>
+
+    <div class="right">
+                <span>
+                    管 理
+                </span>
+    </div>
+    <div class="rightImg" @click="toIndex">
+    </div>
   </div>
 </template>
 
@@ -9,11 +47,84 @@
 export default {
   name: 'BoardIndex',
   data() {
-    return {
-    }
+    return {}
   },
+  methods: {
+    toIndex() {
+      this.$router.replace({path: "/index"});
+    },
+    async dropdownLink(e,) {
+      await this.$router.replace({path: "/board/" + e});
+    },
+    toLink(e, nowMenu) {
+        this.$router.replace({path: "/board/" + e});
+    },
+  }
 }
 </script>
 <style scoped>
 
+
+.el-dropdown-menu {
+  padding: 0 !important;
+  border: none !important;
+}
+
+.topNavScroll::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
+}
+
+.el-dropdown-menu__item:not(.is-disabled):hover span {
+  color: #053563 !important;
+}
+
+/deep/ .el-upload-dragger {
+  width: 100%;
+}
+
+/deep/ .el-upload {
+  width: 100%;
+}
+.menu {
+  background-image: url("~@/assets/board/subheadClick1.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  width: 8vw;
+  height: 1.66vw;
+  top: 5.2%;
+  line-height: 1.66vw;
+  font-size: 0.8vw;
+  color: #d4d4d4;
+  text-align: center;
+}
+
+.menu .el-dropdown {
+  font-size: 0.8vw;
+  color: #d4d4d4;
+}
+.rightImg {
+  transform: rotateX(180deg);
+  background-image: url('~@/assets/board/subheadClick1.png');
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  width: 8vw;
+  height: 1.66vw;
+  top: 5.2%;
+  left: 71%;
+}
+
+.right {
+  position: absolute;
+  width: 8vw;
+  height: 1.66vw;
+  top: 5.2%;
+  left: 71%;
+  line-height: 1.66vw;
+  font-size: 0.8vw;
+  color: #d4d4d4;
+  text-align: center;
+}
 </style>
diff --git a/ruoyi-ui/src/permission.js b/ruoyi-ui/src/permission.js
index c568979..31f226a 100644
--- a/ruoyi-ui/src/permission.js
+++ b/ruoyi-ui/src/permission.js
@@ -8,7 +8,7 @@ import { isRelogin } from '@/utils/request'
 
 NProgress.configure({ showSpinner: false })
 
-const whiteList = ['/login', '/register']
+const whiteList = ['/login', '/register','/board/index','/board/index1','/board/index2']
 
 router.beforeEach((to, from, next) => {
   NProgress.start()
diff --git a/ruoyi-ui/src/router/index.js b/ruoyi-ui/src/router/index.js
index a381c7c..0a71103 100644
--- a/ruoyi-ui/src/router/index.js
+++ b/ruoyi-ui/src/router/index.js
@@ -85,6 +85,12 @@ export const constantRoutes = [
         name: 'Board1',
         meta: { title: '看板2', icon: 'dashboard', affix: true }
       },
+      {
+        path: 'index2',
+        component: () => import('@/views/board/index2'),
+        name: 'Board3',
+        meta: { title: '看板3', icon: 'dashboard', affix: true }
+      },
     ]
   },
   {
diff --git a/ruoyi-ui/src/views/board/index.vue b/ruoyi-ui/src/views/board/index.vue
index 103ea8d..10d9800 100644
--- a/ruoyi-ui/src/views/board/index.vue
+++ b/ruoyi-ui/src/views/board/index.vue
@@ -23,7 +23,7 @@
       <div class="info2" style="top: 57.6%;left: 13%;"><span style="font-size: 2vw;color: #3fb0f2">19 </span> ℃</div>
       <div class="info2" style="top: 57.6%;left: 30.5%;"><span style="font-size: 2vw;color: #f5f5f5">0 </span> ℃</div>
 
-      <div class="span3">当前状态：<span style="color：#eee">巡检中</span></div>
+      <div class="span3">当前状态：<span style="color:#eee">巡检中</span></div>
       <Chart class="chart1" ref="chart1"/>
       <Chart class="chart2" ref="chart2"/>
 
diff --git a/ruoyi-ui/src/views/board/index2.vue b/ruoyi-ui/src/views/board/index2.vue
new file mode 100644
index 0000000..f942dfd
--- /dev/null
+++ b/ruoyi-ui/src/views/board/index2.vue
@@ -0,0 +1,504 @@
+<template>
+  <div>
+    <div class="content">
+      <div class="title">赛轮智慧热电无人巡检系统</div>
+      <div class="subTitle" v-for="i in subTitleList" :style="`top:${i.top}%;left:${i.left}%`">{{ i.name }}</div>
+      <div class="safe">已安全运行 <span style="color: #4667d0;font-size: 1.2vw;padding: 0 0.3vw"> 382 </span> 天</div>
+      <div class="time">{{ parseTime(new Date(), '{y}.{m}.{d} {h}:{i}:{s} 周{a}') }}</div>
+      <div class="span" style="color: #46c9f9;top: 29%;left: 6.8%">智能巡检</div>
+      <div class="span" style="color: #4befb7;top: 29%;left: 15.3%">无线测温</div>
+      <div class="span" style="color: #f3de40;top: 29%;left: 23.7%">动力环境</div>
+      <div class="span1" style="color: #f3de40;top: 32%;left: 6.8%;font-weight: 700">3838</div>
+      <div class="span1" style="color: #f3de40;top: 32%;left: 15.3%;font-weight: 700">3838</div>
+      <div class="span1" style="color: #f3de40;top: 32%;left: 23.7%;font-weight: 700">3838</div>
+      <div class="span2" style="color: #46c9f9;top: 49.7%;left: 9.6%"><span
+        style="font-weight: 600;font-size:1.3vw;">13</span>℃
+      </div>
+      <div class="span2" style="color: #46c9f9;top: 49.7%;left:21.1%"><span
+        style="font-weight: 600;font-size:1.3vw;">30</span>℃
+      </div>
+      <div class="span" style="color: #eee;top: 56%;left: 9.4%">温度</div>
+      <div class="span" style="color: #eee;top: 56%;left: 20.9%">湿度</div>
+      <div class="span" style="color: #eee;top: 62.7%;left: 5.9%;font-size: 1.1vw">照度</div>
+      <div class="span" style="font-size: 0.6vw;color: #eee;top: 64.5%;left: 13%">410-1烟感</div>
+      <div class="span" style="font-size: 0.6vw;color: #eee;top: 64.5%;left:17%">410-2烟感</div>
+      <div class="span" style="font-size: 0.6vw;color: #eee;top: 64.5%;left: 24.8%">水浸</div>
+
+      <div class="span3" style="color: #3597df;top: 30%;left: 50%">设备监控</div>
+      <div class="span" style="color: #3597df;top: 31.2%;    left: 38.7%;">温度</div>
+      <div class="span" style="color: #3597df;top: 47%;left: 34.9%">湿度</div>
+      <div class="span" style="color: #3597df;top: 62.2%;left: 41%">照度</div>
+      <div class="span" style="color: #3597df;top: 31.2%;left: 61.3%">颗粒物</div>
+      <div class="span" style="color: #3597df;top: 47%;left: 65.1%">烟感</div>
+      <div class="span" style="color: #3597df;top: 62.2%;    left: 59%;">噪声</div>
+
+      <div class="icon" style="top:61.8%;left:13%"></div>
+      <div class="icon" style="top:61.8%;left:17%"></div>
+      <div class="icon1" style="top:61.8%;left:24.8%"></div>
+      <Chart ref="chart1" class="chart1"></Chart>
+      <Chart ref="chart2" class="chart2"></Chart>
+
+      <div class="table">
+        <div style="background-color: #1077bc19">
+          <div class="scrollTableItem" style="width:22%;color:#65c2f3;font-weight: bold;">
+            报警开始时间
+          </div>
+          <div class="scrollTableItem" style="width:16%;color:#65c2f3;font-weight: bold;">
+            报警来源
+          </div>
+          <div class="scrollTableItem" style="width:16%;color:#65c2f3;font-weight: bold;">
+            告警等级
+          </div>
+          <div class="scrollTableItem" style="width:16%;color:#65c2f3;font-weight: bold;">
+            报警内容
+          </div>
+          <div class="scrollTableItem" style="width:30%;color:#65c2f3;font-weight: bold;">
+            操作
+          </div>
+        </div>
+        <vue-seamless-scroll
+          :class-option="scrollTableOption"
+          :data="scrollTableData"
+          class="case-item"
+          style="height: calc(100% - 30px);overflow: hidden;"
+        >
+          <div
+            v-for="(item, index) in scrollTableData"
+            :key="index"
+          >
+            <div :style='"background-color:" + ((index % 2 === 0)? "#1077bc19":"#1077bc05") '>
+              <div class="scrollTableItem" style="width:22%;color:#65c2f3;">
+                {{ item.value1 }}
+              </div>
+              <div class="scrollTableItem" style="width:16%;color:#65c2f3;">
+                {{ item.value2 }}
+              </div>
+              <div class="scrollTableItem" style="width:16%;color:#65c2f3;">
+                {{ item.value3 }}
+              </div>
+              <div class="scrollTableItem" style="width:16%;color:#65c2f3;">
+                {{ item.value4 }}
+              </div>
+              <div class="scrollTableItem" style="width:30%;color:#65c2f3;">
+                <el-button type="primary" size="mini">查看</el-button>
+                <el-button type="info" size="mini">处理</el-button>
+              </div>
+            </div>
+          </div>
+        </vue-seamless-scroll>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Chart from '@/components/Charts/Chart'
+import vueSeamlessScroll from 'vue-seamless-scroll'
+
+export default {
+  data() {
+    return {
+      scrollTableOption: {
+        step: 0.5, // 数值越大速度滚动越快
+        limitMoveNum: 5, // 开始无缝滚动的数据量 this.dataList.length
+        hoverStop: true, // 是否开启鼠标悬停stop
+        direction: 1, // 0向下 1向上 2向左 3向右
+        openWatch: true, // 开启数据实时监控刷新dom
+        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
+        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
+        waitTime: 0,
+      },
+      scrollTableData: Array(100).fill('').map(function (i, k) {
+        return {
+          value1: '2222-22-22 22:22:22',
+          value2: '设备1',
+          value3: '1级',
+          value4: '温度过高',
+          value5: '巡检对象名称1',
+          value6: '【一般警告】噪音>60db',
+          value7: '无',
+        }
+      }),
+      subTitleList: [
+        {
+          name: '场景统计',
+          top: 11.2,
+          left: 3
+        },
+        {
+          name: '智能巡检测温曲线',
+          top: 71.2,
+          left: 3
+        },
+        {
+          name: '设备监控',
+          top: 11.2,
+          left: 30.8
+        },
+        {
+          name: '告警信息',
+          top: 49.2,
+          left: 72.8
+        },
+        {
+          name: '告警趋势图',
+          top: 11.2,
+          left: 72.8
+        },
+      ],
+    }
+  },
+  components: {
+    vueSeamlessScroll,
+    Chart
+  },
+  mounted() {
+
+    this.$refs.chart1.setData({
+      grid: {
+        top: 30,
+        left: '2%',
+        right: '5%',
+        bottom: '2%',
+        containLabel: true
+      },
+      legend: {
+        textStyle: {
+          color: '#fff'
+        }
+      },
+
+      tooltip: {
+        trigger: 'axis'
+      },
+      xAxis: {
+        type: 'category',
+        data: ['D01', 'D02', 'D03', 'D04', 'D05', 'D06', 'D07', 'C01', 'C02', 'C03', 'C04', 'C05', 'C06', 'C07'],
+        axisLabel: {
+          margin: 10,
+          color: '#ffffff63'
+        },
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: true,
+          lineStyle: {
+            color: '#ffffff1f'
+          }
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            type: 'dashed',
+            color: '#ffffff1f'
+          }
+        }
+      },
+      yAxis: [
+        {
+          type: 'value',
+          axisLabel: {
+            margin: 10,
+            color: '#ffffff63'
+          },
+
+          axisTick: {
+            show: true,
+            lineStyle: {
+              color: '#ffffff1f'
+            }
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              type: 'dashed',
+              color: '#ffffff1f'
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              color: '#fff',
+              width: 2
+            }
+          }
+        }
+      ],
+      series: [
+        {
+          name: '温度',
+          type: 'line',
+          smooth: true, //是否平滑曲线显示
+          showAllSymbol: true,
+          symbol: 'circle',
+          symbolSize: 6,
+          lineStyle: {
+            normal: {
+              color: '#fff' // 线条颜色
+            }
+          },
+          label: {
+            show: true,
+            position: 'top',
+            textStyle: {
+              color: '#fff'
+            }
+          },
+          itemStyle: {
+            color: 'red',
+            borderColor: '#fff',
+            borderWidth: 3
+          },
+          tooltip: {
+            // show: false,
+          },
+          data: Array(14).fill(0).map(e => {
+            return 30 + parseFloat((Math.random() * 20).toFixed(0))
+          }),
+        },
+      ]
+    })
+    this.$refs.chart2.setData({
+      grid: {
+        top: 30,
+        left: '2%',
+        right: '5%',
+        bottom: '2%',
+        containLabel: true
+      },
+      legend: {
+        textStyle: {
+          color: '#fff'
+        }
+      },
+
+      tooltip: {
+        trigger: 'axis'
+      },
+      xAxis: {
+        type: 'category',
+        data: Array(7).fill(0).map((i, k) => {
+          return '12-0' + (k + 1)
+        }),
+        axisLabel: {
+          margin: 10,
+          color: '#ffffff63'
+        },
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: true,
+          lineStyle: {
+            color: '#ffffff1f'
+          }
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            type: 'dashed',
+            color: '#ffffff1f'
+          }
+        }
+      },
+      yAxis: [
+        {
+          type: 'value',
+          axisLabel: {
+            margin: 10,
+            color: '#ffffff63'
+          },
+
+          axisTick: {
+            show: true,
+            lineStyle: {
+              color: '#ffffff1f'
+            }
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              type: 'dashed',
+              color: '#ffffff1f'
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              color: '#fff',
+              width: 2
+            }
+          }
+        }
+      ],
+      series: [
+        {
+          name: '次数',
+          type: 'line',
+          smooth: true, //是否平滑曲线显示
+          showAllSymbol: true,
+          symbol: 'circle',
+          symbolSize: 6,
+          lineStyle: {
+            normal: {
+              color: '#ff0' // 线条颜色
+            }
+          },
+          label: {
+            show: true,
+            position: 'top',
+            textStyle: {
+              color: '#fff'
+            }
+          },
+          itemStyle: {
+            color: 'red',
+            borderColor: '#fff',
+            borderWidth: 3
+          },
+          tooltip: {
+            // show: false,
+          },
+          data: Array(7).fill(0).map(e => {
+            return 0 + parseFloat((Math.random() * 5).toFixed(0))
+          }),
+        }
+      ]
+    })
+  },
+  methods: {}
+}
+</script>
+<style scoped>
+.content {
+  background-image: url("~@/assets/board/bg2.jpg");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.title {
+  position: absolute;
+  top: 2.8%;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  font-size: 1.5vw;
+  color: #fff;
+  font-weight: 700;
+  letter-spacing: 10px;
+  transform: translateY(-50%);
+}
+
+.subTitle {
+  position: absolute;
+  transform: translateY(-50%);
+  font-size: 0.9vw;
+  color: #fff;
+  letter-spacing: 2px;
+}
+
+.safe {
+  position: absolute;
+  top: 2.4%;
+  right: 2%;
+  transform: translateY(-50%);
+  color: #fff;
+  font-size: 0.7vw;
+}
+
+.time {
+  position: absolute;
+  top: 2.4%;
+  left: 2%;
+  transform: translateY(-50%);
+  color: #fff;
+  font-size: 0.7vw;
+  letter-spacing: 1px;
+}
+
+.span {
+  position: absolute;
+  transform: translate(-50%, -50%);
+  font-size: 0.9vw;
+  letter-spacing: 1px;
+}
+
+.span1 {
+  position: absolute;
+  transform: translate(-50%, -50%);
+  font-size: 1.5vw;
+  font-weight: 700;
+  letter-spacing: 1px;
+}
+
+.span2 {
+  position: absolute;
+  transform: translate(-50%, -50%);
+  font-size: 0.6vw;
+  letter-spacing: 3px;
+}
+
+.span3 {
+  position: absolute;
+  transform: translate(-50%, -50%);
+  font-size: 1.4vw;
+  letter-spacing: 2px;
+}
+
+
+.icon {
+  position: absolute;
+  width: 1.15vw;
+  transform: translate(-50%, -50%);
+  height: 1.35vw;
+  background-image: url("~@/assets/board/icon1.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+
+.icon1 {
+  position: absolute;
+  width: 1.3vw;
+  transform: translate(-50%, -50%);
+  height: 1.2vw;
+  background-image: url("~@/assets/board/icon2.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+
+.chart1 {
+  position: absolute;
+  top: 75.3%;
+  left: 2.3%;
+  width: 67.8%;
+  height: 18.6%;
+}
+
+.chart2 {
+  position: absolute;
+  top: 15.7%;
+  left: 71.7%;
+  width: 26%;
+  height: 28.6%;
+}
+
+.table {
+  position: absolute;
+  top: 51.8%;
+  left: 72%;
+  width: 25.9%;
+  height: 42.4%;
+}
+
+.scrollTableItem {
+  display: inline-block;
+  text-align: center;
+  padding: 14px 0;
+  color: #4e99c5
+}
+
+</style>