修改bug

src/views/OperationalOverview/processingBoard.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-07-19 15:18:30
  * @LastEditors: zhp
- * @LastEditTime: 2024-03-27 11:08:13
+ * @LastEditTime: 2024-03-27 16:13:14
  * @Description:
 -->
 <template>
@@ -16,6 +16,11 @@
       许昌安彩深加工看板
       <h3 class="unit">单位：河南汇融数字科技有限公司</h3>
       <h3 class="time">{{ times }}</h3>
+      <el-button type="text" class="title-button" :style="{ right: 33 + 'px', top: 37 + 'px' }"
+        @click="changeFullScreen">
+        <svg-icon v-if="isFullScreen" icon-class="unFullScreenView" />
+        <svg-icon v-else icon-class="fullScreenView" />
+      </el-button>
     </el-row>
     <el-row class="container-main flex-col" type="flex">
       <el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="15" type="flex" class="flex-1" style="height: 50%;">
@@ -39,7 +44,7 @@
                 <!-- <el-col :span="12"> -->
                 <p class="now-secondary-title">{{ op.name }}</p>
                 <el-progress define-back-color="rgba(32, 57, 96, 1)" text-color="white"
-                  :percentage="op.progressRate * 100" class="custom-progress-bar" />
+                  :percentage="op.progressRate" class="custom-progress-bar" />
               </el-row>
             </div>
             <!-- </div> -->
@@ -271,6 +276,52 @@ export default {
     this.SJGWebsocketClose()
   },
   mounted() {
+    let detData = [
+      {
+        id:'1',
+        name: '测试工单',
+        progressRate:0.933333
+      },
+      {
+        id: '2',
+        name: '测试工单2',
+        progressRate: 0.932323
+      }, {
+        id: '3',
+        name: '测试工单3',
+        progressRate: 0.23232
+      }, {
+        id: '4',
+        name: '测试工单4',
+        progressRate: 0.32323
+      }, {
+        id: '5',
+        name: '测试工单',
+        progressRate: 0.5555
+      }, {
+        id: '6',
+        name: '测试工单',
+        progressRate: 0.66564
+      },
+    ]
+    this.orderList = detData.map((ele, index) => {
+      if (ele.progressRate && ele.progressRate != 1) {
+        return {
+          id: ele.id,
+          name: ele.name,
+          progressRate: parseFloat((ele.progressRate * 100).toFixed(3))
+        }
+      }
+    });
+    let EnergyNameList = ['Y61', 'Y62', 'Y63', 'Y64', 'Y65',]
+    this.EnergyMonitoringNameList = EnergyNameList
+    let EnergyDataList = [1, 2, 3, 4, 5]
+    // this.wsData.data.forEach((ele) => {
+    //   EnergyDataList.push(ele.useQuantity)
+    // })
+    this.EnergyMonitoringList = EnergyDataList
+    // console.log(EnergyDataList)
+    this.$refs.EnergyMonitoringChart.initChart(this.EnergyMonitoringNameList, this.EnergyMonitoringList)
     let eqArr = this.qualityYearList.map((item, index) => [
       `<span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''}
             </span>`,
@@ -452,7 +503,7 @@ export default {
               return {
                 id: ele.id,
                 name: ele.name,
-                progressRate: ele.progressRate.toFixed(3)
+                progressRate: parseFloat((ele.progressRate * 100).toFixed(3))
               }
             }
           });
@@ -616,18 +667,18 @@ export default {
       this.isFullScreen = screenfull.isFullscreen
     },
     init() {
-      if (screenfull.enabled) {
+      if (screenfull.isEnabled) {
         screenfull.on('change', this.change)
       }
     },
     destroy() {
-      if (screenfull.enabled) {
+      if (screenfull.isEnabled) {
         screenfull.off('change', this.change)
       }
     },
     changeFullScreen() {
       this.containerWidth = 223223223
-      if (!screenfull.enabled) {
+      if (!screenfull.isEnabled) {
         this.$message({
           message: 'you browser can not work',
           type: 'warning'