<!--
|
* @Author: lzhe lzhe@example.com
|
* @Date: 2024-05-24 11:25:26
|
* @LastEditors: lzhe lzhe@example.com
|
* @LastEditTime: 2024-05-24 15:05:44
|
* @FilePath: /src/views/console/product-process/process-route/workmanship.vue
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
-->
|
<template>
|
<div class="workmanship">
|
<div class="main-content-left">
|
<div class="info-top-title">工艺路线</div>
|
<div style="margin-bottom: 12px;">
|
<el-button type="primary">新增</el-button>
|
<el-button type="primary" v-if="isCustomization">定版</el-button>
|
<el-button disabled>并序</el-button>
|
</div>
|
<el-table ref="multipleTableRef0" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="HandleSelectionChange">
|
<el-table-column type="selection" width="55" />
|
<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 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>
|
<div class="main-content-right">
|
<div class="main-info-title">工序信息</div>
|
<div class="addWorking" @click="table_open">添加工序</div>
|
<!-- <ul>
|
<li>工序编号<span></span></li>
|
<li>工序名称<span></span></li>
|
<li>工序顺序<span></span></li>
|
</ul> -->
|
</div>
|
</div>
|
<save-dialog v-if="dialog.save" ref="saveDialog" @success="addRouteSuccess" @closed="dialog.save=false"></save-dialog>
|
</template>
|
|
<script>
|
import saveDialog from './addWorking'
|
export default {
|
name: 'workmanship',
|
components: {saveDialog},
|
props: ["isCustomization"],
|
data() {
|
return {
|
tableData: [],
|
selection: [],
|
dialog: {
|
save: false
|
}
|
}
|
},
|
mounted(){
|
|
},
|
methods: {
|
HandleSelectionChange(selection) {
|
this.selection = selection;
|
},
|
table_open() {
|
this.dialog.save = true
|
this.$nextTick(() => {
|
this.$refs.saveDialog.open();
|
})
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.workmanship {
|
width: 100%;
|
display: flex;
|
}
|
.info-top-title {
|
padding-left: 8px;
|
border-left: 4px solid #86bffa;
|
line-height: 18px;
|
margin-bottom: 16px;
|
font-weight: 700;
|
font-size: 16px;
|
color: #333;
|
}
|
.main-content-left {
|
width: 70%;
|
}
|
.main-content-right {
|
flex: 1;
|
}
|
.main-content-right ul {
|
padding: 12px 30px;
|
}
|
.main-content-right ul li {
|
width: 50%;
|
float: left;
|
list-style: none;
|
margin-bottom:12px;
|
}
|
.main-content-right ul li span {
|
margin-left:12px;
|
}
|
.main-info-title {
|
font-size: 14px;
|
padding-left: 8px;
|
font-weight: 700;
|
font-size: 16px;
|
color: #333;
|
border-left: 4px solid #7ab3ee;
|
}
|
.addWorking {
|
color: #409eff;
|
padding: 12px 6px;
|
font-size: 14px;
|
cursor: pointer;
|
}
|
</style>
|
