src/views/OperationalOverview/coldBoard.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-07-19 15:18:30
  * @LastEditors: zhp
- * @LastEditTime: 2024-01-25 14:18:42
+ * @LastEditTime: 2024-01-24 17:07:01
  * @Description:
 -->
 <template>
@@ -82,7 +82,7 @@
           </base-container>
         </el-col>
         <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="14">
-          <base-container  :height="318 + 338 + 16" :size="'eqStatus'"
+          <base-container :no-content-padding="true" :no-padding="true" :height="318 + 338 + 16" :size="'eqStatus'"
             :title="'设备状态监控'" :title-icon="'eqMonitoring'">
             <!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;">
               <top-radio-group />
@@ -92,21 +92,21 @@
               <div style="font-size:20px;margin: 5px 0 10px 0">融化风机</div>
               <!-- <base-table1 :page="1" :limit="999" :show-index="false" :table-config="EqMonitoringPropsFun"
                 :table-data="funList" />    -->
-              <dv-scroll-board :config="funConfig" style="width:100%;height:310px" ref='funScrollBoard' />
+              <dv-scroll-board :config="funConfig" style="width:100%;height:350px" ref='funScrollBoard' />
             </el-col>
             <span class="eqLine"></span>
             <el-col :span="6">
               <div style="font-size:20px;margin: 5px 0 10px 0;">退火风机</div>
               <!-- <base-table1 :page="1" :limit="999" :show-index="false" :table-config="EqMonitoringPropsFun"
                 :table-data="annealFunList" /> -->
-              <dv-scroll-board :config="annealFunConfig" style="width:100%;height:310px" ref='annealFunScrollBoard' />
+              <dv-scroll-board :config="annealFunConfig" style="width:100%;height:350px" ref='annealFunScrollBoard' />
             </el-col>
             <span class="eqLineTwo"></span>
             <el-col :span="12" style="float: right;">
               <div style="font-size:20px;margin: 5px 0 10px 0;">产线设备</div>
               <!-- <base-table1 :page="1" :limit="999" :show-index="false" :table-config="EqMonitoringProps"
                 :table-data="realEqList" /> -->
-              <dv-scroll-board :config="realEqConfig" style="width:100%;height:310px" ref='realEqScrollBoard' />
+              <dv-scroll-board :config="realEqConfig" style="width:100%;height:350px" ref='realEqScrollBoard' />
 
             </el-col>
             <!-- <double-y-chart :id="'doubleYChart'" :name-list="cxNameList" :data-list="cxDataList" :height="359"
@@ -133,7 +133,6 @@
 <script>
 import baseContainer from './components/baseContainer'
 import baseTable1 from './components/baseTable'
-// import baseContainer1 from './components/baseContainer/indexcopy'
 // import baseTable2 from './components/baseTable'
 // import baseTable3 from './components/baseTable'
 import TopRadioGroup from './components/topRadioGroup'
