QGB-PROCESS 审批流程

主要应用于企管帮项目中审批模块

使用方法

1. 加入企管帮环境变量到本地存储中，用于打包以及不同环境下测试与打包，可在引入路由前加入

// 将环境变量加入缓存 
// 配合 qgb-process 模块传递环境变量
localStorage.clear("env");
localStorage.set("env", JSON.stringify(process.env));

1. 入口 main.js 文件

// 注意项目组件根据 elementUI 构建界面，需引入 elementUI 模块
import qgbProcess from 'qgb-process'
Vue.use(qgbProcess);

2. 参数说明

| 参数 | 说明 | 类型 | 填写说明 |默认值 | | ---- | ---- | ---- | ---- | ---- | | queryInfo | 审批流程的类型与中文名称 | 必填 | Object | {name:"公告管理",type:"notice"} | | formBuilder | 表单相关 | 必填 | String | "" | | path | 路由地址（无特殊要求传递 $route.path ） | 必填 | String | "/index" | | userInfo | 用户信息(无特殊要求传递 $store.state.user ) | 必填 | Object | -- |

3. App.vue 使用示例：

<template>
    <div>
        <!-- 流程模块 -->
        <Process 
            :queryInfo="$route.query" 
            :formBuilder="$store.state.formBuilder"
            :path="$route.path"
            :userInfo="$store.state.user"
        />
    </div>
</template>

<script>
export default {
  created(){
    // 此处示例审批参数从地址 GET 传参中获取
    this.queryInfo = this.$route.query
  },
  data(){
    return{
      queryInfo:{ type: "overTimeApply", name: "加班申请" }
    }
  }
}
</script>

<style lang="sass">
</style>