Quellcode durchsuchen

2024-11-03 大屏显示修改

luguang vor 3 Wochen
Ursprung
Commit
c269bfb372
2 geänderte Dateien mit 20 neuen und 14 gelöschten Zeilen
  1. 13 7
      src/components/echart/centerRight/centerRightChart/chart.vue
  2. 7 7
      src/views/index.vue

+ 13 - 7
src/components/echart/centerRight/centerRightChart/chart.vue

@@ -45,7 +45,7 @@ export default {
           },
           legend: {
             right: 20,
-            data: ['昨日产量', '临时库存']
+            data: ['昨日产量(箱)', '临时库存(箱)']
           },
 
           grid: {
@@ -79,7 +79,7 @@ export default {
           ],
           series: [
             {
-              name: '昨日产量',
+              name: '昨日产量(箱)',
               type: 'bar',
               barWidth: '30%',
               itemStyle: {
@@ -95,7 +95,10 @@ export default {
                 }
               },
               label: {
-                formatter: '{c} 箱',
+                formatter:function(params){
+                  return params.value + ' 箱\n' + params.name + ' 枚'
+                },
+                // formatter: '{c} 箱 \n {a} 枚',
                 textStyle: {
                   // 文本样式
                   color: '#83bff6', // 文本颜色
@@ -104,10 +107,10 @@ export default {
                 show: true, // 显示数值
                 position: 'right' // 数值显示的位置
               },
-              data: this.info.production
+              data: this.info.production1
             },
             {
-              name: '临时库存',
+              name: '临时库存(箱)',
               type: 'bar',
               barWidth: '30%',
               itemStyle: {
@@ -123,7 +126,10 @@ export default {
                 }
               },
               label: {
-                formatter: '{c} 箱',
+                formatter:function(params){
+                  return params.value + ' 箱\n' + params.name + ' 枚'
+                },
+                // formatter: '{c} 箱',
                 textStyle: {
                   // 文本样式
                   color: '#14D7C7', // 文本颜色
@@ -137,7 +143,7 @@ export default {
                 color: 'none'
                 // borderRadius: [20, 20, 20, 20],
               },
-              data: newData.inventory
+              data: newData.inventory1
             }
           ]
         }

+ 7 - 7
src/views/index.vue

@@ -26,7 +26,7 @@
         <!-- 第二行-->
         <div class="wrapperTop">
           <swiper
-            v-if="showTop"
+
             class="swiper-containewTop"
             ref="mySwiperTop"
             :options="swiperOptionsTop"
@@ -117,7 +117,7 @@ export default {
         loop: true,
         // 循环时间(毫秒)
         autoplay: 0,
-        speed: 1000
+        // speed: 1000
       },
       deptInfo: {
         name: ['造币三部','造币二部','造币一部'],
@@ -163,7 +163,7 @@ export default {
   created() {
     setTimeout(() => {
       this.getTableData()
-    }, 500)
+    }, 800)
   },
   beforeDestroy() {},
   methods: {
@@ -194,7 +194,7 @@ export default {
         }
         if (this.dayInfoList.length > 1) {
           this.swiperOptionsTop = {
-            direction: 'vertical',
+            // direction: 'vertical',
             // 循环不间断图片连在一起
             loop: true,
             // 循环时间(毫秒)
@@ -203,7 +203,7 @@ export default {
           }
         } else {
           this.swiperOptionsTop = {
-            direction: 'vertical',
+            // direction: 'vertical',
             // 循环时间(毫秒)
             autoplay: 0,
           }
@@ -213,8 +213,8 @@ export default {
         this.deptInfo = retObj.deptInfo
         this.securitiesInfo = retObj.securitiesInfo
         this.$nextTick(() => {
-          this.$refs.center02.updateData()
-          this.$refs.center01.updateData()
+          // this.$refs.center02.updateData()
+          // this.$refs.center01.updateData()
         })
       }
       this.showTop = true