CN-480 feat: 报告下载前端界面开发 部分功能

src/assets/css/components/index.scss

@@ -41,6 +41,7 @@
 @import './views/charts/chartAlarmInfo';
 @import './views/chartHeader';
 @import './views/charts/chartMap';
+@import './views/report/builtinReport';
 
 
 //@import '../chart';

src/assets/css/components/views/report/builtinReport.scss

@@ -0,0 +1,92 @@
+.cn-builtin {
+  background: #fff;
+  margin: 10px;
+  height: calc(100% - 20px) !important;
+  display: flex;
+  flex-direction: row;
+  .cn-builtin-left {
+    width: 288px;
+    height: 100%;
+    border-right: 1px solid  #E7EAED;
+    .cn-builtin-left-title {
+      padding: 28px 0 26px 13px;
+      font-size: 16px;
+      color: #333333;
+      letter-spacing: 0;
+    }
+    .cn-builtin-left-menu {
+      width: 250px;
+      height: 46px;
+      margin: auto;
+      font-size: 14px;
+      color: #333333;
+      letter-spacing: 0;
+      line-height: 46px;
+      padding-left: 15px;
+      cursor: pointer;
+    }
+    .cn-builtin-left-menu.cn-active {
+      background: #F4FAFF;
+      border-radius: 2px;
+      color: #0091FF;
+    }
+  }
+  .cn-builtin-right {
+    flex: 1;
+    .el-table__header th:first-of-type .el-checkbox:last-of-type {
+      border-left: none;
+      display: none;
+    }
+    .table-operation-all {
+      width: 300px;
+      position: absolute;
+      bottom: 17px;
+      z-index: 2;
+      left: 20px;
+      height: 22px;
+      display: flex;
+      .el-checkbox {
+        width: 14px;
+        height: 14px;
+        padding: 0;
+        .el-checkbox__input,.el-checkbox__inner {
+          width: 100%;
+          height: 100%;
+          min-width: unset;
+        }
+      }
+      .table-operation-all-span {
+        span:nth-of-type(1) {
+          margin: 0 10px;
+          font-size: 14px;
+          color: #666666;
+          letter-spacing: 0;
+          font-weight: 400;
+        }
+        span:nth-of-type(2) {
+          font-size: 12px;
+          color: #FFFFFF;
+          font-weight: 500;
+          height: 24px;
+          background: #D7D7D7;
+          border-radius: 2px;
+          padding: 3px 8px;
+          line-height: 16px;
+          cursor: pointer;
+          margin-top: 2px;
+        }
+        span:nth-of-type(2).table-operation-all-checkbox {
+           background: #0091ff;
+         }
+      }
+    }
+    .table-operation-items {
+      .table-operation-item--down {
+        cursor: pointer;
+      }
+      .table-operation-item--preview {
+        cursor: pointer;
+      }
+    }
+  }
+}