<!--
|
* @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" @click="table_open">新增</el-button>
|
<el-button type="primary" v-if="isCustomization" @click="determineVersion">定版</el-button>
|
<el-button disabled>并序</el-button>
|
</div>
|
<el-table ref="multipleTableRef0" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="HandleSelectionChange" @row-click="rowClick">
|
<el-table-column type="selection" width="55" />
|
<el-table-column prop="index" label="工序顺序">
|
<template #default="scope">
|
<span>{{scope.row.index}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="processCode" label="工序编号"></el-table-column>
|
<el-table-column prop="processName" 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_del(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" v-if="!isCustomization">添加工序</div>
|
<ul v-if="isCustomization">
|
<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>
|
<el-drawer v-model="drawer" title="添加工序" direction="rtl" :before-close="handleClose" size="60%" modal-class="viewData">
|
<!-- 新增路线 -->
|
<div class="addworkmanship">
|
<add-workmanship></add-workmanship>
|
</div>
|
</el-drawer>
|
</template>
|
|
<script>
|
import addWorkmanship from './addWorkmanship'
|
import saveDialog from './addWorking'
|
export default {
|
name: 'workmanship',
|
components: {saveDialog,addWorkmanship},
|
props: ["isCustomization","craftId"],
|
data() {
|
return {
|
drawer: false,
|
tableData: [],
|
selection: [],
|
dialog: {
|
save: false
|
}
|
}
|
},
|
mounted(){
|
},
|
watch: {
|
craftId(val) {
|
if(val) {
|
this.getcraftlList();
|
}
|
}
|
},
|
methods: {
|
getcraftlList() {
|
this.$HTTP.get(`/api/blade-cps/production-craft-version/detail/${this.craftId}`).then(res=> {
|
if(res.code == 200) {
|
res.data.processList.forEach((item,index)=> {
|
item.index = index + 1;
|
});
|
this.tableData = res.data.processList;
|
}
|
})
|
},
|
handleClose() {
|
|
},
|
determineVersion() {
|
var that = this;
|
this.$confirm(`工艺路线定版后，不支持编辑、删除、添加工序，请确认是否定版?`, '', {
|
type: 'warning'
|
}).then(() => {
|
// this.$HTTP.delete("/api/blade-cps/production-craft-version/remove/"+that.delIconId).then(res=> {
|
// if(res.code == 200) {
|
// that.$message.success("操作成功");
|
// that.getDetail();
|
// }
|
// })
|
}).catch(() => {
|
|
})
|
},
|
rowClick(row, column, event) {
|
// this.id = row.id;
|
// this.getWorkDetail();
|
// this.getPage1();
|
},
|
table_edit(row,index) {
|
|
},
|
table_del(row,index) {
|
this.$confirm(`确认要删除此工序吗?`, '', {
|
type: 'warning'
|
}).then(() => {
|
this.tableData.splice(index,1);
|
}).catch(() => {
|
|
})
|
},
|
addRouteSuccess(selection) {
|
selection.forEach((item,i)=> {
|
item.index = i+1;
|
})
|
this.tableData = selection;
|
},
|
HandleSelectionChange(selection) {
|
this.selection = selection;
|
},
|
table_open() {
|
if(this.isCustomization) { //首页的新建
|
this.drawer = true;
|
}else { //版本步骤中的新建
|
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: 60%;
|
}
|
.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;
|
}
|
.addworkmanship {
|
padding: 0 40px;
|
}
|
</style>
|
