eoss-mobiles 0.3.95 → 0.3.97

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 (249) hide show
  1. package/CHANGELOG.md +95 -0
  2. package/lib/action-sheet.js +4 -4
  3. package/lib/button-group.js +4 -4
  4. package/lib/button.js +4 -4
  5. package/lib/calendar.js +4 -4
  6. package/lib/cascader.js +4 -4
  7. package/lib/cell.js +4 -4
  8. package/lib/checkbox.js +200 -173
  9. package/lib/circle.js +4 -4
  10. package/lib/config/api.js +16 -2
  11. package/lib/count-down.js +4 -4
  12. package/lib/date.js +108 -108
  13. package/lib/empty.js +4 -4
  14. package/lib/eoss-mobile.common.js +651 -83
  15. package/lib/esign.js +4 -4
  16. package/lib/field.js +4 -4
  17. package/lib/flow-btn.js +194 -167
  18. package/lib/flow-list.js +196 -167
  19. package/lib/flow.js +241 -212
  20. package/lib/form.js +93 -6
  21. package/lib/grid-item.js +4 -4
  22. package/lib/grid.js +12 -12
  23. package/lib/image-preview.js +15 -7
  24. package/lib/image.js +4 -4
  25. package/lib/index.js +1 -1
  26. package/lib/list.js +4 -4
  27. package/lib/loading.js +86 -86
  28. package/lib/nav-bar.js +4 -4
  29. package/lib/notice-bar.js +4 -4
  30. package/lib/pagination.js +4 -4
  31. package/lib/picker.js +200 -171
  32. package/lib/popover.js +4 -4
  33. package/lib/popup.js +4 -4
  34. package/lib/pull-refresh.js +4 -4
  35. package/lib/radio.js +199 -170
  36. package/lib/rate.js +4 -4
  37. package/lib/retrial-auth.js +194 -167
  38. package/lib/search.js +4 -4
  39. package/lib/selector.js +240 -211
  40. package/lib/skeleton.js +4 -4
  41. package/lib/stepper.js +4 -4
  42. package/lib/swipe.js +4 -4
  43. package/lib/switch.js +4 -4
  44. package/lib/tab.js +4 -4
  45. package/lib/table-column.js +194 -165
  46. package/lib/table.js +16 -16
  47. package/lib/tabs.js +4 -4
  48. package/lib/tag.js +4 -4
  49. package/lib/theme-chalk/fonts/iconfont.scss +98 -98
  50. package/lib/theme-chalk/fonts/iconfont1.scss +90 -90
  51. package/lib/uploader.js +2472 -13
  52. package/package.json +3 -1
  53. package/packages/action-sheet/index.js +5 -5
  54. package/packages/action-sheet/src/main.vue +32 -32
  55. package/packages/button/index.js +5 -5
  56. package/packages/button/src/main.vue +15 -15
  57. package/packages/button-group/index.js +5 -5
  58. package/packages/button-group/src/main.vue +80 -80
  59. package/packages/calendar/index.js +5 -5
  60. package/packages/calendar/src/main.vue +34 -34
  61. package/packages/cascader/index.js +5 -5
  62. package/packages/cascader/src/main.vue +39 -39
  63. package/packages/cell/index.js +5 -5
  64. package/packages/cell/src/main.vue +77 -77
  65. package/packages/checkbox/index.js +5 -5
  66. package/packages/checkbox/src/main.vue +232 -232
  67. package/packages/circle/index.js +5 -5
  68. package/packages/circle/src/main.vue +27 -27
  69. package/packages/count-down/index.js +5 -5
  70. package/packages/count-down/src/main.vue +27 -27
  71. package/packages/date/index.js +5 -5
  72. package/packages/date/src/date-time.vue +290 -290
  73. package/packages/date/src/main.vue +401 -401
  74. package/packages/empty/index.js +5 -5
  75. package/packages/empty/src/main.vue +16 -16
  76. package/packages/esign/index.js +5 -5
  77. package/packages/esign/src/main.vue +144 -144
  78. package/packages/field/index.js +5 -5
  79. package/packages/field/src/main.vue +235 -235
  80. package/packages/flow/index.js +5 -5
  81. package/packages/flow/src/components/Circulate.vue +595 -595
  82. package/packages/flow/src/components/Handle.vue +2404 -2404
  83. package/packages/flow/src/components/Message.vue +208 -208
  84. package/packages/flow/src/components/ProcessSettings.vue +342 -342
  85. package/packages/flow/src/components/supervise.vue +139 -139
  86. package/packages/flow/src/flowMix.js +288 -288
  87. package/packages/flow/src/main.vue +116 -116
  88. package/packages/flow-btn/index.js +5 -5
  89. package/packages/flow-btn/src/main.vue +494 -494
  90. package/packages/flow-list/index.js +5 -5
  91. package/packages/flow-list/src/main.vue +248 -248
  92. package/packages/form/index.js +5 -5
  93. package/packages/form/src/main.vue +548 -523
  94. package/packages/grid/index.js +5 -5
  95. package/packages/grid/src/main.vue +486 -486
  96. package/packages/grid-item/index.js +5 -5
  97. package/packages/grid-item/src/main.vue +16 -16
  98. package/packages/image/index.js +5 -5
  99. package/packages/image/src/main.vue +12 -12
  100. package/packages/image-preview/index.js +5 -5
  101. package/packages/image-preview/src/main.vue +41 -34
  102. package/packages/list/index.js +5 -5
  103. package/packages/list/src/main.vue +32 -32
  104. package/packages/loading/index.js +5 -5
  105. package/packages/loading/src/main.vue +19 -19
  106. package/packages/nav-bar/index.js +5 -5
  107. package/packages/nav-bar/src/main.vue +24 -24
  108. package/packages/notice-bar/index.js +5 -5
  109. package/packages/notice-bar/src/main.vue +15 -15
  110. package/packages/pagination/index.js +5 -5
  111. package/packages/pagination/src/main.vue +73 -73
  112. package/packages/picker/index.js +5 -5
  113. package/packages/picker/src/main.vue +604 -604
  114. package/packages/popover/index.js +5 -5
  115. package/packages/popover/src/main.vue +32 -32
  116. package/packages/popup/index.js +5 -5
  117. package/packages/popup/src/main.vue +27 -27
  118. package/packages/pull-refresh/index.js +5 -5
  119. package/packages/pull-refresh/src/main.vue +31 -31
  120. package/packages/radio/index.js +5 -5
  121. package/packages/radio/src/main.vue +179 -179
  122. package/packages/rate/index.js +5 -5
  123. package/packages/rate/src/main.vue +26 -26
  124. package/packages/retrial-auth/index.js +5 -5
  125. package/packages/retrial-auth/src/main.vue +257 -257
  126. package/packages/search/index.js +5 -5
  127. package/packages/search/src/main.vue +39 -39
  128. package/packages/selector/index.js +5 -5
  129. package/packages/selector/src/main.vue +186 -186
  130. package/packages/selector/src/selector-tree.vue +1117 -1117
  131. package/packages/selector/src/tree.vue +405 -405
  132. package/packages/skeleton/index.js +5 -5
  133. package/packages/skeleton/src/main.vue +17 -17
  134. package/packages/stepper/index.js +5 -5
  135. package/packages/stepper/src/main.vue +25 -25
  136. package/packages/swipe/index.js +5 -5
  137. package/packages/swipe/src/main.vue +42 -42
  138. package/packages/switch/index.js +5 -5
  139. package/packages/switch/src/main.vue +38 -38
  140. package/packages/tab/index.js +5 -5
  141. package/packages/tab/src/main.vue +16 -16
  142. package/packages/table/index.js +5 -5
  143. package/packages/table/src/main.vue +1006 -1006
  144. package/packages/table-column/index.js +5 -5
  145. package/packages/table-column/src/main.vue +931 -931
  146. package/packages/table-column/src/mixins/table.js +12 -12
  147. package/packages/tabs/index.js +5 -5
  148. package/packages/tabs/src/main.vue +34 -34
  149. package/packages/tag/index.js +5 -5
  150. package/packages/tag/src/main.vue +16 -16
  151. package/packages/theme-chalk/lib/action-sheet.css +0 -0
  152. package/packages/theme-chalk/lib/base.css +1 -0
  153. package/packages/theme-chalk/lib/button-group.css +1 -0
  154. package/packages/theme-chalk/lib/button.css +1 -0
  155. package/packages/theme-chalk/lib/calendar.css +1 -0
  156. package/packages/theme-chalk/lib/cascader.css +1 -0
  157. package/packages/theme-chalk/lib/cell.css +1 -0
  158. package/packages/theme-chalk/lib/checkbox.css +1 -0
  159. package/packages/theme-chalk/lib/circle.css +1 -0
  160. package/packages/theme-chalk/lib/count-down.css +0 -0
  161. package/packages/theme-chalk/lib/date.css +0 -0
  162. package/packages/theme-chalk/lib/empty.css +0 -0
  163. package/packages/theme-chalk/lib/esign.css +1 -0
  164. package/packages/theme-chalk/lib/field.css +1 -0
  165. package/packages/theme-chalk/lib/flow-btn.css +1 -0
  166. package/packages/theme-chalk/lib/flow-list-task-read.css +1 -0
  167. package/packages/theme-chalk/lib/flow-list.css +1 -0
  168. package/packages/theme-chalk/lib/flow.css +1 -0
  169. package/packages/theme-chalk/lib/fonts/iconfont.scss +98 -0
  170. package/packages/theme-chalk/lib/fonts/iconfont.ttf +0 -0
  171. package/packages/theme-chalk/lib/fonts/iconfont.woff +0 -0
  172. package/packages/theme-chalk/lib/fonts/iconfont1.scss +90 -0
  173. package/packages/theme-chalk/lib/form.css +1 -0
  174. package/packages/theme-chalk/lib/grid-item.css +1 -0
  175. package/packages/theme-chalk/lib/grid.css +1 -0
  176. package/packages/theme-chalk/lib/icon.css +1 -0
  177. package/packages/theme-chalk/lib/image-preview.css +0 -0
  178. package/packages/theme-chalk/lib/image.css +0 -0
  179. package/packages/theme-chalk/lib/index.css +1 -0
  180. package/packages/theme-chalk/lib/list.css +0 -0
  181. package/packages/theme-chalk/lib/loading.css +0 -0
  182. package/packages/theme-chalk/lib/nav-bar.css +0 -0
  183. package/packages/theme-chalk/lib/navbar.css +1 -0
  184. package/packages/theme-chalk/lib/notice-bar.css +0 -0
  185. package/packages/theme-chalk/lib/pagination.css +1 -0
  186. package/packages/theme-chalk/lib/picker.css +1 -0
  187. package/packages/theme-chalk/lib/popover.css +0 -0
  188. package/packages/theme-chalk/lib/popup.css +0 -0
  189. package/packages/theme-chalk/lib/pull-refresh.css +0 -0
  190. package/packages/theme-chalk/lib/radio.css +1 -0
  191. package/packages/theme-chalk/lib/rate.css +0 -0
  192. package/packages/theme-chalk/lib/retrial-auth.css +1 -0
  193. package/packages/theme-chalk/lib/search.css +0 -0
  194. package/packages/theme-chalk/lib/selector.css +1 -0
  195. package/packages/theme-chalk/lib/skeleton.css +0 -0
  196. package/packages/theme-chalk/lib/stepper.css +1 -0
  197. package/packages/theme-chalk/lib/swipe.css +0 -0
  198. package/packages/theme-chalk/lib/switch.css +1 -0
  199. package/packages/theme-chalk/lib/tab.css +0 -0
  200. package/packages/theme-chalk/lib/table-column.css +0 -0
  201. package/packages/theme-chalk/lib/table.css +1 -0
  202. package/packages/theme-chalk/lib/tabs.css +1 -0
  203. package/packages/theme-chalk/lib/tag.css +1 -0
  204. package/packages/theme-chalk/lib/theme.css +0 -0
  205. package/packages/theme-chalk/lib/tree.css +1 -0
  206. package/packages/theme-chalk/lib/uploader.css +0 -0
  207. package/packages/theme-chalk/src/base.scss +195 -195
  208. package/packages/theme-chalk/src/button-group.scss +25 -25
  209. package/packages/theme-chalk/src/button.scss +2 -2
  210. package/packages/theme-chalk/src/calendar.scss +11 -11
  211. package/packages/theme-chalk/src/cascader.scss +11 -11
  212. package/packages/theme-chalk/src/cell.scss +14 -14
  213. package/packages/theme-chalk/src/checkbox.scss +9 -9
  214. package/packages/theme-chalk/src/circle.scss +6 -6
  215. package/packages/theme-chalk/src/common/var.scss +1525 -1525
  216. package/packages/theme-chalk/src/esign.scss +51 -51
  217. package/packages/theme-chalk/src/field.scss +98 -98
  218. package/packages/theme-chalk/src/flow-btn.scss +99 -99
  219. package/packages/theme-chalk/src/flow-list.scss +122 -122
  220. package/packages/theme-chalk/src/fonts/iconfont.scss +98 -98
  221. package/packages/theme-chalk/src/fonts/iconfont1.scss +90 -90
  222. package/packages/theme-chalk/src/form.scss +33 -33
  223. package/packages/theme-chalk/src/grid-item.scss +16 -16
  224. package/packages/theme-chalk/src/grid.scss +46 -46
  225. package/packages/theme-chalk/src/icon.scss +1661 -1661
  226. package/packages/theme-chalk/src/mixins/color.scss +117 -117
  227. package/packages/theme-chalk/src/navbar.scss +5 -5
  228. package/packages/theme-chalk/src/pagination.scss +12 -12
  229. package/packages/theme-chalk/src/picker.scss +31 -31
  230. package/packages/theme-chalk/src/radio.scss +6 -6
  231. package/packages/theme-chalk/src/retrial-auth.scss +28 -28
  232. package/packages/theme-chalk/src/selector.scss +247 -247
  233. package/packages/theme-chalk/src/stepper.scss +9 -9
  234. package/packages/theme-chalk/src/switch.scss +5 -5
  235. package/packages/theme-chalk/src/table.scss +86 -86
  236. package/packages/theme-chalk/src/tabs.scss +31 -31
  237. package/packages/theme-chalk/src/tag.scss +12 -12
  238. package/packages/theme-chalk/src/theme.scss +1 -1
  239. package/packages/theme-chalk/src/tree.scss +127 -127
  240. package/packages/uploader/index.js +5 -5
  241. package/packages/uploader/src/main.vue +586 -31
  242. package/src/config/api.js +18 -0
  243. package/src/index.js +1 -1
  244. package/src/utils/axios.js +217 -217
  245. package/src/utils/date-util.js +312 -312
  246. package/src/utils/http.js +106 -106
  247. package/src/utils/rules.js +18 -18
  248. package/src/utils/store.js +21 -21
  249. package/packages/theme-chalk/gulpfile.js +0 -25
