<template>
|
<div>
|
<!-- 查询开始 -->
|
<el-form :model="finishRequest" :inline="true" class="demo-form-inline" :rules="rules">
|
<el-form-item label="开始时间" prop="startTime">
|
<el-date-picker
|
v-model="finishRequest.startTime"
|
value-format="yyyy-MM-dd"
|
type="date"
|
placeholder="开始时间">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="结束时间" prop="endTime">
|
<el-date-picker
|
v-model="finishRequest.endTime"
|
value-format="yyyy-MM-dd"
|
type="date"
|
placeholder="结束时间">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="零件号">
|
<el-input type="text" v-model="finishRequest.mdsItemCode" show-word-limit width="200" placeholder="请输入零件号" clearable></el-input>
|
</el-form-item>
|
<!--<el-form-item label="工艺规程编码">-->
|
<!--<el-input type="text" v-model="finishRequest.mesRouteId" show-word-limit width="200" placeholder="请输入工艺规程编码" clearable></el-input>-->
|
<!--</el-form-item>-->
|
<el-form-item>
|
<el-button type="primary" @click="assignSearch" size="small" icon="el-icon-search">查询</el-button>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="reSearch" icon="el-icon-search" size="small">重置</el-button>
|
</el-form-item>
|
</el-form>
|
|
|
<el-table :data="doneTaskList" class="show_table" ref="workDoneTaskTable"
|
highlight-current-row v-loading="listLoading" :style="conheight" :height="conheight.height" :show-overflow-tooltip="true"
|
>
|
<el-table-column type="expand">
|
<template slot-scope="props">
|
<el-form label-position="left" inline class="demo-table-expand">
|
<el-form-item label="零件号">
|
<span>{{props.row.mdsItemCode}}</span>
|
</el-form-item>
|
<el-form-item label="批次号">
|
<span>{{ props.row.batchNo }}</span>
|
</el-form-item>
|
<el-form-item label="批次数量">
|
<span>{{ props.row.batchSun }}</span>
|
</el-form-item>
|
<el-form-item label="基础工序ID">
|
<span>{{ props.row.mdsOperationSeqId }}</span>
|
</el-form-item>
|
<el-form-item label="流卡号">
|
<span>{{ props.row.mesEwoNo}}</span>
|
</el-form-item>
|
<el-form-item label="工艺路线ID">
|
<span>{{ props.row.mesRouteId }}</span>
|
</el-form-item>
|
<el-form-item label="顺序号">
|
<span>{{ props.row.innerOrder }}</span>
|
</el-form-item>
|
<el-form-item label="工序ID">
|
<span>{{ props.row.mesOperationSeqId }}</span>
|
</el-form-item>
|
<el-form-item label="工序号">
|
<span>{{ props.row.mesOperationSeqNo }}</span>
|
</el-form-item>
|
<el-form-item label="工步ID">
|
<span>{{ props.row.mesOperationSeqStepId }}</span>
|
</el-form-item>
|
<el-form-item label="工步号">
|
<span>{{ props.row.mesOperationSeqStepNo }}</span>
|
</el-form-item>
|
<el-form-item label="校验类型">
|
<span>{{ checkTypeFormat(null, null,props.row.checkType)}}</span>
|
</el-form-item>
|
<el-form-item label="是否首件">
|
<span>{{ fristFlagFormat(null, null,props.row.firstCheckFlag)}}</span>
|
</el-form-item>
|
<el-form-item label="工序小号串">
|
<span>{{ props.row.serialNo }}</span>
|
</el-form-item>
|
<el-form-item label="流卡ID">
|
<span>{{ props.row.mesEwoId }}</span>
|
</el-form-item>
|
<el-form-item label="合格标识">
|
<span>{{ props.row.qualifiedFlag }}</span>
|
</el-form-item>
|
<el-form-item label="参数标识">
|
<span>{{ props.row.checkCode }}</span>
|
</el-form-item>
|
<el-form-item label="参数内容">
|
<span>{{ props.row.checkContent }}</span>
|
</el-form-item>
|
<el-form-item label="实测值">
|
<span>{{ props.row.checkValue }}</span>
|
</el-form-item>
|
<el-form-item label="操作人员">
|
<span>{{ props.row.checkOperatior }}</span>
|
</el-form-item>
|
<el-form-item label="测量时间">
|
<span>{{ checkDateFormat(null, null,props.row.checkDate)}}</span>
|
</el-form-item>
|
<el-form-item label="日期">
|
<span>{{ syncDateFormat(null, null,props.row.syncDate)}}</span>
|
</el-form-item>
|
<el-form-item label="对方系统ID">
|
<span>{{ props.row.attr01 }}</span>
|
</el-form-item>
|
<el-form-item label="采集人员">
|
<span>{{ perpsonFormat(null, null,props.row.attr02)}}</span>
|
</el-form-item>
|
<el-form-item label="定性/定量">
|
<span>{{ attrFormat(null, null,props.row.attr03)}}</span>
|
</el-form-item>
|
<!--<el-form-item label="备注信息">-->
|
<!--<span>{{ props.row.attr04 }}</span>-->
|
<!--</el-form-item>-->
|
</el-form>
|
</template>
|
</el-table-column>
|
<el-table-column prop="mdsItemCode" label="零件号" class-name="center">
|
</el-table-column>
|
<!--<el-table-column prop="batchNo" label="批次号" class-name="center">-->
|
<!--</el-table-column>-->
|
<el-table-column prop="batchSun" label="批次数量" align="center">
|
</el-table-column>
|
<!--<el-table-column prop="innerOrder" label="顺序号" align="center">-->
|
<!--</el-table-column>-->
|
<el-table-column prop="mesOperationSeqNo" label="工序号" align="center">
|
</el-table-column>
|
<!--<el-table-column prop="checkType" label="检验类型" align="center">-->
|
<!--<template slot-scope = "scope">-->
|
<!--<span v-if="scope.row.checkType == 1">自检</span>-->
|
<!--<span v-if="scope.row.checkType == 2">互检</span>-->
|
<!--<span v-if="scope.row.checkType == 3">专检</span>-->
|
<!--</template>-->
|
<!--</el-table-column>-->
|
<el-table-column prop="serialNo" label="工序小号串" align="center">
|
</el-table-column>
|
<el-table-column prop="checkValue" label="实测值" align="center">
|
</el-table-column>
|
<el-table-column prop="checkDate" label="测量时间" align="center" :formatter="dataFormat">
|
</el-table-column>
|
</el-table>
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="pageData.page"
|
:page-sizes="pageData.pageSizeArr"
|
:page-size="pageData.size"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="pageData.total">
|
</el-pagination>
|
</div>
|
</template>
|
|
<script>
|
import * as OperationApi from '../api/tableMessage'
|
export default {
|
name: "operation_completion",
|
data() {
|
// 开始时间校验
|
var validTimeStart = (rule, value, callback) => {
|
var start = new Date(this.finishRequest.startTime);
|
var end = new Date(this.finishRequest.endTime);
|
if (start.getTime() > end.getTime()) {
|
callback(new Error("开始时间不能大于结束时间"));
|
}
|
callback();
|
};
|
// 结束时间校验
|
var vaildTimeEnd = (rule, value, callback) => {
|
var start = new Date(this.finishRequest.startTime);
|
var end = new Date(this.finishRequest.endTime);
|
if (end.getTime() < start.getTime()) {
|
callback(this.$message.error('结束日期必须大于等于开始日期，请重新选择！'));
|
}
|
callback();
|
};
|
return {
|
rules:{
|
startTime: [
|
{validator: validTimeStart,trigger: "blur"}],
|
endTime: [
|
{validator: vaildTimeEnd,trigger: "blur"}],
|
},
|
finishRequest:{
|
startTime: "",
|
endTime:"",
|
mdsItemCode:"",
|
mesRouteId:"",
|
},
|
doneTaskList:[],
|
pageData:{
|
page:1,
|
size:20,
|
total:0,
|
pageSizeArr:[10, 20, 40]
|
},
|
listLoading:false,
|
conheight:{
|
height:'',
|
overflow: 'auto'
|
},
|
}
|
},
|
methods:{
|
//时间转化
|
dataFormat(row,column){
|
if(row.checkDate != null){
|
var data = row.checkDate;
|
return this.$moment(data).format('YYYY-MM-DD HH:mm:ss')
|
}
|
},
|
syncDateFormat(row, col, cellVal){
|
if(cellVal != null){
|
var data = cellVal;
|
return this.$moment(data).format('YYYY-MM-DD HH:mm:ss')
|
}
|
},
|
checkDateFormat(row, col, cellVal){
|
if(cellVal != null){
|
var data = cellVal;
|
return this.$moment(data).format('YYYY-MM-DD HH:mm:ss')
|
}
|
},
|
fristFlagFormat(row, col, cellVal) {
|
if(cellVal == 1){
|
return cellVal = '非首件'
|
}else if(cellVal == 2){
|
return cellVal = '首件'
|
}
|
},
|
checkTypeFormat(row, col, cellVal) {
|
if(cellVal == 1){
|
return cellVal = '自检'
|
}else if(cellVal == 2){
|
return cellVal = '互检'
|
}else if(cellVal == 3){
|
return cellVal = '专检'
|
}
|
},
|
attrFormat(row, col, cellVal) {
|
if(cellVal == 1){
|
return cellVal = '定性'
|
}else if(cellVal == 2){
|
return cellVal = '定量'
|
}
|
},
|
perpsonFormat(row, col, cellVal) {
|
if(cellVal == 1){
|
return cellVal = '工人采集'
|
}else if(cellVal == 2){
|
return cellVal = '组长采集'
|
}else if(cellVal == 3){
|
return cellVal = '校验采集'
|
}
|
},
|
// 设置默认时间
|
GetDateStr(AddDayCount) {
|
|
var dd = new Date();
|
|
dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期
|
|
var y = dd.getFullYear();
|
|
var m = (dd.getMonth()+1)<10?"0"+(dd.getMonth()+1):(dd.getMonth()+1);//获取当前月份的日期，不足10补0
|
|
var d = dd.getDate()<10?"0"+dd.getDate():dd.getDate();//获取当前几号，不足10补0
|
var timrsss = y+"-"+m+"-"+d;
|
this.finishRequest.startTime = timrsss;
|
// return timrsss
|
|
},
|
dateInitEnd() {
|
let date = new Date();
|
let y = date.getFullYear();
|
let m = date.getMonth() + 1;
|
m = m < 10 ? "0" + m : m;
|
let d = date.getDate();
|
d = d < 10 ? "0" + d : d;
|
const time = y + "-" + m + "-" + d;
|
this.finishRequest.endTime = time;
|
},
|
handleSizeChange(val) {
|
this.pageData.size = val;
|
this.queryOperation();
|
},
|
handleCurrentChange(val) {
|
this.pageData.page = val;
|
this.queryOperation();
|
},
|
assignSearch(){
|
this.pageData.page = 1;
|
this.queryOperation();
|
},
|
reSearch(){
|
this.finishRequest = {};
|
this.queryOperation();
|
},
|
queryOperation() {
|
this.listLoading = true;
|
OperationApi.operation_list(this.pageData.page,this.pageData.size,this.finishRequest).then((res)=>{
|
this.listLoading = false;
|
this.pageData.total = res.page.total;
|
this.doneTaskList = res.page.records;
|
}).catch((error) => {
|
this.listLoading = false;
|
})
|
},
|
getHeight(){
|
this.GetDateStr(-4)
|
this.dateInitEnd();
|
this.conheight.height=window.innerHeight-160+'px';
|
},
|
},
|
created() {
|
window.addEventListener('resize', this.getHeight);
|
this.getHeight();
|
},
|
mounted() {
|
this.queryOperation();
|
}
|
}
|
</script>
|
|
<style>
|
.demo-table-expand {
|
font-size: 0;
|
}
|
.demo-table-expand label {
|
width: 90px;
|
color: #99a9bf;
|
}
|
.el-table__expanded-cell .el-form-item{
|
width: 50%;
|
}
|
|
.demo-table-expand .el-form-item {
|
margin-right: 0;
|
margin-bottom: 0;
|
width: 50%;
|
}
|
.transfer-footer {
|
margin-left: 20px;
|
padding: 6px 5px;
|
}
|
</style>
|
