/*****************************************************************************************
|
** Author:jxx 2022
|
** QQ:283591387
|
**完整文档见：http://v2.volcore.xyz/document/api 【代码生成页面ViewGrid】
|
**常用示例见：http://v2.volcore.xyz/document/vueDev
|
**后台操作见：http://v2.volcore.xyz/document/netCoreDev
|
*****************************************************************************************/
|
//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
|
|
// import gridHeader from "./demo_Product/Dt_BillGroupStockDetail.vue";
|
// import gridHeader from './extend/printView.vue'
|
// import gridBody from './extend/OtherOutBound.vue'
|
let extension = {
|
components: {
|
//查询界面扩展组件
|
gridHeader: '',
|
gridBody: '',
|
gridFooter: '',
|
//新建、编辑弹出框扩展组件
|
modelHeader: '',
|
modelBody: '',
|
modelFooter: ''
|
},
|
tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
|
buttons: { view: [], box: [], detail: [] }, //扩展的按钮
|
methods: {
|
//下面这些方法可以保留也可以删除
|
onInit() {
|
this.detailOptions.buttons.unshift({
|
name: '其他出库', //按钮名称
|
icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
|
type: 'primary',
|
onClick: function () {
|
this.$confirm('是否其他出库', "警告你正在使用其他出库", {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning',
|
center: true
|
}).then(() => {
|
this.http.post(`/api/Task/OtherOutBoundTaskAsync`, row, "正在完成任务").then((res) => {
|
//示例：调用后台接口
|
if (res.status) {
|
this.$Message.success('任务完成')
|
} else {
|
this.$Message.error(res.message) //错误提示
|
}
|
})
|
})
|
}
|
});
|
this.boxButtons.push({
|
name: '其他出库', //按钮名称
|
icon: 'el-icon-document', //按钮图标:组件示例->图标
|
//primary、success、warning、error、info、text、danger
|
type: 'primary',
|
plain: true,
|
onClick: function () {
|
this.$confirm('是否其他出库', "警告你正在使用其他出库", {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning',
|
center: true
|
}).then(() => {
|
this.http.post(`/api/Task/OtherOutBoundTaskAsync`, this.$refs.detail.rowData, "正在完成任务").then((res) => {
|
if (res.status) {
|
this.$Message.success(res.message)
|
} else {
|
this.$Message.error(res.message) //错误提示
|
}
|
})
|
})
|
}
|
})
|
this.boxButtons.push({
|
name: '调拨出库', //按钮名称
|
icon: 'el-icon-document', //按钮图标:组件示例->图标
|
//primary、success、warning、error、info、text、danger
|
type: 'danger',
|
plain: true,
|
onClick: function () {
|
this.$confirm('是否调拨出库', "警告你正在使用调拨出库", {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning',
|
center: true
|
}).then(() => {
|
this.http.post(`/api/Task/OtherOutBoundTaskAsync`, this.$refs.detail.rowData, "正在完成任务").then((res) => {
|
if (res.status) {
|
this.$Message.success(res.message)
|
} else {
|
this.$Message.error(res.message) //错误提示
|
}
|
})
|
})
|
}
|
})
|
// this.detailOptions.buttons.unshift({
|
// name: '调拨出库',
|
// icon: '',
|
// type: 'primary',
|
// onClick: function (e) {
|
// let row = this.$refs.table.getSelected() //获取选中的行
|
// if (row <= 0) {
|
// //如果没有选中行
|
// this.$Message.error('请选择一行数据')
|
// return
|
// }
|
// let taskNum = row[0].taskNum
|
// this.http.post(`/api/Task/CompleteTaskAsync?taskNum=${taskNum}`, {}, "正在完成任务").then((res) => {
|
// //示例：调用后台接口
|
// if (res.status) {
|
// this.$Message.success(res.message)
|
// } else {
|
// this.$Message.error(res.message) //错误提示
|
// }
|
// })
|
// }
|
// });
|
this.columns.push({
|
field: '操作',
|
title: '操作',
|
width: 90,
|
fixed: 'right',
|
align: 'center',
|
formatter: (row) => {
|
return (
|
'<i style="cursor: pointer;color: #2d8cf0;"class="el-icon-view">盘点出库</i>'
|
);
|
},
|
click: (row) => {
|
this.http.post(`/api/Task/OutBoundTaskAsync?palletCode=${row.palletCode}`, {}, "正在生成任务").then((res) => {
|
//示例：调用后台接口
|
if (res.status) {
|
this.$Message.success(row.palletCode + "出库成功");
|
this.refresh();
|
} else {
|
this.$Message.error(res.message) //错误提示
|
this.refresh();
|
}
|
})
|
}
|
});
|
// this.columns.push({
|
// title: "操作",
|
// field: "操作",
|
// width: 150,
|
// align: "left", // 'center',
|
// render: (h, { row, column, index }) => {
|
// return (
|
// <div>
|
// <el-button
|
// onClick={($e) => {
|
// // this.$refs.table.load();
|
// // console.log(this.$refs.table);
|
// this.$refs.gridHeader.open(row);
|
// }}
|
// type="primary"
|
// plain
|
// style="height:26px; padding: 10px !important;"
|
// >
|
// 打印
|
// </el-button>
|
// </div>
|
// );
|
// },
|
// });
|
|
//示例：设置修改新建、编辑弹出框字段标签的长度
|
this.boxOptions.labelWidth = 150
|
|
|
this.columns.forEach((column) => {
|
|
if (column.field == 'floor') {
|
|
const floorMap = {
|
'1F': '一楼',
|
'2F': '二楼',
|
};
|
column.formatter = (row) => {
|
return floorMap[row?.locationInfo?.floor] || ''
|
}
|
}
|
if (column.field == 'areaId') {
|
|
const floorMap = {
|
'1': '一楼堆垛机区域',
|
'2': '一楼AGV出库缓存区',
|
'3': '一楼AGV立库缓存区',
|
'4': '一楼AGV入库缓存区',
|
'5': '二楼B4-G4缓存区',
|
'6': '二楼B5-G5缓存区',
|
};
|
column.formatter = (row) => {
|
return floorMap[row?.locationInfo?.areaId] || ''
|
}
|
}
|
if (column.field == 'locationStatus') {
|
const statusMap = {
|
'0': '空闲',
|
'1': '锁定',
|
'2': '有货',
|
'3': '有货禁用',
|
'4': '无货禁用'
|
};
|
column.formatter = (row) => {
|
return statusMap[row?.locationInfo?.locationStatus] || '';
|
}
|
}
|
|
})
|
},
|
onInited() {
|
//框架初始化配置后
|
//如果要配置明细表,在此方法操作
|
this.detailOptions.columns.forEach(column => {
|
|
});
|
},
|
searchBefore(param) {
|
//界面查询前,可以给param.wheres添加查询参数
|
//返回false，则不会执行查询
|
return true
|
},
|
searchAfter(result) {
|
return true
|
},
|
addBefore(formData) {
|
//新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
|
return true
|
},
|
updateBefore(formData) {
|
//编辑保存前formData为对象，包括明细表、删除行的Id
|
return true
|
},
|
rowClick({ row, column, event }) {
|
//查询界面点击行事件
|
//this.$refs.table.$refs.table.toggleRowSelection(row) //单击行时选中当前行;
|
},
|
modelOpenAfter(row) {
|
const isAdd = this.currentAction == 'Add';//判断是否为新建操作
|
//隐藏明细表按钮
|
this.detailOptions.buttons.forEach((btn) => {
|
if (btn.name == '添加行') {
|
btn.hidden = true;
|
//或者设置只读
|
//btn.readonly=true;
|
}
|
});
|
const isDel = this.currentAction == 'Add';//判断是否为新建操作
|
//隐藏明细表按钮
|
this.detailOptions.buttons.forEach((btn) => {
|
if (btn.name == '删除行') {
|
btn.hidden = true;
|
//或者设置只读
|
//btn.readonly=true;
|
}
|
});
|
this.detailOptions.buttons.forEach((btn) => {
|
if (btn.name == '导入') {
|
btn.hidden = true;
|
//或者设置只读
|
//btn.readonly=true;
|
}
|
});
|
this.detailOptions.buttons.forEach((btn) => {
|
if (btn.name == '导出') {
|
btn.hidden = true;
|
//或者设置只读
|
//btn.readonly=true;
|
}
|
});
|
//点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
|
//(1)判断是编辑还是新建操作： this.currentAction=='Add';
|
//(2)给弹出框设置默认值
|
//(3)this.editFormFields.字段='xxx';
|
//如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
|
//看不懂就把输出看：console.log(this.editFormOptions)
|
}
|
}
|
}
|
export default extension
|
