修改接口

src/views/model/equipment.vue

@@ -11,7 +11,7 @@
       {{ i }}
     </div>
     <div class="centerTitle1">商品品类</div>
-    <div class="centerSpan1">142</div>
+    <div class="centerSpan1">22</div>
     <div class="centerTitle2">商品数量</div>
     <div class="centerSpan2">227921</div>
     <div class="centerTitle3">当日入库量</div>
@@ -37,7 +37,7 @@
       <div class="chart4Info">
         <div class="info" v-for="(i,k) in list">
           <div class="infoSpan1">
-            <div class="num">{{ k+1 }}</div>
+            <div class="num">{{ k + 1 }}</div>
           </div>
           <div class="infoSpan2">{{ i.name }}</div>
           <div class="infoSpan3">{{ i.value }}</div>
@@ -103,46 +103,46 @@ export default {
           left: 75
         },
       ],
-      list:[
+      list: [
         {
-          name:'BC/BD-307HNE,皓月白,ZS/N/1级,A',
+          name: 'BC/BD-307HNE,皓月白,ZS/N/1级,A',
-          value:55939,
+          value: 55939,
         },
         {
-          name:'BCD-211CNE,皓月白,A',
+          name: 'BCD-211CNE,皓月白,A',
-          value:47246,
+          value: 47246,
         },
         {
-          name:'BC/BD-310NF,银河灰,A',
+          name: 'BC/BD-310NF,银河灰,A',
-          value:46842,
+          value: 46842,
         },
         {
-          name:'BCD-212CFT,炫金色,1级,A',
+          name: 'BCD-212CFT,炫金色,1级,A',
-          value:56723,
+          value: 56723,
         },
         {
-          name:'BCD-210CNE,银河灰,A',
+          name: 'BCD-210CNE,银河灰,A',
-          value:51357,
+          value: 51357,
         },
         {
-          name:'BC/BD-232WD,银河灰,A',
+          name: 'BC/BD-232WD,银河灰,A',
-          value:45725,
+          value: 45725,
         },
         {
-          name:'BC/BD-300AYYS,银河灰,A',
+          name: 'BC/BD-300AYYS,银河灰,A',
-          value:46731,
+          value: 46731,
         },
         {
-          name:'BCD-211CGN,星际灰,A',
+          name: 'BCD-211CGN,星际灰,A',
-          value:53943,
+          value: 53943,
         },
         {
-          name:'BC/BD-308HNE,皓月白,ZS/1级,A',
+          name: 'BC/BD-308HNE,皓月白,ZS/1级,A',
-          value:56736,
+          value: 56736,
         },
         {
-          name:'BC/BD-307HNE,皓月白,ZS/N/1级,A',
+          name: 'BC/BD-307HNE,皓月白,ZS/N/1级,A',
-          value:47170,
+          value: 47170,
         },
       ]
     }
@@ -249,7 +249,7 @@ export default {
           label: {
             normal: {
               show: true,
-              formatter: "{b}\n{c}",
+              formatter: "{b}\n{c}({d})",
               textStyle: {
                 fontSize: 12,
                 color: '#fff'
@@ -626,7 +626,7 @@ export default {
             interval: 0,
             fontSize: 0.5 * vw,
           },
-          data: ['BCD-162CST', 'BCD-212CHG', 'BCD-211CGN', 'BC/BD-310NF', 'BC/BD-232WD', 'BC/BD-145NF'],
+          data: ['BCD-162CST', 'BCD-212CHG', 'BCD-211CGN', 'BC/BD-310NF', 'BC/BD-232WD', 'BC/BD-145NF', 'BC/BD-150HY', 'BC/BD-147NEM', 'BC/BD-150HY', 'BC/BD-208HNEV'],
         },
       ],
       yAxis: [
@@ -658,13 +658,21 @@ export default {
           name: "库存数",
           type: "bar",
           borderWidth: '15%',
+          label: {
+            show: true,
+            position: "top",
+            textStyle: {
+              fontSize: 0.5 * vw,
+              color: "#fff",
+            },
+          },
           itemStyle: {
             normal: {
               color: "#62aafe",
             },
           },
           data: [
-            709, 1917, 2455, 2610, 1719, 1433
+            709, 1917, 2455, 2610, 1719, 1433, 357, 457, 1583, 1583
           ],
         },
       ],
@@ -1124,7 +1132,7 @@ export default {
   left: 33%;
   transform: translate(-50%, -50%);
   font-size: 1vw;
-  color:#fff
+  color: #fff
 }
 
 .centerSpan1 {
@@ -1133,7 +1141,7 @@ export default {
   left: 33%;
   transform: translate(-50%, -50%);
   font-size: 1vw;
-  color:#fff
+  color: #fff
 }
 
 .centerTitle2 {
@@ -1142,7 +1150,7 @@ export default {
   left: 33%;
   transform: translate(-50%, -50%);
   font-size: 1vw;
-  color:#fff
+  color: #fff
 }
 
 .centerSpan2 {
@@ -1151,7 +1159,7 @@ export default {
   left: 33%;
   transform: translate(-50%, -50%);
   font-size: 1vw;
-  color:#fff
+  color: #fff
 }
 
 .centerTitle3 {
@@ -1160,7 +1168,7 @@ export default {
   left: 33%;
   transform: translate(-50%, -50%);
   font-size: 1vw;
-  color:#fff
+  color: #fff
 }
 
 .centerSpan3 {
@@ -1169,7 +1177,7 @@ export default {
   left: 33%;
   transform: translate(-50%, -50%);
   font-size: 1vw;
-  color:#fff
+  color: #fff
 }
 
 .centerTitle4 {
@@ -1178,7 +1186,7 @@ export default {
   left: 33%;
   transform: translate(-50%, -50%);
   font-size: 1vw;
-  color:#fff
+  color: #fff
 }
 
 .centerSpan4 {
@@ -1187,7 +1195,7 @@ export default {
   left: 33%;
   transform: translate(-50%, -50%);
   font-size: 1vw;
-  color:#fff
+  color: #fff
 }
 
 .logo {
@@ -1200,6 +1208,7 @@ export default {
   top: 1%;
   left: 1%;
 }
+
 .time, .date {
   position: absolute;
   font-size: 0.8vw;