qgb-process 0.3.86 → 0.3.87
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +66 -66
- package/lib/qgbProcess.common.js +160093 -158644
- package/lib/qgbProcess.umd.js +160093 -158644
- package/lib/qgbProcess.umd.min.js +68 -68
- package/package.json +132 -132
package/README.md
CHANGED
|
@@ -1,66 +1,66 @@
|
|
|
1
|
-
### QGB-PROCESS 审批流程
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
主要应用于企管帮项目中审批模块
|
|
5
|
-
|
|
6
|
-
---
|
|
7
|
-
### 使用方法
|
|
8
|
-
|
|
9
|
-
#### 1. 加入企管帮环境变量到本地存储中，用于打包以及不同环境下测试与打包，可在引入路由前加入
|
|
10
|
-
|
|
11
|
-
```js
|
|
12
|
-
// 将环境变量加入缓存
|
|
13
|
-
// 配合 qgb-process 模块传递环境变量
|
|
14
|
-
localStorage.clear("env");
|
|
15
|
-
localStorage.set("env", JSON.stringify(process.env));
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
#### 1. 入口 main.js 文件
|
|
19
|
-
|
|
20
|
-
```js
|
|
21
|
-
// 注意项目组件根据 elementUI 构建界面，需引入 elementUI 模块
|
|
22
|
-
import qgbProcess from 'qgb-process'
|
|
23
|
-
Vue.use(qgbProcess);
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
#### 2. 参数说明
|
|
27
|
-
| 参数 | 说明 | 类型 | 填写说明 |默认值 |
|
|
28
|
-
| ---- | ---- | ---- | ---- | ---- |
|
|
29
|
-
| queryInfo | 审批流程的类型与中文名称 | 必填 | `Object` | `{name:"公告管理",type:"notice"}` |
|
|
30
|
-
| formBuilder | 表单相关 | 必填 | `String` | "" |
|
|
31
|
-
| path | 路由地址（无特殊要求传递 `$route.path` ） | 必填 | `String` | "/index" |
|
|
32
|
-
| userInfo | 用户信息(无特殊要求传递 `$store.state.user` ) | 必填 | `Object` | -- |
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
#### 3. App.vue 使用示例：
|
|
37
|
-
```js
|
|
38
|
-
<template>
|
|
39
|
-
<div>
|
|
40
|
-
<!-- 流程模块 -->
|
|
41
|
-
<Process
|
|
42
|
-
:queryInfo="$route.query"
|
|
43
|
-
:formBuilder="$store.state.formBuilder"
|
|
44
|
-
:path="$route.path"
|
|
45
|
-
:userInfo="$store.state.user"
|
|
46
|
-
/>
|
|
47
|
-
</div>
|
|
48
|
-
</template>
|
|
49
|
-
|
|
50
|
-
<script>
|
|
51
|
-
export default {
|
|
52
|
-
created(){
|
|
53
|
-
// 此处示例审批参数从地址 GET 传参中获取
|
|
54
|
-
this.queryInfo = this.$route.query
|
|
55
|
-
},
|
|
56
|
-
data(){
|
|
57
|
-
return{
|
|
58
|
-
queryInfo:{ type: "overTimeApply", name: "加班申请" }
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
</script>
|
|
63
|
-
|
|
64
|
-
<style lang="sass">
|
|
65
|
-
</style>
|
|
66
|
-
```
|
|
1
|
+
### QGB-PROCESS 审批流程
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
主要应用于企管帮项目中审批模块
|
|
5
|
+
|
|
6
|
+
---
|
|
7
|
+
### 使用方法
|
|
8
|
+
|
|
9
|
+
#### 1. 加入企管帮环境变量到本地存储中，用于打包以及不同环境下测试与打包，可在引入路由前加入
|
|
10
|
+
|
|
11
|
+
```js
|
|
12
|
+
// 将环境变量加入缓存
|
|
13
|
+
// 配合 qgb-process 模块传递环境变量
|
|
14
|
+
localStorage.clear("env");
|
|
15
|
+
localStorage.set("env", JSON.stringify(process.env));
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
#### 1. 入口 main.js 文件
|
|
19
|
+
|
|
20
|
+
```js
|
|
21
|
+
// 注意项目组件根据 elementUI 构建界面，需引入 elementUI 模块
|
|
22
|
+
import qgbProcess from 'qgb-process'
|
|
23
|
+
Vue.use(qgbProcess);
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
#### 2. 参数说明
|
|
27
|
+
| 参数 | 说明 | 类型 | 填写说明 |默认值 |
|
|
28
|
+
| ---- | ---- | ---- | ---- | ---- |
|
|
29
|
+
| queryInfo | 审批流程的类型与中文名称 | 必填 | `Object` | `{name:"公告管理",type:"notice"}` |
|
|
30
|
+
| formBuilder | 表单相关 | 必填 | `String` | "" |
|
|
31
|
+
| path | 路由地址（无特殊要求传递 `$route.path` ） | 必填 | `String` | "/index" |
|
|
32
|
+
| userInfo | 用户信息(无特殊要求传递 `$store.state.user` ) | 必填 | `Object` | -- |
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
#### 3. App.vue 使用示例：
|
|
37
|
+
```js
|
|
38
|
+
<template>
|
|
39
|
+
<div>
|
|
40
|
+
<!-- 流程模块 -->
|
|
41
|
+
<Process
|
|
42
|
+
:queryInfo="$route.query"
|
|
43
|
+
:formBuilder="$store.state.formBuilder"
|
|
44
|
+
:path="$route.path"
|
|
45
|
+
:userInfo="$store.state.user"
|
|
46
|
+
/>
|
|
47
|
+
</div>
|
|
48
|
+
</template>
|
|
49
|
+
|
|
50
|
+
<script>
|
|
51
|
+
export default {
|
|
52
|
+
created(){
|
|
53
|
+
// 此处示例审批参数从地址 GET 传参中获取
|
|
54
|
+
this.queryInfo = this.$route.query
|
|
55
|
+
},
|
|
56
|
+
data(){
|
|
57
|
+
return{
|
|
58
|
+
queryInfo:{ type: "overTimeApply", name: "加班申请" }
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
</script>
|
|
63
|
+
|
|
64
|
+
<style lang="sass">
|
|
65
|
+
</style>
|
|
66
|
+
```
|