| | |
| | | **后台操作见:http://v2.volcore.xyz/document/netCoreDev |
| | | *****************************************************************************************/ |
| | | //此js文件是用来自定义扩展业务代码,可以扩展一些自定义页面或者重新配置生成的代码 |
| | | import gridHeader from "./demo_Product/Dt_TaskExecuteDetail.vue"; |
| | | import gridHeader from './demo_Product/Dt_TaskExecuteDetail.vue' |
| | | let extension = { |
| | | components: { |
| | | //查询界面扩展组件 |
| | | gridHeader: gridHeader, |
| | | gridBody: "", |
| | | gridFooter: "", |
| | | gridBody: '', |
| | | gridFooter: '', |
| | | //新建、编辑弹出框扩展组件 |
| | | modelHeader: "", |
| | | modelBody: "", |
| | | modelFooter: "", |
| | | modelHeader: '', |
| | | modelBody: '', |
| | | modelFooter: '' |
| | | }, |
| | | tableAction: "", //指定某张表的权限(这里填写表名,默认不用填写) |
| | | tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写) |
| | | buttons: { view: [], box: [], detail: [] }, //扩展的按钮 |
| | | methods: { |
| | | //下面这些方法可以保留也可以删除 |
| | | onInit() { |
| | | //框架初始化配置前, |
| | | let TaskHandCompleteBtn=this.buttons.find(x=>x.value=='TaskHandComplete'); |
| | | if(TaskHandCompleteBtn){ |
| | | TaskHandCompleteBtn.onClick=function(){ |
| | | let row = this.$refs.table.getSelected() //获取选中的行 |
| | | if (row <= 0) { |
| | | //如果没有选中行 |
| | | this.$Message.error('请选择一行数据') |
| | | return |
| | | } |
| | | let taskNum = row[0].taskNum |
| | | this.http.get(`/api/Task/CompleteTaskAsync?taskNum=${taskNum}`, {}, "正在完成任务").then((res) => { |
| | | //示例:调用后台接口 |
| | | if (res.status) { |
| | | this.$Message.success('任务完成') |
| | | } else { |
| | | this.$Message.error(res.message) //错误提示 |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | //示例:在按钮的最前面添加一个按钮 |
| | | // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组 |
| | | // name: '按钮', //按钮名称 |
| | | // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon,vue3版本见element ui文档icon(注意不是element puls文档) |
| | | // type: 'primary', //按钮样式vue2版本见iview文档button,vue3版本见element ui文档button |
| | | // onClick: function () { |
| | | // this.$Message.success('点击了按钮'); |
| | | // this.buttons.unshift({ |
| | | // //也可以用push或者splice方法来修改buttons数组 |
| | | // name: '任务完成', //按钮名称 |
| | | // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon,vue3版本见element ui文档icon(注意不是element puls文档) |
| | | // type: 'primary', //按钮样式vue2版本见iview文档button,vue3版本见element ui文档button |
| | | // onClick: function () { |
| | | // // this.$Message.success('点击了按钮'); |
| | | // let row = this.$refs.table.getSelected() //获取选中的行 |
| | | // if (row <= 0) { |
| | | // //如果没有选中行 |
| | | // this.$Message.error('请选择一行数据') |
| | | // return |
| | | // } |
| | | // }); |
| | | // let taskNum = row[0].taskNum |
| | | // this.http.get(`/api/Task/CompleteTaskAsync?taskNum=${taskNum}`, {}, "正在完成任务").then((res) => { |
| | | // //示例:调用后台接口 |
| | | // if (res.status) { |
| | | // this.$Message.success('任务完成') |
| | | // } else { |
| | | // this.$Message.error(res.message) //错误提示 |
| | | // } |
| | | // }) |
| | | // } |
| | | // }) |
| | | |
| | | //示例:设置修改新建、编辑弹出框字段标签的长度 |
| | | this.boxOptions.labelWidth = 150; |
| | | this.boxOptions.labelWidth = 150 |
| | | |
| | | //显示提示 |
| | | this.columns.forEach((col) => { |
| | | col.showOverflowTooltip = true; |
| | | }); |
| | | col.showOverflowTooltip = true |
| | | }) |
| | | |
| | | //示例:自定义表格列 |
| | | //表格上添加自定义按钮 |
| | | this.columns.push({ |
| | | title: "操作", |
| | | field: "操作", |
| | | title: '操作', |
| | | field: '操作', |
| | | width: 150, |
| | | align: "left", // 'center', |
| | | align: 'left', // 'center', |
| | | render: (h, { row, column, index }) => { |
| | | return ( |
| | | <div> |
| | |
| | | onClick={($e) => { |
| | | // this.$refs.table.load(); |
| | | // console.log(this.$refs.table); |
| | | this.$refs.gridHeader.openModel1(row); |
| | | this.$refs.gridHeader.openModel1(row) |
| | | }} |
| | | type="primary" |
| | | plain |
| | |
| | | 查看执行信息 |
| | | </el-button> |
| | | </div> |
| | | ); |
| | | }, |
| | | }); |
| | | ) |
| | | } |
| | | }) |
| | | }, |
| | | btn1Click(row, column, index, $e) { |
| | | $e.stopPropagation(); |
| | | this.$refs.gridHeader.openModel1(row); |
| | | $e.stopPropagation() |
| | | this.$refs.gridHeader.openModel1(row) |
| | | }, |
| | | onInited() { |
| | | //框架初始化配置后 |
| | |
| | | searchBefore(param) { |
| | | //界面查询前,可以给param.wheres添加查询参数 |
| | | //返回false,则不会执行查询 |
| | | return true; |
| | | return true |
| | | }, |
| | | searchAfter(result) { |
| | | //查询后,result返回的查询数据,可以在显示到表格前处理表格的值 |
| | | return true; |
| | | return true |
| | | }, |
| | | addBefore(formData) { |
| | | //新建保存前formData为对象,包括明细表,可以给给表单设置值,自己输出看formData的值 |
| | | return true; |
| | | return true |
| | | }, |
| | | updateBefore(formData) { |
| | | //编辑保存前formData为对象,包括明细表、删除行的Id |
| | | return true; |
| | | return true |
| | | }, |
| | | rowClick({ row, column, event }) { |
| | | //查询界面点击行事件 |
| | | this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行; |
| | | // this.$refs.table.$refs.table.toggleRowSelection(row) //单击行时选中当前行; |
| | | }, |
| | | modelOpenAfter(row) { |
| | | //点击编辑、新建按钮弹出框后,可以在此处写逻辑,如,从后台获取数据 |
| | |
| | | //(3)this.editFormFields.字段='xxx'; |
| | | //如果需要给下拉框设置默认值,请遍历this.editFormOptions找到字段配置对应data属性的key值 |
| | | //看不懂就把输出看:console.log(this.editFormOptions) |
| | | }, |
| | | }, |
| | | }; |
| | | export default extension; |
| | | } |
| | | } |
| | | } |
| | | export default extension |