diff --git a/ruoyi-ui/src/api/board/GPS.js b/ruoyi-ui/src/api/board/GPS.js
new file mode 100644
index 0000000..e69de29
diff --git a/ruoyi-ui/src/api/board/equipmentMonitoring.js b/ruoyi-ui/src/api/board/equipmentMonitoring.js
new file mode 100644
index 0000000..19a549c
--- /dev/null
+++ b/ruoyi-ui/src/api/board/equipmentMonitoring.js
@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+// 查询定时任务调度列表
+export function listJob(query) {
+  return request({
+    url: '/schedule/job/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 新增定时任务调度
+export function addJob(data) {
+  return request({
+    url: '/schedule/job',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/ruoyi-ui/src/api/board/index.js b/ruoyi-ui/src/api/board/index.js
new file mode 100644
index 0000000..8ea2845
--- /dev/null
+++ b/ruoyi-ui/src/api/board/index.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+// 查询定时任务调度列表
+export function monitorUnitPercentage(query) {
+  return request({
+    url: '/business/monitorUnit/monitorUnitPercentage',
+    method: 'get',
+  })
+}
diff --git a/ruoyi-ui/src/api/board/senso.js b/ruoyi-ui/src/api/board/senso.js
new file mode 100644
index 0000000..e69de29
diff --git a/ruoyi-ui/src/api/board/smartScene.js b/ruoyi-ui/src/api/board/smartScene.js
new file mode 100644
index 0000000..e69de29
diff --git a/ruoyi-ui/src/assets/board/equipment/bg.jpg b/ruoyi-ui/src/assets/board/equipment/bg.jpg
new file mode 100644
index 0000000..a257795
Binary files /dev/null and b/ruoyi-ui/src/assets/board/equipment/bg.jpg differ
diff --git a/ruoyi-ui/src/assets/board/equipment/icon.png b/ruoyi-ui/src/assets/board/equipment/icon.png
new file mode 100644
index 0000000..5de951d
Binary files /dev/null and b/ruoyi-ui/src/assets/board/equipment/icon.png differ
diff --git a/ruoyi-ui/src/assets/board/equipment/iconBg.png b/ruoyi-ui/src/assets/board/equipment/iconBg.png
new file mode 100644
index 0000000..987361f
Binary files /dev/null and b/ruoyi-ui/src/assets/board/equipment/iconBg.png differ
diff --git a/ruoyi-ui/src/assets/board/equipment/item.png b/ruoyi-ui/src/assets/board/equipment/item.png
new file mode 100644
index 0000000..f49cca2
Binary files /dev/null and b/ruoyi-ui/src/assets/board/equipment/item.png differ
diff --git a/ruoyi-ui/src/assets/board/equipment/right.png b/ruoyi-ui/src/assets/board/equipment/right.png
new file mode 100644
index 0000000..56ad201
Binary files /dev/null and b/ruoyi-ui/src/assets/board/equipment/right.png differ
diff --git a/ruoyi-ui/src/assets/board/equipmentMonitoring/bg.jpg b/ruoyi-ui/src/assets/board/equipmentMonitoring/bg.jpg
new file mode 100644
index 0000000..b49a5de
Binary files /dev/null and b/ruoyi-ui/src/assets/board/equipmentMonitoring/bg.jpg differ
diff --git a/ruoyi-ui/src/assets/board/equipmentMonitoring/item.png b/ruoyi-ui/src/assets/board/equipmentMonitoring/item.png
new file mode 100644
index 0000000..f715f75
Binary files /dev/null and b/ruoyi-ui/src/assets/board/equipmentMonitoring/item.png differ
diff --git a/ruoyi-ui/src/router/index.js b/ruoyi-ui/src/router/index.js
index 248170e..23b0508 100644
--- a/ruoyi-ui/src/router/index.js
+++ b/ruoyi-ui/src/router/index.js
@@ -119,6 +119,12 @@ export const constantRoutes = [
     name: 'Index',
     meta: { title: '5', icon: 'dashboard', affix: true }
   },
+  {
+    path: '/board6',
+    component: () => import('@/views/board/equipment'),
+    name: 'Index',
+    meta: { title: '5', icon: 'dashboard', affix: true }
+  },
 ]
 
 // 动态路由，基于用户权限动态去加载
diff --git a/ruoyi-ui/src/views/board/equipment/index.vue b/ruoyi-ui/src/views/board/equipment/index.vue
new file mode 100644
index 0000000..e3f9ad1
--- /dev/null
+++ b/ruoyi-ui/src/views/board/equipment/index.vue
@@ -0,0 +1,405 @@
+<template>
+  <div class="container">
+    <div class="centerImg"></div>
+    <BoardTopNav nowMenu="3"></BoardTopNav>
+    <div class="title">福建省电力公司</div>
+    <div class="tree">
+
+      <el-tree
+        :data="treeData"
+        accordion
+        node-key="id">
+      <span slot-scope="{ node, data }" class="custom-tree-node">
+        <span>{{ node.label }}</span>
+      </span>
+      </el-tree>
+    </div>
+    <div class="equipmentInfo">
+      <p>
+        <span>设备编码：</span>
+        <span style="color: #d9dee3">王秀1#变</span>
+      </p>
+      <p>
+        <span>设备编码：</span>
+        <span style="color: #d9dee3">王秀1#变</span>
+      </p>
+      <p>
+        <span>设备编码：</span>
+        <span style="color: #d9dee3">王秀1#变</span>
+      </p>
+      <p>
+        <span>设备编码：</span>
+        <span style="color: #d9dee3">王秀1#变</span>
+      </p>
+    </div>
+    <div class="img"></div>
+    <div class="terminal">
+      <el-form :model="form" class="demo-form-inline">
+        <el-form-item label="传感器名称：">
+          <el-input v-model="form.data1" placeholder="传感器名称" style="width:calc(100% - 100px)"></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="terminalList">
+        <div v-for="i in 10" class="item">
+          <div class="icon"></div>
+          <div class="title">车间-阀门</div>
+          <div class="switch">
+            <el-switch
+              v-model="data1"
+              active-color="#1165a1"
+              inactive-color="#1facf4">
+            </el-switch>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="right">
+      <div v-for="i in 10" class="item">
+        <div class="iconBg"></div>
+        <div class="icon"></div>
+        <div class="rightBg">
+          <div class="title">大厅-温度</div>
+          <div style="position: absolute;left: 24%;top: 0px;width: 75%;height: 100%;">
+            <div v-for="i in 3" class="infoItem">
+              <div class="span">温度:</div>
+              <div class="spanBg"></div>
+              <div class="num">47.5℃</div>
+            </div>
+          </div>
+          <div class="btn">
+            <div class="btnC" style="bottom: 55%">
+              <el-button type="primary">详细信息</el-button>
+            </div>
+            <div class="btnC" style="top: 55%">
+              <el-button type="primary">关联关系</el-button>
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import BoardTopNav from '@/components/BoardTopNav'
+
+export default {
+  components: {
+    BoardTopNav
+  },
+  data() {
+    return {
+      data1: true,
+      form: {
+        data1: '1'
+      },
+      treeData: [
+        {
+          id: 1,
+          label: '变压器1',
+          children: [
+            {
+              id: 11,
+              label: '点1',
+            },
+            {
+              id: 12,
+              label: '点2',
+            },
+            {
+              id: 13,
+              label: '点3',
+              children: [
+                {
+                  id: 131,
+                  label: '点1',
+                },
+                {
+                  id: 132,
+                  label: '点2',
+                },
+                {
+                  id: 133,
+                  label: '点3',
+                },
+              ]
+            },
+          ]
+        },
+        {
+          id: 2,
+          label: '变压器1',
+          children: [
+            {
+              id: 21,
+              label: '点1',
+            },
+            {
+              id: 22,
+              label: '点2',
+            },
+            {
+              id: 23,
+              label: '点3',
+            },
+          ]
+        },
+      ]
+    }
+  },
+  mounted() {
+  },
+  methods: {}
+};
+</script>
+<style lang="less" scoped>
+.container {
+  background-image: url("~@/assets/board/equipment/bg.jpg");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  width: 100%;
+  height: calc(100vh);
+  position: relative;
+}
+
+.title {
+  position: absolute;
+  top: 12.9%;
+  left: 6%;
+  font-size: 0.9vw;
+  color: #d9dee3;
+}
+
+.tree {
+  position: absolute;
+  top: 18.9%;
+  left: 2%;
+  width: 13%;
+  height: 78%;
+
+  /deep/ .el-tree {
+    background-color: #0000;
+    color: #d9dee3;
+  }
+
+  /deep/ .el-tree-node__content:hover {
+    background-color: #0d5e93;
+  }
+
+  /deep/ .el-tree-node__content {
+    height: 40px;
+    border-bottom: 1px solid #fff2;
+  }
+
+  /deep/ .is-current {
+    background-color: #0d5e93;
+  }
+
+  /deep/ .custom-tree-node {
+    padding-left: 8px;
+  }
+}
+
+.equipmentInfo {
+  position: absolute;
+  top: 11.6%;
+  left: 17.2%;
+  width: 16%;
+  height: 20%;
+  color: #1684c2;
+  padding: 2vh 0 0 1vw;
+
+  p {
+    margin: 0;
+    line-height: 4vh;
+    font-size: 0.9vw;
+  }
+}
+
+.img {
+  background-image: url("~@/assets/board/equipment/icon.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 11.5%;
+  left: 33.7%;
+  width: 12%;
+  height: 20.4%;
+}
+
+.terminal {
+  position: absolute;
+  top: 35.6%;
+  left: 17.2%;
+  width: 28%;
+  height: 61%;
+  padding-top: 14px;
+
+  /deep/ .el-form-item__label {
+    color: #25bffc !important;
+    font-weight: normal;
+  }
+
+  /deep/ .el-input__inner {
+    background-color: #0000;
+    border-color: #25bffc;
+  }
+
+  .terminalList::-webkit-scrollbar {
+    width: 0;
+  }
+
+  .terminalList {
+    position: absolute;
+    top: 12%;
+    left: 0%;
+    width: 100%;
+    height: 85%;
+    overflow: auto;
+
+    ::-webkit-scrollbar {
+      width: 0;
+    }
+
+    .item {
+      background-image: url("~@/assets/board/equipment/item.png");
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      position: relative;
+      width: 100%;
+      height: 7vw;
+      margin-top: 12px;
+
+      .icon {
+        background-image: url("~@/assets/board/equipment/icon.png");
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        position: absolute;
+        top: 13%;
+        left: 3.3%;
+        width: 19.5%;
+        height: 73%;
+      }
+
+      .title {
+        position: absolute;
+        top: 50%;
+        left: 30%;
+        transform: translateY(-50%);
+        font-size: 1vw;
+        color: #1facf4;
+      }
+
+      .switch {
+        position: absolute;
+        top: 50%;
+        right: 5%;
+        transform: translateY(-50%);
+      }
+    }
+  }
+}
+
+.right::-webkit-scrollbar {
+  width: 0;
+}
+
+.right {
+  position: absolute;
+  top: 16%;
+  left: 48%;
+  width: 50%;
+  height: 80%;
+  overflow: auto;
+
+  .item {
+    position: relative;
+    width: 100%;
+    margin-bottom: 12px;
+    height: 18vh;
+    padding: 1vh 0;
+
+    .iconBg {
+      background-image: url("~@/assets/board/equipment/iconBg.png");
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      position: absolute;
+      top: 16%;
+      left: 5%;
+      width: 16vh;
+      height: 16vh;
+    }
+
+    .rightBg {
+      background-image: url("~@/assets/board/equipment/right.png");
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      position: absolute;
+      top: 16%;
+      left: calc(10% + 16vh);
+      width: calc(90% - 16vh);;
+      height: 16vh;
+
+      .title {
+        position: absolute;
+        top: 50%;
+        left: 12%;
+        color: #1facf4;
+        transform: translate(-50%, -50%);
+        font-size: 1vw;
+      }
+
+      .infoItem {
+        display: inline-block;
+        position: relative;
+        width: 6vw;
+        height: 100%;
+
+        .spanBg {
+          //background-image: url("~@/assets/board/equipment/icon.png");
+          background-repeat: no-repeat;
+          background-size: 100% 100%;
+          position: absolute;
+          bottom: 55%;
+          left: 12%;
+          width: 2vw;
+          height: 0.8vw;
+
+        }
+
+        .span {
+          position: absolute;
+          bottom: 55%;
+          left: 12%;
+          color: #f4f4f4;
+          font-size: 0.5vw;
+        }
+
+        .num {
+          position: absolute;
+          top: 55%;
+          left: 12%;
+          color: #f4f4f4;
+          font-size: 0.5vw;
+        }
+      }
+
+      .btn {
+        position: absolute;
+        top: 0%;
+        right: 5%;
+        width: 6vw;
+        height: 100%;
+      }
+
+      .btnC {
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+      }
+    }
+  }
+}
+</style>
diff --git a/ruoyi-ui/src/views/board/equipmentMonitoring/index.vue b/ruoyi-ui/src/views/board/equipmentMonitoring/index.vue
index 127c182..db93726 100644
--- a/ruoyi-ui/src/views/board/equipmentMonitoring/index.vue
+++ b/ruoyi-ui/src/views/board/equipmentMonitoring/index.vue
@@ -2,6 +2,84 @@
   <div class="container">
     <div class="centerImg"></div>
     <BoardTopNav nowMenu="3"></BoardTopNav>
+    <div class="leftMenu">
+      <div v-for="i in 10" class="item">
+        <span>温度传感器</span>
+      </div>
+    </div>
+    <div ref="right" class="right">
+      <div ref="search" class="search">
+        <el-form :inline="true" :model="form" class="demo-form-inline">
+          <el-form-item label="传感器编号">
+            <el-input v-model="form.data1" placeholder="传感器编号"></el-input>
+          </el-form-item>
+          <el-form-item label="传感器名称">
+            <el-input v-model="form.data2" placeholder="传感器名称"></el-input>
+          </el-form-item>
+          <el-form-item label="采集时间">
+            <el-date-picker
+              v-model="form.data3"
+              placeholder="选择日期时间"
+              type="datetime">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="onSubmit">查询</el-button>
+            <el-button @click="onSubmit">重置</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div :style="{height:maxHeight+'px'}" class="table">
+        <el-table
+          v-if='tableShow'
+          :cell-style="setStyle"
+          :data="tableData"
+          :header-cell-style="{ textAlign: 'center',backgroundColor:'#0a457d' }"
+          :max-height="maxHeight">
+          style="width: 100%">
+          <el-table-column
+            label="序号"
+            prop="data1">
+          </el-table-column>
+          <el-table-column
+            label="传感器ID"
+            prop="data2">
+          </el-table-column>
+          <el-table-column
+            label="传感器名称"
+            prop="data3">
+          </el-table-column>
+          <el-table-column
+            label="标号"
+            prop="data4">
+          </el-table-column>
+          <el-table-column
+            label="温度"
+            prop="data4">
+          </el-table-column>
+          <el-table-column
+            label="排名"
+            prop="data6">
+          </el-table-column>
+          <el-table-column
+            label="湿度"
+            prop="data7">
+          </el-table-column>
+          <el-table-column
+            label="压力"
+            prop="data8">
+          </el-table-column>
+          <el-table-column
+            label="传感器"
+            prop="data9">
+          </el-table-column>
+        </el-table>
+      </div>
+      <div ref="pagination" style="margin-top: 12px;height: 36px;">
+        <el-pagination :total="1000" background layout="prev, pager, next" style="display: inline-block;float:right;">
+        </el-pagination>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -15,21 +93,469 @@ export default {
   },
   data() {
     return {
+      tableShow: false,
+      form: {
+        data1: '',
+        data2: '',
+        data3: null
+      },
+      maxHeight: 0,
+      tableData: [
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+        {
+          data1: 'data1',
+          data2: 'data2',
+          data3: 'data3',
+          data4: 'data4',
+          data5: 'data5',
+          data6: 'data6',
+          data7: 'data7',
+          data8: 'data8',
+          data9: 'data9',
+        },
+      ]
     }
   },
   mounted() {
+    this.maxHeight = this.$refs.right.clientHeight - this.$refs.search.clientHeight - this.$refs.pagination.clientHeight - 12
+    this.tableShow = true
   },
   methods: {
+    setStyle(e) {
+      if (e.rowIndex % 2 === 0) {
+        return {textAlign: 'center', backgroundColor: '#08406f', color: '#05aaba'}
+      } else {
+        return {textAlign: 'center', backgroundColor: '#063468', color: '#05aaba'}
+      }
+    }
   }
 };
 </script>
-<style scoped>
+<style lang="less" scoped>
 .container {
-  background-image: url("~@/assets/board/GPS/bg.jpg");
+  background-image: url("~@/assets/board/equipmentMonitoring/bg.jpg");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   width: 100%;
   height: calc(100vh);
   position: relative;
 }
+
+
+.leftMenu::-webkit-scrollbar {
+  width: 0;
+}
+
+.leftMenu {
+  position: absolute;
+  width: 14%;
+  height: 84%;
+  top: 12%;
+  left: 2%;
+  padding: 1vw;
+  overflow: auto;
+
+  .item {
+    background-image: url("~@/assets/board/equipmentMonitoring/item.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    width: 12vw;
+    height: 5.1vw;
+    margin-bottom: 1vw;
+  }
+
+  span {
+    position: absolute;
+    left: 44%;
+    line-height: 5.1vw;
+    font-size: 1vw;
+    color: #f1f3f5;
+    white-space: nowrap;
+  }
+
+}
+
+
+.right {
+  position: absolute;
+  width: 78.5%;
+  height: 84%;
+  top: 12%;
+  left: 19%;
+
+  .search {
+    /deep/ .el-form-item__label {
+      color: #25bffc !important;
+      font-weight: normal;
+    }
+
+    /deep/ .el-input__inner {
+      background-color: #0000;
+      border-color: #25bffc;
+    }
+
+    /deep/ .el-button--default {
+      background-color: #0000;
+      color: #25bffc;
+      border-color: #25bffc;
+    }
+  }
+
+  .table {
+
+
+    /deep/ .el-table {
+      background-color: #0000;
+    }
+
+    /deep/ .el-table th.el-table__cell.is-leaf {
+      border-color: #0000;
+    }
+
+    /deep/ .el-table tr {
+      background-color: #0000;
+    }
+
+    /deep/ .el-table td.el-table__cell {
+      border-color: #0000;
+    }
+
+    /deep/ .el-table::before {
+      background-color: #0000;
+    }
+
+    /deep/ .el-table .el-table__header-wrapper th {
+      color: #05ecf3;
+    }
+  }
+}
 </style>
diff --git a/ruoyi-ui/src/views/board/index/index.vue b/ruoyi-ui/src/views/board/index/index.vue
index e986fc9..d99ae52 100644
--- a/ruoyi-ui/src/views/board/index/index.vue
+++ b/ruoyi-ui/src/views/board/index/index.vue
@@ -139,6 +139,7 @@ import Chart from "@/components/Charts/Chart";
 import vueSeamlessScroll from "vue-seamless-scroll";
 import BoardTopNav from '@/components/BoardTopNav'
 import * as echarts from 'echarts';
+import {monitorUnitPercentage} from '@/api/board/index'
 
 export default {
   components: {
@@ -481,8 +482,14 @@ export default {
       ],
     }
     this.$refs.chart3.setData(option3)
+    this.setChart1()
   },
-  methods: {}
+  methods: {
+    async setChart1 () {
+      const data = await monitorUnitPercentage()
+      console.log(data)
+    }
+  }
 };
 </script>
 <style scoped>
diff --git a/ruoyi-ui/src/views/board/senso/index.vue b/ruoyi-ui/src/views/board/senso/index.vue
index 7defe0e..33570b9 100644
--- a/ruoyi-ui/src/views/board/senso/index.vue
+++ b/ruoyi-ui/src/views/board/senso/index.vue
@@ -48,8 +48,8 @@
                 </el-col>
               </el-row>
               <el-table :data="tableData" style="width: 100%;margin-top: 12px;"
-                :header-cell-style="{ textAlign: 'center' }"
-                :cell-style="{ textAlign: 'center',backgroundColor:'#08406f' }">
+                :header-cell-style="{ textAlign: 'center',backgroundColor:'#0a457d' }"
+                :cell-style="setStyle">
                 <el-table-column prop="date1" label="设备ID">
                 </el-table-column>
                 <el-table-column prop="date2" label="传感器编号">
@@ -332,10 +332,18 @@ export default {
   },
   mounted() {
   },
-  methods: {}
+  methods: {
+    setStyle(e) {
+      if (e.rowIndex % 2 === 0) {
+        return {textAlign: 'center', backgroundColor: '#08406f', color: '#05aaba'}
+      }else{
+        return {textAlign: 'center', backgroundColor: '#063468', color: '#05aaba'}
+      }
+    }
+  }
 };
 </script>
-<style lang="less" >
+<style lang="less" scoped>
 .container {
   background-image: url("~@/assets/board/senso/bg.jpg");
   background-repeat: no-repeat;
@@ -351,44 +359,47 @@ export default {
   left: 2%;
   width: 96%;
   height: 87%;
+  overflow: auto;
 
-  .el-collapse-item__wrap {
+  /deep/.el-collapse-item__wrap {
     background-color: #0000;
     border-color: #0000;
   }
 
-  .el-table {
+  /deep/.el-table {
     background-color: #FFF0 !important;
     color: #fff;
   }
 
-  .el-table tr {
+  /deep/.el-table tr {
     background-color: #FFF0 !important;
   }
-  .el-table th.el-table__cell.is-leaf, .el-table td.el-table__cell{
+  /deep/.el-table th.el-table__cell.is-leaf,{
     border-color: #0000;
   }
-  .el-table::before, .el-table--group::after, .el-table--border::after{
+  /deep/.el-table::before, .el-table--group::after, .el-table--border::after{
     background-color: #0000;
   }
-  .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{
+  /deep/.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{
     background-color: #0000;
   }
-}
-
-.collapse .el-collapse-item__header {
-  background-color: #0000;
-  border-color: #0000;
-  height: auto;
-}
+  /deep/.el-collapse-item__header {
+    background-color: #0000;
+    border-color: #0000;
+    height: auto;
+  }
+  /deep/.el-collapse {
+    border-color: #0000;
+  }
+  /deep/ .el-table td.el-table__cell{
+    border-color: #0000;
+  }
 
-.collapse .el-collapse {
-  border-color: #0000;
+  /deep/ .el-table .el-table__header-wrapper th {
+    color: #05ecf3;
+  }
 }
 
-.collapse .el-collapse-item {
-  // margin-bottom: 2vh;
-}
 
 .itemBg {
   background-image: url("~@/assets/board/senso/itemBg.png");