<template>
|
<div class="rolePage">
|
<div class="roleContainer">
|
<div class="roleContainer-title">产品列表</div>
|
<el-input v-model="keyword" prefix-icon="el-icon-search" placeholder="输入搜索内容" clearable @keyup.enter="searchBtn"></el-input>
|
<ul>
|
<li v-for="(item,index) in leftData" @click="changeTabaleLi(item,index)">
|
<span :class="{active: item.active}">{{item.roleName}}</span>
|
</li>
|
</ul>
|
</div>
|
<div class="role-main-tabs">
|
<div class="role-main-header">
|
<div class="roleContainer-title">BOM清单</div>
|
<div>
|
<div>BOM版本</div>
|
<div>
|
<span>产品名称</span>
|
<span>产品编号</span>
|
</div>
|
<div>
|
<span>未定版</span>
|
<span>已定版</span>
|
</div>
|
<div>
|
添加新版本
|
</div>
|
</div>
|
</div>
|
<el-tabs tab-position="top">
|
<div>
|
<div>BOM清单列表</div>
|
</div>
|
<div>
|
<ul>
|
<li>物料编号</li>
|
<li>物料名称</li>
|
<li>规格</li>
|
<li>计量单位</li>
|
<li>物料类型</li>
|
<li>物料属性</li>
|
<li>是否必检</li>
|
<li>额定库存</li>
|
<li>安全库存</li>
|
</ul>
|
<el-table ref="multipleTableRef0" :data="tableData" border style="width: 100%" class="multipleTableRef">
|
<el-table-column prop="name" label="工序编号"></el-table-column>
|
<el-table-column prop="code" label="工序名称"></el-table-column>
|
<el-table-column prop="typeName" label="用量分子"></el-table-column>
|
<el-table-column prop="unit" label="用量分母"></el-table-column>
|
<el-table-column prop="standardModel" label="固定耗损"></el-table-column>
|
<el-table-column fixed="right" label="操作" width="200px">
|
<template #default="scope">
|
<el-button text type="primary" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
|
<el-button text type="primary" size="small" @click="table_edit(scope.row, scope.$index)">刷新</el-button>
|
<el-button text type="primary" size="small" @click="table_edit(scope.row, scope.$index)">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
</el-tabs>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: 'BOM',
|
components: {
|
|
},
|
data() {
|
return {
|
leftData: [],
|
dialog: {
|
save: false,
|
permission: false
|
},
|
tableData: []
|
}
|
},
|
mounted(){
|
|
},
|
methods: {
|
searchBtn() {},
|
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
