src/views/OperationalOverview/coldBoard.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-01-29 16:50:26
- * @LastEditTime: 2024-04-02 13:55:46
+ * @LastEditTime: 2024-04-02 15:01:40
  * @LastEditors: zhp
  * @Description:
 -->
@@ -40,7 +40,7 @@
               <top-radio-group />
             </div> -->
             <!-- 像下面这样表格里的limit值，也许可以用js动态计算出来 -->
-            <div class="myLegend">
+            <div v-if="coldDetData" class="myLegend">
               <div class="barLegend"></div>
               <h4 class="barText">产线产量</h4>
               <div class="barCircle"></div>
@@ -250,6 +250,7 @@ export default {
       funWs: undefined,
       SJGws: undefined,
       funWsData: {},
+      coldDetData:[],
       SJGWsData: {},
       cxNameList:[],
       cxDataList:[],
@@ -352,7 +353,7 @@ export default {
       let sumAreaList = []
       // let yieldList = []
       // this.cutTableDataList =
-      let coldDetData = [
+      this.coldDetData = [
         {
           "first": 0.8834,
           "lineName": "Y61",
@@ -404,7 +405,7 @@ export default {
           "yield": 0.9133
         }
       ]
-      coldDetData.forEach((ele, index) => {
+      this.coldDetData.forEach((ele, index) => {
         nameList.push(ele.lineName)
         topNameList.push('产线: ' + ele.lineName + '   ' + '总面积:' + ele.sumArea + '㎡')
         productList.push(ele.productArea)
@@ -596,6 +597,7 @@ export default {
           let wasteList = []
           let sumAreaList = []
           let yieldList = []
+          this.coldDetData = this.cutWsData.coldDetData
           // this.cutTableDataList =
           this.cutWsData.coldDetData.forEach((ele, index) => {
             nameList.push(ele.lineName)
@@ -649,13 +651,12 @@ export default {
           for (let i in this.funWsData.data.annealFanInfo) {
             index++,
               arr.push([
-                `
-          <span style="color:rgba(255,255,255,0.5)" >${index || ''}
+                `<span style="color:rgba(255,255,255,0.5)" >${index || ''}
             </span>`,
-                `<span style="color:rgba(255,255,255,0.5)" >${i || ''}
-            </span>`,
-                `<span style="color:rgba(255,255,255,0.5)">${i.name || ''}</span>`,
-                `<span style="color:rgba(255,255,255,0.5)"><div style="${i.run == '运行' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%;  background-color: #FFBD02;float:left;margin:10px 10px 0 0 '}"></div>  ${i.run || ''}</span>`,
+                // `<span style="color:rgba(255,255,255,0.5)" >${i || ''}
+                // </span>`,
+                `<span style="color:rgba(255,255,255,0.5)">${i || ''}</span>`,
+                `<span style="color:rgba(255,255,255,0.5)"><div style="${this.funWsData.data.annealFanInfo[i] == '运行' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%;  background-color: #FFBD02;float:left;margin:10px 10px 0 0 '}"></div>  ${this.funWsData.data.annealFanInfo[i] || ''}</span>`,
               ])
           }
           this.annealFunConfig.data = arr
@@ -669,10 +670,10 @@ export default {
           for (let i in this.funWsData.data.fanInfo) {
             index++,
               arr.push([
-                `<span style="color:rgba(255,255,255,0.5)" >${index || ''}</span>`,
-                `<span style="color:rgba(255,255,255,0.5)" >${i || ''}</span>`,
-                `<span style="color:rgba(255,255,255,0.5)">${i.name || ''}</span>`,
-                `<span style="color:rgba(255,255,255,0.5)"><div style="${i.run == '运行' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%;  background-color: #FFBD02;float:left;margin:10px 10px 0 0 '}"></div>  ${i.run || ''}</span>`,
+                `<span style="color:rgba(255,255,255,0.5)" >${index || ''}
+            </span>`,
+                `<span style="color:rgba(255,255,255,0.5)">${i || ''}</span>`,
+                `<span style="color:rgba(255,255,255,0.5)"><div style="${this.funWsData.data.fanInfo[i] == '运行' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%;  background-color: #FFBD02;float:left;margin:10px 10px 0 0 '}"></div>  ${this.funWsData.data.fanInfo[i] || ''}</span>`,
               ])
           }
           this.funConfig.data = arr