修复：数据看板样式调整

src/pages/dataDashboards/components/joinInfo/index.scss

@@ -53,16 +53,15 @@ $design_height:856;
     }
     &-card-3{
       height: toVh(346,1080);
+      display: flex;
+      .card-info-left{
+        flex: 1;
         .card-header{
-        .sku-count{
-          font-size: 2.33rem;
-          font-weight: bold;
-          color: #010101;
-          line-height: 3.33rem;
-        }
+          padding-right: 0 !important;
+
         }
         .card-progress{
-        padding: 0 53px 0 39px;
+          padding: 0 40px 0 39px;
           margin-bottom: 19px;
           .progress-item{
             display: flex;
@@ -76,11 +75,25 @@ $design_height:856;
               flex: 1;
               margin: 0 36px 0 24px;
             }
-          &-value{
+          }
+        }
+      }
+
+      .card-info-right{
+        padding: 20px  40px 0 0;
+        .sku-count{
+          font-size: 2.33rem;
+          font-weight: bold;
+          color: #010101;
+          line-height: 3.33rem;
+          margin-bottom: 26px;
+        }
+        .progress-item-value{
           font-size: 1.67rem;
           font-weight: bold;
           color: #000000;
-          }
+          margin-bottom: 5px;
+          text-align: center;
         }
       }
     }

src/pages/dataDashboards/components/joinInfo/index.tsx

@@ -110,10 +110,11 @@ const JoinInfo = () => {
         <div className='card-echarts' id='pie'></div>
       </div>
       <div className='join-info-card-3'>
+        <div className='card-info-left'>
           <div className='card-header'>
             <div className='card-header-icon'></div>
             <div className='card-header-title'>上架商品 (SKU)</div>
-          <div className='sku-count'>{totalCount}</div>
+            {/*<div className='sku-count'>{totalCount}</div>*/}
           </div>
           <div className='card-progress'>
             {listingProducts.map((v, i) => (
@@ -126,7 +127,16 @@ const JoinInfo = () => {
                     showInfo={false}
                   />
                 </div>
-              <div className='progress-item-value'>{v.value}</div>
+                {/*<div className='progress-item-value'>{v.value}</div>*/}
+              </div>
+            ))}
+          </div>
+        </div>
+        <div className='card-info-right'>
+          <div className='sku-count'>{totalCount}</div>
+          {listingProducts.map((v, i) => (
+            <div className='progress-item-value' key={i}>
+              {v.value}
             </div>
           ))}
         </div>