src/views/OperationalOverview/AGVBoard.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-07-19 15:18:30
  * @LastEditors: zhp
- * @LastEditTime: 2024-03-26 09:57:35
+ * @LastEditTime: 2024-03-27 10:25:15
  * @Description:
 -->
 <template>
@@ -410,6 +410,9 @@ export default {
 <style lang="scss" scoped>
 
 
+
+
+
 .visual-container {
   width: 1920px;
   height: 1080px;
@@ -422,6 +425,7 @@ export default {
     background-size: 100% 100%;
     color: #00fff0;
     text-align: center;
+    letter-spacing: 8px;
     word-spacing: 8px;
     position: relative;
     .unit{
@@ -430,6 +434,7 @@ export default {
       top:25px;
       color: rgba($color: #ffffff, $alpha: 8);
       font-size: 20px;
+      letter-spacing: 0px;
     }
     .time{
       position: absolute;
@@ -437,6 +442,7 @@ export default {
       top:25px;
       color: rgba($color: #ffffff, $alpha: 8);
       font-size: 20px;
+      letter-spacing: 0px;
     }
     .title-button {
       color: #00fff0;

src/views/OperationalOverview/coldBoard.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-01-29 16:50:26
- * @LastEditTime: 2024-03-26 18:00:34
+ * @LastEditTime: 2024-03-27 10:58:39
  * @LastEditors: zhp
  * @Description:
 -->
@@ -61,7 +61,7 @@
 
       <el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="10" type="flex" class="flex-1">
         <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12">
-          <base-container :no-content-padding="true" :height="256" :title="'废片 缺陷数据'" :size="'middle'"
+          <base-container :no-content-padding="true" :height="256" :title="'废片 缺陷数据'" :size="'eqStatus'"
             :title-icon="'scrap'">
             <!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;">
               <top-radio-group />
@@ -495,7 +495,8 @@ export default {
             </span>`,
                 `<span style="color:rgba(255,255,255,0.5)" >${i || ''}
             </span>`,
-                `<span style="color:rgba(255,255,255,0.5)">${this.funWsData.data.annealFanInfo[i] || ''}</span>`,
+                `<span style="color:rgba(255,255,255,0.5)"><div style="${this.funWsData.data.annealFanInfo[i] == '3片' ? 'width:10px;height:10px;border-radius: 50%; background-color: blue;float:left;margin:12px 10px 0 0 ' : 'width:10px;height:10px;border-radius: 50%; background-color: yellow;float:left;margin:12px 10px 0 0 '}"></div>  ${this.funWsData.data.annealFanInfo[i] || ''}</span>`,
+                // `<span style="color:rgba(255,255,255,0.5)">  ${this.funWsData.data.annealFanInfo[i] || ''}</span>`,
               ])
           }
           this.annealFunConfig.data = arr
@@ -509,7 +510,8 @@ export default {
               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)">${this.funWsData.data.fanInfo[i] || ''}</span>`,
+                `<span style="color:rgba(255,255,255,0.5)"><div style="${this.funWsData.data.fanInfo[i] == '3片' ? 'width:10px;height:10px;border-radius: 50%; background-color: blue;float:left;margin:12px 10px 0 0 ' : 'width:10px;height:10px;border-radius: 50%; background-color: yellow;float:left;margin:12px 10px 0 0 '}"></div>  ${this.funWsData.data.fanInfo[i] || ''}</span>`,
+                // `<span style="color:rgba(255,255,255,0.5)">${this.funWsData.data.fanInfo[i] || ''}</span>`,
               ])
           }
           this.funConfig.data = arr
@@ -714,13 +716,15 @@ export default {
     background-size: 100% 100%;
     color: rgba(0, 255, 247, 1);
     text-align: center;
+    letter-spacing: 8px;
     word-spacing: 8px;
     .unit {
       position: absolute;
-      left: 260px;
+      left: 290px;
       top: 25px;
       color: rgba(255, 255, 255, 0.80);
       font-size: 20px;
+      letter-spacing: 0px;
       }
 
     .time {
@@ -729,6 +733,7 @@ export default {
       color: rgba(255, 255, 255, 0.80);
       top: 25px;
       font-size: 20px;
+      letter-spacing: 0px;
     }
 
     .title-button {

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

@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2022-01-19 15:58:17
  * @LastEditors: zhp
- * @LastEditTime: 2024-02-22 10:26:59
+ * @LastEditTime: 2024-03-27 10:26:35
  * @Description: file content
  * @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseContainer\index.vue
 -->
@@ -158,6 +158,7 @@ export default {
 <style lang="scss" scoped>
 
 
+
 .base-container {
   color: #fff;
   width: 100%;
@@ -192,7 +193,7 @@ export default {
           backdrop-filter: blur(5px);
         }
         &__eqStatus {
-          background: url(../../../../assets/img/high.png) no-repeat;
+          background: url(../../../../assets/img/large.png) no-repeat;
           background-size: 100% 100%;
           backdrop-filter: blur(5px);
         }

src/views/OperationalOverview/processingBoard.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-07-19 15:18:30
  * @LastEditors: zhp
- * @LastEditTime: 2024-03-26 17:57:44
+ * @LastEditTime: 2024-03-27 11:08:13
  * @Description:
 -->
 <template>
@@ -33,7 +33,7 @@
         </el-col>
 
         <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8" height="100%">
-          <base-container :height="318" :size="'small'" :title="'工单监控'" :title-icon="'order'">
+          <base-container :height="318" :size="'small'" :title="'工单监控'" :title-icon="'eqMonitoring'">
             <div style="width:100%; overflow: hidden scroll;">
               <el-row v-for="op in orderList" :key="op.id" style="margin-bottom: 1em">
                 <!-- <el-col :span="12"> -->
@@ -49,8 +49,8 @@
 
       <el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="12" type="flex" class="flex-1">
         <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12">
-          <base-container :show-yes-time="true" :no-content-padding="true" :height="256" :size="'middle'" :title="'能源监控'"
+          <base-container :show-yes-time="true" :no-content-padding="true" :height="256" :size="'eqStatus'"
-            :title-icon="'energyMonitoring'">
+            :title="'能源监控'" :title-icon="'energyMonitoring'">
             <el-row :gutter="9">
               <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="24">
                 <linear-bar-chart ref="EnergyMonitoringChart" :name-list="EnergyMonitoringNameList"
@@ -60,7 +60,7 @@
           </base-container>
         </el-col>
         <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12">
-          <base-container :show-time="true"   :no-content-padding="true" :height="318 + 338 + 16" :size="'middle'"
+          <base-container :show-time="true" :no-content-padding="true" :height="318 + 338 + 16" :size="'eqStatus'"
             :title="'产线产量及良品率'" :title-icon="'productLine'">
             <double-y-chart ref="productLineChart" :id=" 'doubleYChart' " :height="390" :show-legend="true" />
           </base-container>
@@ -464,7 +464,7 @@ export default {
             `<span style="color:rgba(255,255,255,0.5)" >${item.name || ''}
             </span>`,
             `<span style="color:rgba(255,255,255,0.5)">${item.code || ''}</span>`,
-            `<span style="color:rgba(255,255,255,0.5)">${item.status || ''}</span>`,
+            `<span style="color:rgba(255,255,255,0.5)"><span style="color:rgba(255,255,255,0.5)"></span>  ${item.status || ''}</span>`,
             `<span style="color:rgba(255,255,255,0.5)">${item.error || ''}</span>`,
           ])
           this.eqConfig.data = eqArr
@@ -654,7 +654,7 @@ export default {
     background: url('../../assets/img/OperationalOverview/title.png') no-repeat;
     background-size: 100% 100%;
     color: #00fff0;
-    // word-spacing: 8px;
+    word-spacing: 8px;
     letter-spacing: 8px;
     text-align: center;
       .unit {