src/views/EquipmentManager/components/EquipmentAnalysisBox.vue

@@ -14,16 +14,16 @@
       <div class="flex items-center gap-8">
         <span class="param-name">MTBR</span>
         <div class="progress-bar grow">
-          <ProgreeBar :process="+mtbr * 100" :colors="['#2EC6B4', '#85F6E9']" />
+          <ProgreeBar :process="+mtbr" :max="30" :colors="['#2EC6B4', '#85F6E9']" />
         </div>
-        <span class="param-value">{{ mtbr | noDecimalFilter }}%</span>
+        <span class="param-value">{{ mtbr }}min</span>
       </div>
       <div class="flex items-center gap-8">
         <span class="param-name">MTBF</span>
         <div class="progress-bar grow">
-          <ProgreeBar :process="+mtbf * 100" :colors="['#EB46A1', '#FF8BC3']" />
+          <ProgreeBar :process="+mtbf" :max="99999" :colors="['#EB46A1', '#FF8BC3']" />
         </div>
-        <span class="param-value">{{ mtbf | noDecimalFilter }}%</span>
+        <span class="param-value">{{ mtbf }}h</span>
       </div>
     </div>
   </TechyBox>
@@ -39,6 +39,10 @@ const ProgreeBar = {
       type: Number,
       default: 0
     },
+    max: {
+      type: Number,
+      default: 100
+    },
     colors: {
       type: Array,
       default: () => ['#1295FF', '#9DD5FF']
@@ -68,7 +72,7 @@ const ProgreeBar = {
               position: 'absolute',
               left: 0,
               top: 0,
-              width: this.process + '%',
+              width: this.process / this.max * 100 + '%',
               height: '100%',
               borderRadius: 'calc(8px * var(--beilv))',
               background: `linear-gradient(to right, ${this.colors[0]}, ${this.colors[1]})`
@@ -141,7 +145,7 @@ export default {
   width: 24px; */
   font-size: calc(12px * var(--beilv));
   line-height: calc(14px * var(--beilv));
-  width: 25%;
+  width: 15%;
 }
 
 .param-list::before {

src/views/EquipmentManager/mockData.js

@@ -142,12 +142,12 @@ export const OEE_PER_LINE = {
 }
 
 export const equipmentAnalysisData = [
-  { 'name': '冷端下片单元', "oee": 0.85, "mtbr": 21, "mtbf": 77991 },
-  { 'name': '磨边单元', "oee": 0.754, "mtbr": 22, "mtbf": 790301 },
-  { 'name': '丝印', "oee": 0.86, "mtbr": 28, "mtbf": 882301 },
-  { 'name': '上片机器人', "oee": 0.76, "mtbr": 17, "mtbf": 293736 },
-  { 'name': '激光打孔', "oee": 0.7, "mtbr": 8, "mtbf": 173827 },
-  { 'name': '镀膜', "oee": 0.688, "mtbr": 3, "mtbf": 223811 },
+  { 'name': '冷端下片单元', "oee": 0.62, "mtbr": 25, "mtbf": 54875 },
+  { 'name': '磨边单元', "oee": 0.789, "mtbr": 25, "mtbf": 61323 },
+  { 'name': '丝印', "oee": 0.83, "mtbr": 19, "mtbf": 89653 },
+  { 'name': '上片机器人', "oee": 0.66, "mtbr": 30, "mtbf": 71839 },
+  { 'name': '激光打孔', "oee": 0.71, "mtbr": 11, "mtbf": 39362 },
+  { 'name': '镀膜', "oee": 0.686, "mtbr": 25, "mtbf": 62901 },
 ]
 
 export const sparepartsProps = [