Yangwl
/
lanju-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

白坯检验后台报表调整

Browse Source
master
FCD 1 week ago
parent 3686b183c9
commit 5886bc93e1
3 changed files with 31 additions and 39 deletions
Show Stats Download Patch File Download Diff File

10
src/views/quality/report/bpDefect/index.vue
Unescape Escape View File

@ -32,11 +32,11 @@
<el-table v-loading="loading" :data="hourProList" border>
<el-table-column label="序号" type="index" align="center" :index="indexMethod" fixed/>
<el-table-column label="不良项目" align="center" prop="dataType" min-width="100" fixed/>
<el-table-column label="不良项目" align="center" prop="defect" min-width="100" fixed/>
<template v-for="(column, index) in showTitles">
<el-table-column align="center" min-width="120" :prop="column.id" :key="column.id" :label="column.titleName"/>
<el-table-column align="center" min-width="120" :prop="column.titleName" :key="column.titleName" :label="column.titleName"/>
</template>
<el-table-column label="累计" align="center" prop="rowSum" min-width="100"/>
<el-table-column label="累计" align="center" prop="count" min-width="100"/>
</el-table>
</div>
@ -126,7 +126,7 @@ export default {
return
}
this.loading = true;
this.loading = false;
//获取Table表头
getMonthOfDateTitle(this.queryParams).then(response => {
this.showTitles = [];
@ -139,7 +139,7 @@ export default {
});
//获取Table数据
getMonthOfDataDefect(this.queryParams).then(response => {
this.hourProList = response;
this.hourProList = response.data;
this.loading = false;
});

29
src/views/quality/report/bpDefectItem/index.vue
Unescape Escape View File

@ -38,14 +38,14 @@
</el-col>
</el-row>
<el-descriptions title="" border :column="3" :contentStyle="content_style" :label-style="label_style">
<el-descriptions-item label="产品名称" class="my-description-item1">{{form.materialName}}</el-descriptions-item>
<el-descriptions-item label="产品名称" class="my-description-item1">白坯</el-descriptions-item>
<el-descriptions-item label="抽样数" class="my-description-item1">{{form.sampleQty}}</el-descriptions-item>
<el-descriptions-item label="生产车间" class="my-description-item1">{{form.workCenter}}</el-descriptions-item>
<el-descriptions-item label="生产车间" class="my-description-item1">白坯车间</el-descriptions-item>
<el-descriptions-item label="不良品数" class="my-description-item1">{{form.noOkQty}}</el-descriptions-item>
<el-descriptions-item label="不良率" class="my-description-item1">{{form.noOkNumRate}}</el-descriptions-item>
<el-descriptions-item label="合格率" class="my-description-item1">{{form.okNumRate}}</el-descriptions-item>
<el-descriptions-item label="不良率" class="my-description-item1">{{form.noOkRate}}%</el-descriptions-item>
<el-descriptions-item label="合格率" class="my-description-item1">{{form.okRate}}%</el-descriptions-item>
</el-descriptions>
</el-form>
<div id="echartss" style="width:1200px;height:450px;"></div>
@ -59,7 +59,7 @@
</template>
</el-table-column>
</el-table>
</el-tab-pane>
</el-tab-pane>
</el-tabs>
</div>
</template>
@ -252,17 +252,14 @@ export default {
},
async getTbody(){
this.loading=true
this.$nextTick(()=>{
this.$refs.tables.doLayout()//对table进行重新布局
})
let _this = this
let _this = this
getDefectItemLine(this.queryParams).then(response => {
_this.form = response;
_this.getEcharts(response.supplierCodes,response.columns1,response.columns2)
console.log(response.data)
_this.form = response.data;
_this.getEcharts(response.data.xData,response.data.yDataLeft,response.data.yDataRight)
});
},
getEcharts(xData,yDataLeft,yDdataRight){
var _this=this
getEcharts(xData,yDataLeft,yDataRight){
var chartDom = document.getElementById('echartss');
var myChart = echarts.init(chartDom);
var option;
@ -320,12 +317,12 @@ export default {
name: '累计不良率',
type: 'line',
yAxisIndex: 1,
data: yDdataRight //[15, 25, 33, 38, 40]
data: yDataRight //[15, 25, 33, 38, 40]
}
]
};
option && myChart.setOption(option);
option && myChart.setOption(option);
},
// 生成表头序号
@ -339,4 +336,4 @@ export default {
.my-description-item1 {
width: 200px; /* 或者你想要的任何宽度 */
}
</style>
</style>

31
src/views/quality/report/bpDefectItemPC/index.vue
Unescape Escape View File

@ -34,18 +34,18 @@
<el-form ref="form" :model="form" label-width="80px">
<el-row>
<el-col :span="24" style="text-align:center">
<h2>{{form.column080090}} 年 {{form.column090100}}月 黑蚊香白坯性能不良排列图</h2>
<h2> {{queryParams.yearMonthDate}} 黑蚊香白坯性能不良排列图</h2>
</el-col>
</el-row>
<el-descriptions title="" border :column="3" :contentStyle="content_style" :label-style="label_style">
<el-descriptions-item label="产品名称" class="my-description-item1">{{form.materialName}}</el-descriptions-item>
<el-descriptions-item label="产品名称" class="my-description-item1">白坯</el-descriptions-item>
<el-descriptions-item label="抽检批次" class="my-description-item1">{{form.sampleQty}}</el-descriptions-item>
<el-descriptions-item label="生产车间" class="my-description-item1">{{form.workCenter}}</el-descriptions-item>
<el-descriptions-item label="生产车间" class="my-description-item1">白坯车间</el-descriptions-item>
<el-descriptions-item label="不合格批次" class="my-description-item1">{{form.noOkQty}}</el-descriptions-item>
<el-descriptions-item label="批次不合格率" class="my-description-item1">{{form.noOkNumRate}}</el-descriptions-item>
<el-descriptions-item label="批次合格率" class="my-description-item1">{{form.okNumRate}}</el-descriptions-item>
<el-descriptions-item label="批次不合格率" class="my-description-item1">{{form.noOkRate}}</el-descriptions-item>
<el-descriptions-item label="批次合格率" class="my-description-item1">{{form.okRate}}</el-descriptions-item>
</el-descriptions>
</el-form>
<div id="echartss" style="width:1200px;height:450px;"></div>
@ -59,7 +59,7 @@
</template>
</el-table-column>
</el-table>
</el-tab-pane>
</el-tab-pane>
</el-tabs>
</div>
</template>
@ -246,22 +246,17 @@ export default {
handleClick(){
this.$nextTick(()=>{
this.$refs.tables.doLayout()//对table进行重新布局
})
},
async getTbody(){
this.loading=true
this.$nextTick(()=>{
this.$refs.tables.doLayout()//对table进行重新布局
})
let _this = this
let _this = this
getDefectItemLinePC(this.queryParams).then(response => {
_this.form = response;
_this.getEcharts(response.supplierCodes,response.columns1,response.columns2)
_this.getEcharts(response.xData,response.yDataLeft, response.yDataRight)
});
},
getEcharts(xData,yDataLeft,yDdataRight){
getEcharts(xData,yDataLeft,yDataRight){
var _this=this
var chartDom = document.getElementById('echartss');
var myChart = echarts.init(chartDom);
@ -320,12 +315,12 @@ export default {
name: '累计不良率',
type: 'line',
yAxisIndex: 1,
data: yDdataRight //[15, 25, 33, 38, 40]
data: yDataRight //[15, 25, 33, 38, 40]
}
]
};
option && myChart.setOption(option);
option && myChart.setOption(option);
},
// 生成表头序号
@ -339,4 +334,4 @@ export default {
.my-description-item1 {
width: 200px; /* 或者你想要的任何宽度 */
}
</style>
</style>

Write Preview
Loading…
Cancel
Save