<template>
|
<div>
|
<el-row class="el-row-tab" @contextmenu.prevent.native="">
|
<el-table
|
id="processTable"
|
:data="tableData"
|
highlight-current-row
|
@row-contextmenu="procRightClick"
|
@row-click="handleCurrentChange"
|
height="250"
|
border
|
class="show_table"
|
size='mini'
|
style="width: 100%">
|
<el-table-column
|
prop="processCode"
|
label="工序号"
|
sortable
|
>
|
</el-table-column>
|
<el-table-column
|
prop="craftNo"
|
label="工艺编号"
|
sortable
|
class-name="right"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="processName"
|
label="工序名称"
|
sortable
|
class-name="left"
|
>
|
</el-table-column>
|
|
|
</el-table>
|
<div class="tableRightMenu">
|
<ContextMenu
|
ref="ContextMenu"
|
@showProcessAddDialog="showProcessAddDialog"
|
@showProcessEditDialog="showProcessEditDialog"
|
@showUploadDialog="showUploadDialog"
|
@processDelete="processDelete"
|
/>
|
</div>
|
</el-row>
|
</div>
|
</template>
|
|
<script>
|
import * as productApi from '../api/product'
|
import Bus from './bus.js'
|
import ContextMenu from '@/module/productManager/components/processContextMenu.vue'
|
export default {
|
name: "process_table_info",
|
props:['nodeList'],
|
components:{
|
ContextMenu
|
},
|
data(){
|
return {
|
processMenuVisible :false,
|
processFromVisible:false,
|
processUploadVisible:false,
|
addLoading:false,
|
deleteParam:{
|
id:''
|
},
|
processRow:[],
|
nodeData:{
|
index:'',
|
list:[]
|
},
|
params:{
|
productId:'',
|
componentId:'',
|
partsId:''
|
},
|
contextQueryParams:{
|
flag:2, //查询按钮的范围 1 菜单 2 对象
|
param:'process', //查询参数，按类型而不同 1 菜单路径 2 对象权限码
|
objectId:null, //flag 为2时需要传递该参数 该参数与param对应数据id
|
relativeObjectId:null, //param 为process,document,file 时需要传该参数 该参数为关联树节点的id
|
relativeParam:null, //param 为process,document,file 时需要传该参数 该参数为关联树节点的对象权限码
|
},
|
tableData: [],
|
fileList:[],
|
fileLen:0,
|
docUploadParams:{
|
attributionId:'',
|
attributionType:5,
|
docClassCode:'NC',
|
}
|
}
|
},
|
methods: {
|
queryProcessList(){
|
this.params.productId = JSON.parse(JSON.stringify(this.nodeList.list)).productId;
|
this.params.componentId = JSON.parse(JSON.stringify(this.nodeList.list)).componentId;
|
if (this.nodeList.index == 3){
|
this.params.partsId = JSON.parse(JSON.stringify(this.nodeList.list)).partsId;
|
}else {
|
this.params.partsId = '';
|
}
|
productApi.query_process_list(this.params).then((res)=>{
|
if (res.success) {
|
this.tableData = res.list;
|
}
|
});
|
},
|
handleSizeChange(val) {
|
this.params.size = val;
|
//this.query();
|
},
|
//右键菜单
|
procRightClick(row, column, event) { // 鼠标右击触发事件
|
if (event != undefined) {
|
this.processRow = row;
|
if (this.nodeList.index == 2) {
|
this.contextQueryParams.relativeParam ='component';
|
this.contextQueryParams.relativeObjectId = this.nodeList.list.componentId;
|
}else if (this.nodeList.index == 3) {
|
this.contextQueryParams.relativeParam ='parts';
|
this.contextQueryParams.relativeObjectId = this.nodeList.list.partsId;
|
}
|
this.contextQueryParams.objectId = row.processId;
|
this.$refs.ContextMenu.processRightClick(row, column, event,this.contextQueryParams);
|
}
|
},
|
//点击
|
handleCurrentChange(val) {
|
this.nodeData.index = 5;
|
this.nodeData.list = val;
|
this.$emit('indexChange', this.nodeData); // 调用父组件传递过来的方法，同时把数据传递出去
|
},
|
showProcessAddDialog(){
|
this.$emit('showProcessAddDialog')
|
},
|
showProcessEditDialog(){
|
this.$emit('showProcessEditDialog',this.processRow)
|
},
|
showUploadDialog(){
|
this.docUploadParams.attributionId = this.processRow.processId;
|
this.$emit('showUploadDialog',this.docUploadParams)
|
},
|
processDelete(){
|
this.$confirm('确认提交吗？', '提示', {}).then(() => {
|
this.deleteParam.id = this.processRow.processId;
|
productApi.process_delete( this.deleteParam).then((res) => {
|
if (res.success) {
|
this.queryProcessList();
|
this.$emit('indexChange', this.nodeList); // 调用父组件传递过来的方法，同时把数据传递出去
|
this.$message({
|
message: res.message,
|
type: 'success'
|
});
|
} else if (res.message) {
|
this.$message({
|
message: res.message,
|
type: 'error'
|
});
|
}
|
});
|
});
|
}
|
},
|
//监听
|
watch:{
|
nodeList:{
|
deep: true, // 深度监听
|
handler(newValue, oldValue) {
|
if (this.nodeList.index > 1) {
|
this.queryProcessList()
|
}
|
}
|
}
|
},
|
//初始化 模板渲染前调用
|
created(){
|
Bus.$off('queryProcessList');
|
Bus.$on("queryProcessList",()=>{
|
this.queryProcessList()
|
});
|
},
|
mounted(){
|
this.queryProcessList();
|
},
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.el-row-tab{
|
border: 1px solid #EBEEF5;
|
}
|
.tableRightMenu{
|
position: absolute;
|
top: 0;
|
height: 100%;
|
}
|
|
</style>
|
