修改界面显示

public/data.json

@@ -1166,16 +1166,16 @@
     ],
     "ImportAndExportStatistics": {
       "x": [
-        "A-01",
-        "A-02",
-        "A-03",
-        "A-04",
-        "A-05",
-        "A-06",
-        "A-07",
-        "A-08",
-        "A-09",
-        "A-10"
+        "1时",
+        "2时",
+        "3时",
+        "4时",
+        "5时",
+        "6时",
+        "7时",
+        "8时",
+        "9时",
+        "10时"
       ],
       "y": [
         {
@@ -1287,44 +1287,18 @@
     },
     "foamFixtureState": {
       "x": [
-        "运行中",
-        "停止",
-        "故障"
+        "A",
+        "B",
+        "C"
       ],
-      "y": [
-        {
-          "name": "A",
-          "data": [
-            5,
-            1,
-            3
-          ]
-        },
-        {
-          "name": "B",
-          "data": [
-            2,
-            5,
-            2
-          ]
-        },
-        {
-          "name": "C",
-          "data": [
-            4,
-            3,
-            6
-          ]
-        },
-        {
-          "name": "D",
-          "data": [
-            3,
-            8,
-            2
-          ]
-        }
-      ]
+      "y": {
+        "name": "运行中",
+        "data": [
+          5,
+          1,
+          3
+        ]
+      }
     }
   }
 }

src/views/board/caseShell/index2.vue

@@ -9,6 +9,7 @@
          :style="'top:'+(titlePosition[k]&&titlePosition[k].top||0)+'%;left:'+(titlePosition[k]&&titlePosition[k].left||0)+'%'">
       {{ i }}
     </div>
+    <div class="meter">平均节拍：{{meter}}</div>
 
     <div class="scrollTable">
       <div style="background-color: #094170">
@@ -87,6 +88,7 @@
     <div class="chart3">
       <Chart ref="chart3"></Chart>
     </div>
+    <div class="inventoryInfo">内胆库剩余:{{ linerNum }}% 箱壳库剩余:{{ caseNum }}%</div>
   </div>
 </template>
 
@@ -104,9 +106,12 @@ export default {
   name: "Liner",
   data() {
     return {
+      linerNum: 50,
+      caseNum: 44,
+      meter:30,
       title: [
         '工单计划',
-        '出入库统计',
+        '小时统计',
         '库存统计',
         '发泡夹具状态',
       ],
@@ -353,7 +358,7 @@ export default {
       })
       this.$refs.chart3.setData({
         legend: {
-          data: e.liner.foamFixtureState.y.map(val => val.name),
+          data: ['运行中'],
           right: 'center',
           top: 0,
           textStyle: {
@@ -407,11 +412,11 @@ export default {
           },
           axisLabel: {},
         },
-        series: e.liner.foamFixtureState.y.map(val => {
-          return {
-            name: val.name,
+        series: [
+          {
+            name: e.liner.foamFixtureState.y.name,
             type: "bar",
-            barWidth: 100 / (e.liner.foamFixtureState.y.length + 2) + "%",
+            barWidth: '30%',
             barMaxWidth: 50,
             itemStyle: {
               normal: {
@@ -427,9 +432,9 @@ export default {
                 ]),
               },
             },
-            data: val.data,
+            data: e.liner.foamFixtureState.y.data,
           }
-        })
+        ]
       })
     })
   },
@@ -538,4 +543,22 @@ export default {
   width: 45.5%;
   height: 30.7%;
 }
+
+.inventoryInfo {
+  position: absolute;
+  transform: translateY(-50%);
+  font-size: 0.9vw;
+  top: 59.6%;
+  left: 13.7%;
+  color: #fff;
+  letter-spacing: 1px;
+}
+.meter{
+  position: absolute;
+  top: 19.7%;
+  left: 61.5%;
+  transform: translateY(-50%);
+  font-size: 0.8vw;
+  color: #fff;
+}
 </style>

src/views/board/liner/index.vue

@@ -72,6 +72,7 @@
         </div>
       </vue-seamless-scroll>
     </div>
+    <div class="meter">平均节拍：{{meter}}</div>
     <div class="chart1">
       <Chart ref="chart1"></Chart>
     </div>
@@ -102,12 +103,13 @@ export default {
   data() {
     return {
       title: [
-        '工单计划',
-        '出入库统计',
+        '箱壳生产计划',
+        '小时入库统计',
         '库存状态',
         '泡前库库存统计',
-        '发泡夹具状态',
+        '箱体发泡实时状态',
       ],
+      meter:30,
       linerNum: 50,
       caseNum: 44,
       titlePosition: [
@@ -426,7 +428,7 @@ export default {
       })
       this.$refs.chart4.setData({
         legend: {
-          data: e.liner.foamFixtureState.y.map(val => val.name),
+          data: ['运行中'],
           right: 'center',
           top: 0,
           textStyle: {
@@ -480,11 +482,11 @@ export default {
           },
           axisLabel: {},
         },
-        series: e.liner.foamFixtureState.y.map(val => {
-          return {
-            name: val.name,
+        series: [
+          {
+            name: e.liner.foamFixtureState.y.name,
             type: "bar",
-            barWidth: 100 / (e.liner.foamFixtureState.y.length + 2) + "%",
+            barWidth: '30%',
             barMaxWidth: 50,
             itemStyle: {
               normal: {
@@ -500,9 +502,9 @@ export default {
                 ]),
               },
             },
-            data: val.data,
+            data: e.liner.foamFixtureState.y.data,
           }
-        })
+        ]
       })
     })
   },
@@ -641,4 +643,12 @@ export default {
   color: #fff;
   letter-spacing: 1px;
 }
+.meter{
+  position: absolute;
+  top: 19.7%;
+  left: 62.5%;
+  transform: translateY(-50%);
+  font-size: 0.8vw;
+  color: #fff;
+}
 </style>

src/views/model/model.vue

@@ -112,21 +112,21 @@ export default {
     console.log(AMRT)
     let num = 0
     let modelArr = [
-      '1720315475507941376',
-      '1720315479907766272',
-      '1720315484513112064',
-      '1720315500866703360',
-      '1720315558030872576',
-      '1720315596551360512',
-      '1720315644550975488',
-      '1720315648946606080',
-      '1720315687114772480',
-      '1720315691422322688',
-      '1720315722275622912',
-      '1720315729129115648',
-      '1720315768454909952',
-      '1720316275214913536',
-      '1720316297822212096',
+      // '1720315475507941376',
+      // '1720315479907766272',
+      // '1720315484513112064',
+      // '1720315500866703360',
+      // '1720315558030872576',
+      // '1720315596551360512',
+      // '1720315644550975488',
+      // '1720315648946606080',
+      // '1720315687114772480',
+      // '1720315691422322688',
+      // '1720315722275622912',
+      // '1720315729129115648',
+      // '1720315768454909952',
+      // '1720316275214913536',
+      // '1720316297822212096',
     ]
     modelArr.forEach(e => {
       let model = viewer.loadModel(e, {