'1'

src/views/OperationalOverview/coldBoard.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-07-19 15:18:30
  * @LastEditors: zhp
- * @LastEditTime: 2024-01-22 16:04:14
+ * @LastEditTime: 2024-01-24 17:07:01
  * @Description:
 -->
 <template>
@@ -94,12 +94,14 @@
                 :table-data="funList" />    -->
               <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: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"
@@ -572,7 +574,7 @@ export default {
           arr.push([
             // console.log(item)
             `
-          <span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''}
+          <span style="color:rgba(255,255,255,0.5)" >${index || ''}
             </span>`,
             // formatDate(item.planStartTime) || '',
             `
@@ -581,7 +583,7 @@ export default {
             `<span style="color:rgba(255,255,255,0.5)">${this.funWsData.data.annealFanInfo[i] || ''}</span>`,
           ])
         }
-        this.annealFanConfig.data = arr
+        this.annealFunConfig.data = arr
         this.$refs['annealFanScrollBoard'].updateRows(arr)
       }
       if (this.funWsData.type === 'FanInfo') {
@@ -596,7 +598,7 @@ export default {
           arr.push([
             // console.log(item)
             `
-          <span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''}</span>`,
+          <span style="color:rgba(255,255,255,0.5)" >${index || ''}</span>`,
             // formatDate(item.planStartTime) || '',
             `
           <span style="color:rgba(255,255,255,0.5)" >${i || ''}</span>`,
@@ -884,6 +886,30 @@ export default {
 </style>
 
 <style lang="scss">
+.eqLine{
+  height: 290px;
+  width: 1px;
+  position: absolute;
+  left: 25%;
+  top: 12%;
+background: linear-gradient(to bottom,rgba(60,
+  231,
+  255,0), #3CE7FF, rgba(60,
+      231,
+      255, 0));
+}
+.eqLineTwo {
+  height: 290px;
+  width: 1px;
+  position: absolute;
+  left: 50%;
+  top: 12%;
+  background: linear-gradient(to bottom, rgba(60,
+        231,
+        255, 0), #3CE7FF, rgba(60,
+        231,
+        255, 0));
+}
 .visual-container {
   ::-webkit-scrollbar {
     width: 8px;

src/views/OperationalOverview/components/baseContainer/index.vue

@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2022-01-19 15:58:17
  * @LastEditors: zhp
- * @LastEditTime: 2024-01-18 13:59:40
+ * @LastEditTime: 2024-01-24 17:01:21
  * @Description: file content
  * @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseContainer\index.vue
 -->
@@ -157,7 +157,7 @@ export default {
           // background-position: 0 0;
         }
         &__eqStatus {
-          background: url(../../../../assets/img/eqStatus.png) no-repeat;
+          background: url(../../../../assets/img/short.png) no-repeat;
           background-size: 100% 100%;
         }
   //   border-radius: 40px 0px 40px 0px;

src/views/OperationalOverview/components/linearBarChart.vue

@@ -83,20 +83,38 @@ export default {
     this.chart = null
   },
   methods: {
-    initChart(nameList,dataList) {
+    initChart(nameList, dataList) {
+      console.log('1111', dataList);
       // console.log(1)
       this.chart = echarts.init(document.getElementById(this.id))
-      if (dataList.length !== 0) {
+      // if (dataList.length !== 0) {
         // this.$set(this.series, "data", dataList);
         this.series = [{
           type: 'bar',
           data: dataList,
-          barWidth: 40
+          itemStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: '#9DD5FF' },
+                { offset: 0.3, color: '#1295FF' }
+              ]),
+              label: {
+                show: true,		//开启显示
+                position: 'top',	//在上方显示
+                textStyle: {	    //数值样式
+                  color: '#ced1d5',
+                  fontSize: 12
+                }
+              },
+            }
+            // barBorderRadius: this.borderRadius
+          },
+          barWidth: 12,
         }]
-      }
-      if (nameList.length !== 0) {
+      // }
+      // if (nameList.length !== 0) {
         this.nameList = nameList
-      }
+      // }
       this.chart.setOption({
         tooltip: {
           trigger: 'axis',
@@ -112,6 +130,16 @@ export default {
           bottom: '3%',
           containLabel: true
         },
+        // legend: {
+        //   itemWidth: 10,
+        //   itemHeight: 10,
+        //   // right: '20px',
+        //   data: nameList,
+        //   textStyle: {
+        //     fontSize: 12 * this.beilv,
+        //     color: '#ced1d5'
+        //   }
+        // },
         xAxis: {
           type: 'category',
           axisLine: {

src/views/OperationalOverview/processingBoard.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-07-19 15:18:30
  * @LastEditors: zhp
- * @LastEditTime: 2024-01-22 14:37:50
+ * @LastEditTime: 2024-01-24 17:10:28
  * @Description:
 -->
 <template>
@@ -826,7 +826,10 @@ export default {
         this.productLineList.forEach((item) => {
           this.SJGWsData.detData.forEach((ele) => {
             if (item.id == ele.productionLineId) {
-              nameList.push(item.name)
+              if (item.name.substr(0, 1) == "D") {
+                nameList.push(item.name)
+
+              }
             }
           })
         })