|
|
@@ -58,16 +58,22 @@
|
|
|
<div class="rightDiv marginBottom15">
|
|
|
<div class="modelTitle marginBottom15">设备利用率</div>
|
|
|
<el-row :gutter="15">
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<div id="percenter1" class="percenter">
|
|
|
<el-progress type="circle" :percentage="percentages[0]" :stroke-width="10" :width="100"></el-progress>
|
|
|
- <span class="pcText">智能生产单元</span>
|
|
|
+ <span class="pcText">智能生产保障系统</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<div id="percenter2" class="percenter">
|
|
|
<el-progress type="circle" :percentage="percentages[1]" color="#5cb87a" :stroke-width="10" :width="100"></el-progress>
|
|
|
- <span class="pcText">柔性智能加工</span>
|
|
|
+ <span class="pcText">舱体类加工单元</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <div id="percenter3" class="percenter">
|
|
|
+ <el-progress type="circle" :percentage="percentages[2]" color="#6a5acd" :stroke-width="10" :width="100"></el-progress>
|
|
|
+ <span class="pcText">框体类加工单元</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -509,15 +515,19 @@
|
|
|
initPercentPie(vals){
|
|
|
var elm = echarts.init(document.getElementById("percenter1"))
|
|
|
var elm2 = echarts.init(document.getElementById("percenter2"))
|
|
|
+ var elm3 = echarts.init(document.getElementById("percenter3"))
|
|
|
if(elm != null && elm !='' && elm != undefined){
|
|
|
elm.dispose()
|
|
|
}
|
|
|
if(elm2 != null && elm2 !='' && elm2 != undefined){
|
|
|
elm2.dispose()
|
|
|
}
|
|
|
+ if(elm3 != null && elm3 !='' && elm3 != undefined){
|
|
|
+ elm3.dispose()
|
|
|
+ }
|
|
|
var option1 = {
|
|
|
value: vals == null ? randomFloor(67,77) : vals[0], //百分比,必填
|
|
|
- name:'智能生产单元利用率', //必填
|
|
|
+ name:'智能保障系统利用率', //必填
|
|
|
name2:'未利用率',
|
|
|
title:'',
|
|
|
backgroundColor: null,
|
|
|
@@ -529,7 +539,7 @@
|
|
|
|
|
|
var option2 = {
|
|
|
value: vals == null ? randomFloor(49,59) : vals[1], //百分比,必填
|
|
|
- name:'柔性智能加工利用率', //必填
|
|
|
+ name:'舱体类加工利用率', //必填
|
|
|
name2:'未利用率', //必填
|
|
|
title:'',
|
|
|
backgroundColor: null,
|
|
|
@@ -537,7 +547,19 @@
|
|
|
fontSize:12,
|
|
|
domEle:document.getElementById("percenter2")//必填
|
|
|
};
|
|
|
- percentPie(option2);
|
|
|
+ percentPie(option2);
|
|
|
+
|
|
|
+ var option3 = {
|
|
|
+ value: vals == null ? randomFloor(49,69) : vals[2], //百分比,必填
|
|
|
+ name:'框体类加工利用率', //必填
|
|
|
+ name2:'未利用率', //必填
|
|
|
+ title:'',
|
|
|
+ backgroundColor: null,
|
|
|
+ color:['#6a5acd','#DDDDDD'],
|
|
|
+ fontSize:12,
|
|
|
+ domEle:document.getElementById("percenter3")//必填
|
|
|
+ };
|
|
|
+ percentPie(option3);
|
|
|
|
|
|
},
|
|
|
|
|
|
@@ -557,7 +579,7 @@
|
|
|
if(data.type == 'PUSH_TYPE_DATA_SCREEN'){
|
|
|
this.$nextTick(()=> {
|
|
|
// 数据变更
|
|
|
- this.initPercentPie([randomFloor(77,87), randomFloor(59,69)])
|
|
|
+ this.initPercentPie([randomFloor(77,87), randomFloor(59,69), randomFloor(49,69)])
|
|
|
this.orderDatas = data.data.zoneMap.zoneData
|
|
|
this.runDatas = data.data.planMap.planData.records
|
|
|
|
