zhc077
2 years ago
parent
08c69bdb0e
commit
16e889e753
5 changed files with 424 additions and 8 deletions
@ -0,0 +1,324 @@ |
||||
<template> |
||||
<a-card :bordered="false"> |
||||
<template> |
||||
<div> |
||||
<el-descriptions border :column='4'> |
||||
<el-descriptions-item label="工单编号 ">{{planInfo.productName}}</el-descriptions-item> |
||||
<el-descriptions-item label="生产企业">{{ planInfo.productOrg }}</el-descriptions-item> |
||||
<!-- <el-descriptions-item label="企业负责人 ">admin</el-descriptions-item>--> |
||||
<el-descriptions-item label="车间 ">{{ planInfo.workshop }}</el-descriptions-item> |
||||
<!-- <el-descriptions-item label="车间负责人 ">admin</el-descriptions-item>--> |
||||
<el-descriptions-item label="班组">{{ planInfo.team }}</el-descriptions-item> |
||||
<el-descriptions-item label="班组长">{{ planInfo.teamLade }}</el-descriptions-item> |
||||
<el-descriptions-item label="产品类型">10</el-descriptions-item> |
||||
<el-descriptions-item label="产品编号">{{ planInfo.productNo }}</el-descriptions-item> |
||||
<el-descriptions-item label="产品名称">{{ planInfo.productName}}</el-descriptions-item> |
||||
<el-descriptions-item label="开始时间">{{ planInfo.workTime }}</el-descriptions-item> |
||||
<el-descriptions-item label="生产时长">{{ planInfo.duration }}</el-descriptions-item> |
||||
<el-descriptions-item label="生产状态">{{ planInfo.status }}</el-descriptions-item> |
||||
<el-descriptions-item label="加急">{{ planInfo.speedUp }}</el-descriptions-item> |
||||
<el-descriptions-item label="销售企业">{{ planInfo.salesEnterprise }}</el-descriptions-item> |
||||
<el-descriptions-item label="订货期">{{ planInfo.orderTime }}</el-descriptions-item> |
||||
<!-- <el-descriptions-item label="制定人">100</el-descriptions-item>--> |
||||
<!-- <el-descriptions-item label="制定时间">100</el-descriptions-item>--> |
||||
<el-descriptions-item label="审核人">{{ planInfo.auditBy }}</el-descriptions-item> |
||||
<el-descriptions-item label="审核时间">{{ planInfo.auditTimr }}</el-descriptions-item> |
||||
</el-descriptions> |
||||
</div> |
||||
</template> |
||||
|
||||
<!-- table区域-begin --> |
||||
<div> |
||||
<j-vxe-table |
||||
ref="xTable" |
||||
toolbar |
||||
:toolbarConfig="toolbarConfig" |
||||
row-number |
||||
row-selection |
||||
keep-source |
||||
:rowSelection="clickTrue" |
||||
:clickSelectRow="clickTrue" |
||||
:loading="loading" |
||||
:columns="columns" |
||||
@selectRowChange="handleSelectRowChange" |
||||
:dataSource="dataSource" |
||||
@valueChange="handleValueChange" |
||||
@save="handleTableSave" |
||||
> |
||||
<template v-slot:toolbarSuffix> |
||||
<a-button type="primary" icon="download" @click="handleExportXls('计划工序')">导出</a-button> |
||||
<a-button type="primary" icon="rollback" @click="fanHui()">返回</a-button> |
||||
</template> |
||||
</j-vxe-table> |
||||
</div> |
||||
</a-card> |
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
import '@/assets/less/TableExpand.less' |
||||
import {mixinDevice} from '@/utils/mixin' |
||||
import {JeecgListMixin} from '@/mixins/JeecgListMixin' |
||||
import {getAction, postAction} from "@api/manage"; |
||||
import {filterObj, pushIfNotExist, randomNumber, randomUUID} from "@/utils/util"; |
||||
import {JVXETypes} from '@/components/jeecg/JVxeTable' |
||||
import Area from "@comp/_util/Area"; |
||||
|
||||
export default { |
||||
name: 'ZyPlanProcessDataList', |
||||
mixins: [JeecgListMixin, mixinDevice], |
||||
data() { |
||||
return { |
||||
toolbarConfig: { |
||||
// add 新增按钮；remove 删除按钮；clearSelection 清空选择按钮 |
||||
btn: ['save',] |
||||
}, |
||||
description: '生产计划工序管理页面', |
||||
loading: false, |
||||
dataSource: [], |
||||
// columns, |
||||
columns: [ |
||||
{key: 'workOrderId', title: '工单编号', width: '200px'}, |
||||
// {key: 'productName', title: '产品名称', width: '120px'}, |
||||
{key: 'departName', title: '车间名称', width: '120px'}, |
||||
{key: 'processName', title: '工序名称', width: '120px'}, |
||||
{ |
||||
title: '工位ID', |
||||
key: 'stationId', |
||||
type: JVXETypes.hidden, |
||||
// width: '200px', |
||||
// options: [], |
||||
// placeholder: '请选择${title}', |
||||
}, { |
||||
title: '工位名称', |
||||
key: 'stationName', |
||||
type: JVXETypes.select, |
||||
width: '200px', |
||||
options: [], |
||||
placeholder: '请选择${title}', |
||||
}, |
||||
{ |
||||
title: 'stationIds', |
||||
key: 'stationIds', |
||||
type: JVXETypes.hidden, |
||||
}, |
||||
{ |
||||
title: '设备列表', |
||||
key: 'machineNames', |
||||
type: JVXETypes.selectMultiple, |
||||
width: '200px', |
||||
options: [], |
||||
placeholder: '请选择${title}', |
||||
}, |
||||
{ |
||||
title: 'toodsIds', |
||||
key: 'toolsIds', |
||||
type: JVXETypes.hidden, |
||||
}, |
||||
{ |
||||
title: '工具列表', |
||||
key: 'toolsIdNames', |
||||
type: JVXETypes.selectMultiple, |
||||
width: '200px', |
||||
options: [], |
||||
placeholder: '请选择${title}', |
||||
}, |
||||
{key: 'proProcess', type: JVXETypes.hidden, title: '前导工序ID', width: '120px'}, |
||||
{ |
||||
title: '前导工序', |
||||
key: 'proProcessName', |
||||
type: JVXETypes.popup, |
||||
width: '180px', |
||||
popupCode: 'zy_process', |
||||
field: 'id,process_code,process_name,process_describe', |
||||
// orgFields: 'id,process_code,process_name,process_describe', |
||||
// destFields: 'proProcessName,process_code,process_name,process_describe', |
||||
orgFields: 'process_name,id', |
||||
destFields: 'proProcessName,proProcess', |
||||
}, |
||||
{key: 'postProcess', type: JVXETypes.hidden, title: '后导工序ID', width: '120px'}, |
||||
{ |
||||
title: '后导工序', |
||||
key: 'postProcessName', |
||||
type: JVXETypes.popup, |
||||
width: '180px', |
||||
popupCode: 'zy_process', |
||||
field: 'id,process_code,process_name,process_describe', |
||||
// orgFields: 'id,process_code,process_name,process_describe', |
||||
// destFields: 'proProcessName,process_code,process_name,process_describe', |
||||
orgFields: 'process_name,id', |
||||
destFields: 'postProcessName,postProcess', |
||||
}, |
||||
{key: 'inputProduct', title: '输入产品', width: '150', type: JVXETypes.input}, |
||||
{key: 'semiProduct', title: '成品/半成品', width: '150', type: JVXETypes.input}, |
||||
], |
||||
url: { |
||||
list: "/org.jeecg.modules.productplan/zyPlanProcess/getProcessDatalist", |
||||
getPlanInfo: "/org.jeecg.modules.productplan/zyPlanProcess/getPlanInfo", |
||||
stationToolslist: "/stationTool/list2", |
||||
stationMachinelist: "/stationMachine/list2", |
||||
addProcessBatch: "/org.jeecg.modules.productplan/zyPlanProcess/addProcessBatch", |
||||
}, |
||||
loadRouteType: false, |
||||
planId: "", |
||||
dictOptions: {}, |
||||
planInfo: {}, |
||||
superFieldList: [], |
||||
stationId: [], |
||||
stationList: [], |
||||
toolsList: [], |
||||
machineList: [], |
||||
clickTrue: true, |
||||
} |
||||
}, |
||||
created() { |
||||
this.loadParameter(); |
||||
this.getPlanInfo(this.planId); |
||||
}, |
||||
methods: { |
||||
getPlanInfo(planId) { |
||||
// debugger; |
||||
getAction(this.url.getPlanInfo, {"planId": planId}).then((res) => { |
||||
if (res.success) { |
||||
this.planInfo = res.result.records || res.result; |
||||
console.log("getPlanInfo------------:" + JSON.stringify(this.planInfo)); |
||||
} else { |
||||
// this.stationIdCode = "station,station_name,id,depart_id in (select workshop_id from zy_product_plan where id='" + this.planId + "')"; |
||||
this.$message.warning(res.message) |
||||
} |
||||
}).finally(() => { |
||||
this.loading = false |
||||
}) |
||||
}, |
||||
|
||||
// 【整体保存】点击保存按钮时触发的事件 |
||||
handleTableSave({$table, target}) { |
||||
console.log("生产计划工序保存开始-----------------") |
||||
// 校验整个表格 |
||||
$table.validate().then((errMap) => { |
||||
// 校验通过 |
||||
if (!errMap) { |
||||
// 获取所有数据 |
||||
let tableData = target.getTableData() |
||||
console.log('当前保存的数据是：', tableData) |
||||
// 【模拟保存】 |
||||
this.loading = true |
||||
postAction(this.url.addProcessBatch, tableData).then(res => { |
||||
if (res.success) { |
||||
this.$message.success(`保存成功！`) |
||||
} else { |
||||
this.$message.warn(`保存失败：` + res.message) |
||||
} |
||||
}).finally(() => { |
||||
this.loading = false |
||||
}) |
||||
} |
||||
}) |
||||
}, |
||||
fanHui() { |
||||
this.$router.push({ |
||||
path: '/productplan/ZyPlanProcessList', |
||||
}); |
||||
}, |
||||
|
||||
//加载传递参数 |
||||
loadParameter() { |
||||
// debugger; |
||||
if (this.loadRouteType === false) { |
||||
this.planId = this.$route.query.planId; |
||||
// this.biaoTi = this.$route.query.styleNames+"款式面料管理"; |
||||
console.log("*******传递的planId:" + this.planId) |
||||
this.loadRouteType = true; |
||||
} |
||||
}, |
||||
loadData(arg) { |
||||
console.log("the loadData---------开始"); |
||||
// var that = this; |
||||
if (!this.url.list) { |
||||
this.$message.error("请设置url.list属性!") |
||||
return |
||||
} |
||||
//加载数据 若传入参数1则加载第一页的内容 |
||||
// this.loadParameter(); |
||||
var params = this.getQueryParams();//查询条件 |
||||
this.loading = true; |
||||
console.log("----------------the params:", params); |
||||
getAction(this.url.list, params).then((res) => { |
||||
if (res.success) { |
||||
this.dataSource = res.result.records || res.result; |
||||
// this.stationId = this.dataSource[0].stationId; |
||||
this.stationList = this.dataSource[0].stationList; |
||||
} else { |
||||
// this.stationIdCode = "station,station_name,id,depart_id in (select workshop_id from zy_product_plan where id='" + this.planId + "')"; |
||||
this.$message.warning(res.message) |
||||
} |
||||
}).finally(() => { |
||||
this.loading = false |
||||
}) |
||||
}, |
||||
getQueryParams() { |
||||
//获取查询条件 |
||||
let sqp = {} |
||||
if (this.superQueryParams) { |
||||
sqp['superQueryParams'] = encodeURI(this.superQueryParams) |
||||
sqp['superQueryMatchType'] = this.superQueryMatchType |
||||
} |
||||
var param = Object.assign(sqp, this.queryParam, this.isorter, this.filters); |
||||
param.field = this.getQueryField(); |
||||
param.pageNo = this.ipagination.current; |
||||
param.pageSize = this.ipagination.pageSize; |
||||
param.planId = this.planId; |
||||
return filterObj(param); |
||||
}, |
||||
|
||||
// 当选择的行变化时触发的事件 |
||||
handleSelectRowChange(event) { |
||||
console.log("handleSelectRowChange") |
||||
console.log("handleSelectRowChange-event:", event) |
||||
const {type, row, column, value, target, $table} = event |
||||
console.log(JSON.stringify(this.stationIdList)); |
||||
// target.$refs.vxe.columns[6].dictCode = this.stationIdCode; |
||||
target.$refs.vxe.columns[6].options = this.stationList; |
||||
}, |
||||
/** 当选项被改变时，联动其他组件 */ |
||||
handleValueChange(event) { |
||||
const {type, row, column, value, target} = event |
||||
console.log("event", event) |
||||
console.log("row", row) |
||||
// if (type === JVXETypes.select) { |
||||
// 第一列 |
||||
if (column.key === 'stationId') { |
||||
// 设置第二列的 options |
||||
console.log('this stationid(row.id):', row.stationId) |
||||
// 清空后两列的数据 |
||||
target.setValues([{ |
||||
rowKey: row.id, |
||||
values: {machineIds: '', toolsIds: ''} |
||||
}]) |
||||
target.$refs.vxe.columns[7].options = [] |
||||
target.$refs.vxe.columns[8].options = [] |
||||
|
||||
getAction(this.url.stationMachinelist, {"stationId": row.stationId}).then((res) => { |
||||
if (res.success) { |
||||
this.machineList = res.result.records || res.result; |
||||
console.log("machineList", JSON.stringify(this.machineList)) |
||||
target.$refs.vxe.columns[7].options = this.machineList; |
||||
} else { |
||||
this.$message.warning(res.message) |
||||
} |
||||
}); |
||||
|
||||
getAction(this.url.stationToolslist, {"stationId": row.stationId}).then((res) => { |
||||
if (res.success) { |
||||
this.toolsList = res.result.records || res.result; |
||||
console.log("toolsList", JSON.stringify(this.toolsList)) |
||||
target.$refs.vxe.columns[8].options = this.toolsList; |
||||
} else { |
||||
this.$message.warning(res.message) |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}, |
||||
}; |
||||
</script> |
||||
Loading…
Reference in new issue