|
|
|
|
@ -22,7 +22,7 @@
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item v-show="queryParams.ymdms=='yyyy'" label="检验时间">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="queryParams.incomeTimeStr"
|
|
|
|
|
style="width: 230px"
|
|
|
|
|
type="year"
|
|
|
|
|
@ -38,8 +38,8 @@
|
|
|
|
|
<el-date-picker v-model="queryParams.incomeTimeStr" size="small" style="width: 230px" type="date" value-format="yyyy-MM-dd" placeholder="选择检验时间"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
|
|
@ -59,8 +59,8 @@
|
|
|
|
|
<div class="title">首检数据统计</div>
|
|
|
|
|
<el-table :data="tableTbody" height="440" :loading="loading" ref="tables">
|
|
|
|
|
<el-table-column label="时间" align="center" prop="timeCol" min-width="100" fixed="left" />
|
|
|
|
|
<el-table-column label="抽样数" align="center" prop="sampleQuality" min-width="100" fixed/>
|
|
|
|
|
<el-table-column label="缺陷不良" align="center" min-width="100">
|
|
|
|
|
<el-table-column label="首检批次" align="center" prop="sampleQuality" min-width="100" fixed/>
|
|
|
|
|
<el-table-column label="不合格原因" align="center" min-width="100">
|
|
|
|
|
<template v-for="(column, index) in tableThead">
|
|
|
|
|
<el-table-column align="center" :prop="'col'+index" :key="index" :label="column"/>
|
|
|
|
|
</template>
|
|
|
|
|
@ -83,7 +83,7 @@
|
|
|
|
|
<div class="title">首检</div>
|
|
|
|
|
<el-table :data="tableBlfx" height="400">
|
|
|
|
|
<el-table-column label="时间" align="center" prop="dataType" min-width="100" />
|
|
|
|
|
<el-table-column label="抽样数" align="center" prop="noOkQuality" min-width="100"/>
|
|
|
|
|
<el-table-column label="首检批次" align="center" prop="noOkQuality" min-width="100"/>
|
|
|
|
|
<el-table-column label="不良率" align="center" prop="noOkNumRate" min-width="100">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<span>{{scope.row.noOkNumRate}}%</span>
|
|
|
|
|
@ -139,7 +139,7 @@ export default {
|
|
|
|
|
checkType:'checkTypeSC',
|
|
|
|
|
ymdms: 'dd',
|
|
|
|
|
incomeTimeStr: moment().format('YYYY-MM-DD'),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
// 表单参数
|
|
|
|
|
form: {},
|
|
|
|
|
@ -173,7 +173,7 @@ export default {
|
|
|
|
|
// },
|
|
|
|
|
],
|
|
|
|
|
tableThead:[
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
],
|
|
|
|
|
tableTbody:[],
|
|
|
|
|
tableBlfx:[],
|
|
|
|
|
@ -188,8 +188,8 @@ export default {
|
|
|
|
|
this.getTbody()
|
|
|
|
|
this.getBlfx()
|
|
|
|
|
// })
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
@ -205,7 +205,7 @@ export default {
|
|
|
|
|
let res=await getTableHzTitleTh({checkType:'checkTypeSC'})
|
|
|
|
|
console.log('resTh',res)
|
|
|
|
|
this.tableThead=res.columns1
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
async getTbody(){
|
|
|
|
|
this.loading=true
|
|
|
|
|
@ -221,7 +221,7 @@ export default {
|
|
|
|
|
res.map((item,index)=>{
|
|
|
|
|
xData.push(item.timeCol),
|
|
|
|
|
yData.push(item.noOkRate)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
console.log('tableTbody',this.tableTbody)
|
|
|
|
|
this.loading=false
|
|
|
|
|
@ -294,7 +294,7 @@ export default {
|
|
|
|
|
rotate: _this.queryParams.ymdms=='dd'?0:50,
|
|
|
|
|
fontSize:11
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
data: xData
|
|
|
|
|
},
|
|
|
|
|
yAxis: {
|
|
|
|
|
@ -309,7 +309,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
{
|
|
|
|
|
name:'成品包装不良率%',
|
|
|
|
|
data: yData,
|
|
|
|
|
type: 'line',
|
|
|
|
|
@ -337,7 +337,7 @@ export default {
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
optionj && myChartj.setOption(optionj);
|
|
|
|
|
optionj && myChartj.setOption(optionj);
|
|
|
|
|
},
|
|
|
|
|
getEchartsTj(xdata,ydata){
|
|
|
|
|
var chartDomj = document.getElementById('echartTsj');
|
|
|
|
|
@ -358,7 +358,7 @@ export default {
|
|
|
|
|
show:false,
|
|
|
|
|
inside:true,
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
data: xdata
|
|
|
|
|
},
|
|
|
|
|
yAxis: {
|
|
|
|
|
@ -368,7 +368,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
{
|
|
|
|
|
name:'成品包装不良率%',
|
|
|
|
|
data: ydata,
|
|
|
|
|
type: 'bar',
|
|
|
|
|
@ -395,7 +395,7 @@ export default {
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
option2j && myChart2j.setOption(option2j);
|
|
|
|
|
option2j && myChart2j.setOption(option2j);
|
|
|
|
|
},
|
|
|
|
|
getechartsThj(peiData){
|
|
|
|
|
console.log('peiData',peiData)
|
|
|
|
|
@ -443,7 +443,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
option3j && myChart3j.setOption(option3j);
|
|
|
|
|
option3j && myChart3j.setOption(option3j);
|
|
|
|
|
},
|
|
|
|
|
// 表单重置
|
|
|
|
|
reset() {
|
|
|
|
|
@ -478,7 +478,7 @@ export default {
|
|
|
|
|
this.getThead()
|
|
|
|
|
this.getTbody()
|
|
|
|
|
this.getBlfx()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
/** 重置按钮操作 */
|
|
|
|
|
resetQuery() {
|
|
|
|
|
@ -528,7 +528,7 @@ export default {
|
|
|
|
|
padding: 5px 0px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.top-right-table{
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
@ -552,7 +552,7 @@ export default {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.bottom-echart{
|
|
|
|
|
@ -619,4 +619,4 @@ export default {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</style>
|
|
|
|
|
|
FCD
2 months ago