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

src/views/site/index.vue

@@ -167,7 +167,7 @@ const info = ref({
 })
 const title = ref('新增站点')
 const isVisited = ref(false);
-const isUploadVisited = ref(false);
+let isUploadVisited = ref(false);
 const showFirst = ref(true)
 const total = ref(10);
 const showAddIcon = ref(true)
@@ -206,7 +206,7 @@ const getList = () => {
     lock: true,
     text: '正在加载系统资源...',
     background: 'rgba(0, 0, 0, 0.7)',
-    customClass:'allLoading'
+    customClass: 'allLoading'
   })
   getSiteList({
     userId: userId,
@@ -272,7 +272,7 @@ const handleEdit = (item) => {
     lock: true,
     text: '正在加载系统资源...',
     background: 'rgba(0, 0, 0, 0.7)',
-    customClass:'allLoading'
+    customClass: 'allLoading'
   })
   getSiteDetail(item.siteId).then((res) => {
     form.value = res.data;
@@ -667,7 +667,7 @@ const handleCurrentChange = (val) => {
 
         .left-img {
           margin-top: 50px;
-          margin-right: 60px;
+          margin-right: 36px;
           width: 500px;
           height: 370px;
           background-image: url('@/assets/images/site/zdgl_zd.png');
@@ -690,7 +690,7 @@ const handleCurrentChange = (val) => {
             .tunnel {
               cursor: pointer;
               margin-right: 20px;
-              width: 280px;
+              width: 320px;
               height: 350px;
               background: #3FBED1;
               border-radius: 16px;
@@ -698,15 +698,24 @@ const handleCurrentChange = (val) => {
               flex-direction: column;
               align-items: center;
               color: #FFFFFF;
+              text-align: center;
 
               > div:first-child {
-                height: 37px;
+                width: 240px;
+                //height: 37px;
                 font-size: 32px;
                 margin-top: 20px;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                overflow: hidden;
               }
 
               > div:nth-child(3) {
+                width: 310px;
                 margin-bottom: 18px;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                overflow: hidden;
               }
 
               > div:nth-child(3), > div:nth-child(4) {

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