<template>
|
<div style="height: 100%;">
|
<el-tabs type="border-card" style="height: 100%;">
|
<el-tab-pane label="产品属性">
|
<el-row id="nodeInfoTable" :style="tabStyle">
|
<table class="el-table">
|
<tr>
|
<td>产品名称：</td>
|
<td>{{nodeList.list.productName}}</td>
|
<td>产品型号：</td>
|
<td>{{nodeList.list.productModel}}</td>
|
</tr>
|
|
<tr>
|
<td>产品代码：</td>
|
<td colspan="3">{{nodeList.list.productNo}}</td>
|
</tr>
|
|
<tr>
|
<td>创建人：</td>
|
<td>{{nodeList.list.createUser}}</td>
|
<td>创建时间：</td>
|
<td>{{nodeList.list.createTime}}</td>
|
|
</tr>
|
|
<tr>
|
<td>修改人：</td>
|
<td>{{nodeList.list.updateUser}}</td>
|
<td>修改时间：</td>
|
<td>{{nodeList.list.updateTime}}</td>
|
</tr>
|
<!-- <tr>
|
<td>状态</td>
|
<td>{{statusmap[nodeList.list.productStatus]}}</td>
|
</tr> -->
|
</table>
|
</el-row>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
|
<script>
|
import * as SystemApi from "../../../base/api/system";
|
import utilApi from '@/common/utils';
|
|
export default {
|
name: "product_attribute_info",
|
props: ['nodeList'],
|
data() {
|
return {
|
tabStyle: {
|
height: '',
|
overflow: 'auto'
|
},
|
}
|
},
|
|
methods: {
|
getTabHeight() {
|
let h = document.getElementById('attributeTab').offsetHeight;
|
this.tabStyle.height = h - 100 + 'px'
|
},
|
},
|
//初始化 模板渲染前调用
|
created() {
|
window.addEventListener('resize', this.getTabHeight);
|
this.getTabHeight();
|
},
|
mounted() {
|
window.addEventListener('resize', this.getTabHeight());
|
this.getTabHeight();
|
// this.getCreaterById()
|
/*if(activeUser && activeUser.userid) {
|
this.nodeList.list.updateUser = activeUser.userid;
|
}*/
|
}
|
}
|
</script>
|
|
<style scoped>
|
</style>
|
<style>
|
.el-tabs__content {
|
overflow: inherit;
|
}
|
|
.el-table tr td {
|
border-bottom: 1px dashed #cccccc;
|
}
|
</style>
|
