n20-common-lib 2.18.9 → 2.18.10

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/ApprovalButtons/indexApp.vue +100 -0
  3. package/src/components/ApprovalRecord/indexApp.vue +100 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "n20-common-lib",
3
- "version": "2.18.9",
3
+ "version": "2.18.10",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/components/ApprovalButtons/indexApp.vue ADDED
@@ -0,0 +1,100 @@
1
+ /* 审批记录 */
2
+ <template>
3
+ <div v-if="approvalMode === 'dialog' || !approvalMode">
4
+ <div class="flex-box flex-r">
5
+ <el-button type="text" size="mini" :disabled="false" @click="cardV = true">{{ '审批进度查看' | $lc }}</el-button>
6
+ </div>
7
+ <el-dialog
8
+ v-drag
9
+ :title="'审批记录' | $lc"
10
+ :visible.sync="cardV"
11
+ width="80%"
12
+ class="p-a-0"
13
+ append-to-body
14
+ top="10vh"
15
+ >
16
+ <approvalCard
17
+ :api-prefix="apiPrefix"
18
+ class="p-a"
19
+ :proc-inst-id="procInstIdC"
20
+ style="height: 70vh; overflow: auto"
21
+ />
22
+ </el-dialog>
23
+ <el-dialog
24
+ v-drag
25
+ :title="'查看流程' | $lc"
26
+ :visible.sync="imgV"
27
+ width="80%"
28
+ class="p-a-0"
29
+ append-to-body
30
+ top="10vh"
31
+ >
32
+ <approvalImg class="text-c p-a" :proc-inst-id="procInstIdC" style="height: 70vh; overflow: auto" />
33
+ </el-dialog>
34
+ </div>
35
+ <div v-else>
36
+ <expandableWrap :title="'审批记录' | $lc">
37
+ <template slot="tips">
38
+ <el-button size="mini" plain @click="imgV = true">{{ '流程图查看' | $lc }}</el-button>
39
+ </template>
40
+ <approvalCard :api-prefix="apiPrefix" :proc-inst-id="procInstIdC" />
41
+ <el-dialog
42
+ v-drag
43
+ :title="'查看流程' | $lc"
44
+ :visible.sync="imgV"
45
+ width="65%"
46
+ class="p-a-0"
47
+ append-to-body
48
+ top="10vh"
49
+ >
50
+ <approvalImg class="text-c p-a" style="height: 70vh; overflow: auto" />
51
+ </el-dialog>
52
+ </expandableWrap>
53
+ </div>
54
+ </template>
55
+
56
+ <script>
57
+ import expandableWrap from '../Expandable/main.vue'
58
+ import approvalCard from '../ApprovalCard/index.vue'
59
+ import approvalImg from './approvalImg.vue'
60
+ import getJsonc from 'n20-common-lib/src/assets/getJsonc'
61
+ export default {
62
+ name: 'ApprovalRecord',
63
+ components: {
64
+ expandableWrap,
65
+ approvalCard,
66
+ approvalImg
67
+ },
68
+ props: {
69
+ apiPrefix: {
70
+ type: String,
71
+ default: undefined
72
+ },
73
+ procInstId: {
74
+ type: String,
75
+ default: undefined
76
+ },
77
+ buttonMode: {
78
+ type: Boolean,
79
+ default: true
80
+ }
81
+ },
82
+ data() {
83
+ return {
84
+ cardV: false,
85
+ imgV: false,
86
+ approvalMode: undefined
87
+ }
88
+ },
89
+ computed: {
90
+ procInstIdC() {
91
+ return this.procInstId || this.$route.query.processInstanceId
92
+ }
93
+ },
94
+ mounted() {
95
+ getJsonc('/server-config.jsonc').then(({ approvalMode }) => {
96
+ this.approvalMode = approvalMode
97
+ })
98
+ }
99
+ }
100
+ </script>
package/src/components/ApprovalRecord/indexApp.vue ADDED
@@ -0,0 +1,100 @@
1
+ /* 审批记录 */
2
+ <template>
3
+ <div v-if="approvalMode === 'dialog' || !approvalMode">
4
+ <div class="flex-box flex-r">
5
+ <el-button type="text" size="mini" :disabled="false" @click="cardV = true">{{ '审批进度查看' | $lc }}</el-button>
6
+ </div>
7
+ <el-dialog
8
+ v-drag
9
+ :title="'审批记录' | $lc"
10
+ :visible.sync="cardV"
11
+ width="80%"
12
+ class="p-a-0"
13
+ append-to-body
14
+ top="10vh"
15
+ >
16
+ <approvalCard
17
+ :api-prefix="apiPrefix"
18
+ class="p-a"
19
+ :proc-inst-id="procInstIdC"
20
+ style="height: 70vh; overflow: auto"
21
+ />
22
+ </el-dialog>
23
+ <el-dialog
24
+ v-drag
25
+ :title="'查看流程' | $lc"
26
+ :visible.sync="imgV"
27
+ width="80%"
28
+ class="p-a-0"
29
+ append-to-body
30
+ top="10vh"
31
+ >
32
+ <approvalImg class="text-c p-a" :proc-inst-id="procInstIdC" style="height: 70vh; overflow: auto" />
33
+ </el-dialog>
34
+ </div>
35
+ <div v-else>
36
+ <expandableWrap :title="'审批记录' | $lc">
37
+ <template slot="tips">
38
+ <el-button size="mini" plain @click="imgV = true">{{ '流程图查看' | $lc }}</el-button>
39
+ </template>
40
+ <approvalCard :api-prefix="apiPrefix" :proc-inst-id="procInstIdC" />
41
+ <el-dialog
42
+ v-drag
43
+ :title="'查看流程' | $lc"
44
+ :visible.sync="imgV"
45
+ width="65%"
46
+ class="p-a-0"
47
+ append-to-body
48
+ top="10vh"
49
+ >
50
+ <approvalImg class="text-c p-a" style="height: 70vh; overflow: auto" />
51
+ </el-dialog>
52
+ </expandableWrap>
53
+ </div>
54
+ </template>
55
+
56
+ <script>
57
+ import expandableWrap from '../Expandable/main.vue'
58
+ import approvalCard from '../ApprovalCard/index.vue'
59
+ import approvalImg from './approvalImg.vue'
60
+ import getJsonc from 'n20-common-lib/src/assets/getJsonc'
61
+ export default {
62
+ name: 'ApprovalRecord',
63
+ components: {
64
+ expandableWrap,
65
+ approvalCard,
66
+ approvalImg
67
+ },
68
+ props: {
69
+ apiPrefix: {
70
+ type: String,
71
+ default: undefined
72
+ },
73
+ procInstId: {
74
+ type: String,
75
+ default: undefined
76
+ },
77
+ buttonMode: {
78
+ type: Boolean,
79
+ default: true
80
+ }
81
+ },
82
+ data() {
83
+ return {
84
+ cardV: false,
85
+ imgV: false,
86
+ approvalMode: undefined
87
+ }
88
+ },
89
+ computed: {
90
+ procInstIdC() {
91
+ return this.procInstId || this.$route.query.processInstanceId
92
+ }
93
+ },
94
+ mounted() {
95
+ getJsonc('/server-config.jsonc').then(({ approvalMode }) => {
96
+ this.approvalMode = approvalMode
97
+ })
98
+ }
99
+ }
100
+ </script>