diff --git a/src/assets/fonts/YouSheBiaoTiHei-2.ttf b/src/assets/fonts/YouSheBiaoTiHei-2.ttf
new file mode 100644
index 0000000..3729151
Binary files /dev/null and b/src/assets/fonts/YouSheBiaoTiHei-2.ttf differ
diff --git a/src/views/Cockpit.vue b/src/views/Cockpit.vue
index b775d5f..2f2b1cd 100644
--- a/src/views/Cockpit.vue
+++ b/src/views/Cockpit.vue
@@ -3,7 +3,6 @@
     <div class="title">5G工厂机电智核数字孪生平台</div>
     <div class="bottom">
       <div class="topBox">
-        <div class="date">实时数据</div>
         <div>
           <span>25</span>
           <p>产量</p>
@@ -31,61 +30,37 @@
       </div>
       <div class="productChart">
         <p>
-          <i class="el-icon-arrow-right iconOne"></i>
-          <i class="el-icon-arrow-right iconTwo"></i>
           <span>产量数据监控</span>
-          <i class="el-icon-arrow-left iconThree"></i>
-          <i class="el-icon-arrow-left iconFour"></i>
         </p>
         <div id="productChart"></div>
       </div>
       <div class="mainshaftChart">
         <p>
-          <i class="el-icon-arrow-right iconOne"></i>
-          <i class="el-icon-arrow-right iconTwo"></i>
           <span>主轴转换监控</span>
-          <i class="el-icon-arrow-left iconThree"></i>
-          <i class="el-icon-arrow-left iconFour"></i>
         </p>
         <div id="mainshaftChart"></div>
       </div>
       <div class="loadChart">
         <p>
-          <i class="el-icon-arrow-right iconOne"></i>
-          <i class="el-icon-arrow-right iconTwo"></i>
           <span>负载电流监控</span>
-          <i class="el-icon-arrow-left iconThree"></i>
-          <i class="el-icon-arrow-left iconFour"></i>
         </p>
         <div id="loadChart"></div>
       </div>
       <div class="ratedChart">
         <p>
-          <i class="el-icon-arrow-right iconOne"></i>
-          <i class="el-icon-arrow-right iconTwo"></i>
           <span>额定电流监控</span>
-          <i class="el-icon-arrow-left iconThree"></i>
-          <i class="el-icon-arrow-left iconFour"></i>
         </p>
         <div id="ratedChart"></div>
       </div>
       <div class="two">
         <p>
-          <i class="el-icon-arrow-right iconOne"></i>
-          <i class="el-icon-arrow-right iconTwo"></i>
           <span>急停状态监控</span>
-          <i class="el-icon-arrow-left iconThree"></i>
-          <i class="el-icon-arrow-left iconFour"></i>
         </p>
         <div id="two"></div>
       </div>
       <div class="one">
         <p>
-          <i class="el-icon-arrow-right iconOne"></i>
-          <i class="el-icon-arrow-right iconTwo"></i>
           <span>切削速度监控</span>
-          <i class="el-icon-arrow-left iconThree"></i>
-          <i class="el-icon-arrow-left iconFour"></i>
         </p>
         <div id="one"></div>
       </div>
@@ -94,7 +69,6 @@
 </template>
 <script>
 import * as echarts from "echarts";
-// import "./util/rem";
 import "../util/rem";
 import {
   productChart,
@@ -157,12 +131,17 @@ export default {
 };
 </script>
 <style scope lang="less">
+@font-face {
+  font-family: myFont;
+  src: url("../assets/fonts/YouSheBiaoTiHei-2.ttf");
+}
+
 .container {
   font-family: "SourceHanSansSC-regular";
   width: 100vw;
   height: 100vh;
   background-color: #fff;
-  background-image: url("../assets/image/图片 2 Copy@1x.png");
+  // background-image: url("../assets/image/图片 2 Copy@1x.png");
   background-size: cover; /* 图像大小适应容器 */
   background-repeat: no-repeat; /* 防止图像平铺 */
   background-position: center; /* 图像在容器中居中 */
@@ -174,7 +153,8 @@ export default {
     font-size: 48px;
     color: #fff;
     font-family: "SourceHanSansSC-regular";
-    background-image: url("../assets/image/边框样式2@1x.png");
+    // background-image: url("../assets/image/边框样式2@1x.png");
+    // background-image: url("../assets/image/工业互联网驾驶舱文字_03.png");
     background-size: cover; /* 图像大小适应容器 */
     background-repeat: no-repeat; /* 防止图像平铺 */
     background-position: center; /* 图像在容器中居中 */
@@ -185,17 +165,14 @@ export default {
     box-sizing: border-box;
     position: relative;
     .topBox {
-      width: 95%;
+      width: 75%;
       height: 114px;
       margin: 0 auto;
       color: #fff;
       display: flex;
       justify-content: space-around;
       align-items: center;
-      background-image: url("../assets/image/矩形 2 Copy@1x.png");
-      background-size: cover; /* 图像大小适应容器 */
-      background-repeat: no-repeat; /* 防止图像平铺 */
-      background-position: center; /* 图像在容器中居中 */
+
       div {
         display: flex;
         flex-direction: column;
@@ -203,30 +180,31 @@ export default {
         span {
           color: rgba(255, 255, 255, 1);
           font-size: 48px;
+          font-family: "myFont";
+          background-image: url("../assets/image/正方形_03.png");
+          background-size: cover; /* 图像大小适应容器 */
+          background-repeat: no-repeat; /* 防止图像平铺 */
+          background-position: center; /* 图像在容器中居中 */
+          display: block;
+          width: 106px;
+          height: 59px;
+          text-align: center;
         }
         p {
           color: rgba(239, 239, 239, 1);
           font-size: 20px;
         }
       }
-      .date {
-        left: 53px;
-        top: 157px;
-        width: 40px;
-        height: 63px;
-        color: rgba(64, 149, 229, 1);
-        font-size: 20px;
-        text-align: left;
-        font-family: "SourceHanSansSC-bold";
-      }
     }
     .productChart {
       margin-top: 45px;
       margin-left: 45px;
+      position: relative;
     }
     .mainshaftChart {
       margin-left: 45px;
       margin-top: 45px;
+      position: relative;
     }
     .loadChart {
       position: absolute;
@@ -254,7 +232,8 @@ export default {
     .loadChart,
     .mainshaftChart,
     .productChart {
-      background-image: url("../assets/image/矩形 2 Copy@1x.png");
+      background-image: url("../assets/image/背景_03.png");
+
       background-size: cover; /* 图像大小适应容器 */
       background-repeat: no-repeat; /* 防止图像平铺 */
       background-position: center; /* 图像在容器中居中 */
@@ -264,42 +243,18 @@ export default {
       p {
         height: 43px;
         width: 100%;
-        background-image: url("../assets/image/矩形 3 Copy@1x (1).png");
         background-size: cover; /* 图像大小适应容器 */
         background-repeat: no-repeat; /* 防止图像平铺 */
         background-position: center; /* 图像在容器中居中 */
         position: relative;
-        .iconOne,
-        .iconFour {
-          color: #2d8fdb;
-          position: absolute;
-          top: 13px;
-        }
-        .iconTwo,
-        .iconThree {
-          color: #9acef7;
-          position: absolute;
-          top: 13px;
-        }
-        .iconOne {
-          left: 97px;
-        }
-        .iconTwo {
-          left: 108px;
-        }
-        .iconThree {
-          right: 108px;
-        }
-        .iconFour {
-          right: 97px;
-        }
+
         span {
           font-size: 20px;
-          color: rgba(35, 125, 191, 1);
+          color: #fff;
           position: absolute;
           left: 150px;
-          top: 6px;
-          font-family: "SourceHanSansSC-regular";
+          top: 3px;
+          font-family: "myFont";
         }
       }
       div {
@@ -311,10 +266,7 @@ export default {
       }
     }
   }
-  // .tooltip {
-  //   background-color: red;
-  //   border: none;
-  // }
+
   #loadChart div:nth-child(2) {
     width: 100px;
     height: 20px;