feat : 新增历史数据导出csv文件

src/assets/styles/index.scss

@@ -322,13 +322,15 @@ body,
   margin: 520px auto 0 auto !important;
   background: rgba(6, 34, 71, 0.8) !important;
 }
-.alarm-tunnel{
+
+.alarm-tunnel {
   .el-tag {
     font-size: 36px;
     height: 60px;
     padding: 0 20px;
     border-radius: 10px;
   }
+
   .detail {
     font-size: 50px;
     color: #FFFFFF;
@@ -338,6 +340,7 @@ body,
       margin-bottom: 10px;
     }
   }
+
   .el-dialog {
     position: relative;
     display: flex;
@@ -452,6 +455,7 @@ body,
   }
 
 }
+
 .shrink-icon {
   margin: -36px -20px 0 30px;
   cursor: pointer;
@@ -459,10 +463,12 @@ body,
   height: 65px;
   background-image: url("@/assets/images/fanInfo/shrink.png");
 }
+
 .full-icon {
   cursor: pointer;
   margin: -36px -20px 0 30px;
 }
+
 //弹窗样式
 .digital-tunnel {
   .chat-dialog {
@@ -574,11 +580,29 @@ body,
     background-image: url(@/assets/images/badGasInfo/sp_jz.png);
     transform: rotate(90deg);
   }
-.change-screen{
-  position: absolute;
-  right: 126px;
-  top: 50px;
-}
+
+  .export-btn {
+    cursor: pointer;
+    //padding-left: 53px;
+    width: 178px;
+    height: 92px;
+    line-height: 92px;
+    border-radius: 11px;
+    border: 2px solid #08B7B8;
+    background: #264A78;
+    //border-radius: 11px;
+    color: #FFFFFF;
+    font-size: 48px;
+    text-align: center;
+    margin-right: 30px;
+  }
+
+  .change-screen {
+    position: absolute;
+    right: 126px;
+    top: 50px;
+  }
+
   .time-select {
     position: absolute;
     top: 20px;