|
|
|
@ -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>
|
|
|
|
@ -103,7 +103,7 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { getIncomeTableList,getTableHzTitleTh,getTableHzDataSC,getTableHzNoOkData,getDictData} from "@/api/quality/qcTable";
|
|
|
|
|
import { getIncomeTableList,getTableHzTitleTh,getTableHzDataSC,getTableHzNoOkDataSC,getDictData} from "@/api/quality/qcTable";
|
|
|
|
|
import moment from 'moment';
|
|
|
|
|
import * as echarts from "echarts";
|
|
|
|
|
|
|
|
|
@ -139,7 +139,7 @@ export default {
|
|
|
|
|
checkType:'checkTypeLL',
|
|
|
|
|
ymdms: 'dd',
|
|
|
|
|
incomeTimeStr: moment().format('YYYY-MM-DD'),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
// 表单参数
|
|
|
|
|
form: {},
|
|
|
|
@ -173,7 +173,7 @@ export default {
|
|
|
|
|
// },
|
|
|
|
|
],
|
|
|
|
|
tableThead:[
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
],
|
|
|
|
|
tableTbody:[],
|
|
|
|
|
tableBlfx:[],
|
|
|
|
@ -188,9 +188,9 @@ export default {
|
|
|
|
|
this.getTbody()
|
|
|
|
|
this.getBlfx()
|
|
|
|
|
// })
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// this.getEchartsThl()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
@ -207,7 +207,7 @@ export default {
|
|
|
|
|
let res=await getTableHzTitleTh({checkType:'checkTypeLL'})
|
|
|
|
|
console.log('resTh',res)
|
|
|
|
|
this.tableThead=res.columns1
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
async getTbody(){
|
|
|
|
|
this.loading=true
|
|
|
|
@ -223,7 +223,7 @@ export default {
|
|
|
|
|
res.map((item,index)=>{
|
|
|
|
|
xData.push(item.timeCol),
|
|
|
|
|
yData.push(item.noOkRate)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
console.log('tableTbody',this.tableTbody)
|
|
|
|
|
this.loading=false
|
|
|
|
@ -233,7 +233,7 @@ export default {
|
|
|
|
|
let xdata=[]
|
|
|
|
|
let ydata=[]
|
|
|
|
|
let peiData=[]
|
|
|
|
|
let res=await getTableHzNoOkData(this.queryParams)
|
|
|
|
|
let res=await getTableHzNoOkDataSC(this.queryParams)
|
|
|
|
|
console.log('res不良分析',res)
|
|
|
|
|
res.map((item,index)=>{
|
|
|
|
|
var pDat={}
|
|
|
|
@ -296,7 +296,7 @@ export default {
|
|
|
|
|
rotate: _this.queryParams.ymdms=='mm'?50:0,
|
|
|
|
|
fontSize:11
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
data: xData
|
|
|
|
|
},
|
|
|
|
|
yAxis: {
|
|
|
|
@ -311,7 +311,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
{
|
|
|
|
|
name:'成品包装不良率%',
|
|
|
|
|
data: yData,
|
|
|
|
|
type: 'line',
|
|
|
|
@ -339,7 +339,7 @@ export default {
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
optionl && myChartl.setOption(optionl);
|
|
|
|
|
optionl && myChartl.setOption(optionl);
|
|
|
|
|
},
|
|
|
|
|
getEchartsTl(xdata,ydata){
|
|
|
|
|
var chartDoml = document.getElementById('echartTsl');
|
|
|
|
@ -360,7 +360,7 @@ export default {
|
|
|
|
|
show:false,
|
|
|
|
|
inside:true,
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
data: xdata
|
|
|
|
|
},
|
|
|
|
|
yAxis: {
|
|
|
|
@ -370,7 +370,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
{
|
|
|
|
|
name:'成品包装不良率%',
|
|
|
|
|
data: ydata,
|
|
|
|
|
type: 'bar',
|
|
|
|
@ -397,7 +397,7 @@ export default {
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
option2l && myChart2l.setOption(option2l);
|
|
|
|
|
option2l && myChart2l.setOption(option2l);
|
|
|
|
|
},
|
|
|
|
|
getEchartsThl(peiData){
|
|
|
|
|
console.log('peiData',peiData)
|
|
|
|
@ -445,7 +445,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
option3l && myChart3l.setOption(option3l);
|
|
|
|
|
option3l && myChart3l.setOption(option3l);
|
|
|
|
|
},
|
|
|
|
|
// 表单重置
|
|
|
|
|
reset() {
|
|
|
|
@ -480,7 +480,7 @@ export default {
|
|
|
|
|
this.getThead()
|
|
|
|
|
this.getTbody()
|
|
|
|
|
this.getBlfx()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
/** 重置按钮操作 */
|
|
|
|
|
resetQuery() {
|
|
|
|
@ -525,7 +525,7 @@ export default {
|
|
|
|
|
padding: 5px 0px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.top-right-table{
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
@ -549,7 +549,7 @@ export default {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.bottom-echart{
|
|
|
|
@ -616,4 +616,4 @@ export default {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</style>
|
|
|
|
|