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