@@ -1,5 +1,5 @@
1
- import EmFlowList from './src/main';
2
-
3
- EmFlowList.install = Vue => Vue.component(EmFlowList.name, EmFlowList);
4
-
5
- export default EmFlowList;
1
+ import EmFlowList from './src/main';
2
+
3
+ EmFlowList.install = Vue => Vue.component(EmFlowList.name, EmFlowList);
4
+
5
+ export default EmFlowList;
@@ -1,248 +1,248 @@
1
- <template>
2
- <div
3
- class="em-flow-list"
4
- :style="`background:${type == '3' ? 'unset' : '#fff'}`"
5
- >
6
- <TaskRead v-if="type == '3' || type == '4'" :businessId="businessId" :type="type" :data="data" v-bind="$attrs" />
7
- <div v-else-if="isgw && processList.length > 0" class="list">
8
- <div
9
- v-for="(item, index) in processList"
10
- :key="index"
11
- class="item"
12
- :class="{ 'success-icon': item.flowList.length > 0 }"
13
- >
14
- <!-- 预备("预备", -1),
15
- 未签收("未签收", 0),
16
- 已签收("未办理", 1),
17
- 已完成("已办理", 2),
18
- 驳回("驳回", 3),
19
- 撤回("撤回", 4),
20
- 串行会签预备("串行会签预备", 5),
21
- 自动办理("自动办理", 6); -->
22
- <i class="iconfont icon-gou" v-if="item.flowList.length > 0" />
23
- <div
24
- v-else
25
- class="process-pending"
26
- :style="` background: rgba( ${rgbColor}, 0.1)`"
27
- >
28
- <i class="process-pending-yuan" />
29
- </div>
30
- <div class="item-box">
31
- <div class="one">
32
- <div class="label">
33
- {{ item.shortName }}
34
- </div>
35
- </div>
36
- <div
37
- v-for="x in item.showMore
38
- ? item.flowList
39
- : item.flowList.slice(0, 2)"
40
- :key="x.id"
41
- >
42
- <div class="two">
43
- <img
44
- style="width: 100px; height: 100px"
45
- v-if="x.doresult && x.doresult.startsWith('http')"
46
- :src="x.doresult"
47
- alt=""
48
- />
49
- <span v-else>{{ x.doresult }}</span>
50
- <span v-if="x.handleInfo" style="color: #adada5">{{
51
- (x.doresult ? '&' : '') + x.handleInfo
52
- }}</span>
53
- </div>
54
- <div class="tree">
55
- <div style="display: flex; align-items: center">
56
- <span>{{ x.userName }}</span>
57
- <span style="margin-left: 10px">{{
58
- x.createtime | transformTimestamp
59
- }}</span>
60
- </div>
61
- <em-tag
62
- type="primary"
63
- :color="
64
- x.pendstate != 2 && x.pendstate != 6 ? '#FEF6EB' : '#F2F8EC'
65
- "
66
- :text-color="
67
- x.pendstate != 2 && x.pendstate != 6 ? '#EB9A3D' : '#82B656'
68
- "
69
- size="medium"
70
- >{{
71
- x.pendstate == 2 || x.pendstate == 6 ? '已办理' : '办理中'
72
- }}</em-tag
73
- >
74
- </div>
75
- </div>
76
- <span
77
- v-if="item.flowList.length > 2"
78
- class="more"
79
- style="display: inline-block; width: 100%; text-align: center"
80
- @click="changeMore(index)"
81
- >{{ item.showMore ? '收起' : '展示更多' }}</span
82
- >
83
- </div>
84
- </div>
85
- </div>
86
- <div v-else-if="processList.length > 0" class="list">
87
- <div
88
- v-for="(item, index) in processList"
89
- :key="index"
90
- class="item"
91
- :class="{ 'success-icon': item.pendstate == 2 || item.pendstate == 6 }"
92
- >
93
- <!-- 预备("预备", -1),
94
- 未签收("未签收", 0),
95
- 已签收("未办理", 1),
96
- 已完成("已办理", 2),
97
- 驳回("驳回", 3),
98
- 撤回("撤回", 4),
99
- 串行会签预备("串行会签预备", 5),
100
- 自动办理("自动办理", 6); -->
101
- <i
102
- class="iconfont icon-gou"
103
- v-if="item.pendstate == 2 || item.pendstate == 6"
104
- />
105
- <div
106
- v-else
107
- class="process-pending"
108
- :style="` background: rgba( ${rgbColor}, 0.1)`"
109
- >
110
- <i class="process-pending-yuan" />
111
- </div>
112
- <div class="item-box">
113
- <div class="one">
114
- <div class="label">
115
- {{ item.itemname }}
116
- </div>
117
- </div>
118
- <div class="two">
119
- <img
120
- style="width: 100px; height: 100px"
121
- v-if="item.isImageOpinion == 1"
122
- :src="item.doresult"
123
- alt=""
124
- />
125
- <span v-else>{{ item.doresult }}</span>
126
- <span v-if="item.handleInfo" style="color: #adada5">{{
127
- (item.doresult ? '&' : '') + item.handleInfo
128
- }}</span>
129
- </div>
130
- <div class="tree">
131
- <div style="display: flex; align-items: center">
132
- <span>{{ item.userid }}</span>
133
- <span style="margin-left: 10px">{{
134
- item.createTime | transformTimestamp
135
- }}</span>
136
- </div>
137
- <em-tag
138
- type="primary"
139
- :color="
140
- item.pendstate != 2 && item.pendstate != 6
141
- ? '#FEF6EB'
142
- : '#F2F8EC'
143
- "
144
- :text-color="
145
- item.pendstate != 2 && item.pendstate != 6
146
- ? '#EB9A3D'
147
- : '#82B656'
148
- "
149
- size="medium"
150
- >{{
151
- item.pendstate == 2 || item.pendstate == 6 ? '已办理' : '办理中'
152
- }}</em-tag
153
- >
154
- </div>
155
- </div>
156
- </div>
157
- </div>
158
- <em-empty
159
- v-else
160
- class="custom-image"
161
- image="https://img01.yzcdn.cn/vant/custom-empty-image.png"
162
- description="暂无数据"
163
- />
164
- </div>
165
- </template>
166
- <script>
167
- import { pendedhistoryList } from '../../../src/config/api.js';
168
- import request from '../../../src/utils/http.js';
169
- import TaskRead from './taskRead.vue';
170
- import $ from '../../../src/utils/util';
171
- export default {
172
- name: 'EmFlowList',
173
- props: {
174
- businessId: {
175
- type: String,
176
- default: ''
177
- },
178
- type: {
179
- type: String,
180
- default: '0'
181
- },
182
- data: {
183
- type: Array,
184
- default: () => []
185
- },
186
- isgw: {
187
- type: Boolean,
188
- default: false
189
- }
190
- },
191
- components: {
192
- TaskRead
193
- },
194
- filters: {
195
- transformTimestamp(val) {
196
- return $.formatDate(Number(val), 'yyyy-MM-dd');
197
- }
198
- },
199
- data() {
200
- return {
201
- processList: [],
202
- rgbColor: ''
203
- };
204
- },
205
- mounted() {
206
- let bgColor =
207
- document.documentElement.style.getPropertyValue('--theme-primary') ||
208
- '#12278B';
209
- this.rgbColor = $.getRgb(bgColor).join(',');
210
- },
211
- watch: {
212
- businessId: {
213
- handler(val) {
214
- if (this.type == 3 || this.type == 4) return;
215
- if (val && this.data.length === 0) {
216
- this.getFlowList(val);
217
- } else {
218
- this.processList = this.data;
219
- }
220
- },
221
- deep: true,
222
- immediate: true
223
- }
224
- },
225
- methods: {
226
- getFlowList(apprecordId) {
227
- request({
228
- url: pendedhistoryList,
229
- type: 'post',
230
- params: {
231
- type: this.type,
232
- apprecordid: apprecordId
233
- }
234
- }).then((res) => {
235
- const { status, data } = res;
236
- if (status == 'success') {
237
- this.processList = this.type == '0'? data.wfHistoryList : data.fyHistoryList;
238
- } else {
239
- this.$toast(msg);
240
- }
241
- });
242
- },
243
- changeMore(i) {
244
- this.$emit('changeMore', i);
245
- }
246
- }
247
- };
248
- </script>
1
+ <template>
2
+ <div
3
+ class="em-flow-list"
4
+ :style="`background:${type == '3' ? 'unset' : '#fff'}`"
5
+ >
6
+ <TaskRead v-if="type == '3' || type == '4'" :businessId="businessId" :type="type" :data="data" v-bind="$attrs" />
7
+ <div v-else-if="isgw && processList.length > 0" class="list">
8
+ <div
9
+ v-for="(item, index) in processList"
10
+ :key="index"
11
+ class="item"
12
+ :class="{ 'success-icon': item.flowList.length > 0 }"
13
+ >
14
+ <!-- 预备("预备", -1),
15
+ 未签收("未签收", 0),
16
+ 已签收("未办理", 1),
17
+ 已完成("已办理", 2),
18
+ 驳回("驳回", 3),
19
+ 撤回("撤回", 4),
20
+ 串行会签预备("串行会签预备", 5),
21
+ 自动办理("自动办理", 6); -->
22
+ <i class="iconfont icon-gou" v-if="item.flowList.length > 0" />
23
+ <div
24
+ v-else
25
+ class="process-pending"
26
+ :style="` background: rgba( ${rgbColor}, 0.1)`"
27
+ >
28
+ <i class="process-pending-yuan" />
29
+ </div>
30
+ <div class="item-box">
31
+ <div class="one">
32
+ <div class="label">
33
+ {{ item.shortName }}
34
+ </div>
35
+ </div>
36
+ <div
37
+ v-for="x in item.showMore
38
+ ? item.flowList
39
+ : item.flowList.slice(0, 2)"
40
+ :key="x.id"
41
+ >
42
+ <div class="two">
43
+ <img
44
+ style="width: 100px; height: 100px"
45
+ v-if="x.doresult && x.doresult.startsWith('http')"
46
+ :src="x.doresult"
47
+ alt=""
48
+ />
49
+ <span v-else>{{ x.doresult }}</span>
50
+ <span v-if="x.handleInfo" style="color: #adada5">{{
51
+ (x.doresult ? '&' : '') + x.handleInfo
52
+ }}</span>
53
+ </div>
54
+ <div class="tree">
55
+ <div style="display: flex; align-items: center">
56
+ <span>{{ x.userName }}</span>
57
+ <span style="margin-left: 10px">{{
58
+ x.createtime | transformTimestamp
59
+ }}</span>
60
+ </div>
61
+ <em-tag
62
+ type="primary"
63
+ :color="
64
+ x.pendstate != 2 && x.pendstate != 6 ? '#FEF6EB' : '#F2F8EC'
65
+ "
66
+ :text-color="
67
+ x.pendstate != 2 && x.pendstate != 6 ? '#EB9A3D' : '#82B656'
68
+ "
69
+ size="medium"
70
+ >{{
71
+ x.pendstate == 2 || x.pendstate == 6 ? '已办理' : '办理中'
72
+ }}</em-tag
73
+ >
74
+ </div>
75
+ </div>
76
+ <span
77
+ v-if="item.flowList.length > 2"
78
+ class="more"
79
+ style="display: inline-block; width: 100%; text-align: center"
80
+ @click="changeMore(index)"
81
+ >{{ item.showMore ? '收起' : '展示更多' }}</span
82
+ >
83
+ </div>
84
+ </div>
85
+ </div>
86
+ <div v-else-if="processList.length > 0" class="list">
87
+ <div
88
+ v-for="(item, index) in processList"
89
+ :key="index"
90
+ class="item"
91
+ :class="{ 'success-icon': item.pendstate == 2 || item.pendstate == 6 }"
92
+ >
93
+ <!-- 预备("预备", -1),
94
+ 未签收("未签收", 0),
95
+ 已签收("未办理", 1),
96
+ 已完成("已办理", 2),
97
+ 驳回("驳回", 3),
98
+ 撤回("撤回", 4),
99
+ 串行会签预备("串行会签预备", 5),
100
+ 自动办理("自动办理", 6); -->
101
+ <i
102
+ class="iconfont icon-gou"
103
+ v-if="item.pendstate == 2 || item.pendstate == 6"
104
+ />
105
+ <div
106
+ v-else
107
+ class="process-pending"
108
+ :style="` background: rgba( ${rgbColor}, 0.1)`"
109
+ >
110
+ <i class="process-pending-yuan" />
111
+ </div>
112
+ <div class="item-box">
113
+ <div class="one">
114
+ <div class="label">
115
+ {{ item.itemname }}
116
+ </div>
117
+ </div>
118
+ <div class="two">
119
+ <img
120
+ style="width: 100px; height: 100px"
121
+ v-if="item.isImageOpinion == 1"
122
+ :src="item.doresult"
123
+ alt=""
124
+ />
125
+ <span v-else>{{ item.doresult }}</span>
126
+ <span v-if="item.handleInfo" style="color: #adada5">{{
127
+ (item.doresult ? '&' : '') + item.handleInfo
128
+ }}</span>
129
+ </div>
130
+ <div class="tree">
131
+ <div style="display: flex; align-items: center">
132
+ <span>{{ item.userid }}</span>
133
+ <span style="margin-left: 10px">{{
134
+ item.createTime | transformTimestamp
135
+ }}</span>
136
+ </div>
137
+ <em-tag
138
+ type="primary"
139
+ :color="
140
+ item.pendstate != 2 && item.pendstate != 6
141
+ ? '#FEF6EB'
142
+ : '#F2F8EC'
143
+ "
144
+ :text-color="
145
+ item.pendstate != 2 && item.pendstate != 6
146
+ ? '#EB9A3D'
147
+ : '#82B656'
148
+ "
149
+ size="medium"
150
+ >{{
151
+ item.pendstate == 2 || item.pendstate == 6 ? '已办理' : '办理中'
152
+ }}</em-tag
153
+ >
154
+ </div>
155
+ </div>
156
+ </div>
157
+ </div>
158
+ <em-empty
159
+ v-else
160
+ class="custom-image"
161
+ image="https://img01.yzcdn.cn/vant/custom-empty-image.png"
162
+ description="暂无数据"
163
+ />
164
+ </div>
165
+ </template>
166
+ <script>
167
+ import { pendedhistoryList } from '../../../src/config/api.js';
168
+ import request from '../../../src/utils/http.js';
169
+ import TaskRead from './taskRead.vue';
170
+ import $ from '../../../src/utils/util';
171
+ export default {
172
+ name: 'EmFlowList',
173
+ props: {
174
+ businessId: {
175
+ type: String,
176
+ default: ''
177
+ },
178
+ type: {
179
+ type: String,
180
+ default: '0'
181
+ },
182
+ data: {
183
+ type: Array,
184
+ default: () => []
185
+ },
186
+ isgw: {
187
+ type: Boolean,
188
+ default: false
189
+ }
190
+ },
191
+ components: {
192
+ TaskRead
193
+ },
194
+ filters: {
195
+ transformTimestamp(val) {
196
+ return $.formatDate(Number(val), 'yyyy-MM-dd');
197
+ }
198
+ },
199
+ data() {
200
+ return {
201
+ processList: [],
202
+ rgbColor: ''
203
+ };
204
+ },
205
+ mounted() {
206
+ let bgColor =
207
+ document.documentElement.style.getPropertyValue('--theme-primary') ||
208
+ '#12278B';
209
+ this.rgbColor = $.getRgb(bgColor).join(',');
210
+ },
211
+ watch: {
212
+ businessId: {
213
+ handler(val) {
214
+ if (this.type == 3 || this.type == 4) return;
215
+ if (val && this.data.length === 0) {
216
+ this.getFlowList(val);
217
+ } else {
218
+ this.processList = this.data;
219
+ }
220
+ },
221
+ deep: true,
222
+ immediate: true
223
+ }
224
+ },
225
+ methods: {
226
+ getFlowList(apprecordId) {
227
+ request({
228
+ url: pendedhistoryList,
229
+ type: 'post',
230
+ params: {
231
+ type: this.type,
232
+ apprecordid: apprecordId
233
+ }
234
+ }).then((res) => {
235
+ const { status, data } = res;
236
+ if (status == 'success') {
237
+ this.processList = this.type == '0'? data.wfHistoryList : data.fyHistoryList;
238
+ } else {
239
+ this.$toast(msg);
240
+ }
241
+ });
242
+ },
243
+ changeMore(i) {
244
+ this.$emit('changeMore', i);
245
+ }
246
+ }
247
+ };
248
+ </script>
@@ -1,5 +1,5 @@
1
- import EmForm from './src/main';
2
-
3
- EmForm.install = Vue => Vue.component(EmForm.name, EmForm);
4
-
5
- export default EmForm;
1
+ import EmForm from './src/main';
2
+
3
+ EmForm.install = Vue => Vue.component(EmForm.name, EmForm);
4
+
5
+ export default EmForm;