|
@@ -45,21 +45,31 @@
|
|
|
<div class="progress-wrapper">
|
|
<div class="progress-wrapper">
|
|
|
<div class="progress-item">
|
|
<div class="progress-item">
|
|
|
<div class="label"> 已生产重量 </div>
|
|
<div class="label"> 已生产重量 </div>
|
|
|
- <el-progress
|
|
|
|
|
- :percentage="(infoData.completeWeightRatio || 0) * 100"
|
|
|
|
|
- color="rgba(0, 191, 191, 1)"
|
|
|
|
|
- :text-inside="true"
|
|
|
|
|
- :stroke-width="16"
|
|
|
|
|
- ></el-progress>
|
|
|
|
|
|
|
+ <div class="item-percent">
|
|
|
|
|
+ <el-progress
|
|
|
|
|
+ :percentage="(infoData.completeWeightRatio || 0) * 100"
|
|
|
|
|
+ color="rgba(0, 191, 191, 1)"
|
|
|
|
|
+ :text-inside="true"
|
|
|
|
|
+ :stroke-width="16"
|
|
|
|
|
+ ></el-progress>
|
|
|
|
|
+ <div class="percent-num">
|
|
|
|
|
+ {{productionPlan.completeNum?productionPlan.completeNum:0}}/{{productionPlan.num}}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="progress-item">
|
|
<div class="progress-item">
|
|
|
<div class="label"> 已完成工单 </div>
|
|
<div class="label"> 已完成工单 </div>
|
|
|
- <el-progress
|
|
|
|
|
- :percentage="(infoData.completeOrderRatio || 0) * 100"
|
|
|
|
|
- color="rgba(2, 125, 180, 1)"
|
|
|
|
|
- :text-inside="true"
|
|
|
|
|
- :stroke-width="16"
|
|
|
|
|
- ></el-progress>
|
|
|
|
|
|
|
+ <div class="item-percent">
|
|
|
|
|
+ <el-progress
|
|
|
|
|
+ :percentage="(infoData.completeOrderRatio || 0) * 100"
|
|
|
|
|
+ color="rgba(2, 125, 180, 1)"
|
|
|
|
|
+ :text-inside="true"
|
|
|
|
|
+ :stroke-width="16"
|
|
|
|
|
+ ></el-progress>
|
|
|
|
|
+ <div class="percent-num">
|
|
|
|
|
+ {{infoData.completeOrder}}/{{infoData.orderNum?infoData.orderNum:0}}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -151,6 +161,16 @@
|
|
|
.el-progress {
|
|
.el-progress {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
}
|
|
}
|
|
|
|
|
+ .item-percent{
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ .percent-num{
|
|
|
|
|
+ margin-left: 20px;
|
|
|
|
|
+ width: 120px;
|
|
|
|
|
+ text-align: left;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|