更新记录

1.1.22（2025-02-10） 下载此版本

优化，小程序上按钮样式

1.1.21（2025-02-10） 下载此版本

样式优化

1.1.20（2025-02-10） 下载此版本

审批流按钮样式，异常换行优化

平台兼容性

biz-uni-app

导入使用插件

如何导入, 默认注册、合并页面级插件的Pages路由, 项目按需注册即可。默认插件内部均不跳转Tabbar页面，Tabbar路由请手动在tabBar > list中注册。

"tabBar": {
    "list": [ {
        "pagePath": "uni_modules/xxxxx(如：biz-uni-app)/pages/workflow/workflow",
        "text": "工作流",
        "iconPath": "static/img/tabbar/shipment.png",
        "selectedIconPath": "static/img/tabbar/shipment-active.png"
    }]
}

2. 项目页面可直接跳转页面级插件，跳转Url为：/uni_modules/xxxxx/pages/xxxxx/xxxxx, 如：

   uni.navigateTo({
   url: `/uni_modules/biz-uni-app/pages/workflow/workflowTask?id=${taskId}`
   })

3. 配置页面相关数据接口访问权限 在BO设计器 通用 --> 移动端设置 中配置对应Permission 附加权限，并分配给登录用户该权限

4. 当包含图片字段时，请添加文件下载API

   // 下载文件
   export function downloadImg(data) {
   return downloadFile('/api/doc/download', data)
   }

5. 项目可根据插件/组件参数， 定制化开发。当项目本地自定义修改插件内容后，更新插件时要特别注意差异合并。

页面级插件使用

1.工作流Workflow的使用

1. 首先添加数据接口API，默认相对引用路径为项目根目录：api > apiList中。

   // 工作流审批列表
   export function getWorkflowList(data) {
   return Request(`/api/entry/{mini}/m-action/biz.workflow.Instance.service.getMobilePage`, data)
   }
   //审批详情
   export function getWorkflowDetail(data) {
   return Request(`/api/entry/{mini}/m-action/biz.workflow.Instance.service.getMobileTaskDetailNew`, data)
   }
   //流程审批 adviceAction: pass(同意) unpass(驳回) submit(动作任务确认) addBeforeSign(前加签) addAfterSign(后加签) addEndorsementTransfer(转签)
   export function flowTaskAudit(taskAction, data) {
   return Request(`/api/entry/{mini}/m-action/biz.workflow.Instance.service.${taskAction}`, data)
   }
   //获取动作任务字段
   export function getActionFields(data) {
   return Request(`/api/entry/{mini}/m-action/biz.workflow.Instance.service.getActionNodePanel`, data)
   }
   //加签时 获取系统用户
   export function getSystemUsers(data) {
   return Request(`/api/entry/{mini}/m-action/biz.system.User.system_user_search.paging`, data)
   }

2. 按下述组件插件使用方法，引入组件即可

   <!-- 审批流列表 -->

   <template>
   <biz-workflow />
   </template>

   <!-- 审批明细 -->

   <template>
   <biz-workflow-task :taskId="taskId" />
   </template>

   <!-- 前、后加签、转签 --> <!-- auditType：addBeforeSign(前加签) addAfterSign(后加签) addEndorsementTransfer(转签) -->

   <template>
   <biz-workflow-userAudit :taskId="taskId" :auditType="auditType"/>
   </template>

3. 自定义详情页内容

   <template>
   <view class="workflow-header">
       <!-- 自定义头显示 -->
       <slot name="flowHeader" :task="task">
   
       </slot>
   </view>
   
   <scroll-view class="workflow-body" scroll-y>
       <!-- 自定义主体信息 -->
       <slot name="flowBodyMain" :headLayout="headLayout" :headObject="headObject" :itemLayout="itemLayout" :itemObject="itemObject">
   
       </slot>
       <!-- 自定义流程显示 -->
       <slot name="flowBodyTask" :runningBill="runningBill">
   
       </slot>         
   </scroll-view>
   
   <view class="workflow-bottom" v-if="showButton">
       <!-- 自定义操作按钮 -->
       <slot name="flowBottomBtn">
       </slot>
   </view>
   </template>

   如上，组件代码内部已内置相关插槽，并支持在父组件使用插槽内数据(作用域插槽)，支持项目自定义审批详情。Vue2.0官方文档 父组件使用：以下两种插槽写法二选一即可，slotProps为自定义data名称，包含插槽上所有绑定的数据。

   <biz-workflow-task :taskId="taskId" >
   <template #flowHeader='slotProps'>
       <view >
           {{slotProps.task}}
       </view>
   </template>
   
   <view slot="flowHeader" slot-scope="slotProps">
       {{slotProps.task}}
       {{slotProps.runningBill}}
   </view>
   </biz-workflow-task>

2.工作台WorkbenchLayout的使用

1. 项目根目录：api > apiList中添加数据接口API:

   // workbenchLayout 获取页面json配置
   export function getLayout(layout, projectName) {
   return Request(`/assets/biz-web/biz/${projectName}/${layout}.json`, {}, 'GET')
   }
   // 获取task类型工作台数据
   export function countTask(data) {
   return Request('/handler/counttask', data)
   }
   // 获取summary类型工作台数据
   export function countSummary(data) {
   return Request('/handler/countsummary', data)
   }
   // 获取list类型工作台数据
   export function queryList(data) {
   return Request('/handler/querylist', data)
   }
   // 获取progress类型工作台数据
   export function countProgress(data) {
   return Request('/handler/countprogress', data)
   }
   // 获取table类型工作台数据
   export function countTable(data) {
   return Request('/handler/counttable', data)
   }

2. 按下述组件插件使用方法，引入组件即可

   <template>
   <biz-uni-workbench-layout :layout="layoutName" :projectName="projectName" />
   </template>

   layoutName: 'bm_billingfactorfield_work_bench_layout_test01',
   projectName: 'prj-test' // 项目名

组件插件使用

• biz-uni-app > components下通用组件，项目页面中均可直接使用， 如：

1. 工作流Workflow的使用

<template>
    <biz-workflow />
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        mounted() {},
        methods: {

        }
    }
</script>

2. WorkbenchLayout的使用

<template>
    <biz-uni-workbench-layout :layout="layoutName" :projectName="projectName"/>
</template>

<script>
    export default {
        data() {
            return {
                layoutName: 'bm_billingfactorfield_work_bench_layout_test02',
                projectName: 'prj-test' // 项目名
            }
        },
    }
</script>

注意：

• 微信小程序暂不支持网页类型的展示