@@ -259,8 +258,7 @@ export default {
     pileBarChart,
     TopRadioGroup,
     doubleYChart,
-    LinearBarChart,
+    LinearBarChart
-    // baseContainer1
     // pieChart1,
     // pieChart2
     // pieChart3
@@ -283,7 +281,7 @@ export default {
         headerBGC: 'rgba(32, 55, 96, 0.8)',
         oddRowBGC: 'rgba(32, 55, 96, 0.8)',
         evenRowBGC: 'rgba(14, 32, 62, 0.8)',
-        columnWidth: [60,60, 132, 142, 105,105,90],
+        columnWidth: [70,70, 130, 150, 110,110,90],
         align: ['center'],
         data: [],
         // index:true,
@@ -444,45 +442,6 @@ export default {
   //   removeEventListener('resize', resizeFun)
   // },
   methods: {
-    formatTime(time, option) {
-      // if (('' + time).length === 10) {
-      //   time = parseInt(time) * 1000
-      // } else {
-      //   time = +time
-      // }
-      console.log(time);
-      const d = new Date(time)
-      // const now = Date.now()
-      // console.log(time);
-      // const diff = (now - d) / 1000
-
-      // if (diff < 30) {
-      //   return '刚刚'
-      // } else if (diff < 3600) {
-      //   // less 1 hour
-      //   return Math.ceil(diff / 60) + '分钟前'
-      // } else if (diff < 3600 * 24) {
-      //   return Math.ceil(diff / 3600) + '小时前'
-      // } else if (diff < 3600 * 24 * 2) {
-      //   return '1天前'
-      // }
-      // if (option) {
-        // return parseTime(time, option)
-      // } else {
-        return (
-          d.getMonth() +
-          1 +
-          '月' +
-          d.getDate() +
-          '日' +
-          d.getHours() +
-          '时'
-          // +
-          // d.getMinutes() +
-          // '分'
-        )
-      // }
-    },
     // getList() {
     //   // this.loading = true;
     //   // 执行查询
@@ -625,7 +584,7 @@ export default {
           ])
         }
         this.annealFunConfig.data = arr
-        this.$refs['annealFunScrollBoard'].updateRows(arr)
+        this.$refs['annealFanScrollBoard'].updateRows(arr)
       }
       if (this.funWsData.type === 'FanInfo') {
         let arr = []
@@ -693,7 +652,7 @@ export default {
           `
           <span style="color:rgba(255,255,255,0.5)" >${item.lineName || ''}
             </span>`,
-          `<span style="color:rgba(255,255,255,0.5)">${this.formatTime(item.time) || ''}</span>`,
+          `<span style="color:rgba(255,255,255,0.5)">${formatDate(item.time) || ''}</span>`,
           `<span style="color:rgba(255,255,255,0.5)">${this.getSize(item.size) || ''}</span>`,
           `<span style="color:rgba(255,255,255,0.5)">${item.productArea + '㎡' || ''}</span>`,
           `<span style="color:rgba(255,255,255,0.5)">${item.wasteArea + '㎡' || ''}</span>`,

src/views/OperationalOverview/components/pileBarChart.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2023-12-27 13:54:52
- * @LastEditTime: 2024-01-25 14:08:27
+ * @LastEditTime: 2024-01-22 16:04:18
  * @LastEditors: zhp
  * @Description:
 -->
@@ -103,7 +103,6 @@ export default {
           // itemStyle: {
             color: '#0fdedb',
           // },
-          // barCategoryGap: '10%',
           barWidth: 10,
           data: passRateList
         },
@@ -111,9 +110,8 @@ export default {
           type: 'bar',
           stack: 'total',
           name: '废品',
-          // barCategoryGap: '10%',
           data: wasteList,
-          // barWidth: 10,
+          barWidth: 10,
           // barWidth: 15,
           // label: {
           //   position: [10, 10],
@@ -147,7 +145,7 @@ export default {
           right: '4%',
           // bottom: '3%',
           width: 'auto',
-          height: '300',
+          height: 'auto',
           containLabel: true
         },
         yAxis: [

src/views/OperationalOverview/processingBoard.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-07-19 15:18:30
  * @LastEditors: zhp
- * @LastEditTime: 2024-01-25 10:13:51
+ * @LastEditTime: 2024-01-24 17:10:28
  * @Description:
 -->
 <template>
@@ -131,7 +131,6 @@
 
 <script>
 import baseContainer from './components/baseContainer'
-
 import baseTable1 from './components/baseTable'
 // import baseTable2 from './components/baseTable'
 // import baseTable3 from './components/baseTable'
@@ -829,18 +828,21 @@ export default {
             if (item.id == ele.productionLineId) {
               if (item.name.substr(0, 1) == "D") {
                 nameList.push(item.name)
-                outputNumList.push(ele.outputNum)
+
-                passRateList.push(ele.passRate * 100)
               }
             }
           })
         })
         // progressRateList = EnergyNameList
         // let EnergyDataList = []
-        // this.SJGWsData.detData.forEach((ele) => {
+        this.SJGWsData.detData.forEach((ele) => {
-        // })
+          passRateList.push(ele.passRate *100
-        // this.SJGWsData.detData.forEach((ele) => {
+          )
-        // })
+        })
+        this.SJGWsData.detData.forEach((ele) => {
+          outputNumList.push(ele.outputNum
+          )
+        })
         // console.log(this.EnergyMonitoringNameList)
         // console.log(this.EnergyMonitoringList)
         // this.$nextTick(() => {