Merge branch 'main' of http://47.108.78.218:28999/frontend/report-html-template

period-report/report.css

@@ -4,10 +4,10 @@
     height: 2.8rem;
   }
   .report-title-time {
-    font-size: 0.86rem;
+    font-size: 1.29rem;
   }
   .report-title-info {
-    font-size: 0.86rem;
+    font-size: 1.29rem;
   }
   .invest-wrapper {
     margin-top: 3.75rem !important;
@@ -52,12 +52,12 @@
     margin-bottom: 0.14rem;
   }
   .invest-wrapper-content-left-item-img {
-    width: 9.21rem;
-    height: 1.68rem;
+    width: 9rem;
+    height: 1.6rem;
     margin-right: 0.82rem;
   }
   .invest-wrapper-content-left-item-line {
-    width: 4.54rem;
+    width: 3.8rem;
     height: 0.5rem;
     margin-top: 0.64rem;
     margin-right: 0.71rem;
@@ -77,10 +77,12 @@
   .invest-wrapper-left-bracket-big img {
     width: 0.36rem;
     height: 4.07rem;
+    margin-right: 0.07rem;
   }
   .invest-wrapper-right-bracket-big img {
-    width: 0.21rem;
-    height: 2.61rem;
+    width: 0.36rem;
+    height: 4.07rem;
+    margin-left: 0.07rem;
   }
 
   .invest-wrapper-left-bracket-middle img {
@@ -107,7 +109,7 @@
     margin-bottom: 0.64rem;
   }
   .operator-wrapper-content-box-title {
-    font-size: 0.57rem;
+    font-size: 0.86rem;
   }
   .operator-wrapper-content-box-chart {
     height: 7.43rem;
@@ -250,6 +252,7 @@
   .chart-desc-text {
     font-size: 1rem;
     margin-left: 0.71rem;
+    margin-top: 0.3rem;
   }
   .chart-desc-value {
     font-size: 1.21rem;
@@ -335,6 +338,10 @@
   }
   .chart-data-text-title {
     font-size: 1rem;
+    width: 6rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
   .chart-data-text-num {
     font-size: 1.21rem;
@@ -685,6 +692,9 @@
   .report-title-info {
     font-size: 36px;
   }
+  .report-title {
+    margin-top: 4px;
+  }
   .invest-wrapper {
     margin-top: 120px;
     margin-left: 72px;
@@ -1044,7 +1054,8 @@ body {
   top: 0;
   left: 50%;
   transform: translateX(-50%);
-  margin-top: 4px;
+  width: 100%;
+  text-align: center;
 }
 .report-title-time {
   color: #5cb3ff;
@@ -1457,6 +1468,7 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
 
 .repair-require-info-text {
   color: #fff;
+  text-align: center;
 }
 .repair-require-info-text span {
   font-weight: 700;
@@ -1466,8 +1478,9 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
 .electricity-info-text {
   color: #ff6464;
   display: flex;
+  text-align: center;
 }
-.electricity-info-text div {
+.electricity-info-text span {
   font-weight: 700;
   text-align: center;
   font-family: DIN Alternate-Bold;
@@ -1475,6 +1488,7 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  margin-top: -5px;
 }
 
 .chart-data {

period-report/report.html

@@ -123,7 +123,7 @@
           <div class="invest-wrapper-content-second-text">人，客户信息更新</div>
           <span class="invest-wrapper-content-customers">9</span>
           <div class="invest-wrapper-content-last-text">份</div>
-          <br />
+          <!-- <br /> -->
           <!--月报，季报，半年报，年报-->
           <div class="invest-wrapper-content-first-text">去化率</div>
           <span class="invest-wrapper-content-customers">93%</span>
@@ -371,7 +371,7 @@
             <div class="pie-chart-area repair-require-info">
               <img src="./assets/electricity-icon.png" />
               <div class="electricity-info-text">
-                <div>3.09</div>
+                <span>3.09</span>
                 万元
               </div>
             </div>