<template>
|
<div>
|
|
<!-- 查询开始 -->
|
<el-form :model="sourceRequest" :inline="true" class="demo-form-inline" :rules="rules">
|
<el-form-item label="开始时间" prop="startTime">
|
<el-date-picker
|
v-model="sourceRequest.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="sourceRequest.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="sourceRequest.workshopNo" show-word-limit width="200" placeholder="请输入工厂编号" clearable></el-input>
|
</el-form-item>
|
<el-form-item label="设备编号">
|
<el-input type="text" v-model="sourceRequest.ae8ncSbno" show-word-limit width="200" placeholder="请输入设备编号" clearable></el-input>
|
</el-form-item>
|
<el-form-item label="零件名称">
|
<el-input type="text" v-model="sourceRequest.partName" show-word-limit width="200" placeholder="请输入零件名称" clearable></el-input>
|
</el-form-item>
|
<el-form-item label="工艺">
|
<el-input type="text" v-model="sourceRequest.processId" show-word-limit width="200" placeholder="请输入工艺" clearable></el-input>
|
</el-form-item>
|
<el-form-item label="工艺版本">
|
<el-input type="text" v-model="sourceRequest.processRevId" show-word-limit width="200" placeholder="请输入工艺版本" clearable></el-input>
|
</el-form-item>
|
<el-form-item label="工序号">
|
<el-input type="text" v-model="sourceRequest.ae8gxNo" 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"
|
style="width: 100%">
|
<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.ae8ncPlant }}</span>
|
</el-form-item>
|
<el-form-item label="设备编号">
|
<span>{{ props.row.ae8ncSbno }}</span>
|
</el-form-item>
|
<el-form-item label="零件名称">
|
<span>{{props.row.partName}}</span>
|
</el-form-item>
|
<el-form-item label="图号">
|
<span>{{ props.row.ae8partNo }}</span>
|
</el-form-item>
|
<el-form-item label="工艺ID">
|
<span>{{ props.row.processId }}</span>
|
</el-form-item>
|
<el-form-item label="工艺名称">
|
<span>{{ props.row.processName }}</span>
|
</el-form-item>
|
<el-form-item label="工艺版本ID">
|
<span>{{ props.row.processRevId}}</span>
|
</el-form-item>
|
|
<el-form-item label="数控工序号">
|
<span>{{ props.row.skgxId }}</span>
|
</el-form-item>
|
<el-form-item label="工序名称">
|
<span>{{ props.row.skgxName }}</span>
|
</el-form-item>
|
<el-form-item label="机床型号">
|
<span>{{ props.row.ae8ncJcId }}</span>
|
</el-form-item>
|
<el-form-item label="操作系统">
|
<span>{{ props.row.ae8ncOs }}</span>
|
</el-form-item>
|
|
<el-form-item label="工序号">
|
<span>{{props.row.ae8gxNo}}</span>
|
</el-form-item>
|
<el-form-item label="程序文件名">
|
<span>{{ props.row.ae8ncFilename }}</span>
|
</el-form-item>
|
<el-form-item label="文件位置">
|
<span>{{ props.row.filePath }}</span>
|
</el-form-item>
|
<el-form-item label="型别">
|
<span>{{ props.row.ae8ncModelNo }}</span>
|
</el-form-item>
|
</el-form>
|
</template>
|
</el-table-column>
|
<el-table-column prop="ae8ncPlant" label="车间" class-name="center">
|
</el-table-column>
|
<el-table-column prop="ae8ncSbno" label="设备编号" class-name="center">
|
</el-table-column>
|
<el-table-column prop="ae8ncModelNo" label="型别" class-name="center">
|
</el-table-column>
|
<el-table-column prop="partName" label="零件名称" class-name="center">
|
</el-table-column>
|
<el-table-column prop="ae8partNo" label="图号" class-name="center">
|
</el-table-column>
|
<el-table-column prop="processId" label="工艺" class-name="center">
|
</el-table-column>
|
<el-table-column prop="processRevId" label="工艺版本" class-name="center">
|
</el-table-column>
|
<el-table-column prop="skgxId" label="数控工序号" class-name="center">
|
</el-table-column>
|
<el-table-column prop="skgxName" label="数控工序名称" class-name="center">
|
</el-table-column>
|
<el-table-column prop="ae8gxNo" label="工序号" align="center">
|
</el-table-column>
|
<el-table-column prop="createTime" label="创建时间" align="center" :formatter="createTimeFormat">
|
</el-table-column>
|
<!--<el-table-column prop="updateTime" label="更新时间" align="center" :formatter="updateTimeFormat">-->
|
<!--</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 DncPlmApi from '../api/tableMessage'
|
export default {
|
name: "dnc_pdm",
|
data() {
|
// 开始时间校验
|
var validTimeStart = (rule, value, callback) => {
|
var start = new Date(this.sourceRequest.startTime);
|
var end = new Date(this.sourceRequest.endTime);
|
if (start.getTime() > end.getTime()) {
|
callback(new Error("开始时间不能大于结束时间"));
|
}
|
callback();
|
};
|
// 结束时间校验
|
var vaildTimeEnd = (rule, value, callback) => {
|
var start = new Date(this.sourceRequest.startTime);
|
var end = new Date(this.sourceRequest.endTime);
|
if (end.getTime() < start.getTime()) {
|
callback(this.$message.error('结束日期必须大于等于开始日期，请重新选择！'));
|
}
|
callback();
|
};
|
return {
|
rules:{
|
startTime: [
|
{validator: validTimeStart,trigger: "blur"}],
|
endTime: [
|
{validator: vaildTimeEnd,trigger: "blur"}],
|
},
|
sourceRequest:{
|
startTime: "",
|
endTime:"",
|
partName:"",
|
processId:"",
|
processRevId:"",
|
ae8gxNo:"",
|
ae8ncSbno:"",
|
workshopNo:""
|
},
|
doneTaskList:[],
|
pageData:{
|
page:1,
|
size:20,
|
total:0,
|
pageSizeArr:[20, 50, 100]
|
},
|
listLoading:false,
|
conheight:{
|
height:'',
|
overflow: 'auto'
|
},
|
}
|
},
|
methods:{
|
//时间转化
|
createTimeFormat(row,column){
|
if(row.createTime != null){
|
var data = row.createTime;
|
return this.$moment(data).format('YYYY-MM-DD HH:mm:ss')
|
}
|
},
|
|
// 设置默认时间
|
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.sourceRequest.startTime = 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.sourceRequest.endTime = time;
|
},
|
handleSizeChange(val) {
|
this.pageData.size = val;
|
this.queryMesDispatch();
|
},
|
handleCurrentChange(val) {
|
this.pageData.page = val;
|
this.queryMesDispatch();
|
},
|
assignSearch(){
|
this.pageData.page = 1;
|
this.queryMesDispatch();
|
},
|
reSearch(){
|
this.sourceRequest = {};
|
this.queryMesDispatch();
|
},
|
queryMesDispatch() {
|
this.listLoading = true;
|
DncPlmApi.dncpdm_list(this.pageData.page,this.pageData.size,this.sourceRequest).then((res)=>{
|
this.listLoading = false;
|
this.pageData.total = res.page.total;
|
this.doneTaskList = res.page.records;
|
}).catch((error) => {
|
this.listLoading = false;
|
})
|
},
|
getHeight(){
|
this.conheight.height=window.innerHeight-200+'px';
|
},
|
},
|
created() {
|
this.GetDateStr(0);
|
this.dateInitEnd();
|
window.addEventListener('resize', this.getHeight);
|
this.getHeight();
|
},
|
mounted() {
|
this.queryMesDispatch();
|
}
|
}
|
</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>
|
