更新记录

1.1.16（2024-10-18） 下载此版本

兼容zip文件显示

1.1.15（2024-09-11） 下载此版本

审批流样式优化

1.1.14（2024-09-10） 下载此版本

工作流文件预览优化, 非图片类型文件，H5使用内部在线预览地址，小程序、app使用原生接口（openDocument）

平台兼容性

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(layout, data) {
   return Request(`/api/entry/{mini}/m-action/biz.workflow.Task.${layout}.paging`, data)
   }
   //审批详情 data: { aux: { taskId: id } }
   export function getWorkflowDetail(data) {
   return Request(`/api/entry/{mini}/m-action/biz.workflow.Instance.service.getMobileTaskDetail`, data)
   }
   //流程审批 adviceAction: pass(同意) unpass(驳回) submit(动作任务确认)
   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)
   }

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

3. 自定义详情页内容

   
   <view class="workflow-header">
   <!-- 自定义头显示 -->
   <slot name="flowHeader" :task="task">
   
   </slot>
   </view>

如上，组件代码内部已内置相关插槽，并支持在父组件使用插槽内数据(作用域插槽)，支持项目自定义审批详情。[Vue2.0官方文档](https://v2.cn.vuejs.org/v2/guide/components-slots.html)
父组件使用：以下两种插槽写法二选一即可，slotProps为自定义data名称，包含插槽上所有绑定的数据。
```vue
<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. 按下述组件插件使用方法，引入组件即可

组件插件使用

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

1. 工作流Workflow的使用

<template>
    <biz-workflow :layout="layoutName" @tabClick="onTabClick"/>
</template>

<script>
    export default {
        data() {
            return {
                layoutName: 'workflow_task_owner_mobile_search'
            }
        },
        mounted() {},
        methods: {
            //监听顶部Tab切换，动态传入LayoutName
            onTabClick(tabIndex) {
                this.layoutName = tabIndex === 0 ? 'workflow_task_owner_mobile_search' : 'workflow_task_ownerend_mobile_search'             
            }
        }
    }
</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>

注意：

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