zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:洁净车间（洗）调整

This commit is contained in:
shijing 2026-05-08 16:34:37 +08:00
parent badafb2d8e
commit a0b50cdc63
1 changed files with 42 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/views/bigScreen/bxerp/jiejingdept.vue
View File

@ -11,7 +11,7 @@
<div style="height: 50vh;position: relative;">
<dv-border-box-1>
<div class="chartBlockTitle">车间各工段生产产品数</div>
<dv-capsule-chart :config="config_left1" class="leftChartBlock1"/>
<div id="chartLeft1" style="width:90%;height:40vh;margin:0 auto;"></div>
</dv-border-box-1>
</div>
<div style="height: 40vh;" class="mat-panel-wrap">
@ -44,25 +44,25 @@
<el-col :span="6" class="numBlock">
<dv-border-box-12>
<div class="numBlock_title">今日工序报工量</div>
<div class="numBlock_value">123</div>
<div class="numBlock_value">245</div>
</dv-border-box-12>
</el-col>
<el-col :span="6" class="numBlock">
<dv-border-box-12>
<div class="numBlock_title">在产产品数</div>
<div class="numBlock_value">123</div>
<div class="numBlock_value">2</div>
</dv-border-box-12>
</el-col>
<el-col :span="6" class="numBlock">
<dv-border-box-12>
<div class="numBlock_title">本月完工工单</div>
<div class="numBlock_value">123</div>
<div class="numBlock_value">20</div>
</dv-border-box-12>
</el-col>
<el-col :span="6" class="numBlock">
<dv-border-box-12>
<div class="numBlock_title">本月计划产量</div>
<div class="numBlock_value">123</div>
<div class="numBlock_value">2465</div>
</dv-border-box-12>
</el-col>
</el-row>
@ -407,18 +407,7 @@ export default {
headerHeight:40,
data:[]
},
config_left1:{
data:[
{name:'洗棒',value:0},
{name:'捆棒',value:0},
{name:'拉单丝',value:0},
{name:'排一次棒',value:0},
{name:'一次复丝',value:0},
{name:'排二次棒',value:0},
{name:'二次复丝',value:0},
],
showValue: true
} ,
chartLeft1Data: { names: ['拉单丝', '一次复丝', '二次复丝'], values: [320, 280, 195] },
config_left2:{
data:[],
digitalFlopStyle: {
@ -451,7 +440,8 @@ export default {
end_time:'',
start_time:'',
deptName:"拉丝排板班组",
mgroups:['洗棒','捆棒','拉单丝','排一次棒','一次复丝','排二次棒','二次复丝'],
// mgroups:['洗棒','捆棒','拉单丝','排一次棒','一次复丝','排二次棒','二次复丝'],
mgroups:['拉单丝','一次复丝','二次复丝'],
};
},
computed: {
@ -499,6 +489,7 @@ export default {
that.mgroupsforEach();
that.getEquipment();
that.getMgroups();
that.$nextTick(() => { that.renderChartLeft1(); });
//每个人日生产量：个人绩效
// that.getEveryoneCount();
that.materialAll();
@ -599,9 +590,41 @@ export default {
res.forEach((item) => {
count += Number(item.count);
})
that.config_left1.data[index].value = count;
if (!that.chartLeft1Data.names[index]) {
that.chartLeft1Data.names[index] = name;
that.chartLeft1Data.values[index] = count;
} else {
that.chartLeft1Data.values[index] = count;
}
// that.renderChartLeft1();
})
},
renderChartLeft1() {
let that = this;
let myChart = echarts.getInstanceByDom(document.getElementById('chartLeft1'));
if (!myChart) {
myChart = echarts.init(document.getElementById('chartLeft1'));
}
let option = {
backgroundColor: 'transparent',
grid: { left: '2%', right: '15%', top: '8%', bottom: '5%', containLabel: true },
xAxis: { type: 'value', axisLabel: { color: '#fff', fontSize: 12 }, splitLine: { lineStyle: { color: 'rgba(255,255,255,0.08)' } } },
yAxis: { type: 'category', data: that.chartLeft1Data.names, axisLabel: { color: '#fff', fontSize: 14 }, axisLine: { show: false }, axisTick: { show: false } },
series: [{
type: 'bar', data: that.chartLeft1Data.values,
barWidth: 18,
label: { show: true, position: 'right', color: '#fff', fontSize: 14, fontWeight: 'bold' },
itemStyle: {
borderRadius: [0, 6, 6, 0],
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#0a5a8a' },
{ offset: 1, color: '#00c8ff' },
]),
},
}],
};
myChart.setOption(option);
},
//车间设备列表
getEquipment() {
let that = this;
@ -808,13 +831,6 @@ export default {
font-size: 3vh;
font-family: "myfont";
}
.leftChartBlock1{
width: 90%;
height: 43vh;
z-index: 999;
left: 5%;
border-radius: 3vh;
}
/* ===== 产品统计面板 ===== */
.mat-panel-wrap { position: relative; }