业务看板对接

src/views/common/home1.vue

@@ -148,7 +148,7 @@
           <div class="item-list">
             <div class="tops">
               <div class="top-icon" />
-              <div class="tops-title">设备稼动率统计(OEE)<span>3100</span></div>
+              <div class="tops-title">设备稼动率统计(OEE)<span>{{utilizationRateCount}}</span></div>
             </div>
             <div class="list">
               <div v-for="(item, i) in utilizationRateList" class="list-1">
@@ -167,7 +167,7 @@
           <div class="item-list">
             <div class="tops">
               <div class="top-icon" />
-              <div class="tops-title">设备报警记录<span>120</span></div>
+              <div class="tops-title">设备报警记录<span>{{equipmentAlarmCount}}</span></div>
             </div>
             <div class="list">
               <div v-for="(item, i) in equipmentAlarmList" class="list-1">
@@ -178,7 +178,7 @@
                 <div class="list-line-2">
                   <div :class="{'line-color': true, 'c-o': item.percent < 70, 'c-r': item.percent >= 70}">
                     <!-- <div class="line-icon"/> -->
-                    <div class="msg">几回是澡晃蝇档涸虽对讲机几回是澡晃蝇档涸虽对讲机几回是澡晃蝇档涸虽对讲机</div>
+                    <div class="msg">{{item.alarmMsg}}</div>
                   </div>
                 </div>
               </div>
@@ -227,8 +227,10 @@ export default {
       percent: 50,
       equipmentRepairList: [], // 设备报维修记录
       taskCountList: [], // 报工统计
+      utilizationRateCount: 0, // 设备运行效率统计总数量
       utilizationRateList: [], // 设备运行效率统计
       submittedRecordList: [], // 实时报工列表
+      equipmentAlarmCount: 0, // 设备报警记录总数量
       equipmentAlarmList: [] // 设备报警记录
     }
   },
@@ -333,6 +335,7 @@ export default {
       getEquipmentUtilizationRate(param).then(({data}) => {
         if (data && data.code === '200') {
           if (data.data != null && data.data.records != null) {
+            this.utilizationRateCount = data.data.total
             this.utilizationRateList = data.data.records.map(item => {
               return {
                 id: item.id,
@@ -369,16 +372,10 @@ export default {
       getEquipmentAlarm(param).then(({data}) => {
         if (data && data.code === '200') {
           if (data.data != null && data.data.records != null) {
+            this.equipmentAlarmCount = data.data.total
             this.equipmentAlarmList = data.data.records.map(item => {
-              return {...item,
-                percent: 50
-              }
+              return {...item}
             })
-            this.equipmentAlarmList.push({equipmentName: '设备一', percent: 73})
-            this.equipmentAlarmList.push({equipmentName: '设备二', percent: 63})
-            this.equipmentAlarmList.push({equipmentName: '设备三', percent: 33})
-            this.equipmentAlarmList.push({equipmentName: '设备四', percent: 63})
-            this.equipmentAlarmList.push({equipmentName: '设备五', percent: 33})
           }
         }
       })
@@ -815,7 +812,7 @@ export default {
                 line-height: 23px;
                 font-style: normal;
                 text-transform: none;
-                background: linear-gradient(0deg, #0DCAF5 0%, #9BE5FF 67%, #FFFFFF 100%);
+                // background: linear-gradient(0deg, #0DCAF5 0%, #9BE5FF 67%, #FFFFFF 100%);
                 background-clip: text;
                 color: transparent;
                 padding-right: 20px;