wflow-approval-mobile
v1.0.1
Published
移动端流程审批记录组件(Vue3)
Downloads
19
Readme
wflow-approval-mobile
ProcessInstRecord 移动端审批流记录展示组件(Vue3)。
当前发布产物为 ESM 格式,适配 Vue3 常见工程化环境(Vite / Webpack5)。
安装:
npm i wflow-approval-mobile说明:
tdesign-mobile-vue和tdesign-icons-vue-next已作为本包依赖自动安装;业务项目只需安装本包(以及 Vue3)。 样式默认自动注入;如你的构建链未生效,可手动补充import 'wflow-approval-mobile/index.css'。
全局注册:
import { createApp } from 'vue';
import WflowApprovalMobile from 'wflow-approval-mobile';
import App from './App.vue';
createApp(App).use(WflowApprovalMobile).mount('#app');局部使用:
<script setup>
import { ProcessInstRecord } from 'wflow-approval-mobile';
const status = 'RUNNING';
const records = [];
const initiator = { name: '发起人' };
</script>
<template>
<ProcessInstRecord
:records="records"
:status="status"
:is-agent="false"
:initiator="initiator"
/>
<!-- 可传入连接线颜色 -->
<ProcessInstRecord fill-darker-color="#D9D9E0" />
<ProcessInstRecord fill-darker-color="rgba(120, 120, 140, 0.35)" />
</template>