<template>
|
<a-modal :width="1000" :visible="visible" @cancel="handleCancel" centered>
|
|
<div id="table2">
|
<div class="table-header">
|
<h3>刀具清单</h3>
|
<div>
|
<div>单位：<span>{{detail.unit}}</span></div>
|
<div>编号：<span>{{detail.serialNumber}}</span></div>
|
</div>
|
</div>
|
|
<table border="1">
|
<tr>
|
<th colspan="2">程序外部文件名</th>
|
<td colspan="9">{{detail.docName}}</td>
|
</tr>
|
|
<tr>
|
<th colspan="2">零件图号</th>
|
<td colspan="5">{{detail.partsCode}}</td>
|
<th>零件名称</th>
|
<td colspan="3">{{detail.partsName}}</td>
|
</tr>
|
|
<tr>
|
<th colspan="2">零件材料</th>
|
<td colspan="3">{{detail.materielDesp}}</td>
|
<th colspan="2">夹具</th>
|
<td colspan="4">{{detail.fixtureInformation}}</td>
|
</tr>
|
|
<tr>
|
<th colspan="2">工序（工步号）</th>
|
<td>{{detail.processWorkCode}}</td>
|
<th colspan="2">加工批次</th>
|
<td colspan="2">{{detail.processingBatch}}</td>
|
<th>加工数量</th>
|
<td>{{detail.processingQuantity}}</td>
|
<th>加工设备</th>
|
<td>{{detail.processingEquipment}}</td>
|
</tr>
|
|
<tr>
|
<th colspan="2">刀具编号</th>
|
<th>刀具名称</th>
|
<th colspan="2">刀具简称</th>
|
<th colspan="2">刀具规格</th>
|
<th>刀位</th>
|
<th>刀具数量</th>
|
<th colspan="2">描述</th>
|
</tr>
|
|
<tr v-for="item in knifeList" :key="item.knifeId">
|
<td colspan="2">{{item.cutterCode}}</td>
|
<td>{{item.cutterName}}</td>
|
<td colspan="2">{{item.cutterType}}</td>
|
<td colspan="2">{{item.cutterSpec}}</td>
|
<td>{{item.cutterSpacing}}</td>
|
<td>{{item.quantity}}</td>
|
<td colspan="2">{{item.description}}</td>
|
</tr>
|
</table>
|
</div>
|
|
<template slot="footer">
|
<a-button type="primary" v-print="'#table2'">打印</a-button>
|
</template>
|
</a-modal>
|
</template>
|
|
<script>
|
import { getAction } from '@api/manage'
|
|
export default {
|
name: 'KnifeListPrintModal',
|
data() {
|
return {
|
visible: false,
|
detail: {},
|
knifeList: [],
|
url:{
|
getByBusinessId: '/nc/cutter/getList'
|
}
|
}
|
},
|
methods: {
|
handleCancel() {
|
this.visible = false
|
},
|
handleCutter(docId){
|
getAction(this.url.getByBusinessId,{docId:docId}).then((res)=>{
|
if(res.success){
|
this.knifeList = res.result
|
this.visible = true
|
}
|
})
|
},
|
}
|
}
|
</script>
|
|
<style scoped lang="less">
|
.table-header {
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
|
> div {
|
width: 100%;
|
display: flex;
|
justify-content: space-between;
|
padding: 10px 5px;
|
}
|
}
|
|
table {
|
width: 100%;
|
table-layout: fixed;
|
text-align: center;
|
font-size: 12px;
|
|
th, td {
|
padding: 10px 5px;
|
}
|
}
|
</style>
|
