feat : 新增图表多日期选择功能

src/views/tunnel-manage/index.vue

@@ -327,7 +327,7 @@ const getList = () => {
     lock: true,
     text: '正在加载系统资源...',
     background: 'rgba(0, 0, 0, 0.7)',
-    customClass:'allLoading'
+    customClass: 'allLoading'
   })
   getTunnelList({
     siteId: siteId,
@@ -634,6 +634,7 @@ const handleMoreDelete = () => {
       color: #fff;
       font-size: 38px;
     }
+
     .el-input__suffix-inner {
       font-size: 30px;
       color: #08B7B8;
@@ -770,7 +771,13 @@ const handleMoreDelete = () => {
         font-size: 45px;
         font-weight: bold;
         color: #FFFFFF;
-        line-height: 42px;
+        line-height: 50px;
+
+        > span {
+          text-overflow: ellipsis;
+          overflow: hidden;
+          white-space: nowrap;
+        }
 
         > span:nth-child(2) {
           font-size: 38px;
@@ -779,6 +786,8 @@ const handleMoreDelete = () => {
 
 
         > span:last-child {
+          margin-left: 5px;
+          width: 95px;
           padding: 1px 8px;
           font-size: 32px;
           border: 2px solid #05FEFF;
@@ -896,8 +905,9 @@ const handleMoreDelete = () => {
     color: #60DDDE;
     font-size: 38px;
     font-weight: bold;
+
     :deep(.el-pagination.is-background ) {
-      .btn-next,.btn-prev {
+      .btn-next, .btn-prev {
         background-color: transparent;
       }