zhc077
2 years ago
parent
9ce997e082
commit
828cd91ea3
5 changed files with 303 additions and 65 deletions
@ -0,0 +1,166 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<a-modal |
||||||
|
title="生产计划工序详情" |
||||||
|
:visible="visible" |
||||||
|
:confirm-loading="confirmLoading" |
||||||
|
:width='1440' |
||||||
|
@ok="handleOk" |
||||||
|
@cancel="handleCancel"> |
||||||
|
|
||||||
|
<a-spin :spinning="confirmLoading"> |
||||||
|
<!-- <h3 style="width: 98%;;margin:0px auto">款式详情</h3>--> |
||||||
|
<!-- <a-table style="width: 98%;font-size:14px;margin:10px auto" :columns="columns1" :data-source="data1" bordered--> |
||||||
|
<!-- rowKey="nums" :pagination="false">--> |
||||||
|
<!-- </a-table>--> |
||||||
|
|
||||||
|
<!-- <h3 style="width: 98%;;margin:20px auto 0">管理型号</h3>--> |
||||||
|
<a-table :columns="columns" :data-source="data4" |
||||||
|
rowKey="id" bordered :pagination="false"> |
||||||
|
</a-table> |
||||||
|
</a-spin> |
||||||
|
</a-modal> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import {getAction} from "@api/manage"; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: "ZyStyleModelListDetails", |
||||||
|
data() { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
model: {}, |
||||||
|
confirmLoading: true, |
||||||
|
// 管理型号 |
||||||
|
columns: [ |
||||||
|
{ |
||||||
|
title: '工序名称', |
||||||
|
// key: 'processName', |
||||||
|
dataIndex: 'processName', |
||||||
|
// width: '180px', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '工位名称', |
||||||
|
dataIndex: 'stationName', |
||||||
|
// width: '180px', |
||||||
|
align: 'center' |
||||||
|
},{ |
||||||
|
title: '工位序号', |
||||||
|
dataIndex: 'stationNun', |
||||||
|
// width: '180px', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '设备名称', |
||||||
|
dataIndex: 'machineNames', |
||||||
|
// width: '180px', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '工具名称', |
||||||
|
dataIndex: 'toolsNames', |
||||||
|
// width: '180px', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '前导工序', |
||||||
|
dataIndex: 'proProcessName', |
||||||
|
// width: '180px', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '后导工序', |
||||||
|
dataIndex: 'postProcessName', |
||||||
|
// width: '180px', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
dataIndex: 'inputProduct', |
||||||
|
title: '输入产品', |
||||||
|
// width: '180px', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
dataIndex: 'semiProduct', |
||||||
|
title: '成品/半成品', |
||||||
|
// width: '180px', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '工人名称', |
||||||
|
dataIndex: 'userNames', |
||||||
|
// width: '180px', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
dataIndex: 'totalMachine', |
||||||
|
title: '机器时长', |
||||||
|
width: '80', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
dataIndex: 'totalMaunal', |
||||||
|
title: '人工时长', |
||||||
|
width: '80', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
], |
||||||
|
data4: [], |
||||||
|
id: '', |
||||||
|
url: { |
||||||
|
detail: "/org.jeecg.modules.productplan/zyPlanProcess/list", |
||||||
|
}, |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
showModal(id) { |
||||||
|
this.visible = true; |
||||||
|
this.id = id |
||||||
|
this.getDetailData() |
||||||
|
}, |
||||||
|
getDetailData() { |
||||||
|
getAction(this.url.detail, {id: this.id}).then((res) => { |
||||||
|
// this.confirmLoading = false |
||||||
|
|
||||||
|
if (res.success) { |
||||||
|
this.data4 = res.result.records || res.result.records; |
||||||
|
console.log("data4------------:" + JSON.stringify(this.data4)); |
||||||
|
} else { |
||||||
|
this.$message.warning(res.message) |
||||||
|
} |
||||||
|
}).finally(() => { |
||||||
|
this.confirmLoading = false |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleOk(e) { |
||||||
|
this.confirmLoading = true; |
||||||
|
setTimeout(() => { |
||||||
|
this.visible = false; |
||||||
|
this.confirmLoading = false; |
||||||
|
}, 1); |
||||||
|
}, |
||||||
|
handleCancel(e) { |
||||||
|
this.visible = false; |
||||||
|
}, |
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style scoped> |
||||||
|
.table { |
||||||
|
border-color: #d9d9d9; |
||||||
|
border-radius: 3px |
||||||
|
} |
||||||
|
|
||||||
|
.table td { |
||||||
|
padding: 10px 20px; |
||||||
|
max-width: 380px; |
||||||
|
} |
||||||
|
|
||||||
|
.table td span { |
||||||
|
color: #333 |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue