BtnFunDefine 权限按钮

//创建文件夹funboxs,并创建add.ts 和 index.ts文件 在add.ts文件中设计添加功能脚本 import {FunBoxUtils} from '@platform-lib/base' import {missionManageAddApi} from '../api' export const add: any = { code: 'add', mode: 'drawer', formUrl: '/web-client/html/mission-manage-form.html', buttons: { 'addBtn': { position: 'right', name: '暂存', script: 'add', props: { theme: 'primary' } }, 'isIssueBtn': { position: 'right', name: '下发', script: 'isIssue', props: { theme: 'primary' } }, }, scripts: { init: { isAsync: true, // 02图页面初始化调用方法 code: async (request: any, utils: FunBoxUtils) => { // 刚进页面显示加载状态 utils.setLoading(true) // 这里可以给页面赋初始值 例如: await utils.setFormValue({ demo: 0 }) // 赋值完毕结束加载状态 utils.setLoading(false) } }, add: { isAsync: true, // 02图点击暂存触发事件 code: async (request: any, utils: FunBoxUtils) => { // 获取表单数据 const params = {...utils.getFormValue()} // 这里可以调用暂存方法 例如: await missionManageAddApi(params).then((r: any) => { // 消息提醒方法 utils.message('success', { content: '添加成功' }) }).finally(() => { utils.setLoading(false) }) // 页面回调 utils.complete() }, }, isIssue: { isAsync: true, // 02图点击下发触发事件 code: async (request: any, utils: FunBoxUtils) => { // 获取表单数据 const params = {...utils.getFormValue()} // 这里可以调用暂存方法 例如: await missionManageAddApi(params).then((r: any) => { // 消息提醒方法 utils.message('success', { content: '下发成功' }) }).finally(() => { utils.setLoading(false) }) // 页面回调 utils.complete() }, }, } } // 在index.ts 文件中注册添加按钮 import { ButtonFun } from "@platform-lib/base"; import { add } from "./add" const AddButton = ButtonFun.register({ code: 'add', name: '新增', descr: '新增任务', //表单左上角标题 funBox: add }) // 在APP.vue 文件中引用添加按钮 <template> <t-layout> <t-header> <t-space size="small"> <AddButton theme="primary" modalWidth="100%"></AddButton> </t-space> </t-header> <t-content> // 本段代码为01图表格，此处仅作展示使用，以实际代码为准 <vxe-grid v-bind="bind" ref="gridRef"></vxe-grid> </t-content> </t-layout> </template> <script setup lang="tsx"> import {AddButton } from "./funboxs/index" //回调页面方法 inject<any>('MittIns').on('fn-complete', (c: any) => { }) </script>

// 在funboxs文件夹下创建 add-wf.ts文件 import {FunBoxUtils} from '@platform-lib/base' export const addWf: any = { camundaDefKey: 'ceshiliucheng', //流程key scripts: { init: { isAsync: false, // 页面初始化触发 code: (request: any, utils: FunBoxUtils) => { } }, } } // 在index.ts 文件中注册添加按钮 import { ButtonFun } from "@platform-lib/base"; import { addWf } from "./addWf" export const AddWfButton = ButtonFun.register({ code: 'addWf', name: '新增', descr: '测试工作流新增', addwf:addWf }) // 在APP.vue 文件中引用流程添加按钮 <template> <t-layout> <t-header> <t-space size="small"> //params 为传给表单的参数 <AddWfButton theme="primary" modalWidth="100%" :params="['6677']"></AddWfButton> </t-space> </t-header> <t-content> // 本段代码为01图表格，此处仅作展示使用，以实际代码为准 <vxe-grid v-bind="bind" ref="gridRef"></vxe-grid> </t-content> </t-layout> </template> <script setup lang="tsx"> import { AddWfButton } from "./funboxs/index" </script>

// 在index.ts中直接注册自定义按钮 export const CustomButton = ButtonFun.register({ code: 'custom1', name: '自定义功能', }) // 在APP.vue 文件中引用流程添加按钮 <template> //isAuto 是否根据权限过滤 <CustomButton :isAuto="false"> <template #default="test"> <t-button>测试自定义{{ test }}</t-button> </template> </CustomButton> </template> <script setup lang="tsx"> import { CustomButton } from "./funboxs/index" </script>