Merge pull request '上传前端代码' (#65) from main into prod

Reviewed-on: #65

f/web-kboss/src/utils/data-manager.js

@@ -18,7 +18,7 @@ const clusterData = {
       chipScale: {
         NVIDIA: 33000,
         ascend: 5000,
-        supercomputer: 8000,
+        supercomputer: 10,
         total: 5100
       },
 
@@ -106,7 +106,7 @@ const clusterData = {
       chipScale: {
         NVIDIA: 4191,
         ascend: 635,
-        supercomputer: 1016,
+        supercomputer: 1,
         total: 647
       },
 
@@ -185,7 +185,7 @@ const clusterData = {
       chipScale: {
         NVIDIA: Math.floor(33000 * 0.294),
         ascend: Math.floor(5000 * 0.294),
-        supercomputer: Math.floor(8000 * 0.294),
+        supercomputer: 3,
         total: Math.floor(5100 * 0.294)
       },
 
@@ -264,7 +264,7 @@ const clusterData = {
       chipScale: {
         NVIDIA: Math.floor(33000 * 0.156),
         ascend: Math.floor(5000 * 0.156),
-        supercomputer: Math.floor(8000 * 0.156),
+        supercomputer: 1,
         total: Math.floor(5100 * 0.156)
       },
 
@@ -344,7 +344,7 @@ const clusterData = {
       chipScale: {
         NVIDIA: Math.floor(33000 * 0.098),
         ascend: Math.floor(5000 * 0.098),
-        supercomputer: Math.floor(8000 * 0.098),
+        supercomputer: 1,
         total: Math.floor(5100 * 0.098)
       },
 
@@ -424,7 +424,7 @@ const clusterData = {
       chipScale: {
         NVIDIA: Math.floor(33000 * 0.117),
         ascend: Math.floor(5000 * 0.117),
-        supercomputer: Math.floor(8000 * 0.117),
+        supercomputer:1,
         total: Math.floor(5100 * 0.117)
       },
 
@@ -504,7 +504,7 @@ const clusterData = {
       chipScale: {
         NVIDIA: Math.floor(33000 * 0.156),
         ascend: Math.floor(5000 * 0.156),
-        supercomputer: Math.floor(8000 * 0.156),
+        supercomputer:1,
         total: Math.floor(5100 * 0.156)
       },
 

f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenLeft/index.vue

@@ -7,9 +7,9 @@
           <div class="title">异构芯片规模</div>
           <div class="conter">
             <div class="conter-top">
-              <div class="top-tit">{{ chipData.NVIDIA }}<span>P</span></div>
-              <div class="top-tit">{{ chipData.ascend }}<span>P</span></div>
-              <div class="top-tit">{{ chipData.supercomputer }}<span>P</span></div>
+              <div class="top-tit one">{{ chipData.NVIDIA }}<span>P</span></div>
+              <div class="top-tit two">{{ chipData.ascend }}<span>P</span></div>
+              <div class="top-tit three">{{ chipData.supercomputer }}<span>P</span></div>
             </div>
             <div class="conter-center">
               <img src="../images/3D.png" alt="">
@@ -517,15 +517,25 @@ export default {
   .conter-top {
     width: 100%;
     position: absolute;
-    top: 14px;
-    display: flex;
-    align-items: center;
-    justify-content: space-around;
-    padding: 0 18px;
-    // left: 18px;
 
+    display: flex;
+    .one{
+      position: absolute;
+      left: 24px;
+      top: 24px;
+
+    }
+    .two{
+      position: absolute;
+      left: 100px;
+      top: 24px;
+    }
+    .three{
+      position: absolute;
+      left: 170px;
+      top: 24px;
+    }
     .top-tit {
-      // padding-left: 10px;
 
       span {
         margin-left: 2px;