<template>
|
<div style="height: 100%;">
|
<el-tabs type="border-card">
|
<el-tab-pane label="工序属性">
|
<el-row id="nodeInfoTable" :style="tabStyle">
|
<table class="el-table one_list">
|
<tr>
|
<td >工序名称</td>
|
<td >{{nodeList.list.processName}}</td>
|
</tr>
|
<tr>
|
<td>工序号</td>
|
<td>{{nodeList.list.processCode}}</td>
|
</tr>
|
<tr>
|
<td>工艺编号</td>
|
<td>{{nodeList.list.craftNo}}</td>
|
</tr>
|
<tr>
|
<td>工序类型</td>
|
<td>{{nodeList.list.processType}}</td>
|
</tr>
|
<tr>
|
<td>加工设备型号</td>
|
<td>{{nodeList.list.processingEquipmentModel}}</td>
|
</tr>
|
<tr>
|
<td>加工设备类型</td>
|
<td>{{nodeList.list.processingEquipmentOs}}</td>
|
</tr>
|
<tr>
|
<td>加工设备编号</td>
|
<td>{{nodeList.list.processingEquipmentCode}}</td>
|
</tr>
|
<tr>
|
<td>工装编号</td>
|
<td>{{nodeList.list.assembleStep}}</td>
|
</tr>
|
<tr>
|
<td>工装名称</td>
|
<td>{{nodeList.list.assembleName}}</td>
|
</tr>
|
<tr>
|
<td>工艺规程版本</td>
|
<td>{{nodeList.list.craftVersion}}</td>
|
</tr>
|
<tr>
|
<td>设备类</td>
|
<td>{{nodeList.list.deviceManagementName}}</td>
|
</tr>
|
<tr>
|
<td>描述</td>
|
<td>{{nodeList.list.description}}</td>
|
</tr>
|
</table>
|
</el-row>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "process_attribute_info",
|
props:['nodeList'],
|
data(){
|
return{
|
tabStyle:{
|
height:'',
|
overflow:'auto'
|
}
|
}
|
},
|
methods:{
|
getTabHeight(){
|
let h = document.getElementById('attributeTab').offsetHeight;
|
this.tabStyle.height = h-110+'px'
|
}
|
},
|
//初始化 模板渲染前调用
|
created(){
|
window.addEventListener('resize', this.getTabHeight());
|
this.getTabHeight();
|
},
|
mounted(){
|
window.addEventListener('resize', this.getTabHeight);
|
this.getTabHeight();
|
}
|
}
|
</script>
|
|
<style >
|
.el-tabs__content{
|
overflow: inherit;
|
}
|
.el-table tr td{
|
border-bottom: 1px dashed #cccccc;
|
}
|
</style>
|
