| | |
| | | </div> |
| | | |
| | | <dv-border-box-9 style="padding: 15px 15px 0"> |
| | | <div id="tech_condition_chart" style="width:100%;height: 240px;"></div> |
| | | <div id="warranty_malfunction_chart" style="width:100%;height: 240px;"></div> |
| | | <div> |
| | | <div style="display: flex;flex-direction:column;align-items: center"> |
| | | <dv-decoration-11 |
| | | style="width:45%;height:60px;color: rgba(0,0,0,.45);font-size: 20px;align-self: flex-start">三保计划 |
| | | </dv-decoration-11> |
| | | <div class="support-plan-container"> |
| | | <div v-for="(item,index) in supportPlanList" :key="index" class="support-plan-item" |
| | | :style="{background:item.backgroundColor}" @click="openMaintenanceModal(item)"> |
| | | <div>{{item.planTime}}</div> |
| | | <div class="plan-value-container"> |
| | | <div class="plan-value">{{$data[item.planValueLabel]}}</div> |
| | | <div>台</div> |
| | | </div> |
| | | <div id="tech_condition_chart" style="width:100%;height: 280px;"></div> |
| | | <div id="warranty_malfunction_chart" style="width:100%;height: 280px;"></div> |
| | | <div style="display: flex;flex-direction:column;align-items: center;margin-top: 40px"> |
| | | <div class="support-plan-container"> |
| | | <div v-for="(item,index) in supportPlanList" :key="index" class="support-plan-item" |
| | | :style="{background:item.backgroundColor}" @click="openMaintenanceModal(item)"> |
| | | <div>{{item.planTime}}</div> |
| | | <div class="plan-value-container"> |
| | | <div class="plan-value">{{$data[item.planValueLabel]}}</div> |
| | | <div>台</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="display: flex;margin-top: 10px;justify-content: space-between;align-items: center;"> |
| | | <dv-decoration-11 style="width:45%;height:60px;font-size: 20px;color: rgba(0,0,0,.45)">二保计划 |
| | | </dv-decoration-11> |
| | | <div |
| | | style="flex:1;text-align:center;font-size: 25px;color: rgba(0,0,0,.45);overflow: hidden;text-overflow: ellipsis;white-space: nowrap"> |
| | | 2024年4月1日大修 |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | signageApi.getEquipmentOEEMonthStatisticsApi(this.productionCode) |
| | | .then(res => { |
| | | if (res.success && res.result) { |
| | | const res = { |
| | | result: [ |
| | | { |
| | | equipmentId: '2140311', |
| | | overallEquipmentEfficiency: 12 |
| | | }, |
| | | { |
| | | equipmentId: '2140511', |
| | | overallEquipmentEfficiency: 32 |
| | | }, |
| | | { |
| | | equipmentId: '2420011', |
| | | overallEquipmentEfficiency: 15 |
| | | }, |
| | | { |
| | | equipmentId: '2140023', |
| | | overallEquipmentEfficiency: 62 |
| | | }, |
| | | { |
| | | equipmentId: '2110011', |
| | | overallEquipmentEfficiency: 46 |
| | | }, |
| | | { |
| | | equipmentId: '2140211', |
| | | overallEquipmentEfficiency: 75 |
| | | }, |
| | | { |
| | | equipmentId: '2144011', |
| | | overallEquipmentEfficiency: 86 |
| | | }, |
| | | { |
| | | equipmentId: '2140021', |
| | | overallEquipmentEfficiency: 97 |
| | | }, |
| | | { |
| | | equipmentId: '2145031', |
| | | overallEquipmentEfficiency: 57 |
| | | } |
| | | ] |
| | | } |
| | | this.barChartData = res.result.map(item => { |
| | | return { |
| | | name: item.equipmentId, |
| | |
| | | const equipmentIdObj = { |
| | | equipmentId: item.equipmentId, |
| | | equipmentName: item.equipmentName, |
| | | openRate: 84, |
| | | startRate: 70, |
| | | utilizationRate: 42 |
| | | openRate: 0, |
| | | startRate: 0, |
| | | utilizationRate: 0 |
| | | } |
| | | this.first7DaysEfficiencyData.dataList.push(equipmentIdObj) |
| | | } |
| | |
| | | justify-content: space-around; |
| | | flex-wrap: wrap; |
| | | color: #fff; |
| | | padding-top: 20px; |
| | | |
| | | .support-plan-item { |
| | | border-radius: 3px; |