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

src/assets/css/common/table-common.scss

@@ -46,7 +46,7 @@
       border: 1px solid #E6EAED;
 
     }
-    .top-tool-search.margin-r-20 {
+    .top-tool-search {
      .top-tool-btn {
        border-left: none;
      }
@@ -178,6 +178,9 @@
       .table-operation-items {
         display: flex;
         justify-content: center;
+        .table-operation-item--down {
+          margin-right: 16px;
+        }
         .table-operation-item {
           display: flex;
           height: 22px;

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;
+      }
+    }
+  }
+}

src/assets/css/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "cn-icon"; /* Project id 2614877 */
-  src: url('iconfont.woff2?t=1648624431165') format('woff2'),
-       url('iconfont.woff?t=1648624431165') format('woff'),
-       url('iconfont.ttf?t=1648624431165') format('truetype');
+  src: url('iconfont.woff2?t=1649728125883') format('woff2'),
+       url('iconfont.woff?t=1649728125883') format('woff'),
+       url('iconfont.ttf?t=1649728125883') format('truetype');
 }
 
 .cn-icon {
@@ -13,6 +13,22 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.cn-icon-report:before {
+  content: "\e76f";
+}
+
+.cn-icon-shezhi:before {
+  content: "\e76c";
+}
+
+.cn-icon-preview:before {
+  content: "\e76d";
+}
+
+.cn-icon-download2:before {
+  content: "\e76e";
+}
+
 .cn-icon-requests:before {
   content: "\e76a";
 }