<template>
|
<a-modal :width="1000" :visible="visible" @cancel="handleCancel" centered>
|
|
<div id="table1">
|
<div class="table-header">
|
<h3>数控加工程序确认表</h3>
|
<div>
|
<div>单位：<span>机加中心</span></div>
|
<div>编号：<span>25-C140-PST-293</span></div>
|
</div>
|
</div>
|
|
<table border="1">
|
<tr>
|
<th colspan="2">程序文件名</th>
|
<td colspan="9">TY9F-11-2507-002-TY9F1W0130-30-3</td>
|
</tr>
|
|
<tr>
|
<th colspan="2">零件图号</th>
|
<td colspan="4">TY9F-11-2507-002-TY9F1W0130</td>
|
<th>零件名称</th>
|
<td colspan="4">转接头</td>
|
</tr>
|
|
<tr>
|
<th colspan="2">零件材料</th>
|
<td colspan="4">钢棒</td>
|
<th>夹具</th>
|
<td colspan="4">{{detail.fixtureInformation}}</td>
|
</tr>
|
|
<tr>
|
<th colspan="2">工序（工步号）</th>
|
<td colspan="2">30-3</td>
|
<th>加工批次</th>
|
<td>S2501</td>
|
<th>加工数量</th>
|
<td colspan="2">20</td>
|
<th>加工设备</th>
|
<td>3140123</td>
|
</tr>
|
|
<tr style="height: 500px">
|
<td colspan="11">
|
<img :src="getImageUrl(detail.picture)" width="300" height="300"/>
|
</td>
|
</tr>
|
|
<tr style="height: 100px;">
|
<th colspan="2" style="text-align: left">说明</th>
|
<td colspan="9" style="text-align: left;white-space: pre-wrap" v-html="detail.remake"></td>
|
</tr>
|
|
<tr>
|
<th colspan="2">编写日期</th>
|
<td colspan="2">张三/2025-4-16</td>
|
<th>加工批次</th>
|
<td colspan="2">李四/2025-4-18</td>
|
<th colspan="2">操作者/首检日期</th>
|
<td colspan="2">赵五/2025-4-18</td>
|
</tr>
|
|
<tr style="height: 70px">
|
<th colspan="7">根据首件检验情况，同意该程序用于本批次生产：</th>
|
<th colspan="2">审批/日期</th>
|
<td colspan="2">王六/2025-4-20</td>
|
</tr>
|
</table>
|
</div>
|
|
<template slot="footer">
|
<a-button type="primary" v-print="'#table1'">打印</a-button>
|
</template>
|
</a-modal>
|
</template>
|
|
<script>
|
export default {
|
name: 'GuideCardPrintModal',
|
data() {
|
return {
|
visible: false,
|
detail: {}
|
}
|
},
|
methods: {
|
getImageUrl(imgSrcSuffix) {
|
return `${window._CONFIG['domianURL']}/${imgSrcSuffix}`
|
},
|
|
handleCancel() {
|
this.visible = false
|
}
|
}
|
}
|
</script>
|
|
<style scopedl 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>
|
