wl-design-mobile 0.8.19 → 0.8.21

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 (101) hide show
  1. package/README.md +6 -6
  2. package/api/doc.js +25 -25
  3. package/api/x1.js +56 -56
  4. package/btn/components/lambo-info-btn.vue +123 -123
  5. package/btn/components/lambo-primary-btn.vue +117 -117
  6. package/btn/components/lambo-text-btn.vue +116 -116
  7. package/btn/lambo-btn-divide.vue +35 -120
  8. package/btn/lambo-btn-group.vue +46 -46
  9. package/btn/lambo-btn-split-line.vue +41 -41
  10. package/btn/lambo-btn.vue +68 -68
  11. package/btn/lambo-extend-btn.vue +121 -121
  12. package/btn/lambo-icon-btn.vue +82 -82
  13. package/card-item/card-row-icon.vue +71 -71
  14. package/card-item/filtrate-row.vue +73 -73
  15. package/card-item/lambo-card-footer.vue +40 -40
  16. package/card-item/lambo-card-head.vue +66 -66
  17. package/card-item/lambo-card-row.vue +59 -59
  18. package/collapse/lambo-collapse.vue +93 -93
  19. package/config/config.js +14 -14
  20. package/detail/lambo-detail-grid.vue +58 -58
  21. package/detail/lambo-detail-row.vue +59 -59
  22. package/doc/file/compoents/lambo-file-list.vue +42 -42
  23. package/doc/file/compoents/lambo-file-row.vue +77 -77
  24. package/doc/file/lambo-file-upload-collapse.vue +107 -107
  25. package/doc/file-type/file-type.js +286 -286
  26. package/doc/img/comonents/lambo-img-grid.vue +109 -109
  27. package/doc/img/lambo-img-upload-collapse.vue +107 -107
  28. package/doc/img/styles/css/index.css +3 -3
  29. package/edit/list/Lambo-edit-list.vue +87 -87
  30. package/edit/list/lambo-edit-card-group.vue +100 -100
  31. package/edit/list/styles/css/index.css +39 -39
  32. package/edit/select/lambo-edit-date-range.vue +147 -147
  33. package/edit/select/lambo-edit-date-time.vue +122 -122
  34. package/edit/select/lambo-edit-date.vue +120 -120
  35. package/edit/select/lambo-edit-input-textarea.vue +91 -91
  36. package/edit/select/lambo-edit-input.vue +91 -91
  37. package/edit/select/lambo-edit-multi-select.vue +168 -168
  38. package/edit/select/lambo-edit-search-single-select.vue +186 -186
  39. package/edit/select/lambo-edit-single-select.vue +162 -162
  40. package/edit/select/styles/css/index.css +133 -133
  41. package/flow/approval/flow-approval.vue +552 -552
  42. package/flow/comps/flow-attachment-list.vue +230 -230
  43. package/flow/comps/flow-attachment-modal.vue +194 -194
  44. package/flow/comps/flow-copy-users.vue +358 -358
  45. package/flow/comps/flow-node-card.vue +150 -150
  46. package/flow/comps/flow-node-header.vue +172 -172
  47. package/flow/comps/flow-util.js +156 -156
  48. package/flow/comps/icons/approved.svg +11 -11
  49. package/flow/comps/icons/canceled.svg +11 -11
  50. package/flow/comps/icons/rejected.svg +11 -11
  51. package/flow/comps/icons/underway.svg +11 -11
  52. package/flow/detail/flow-detail.vue +467 -467
  53. package/flow/index.js +51 -51
  54. package/flow/lambo-flow-detail.vue +912 -912
  55. package/flow/lambo-flow-edit.vue +15 -15
  56. package/flow/submit/flow-submit.vue +383 -383
  57. package/icon/lambo-required-red-star.vue +47 -47
  58. package/icon/lambo-vector-icon.vue +71 -71
  59. package/list/lambo-list.vue +412 -413
  60. package/nav/lambo-top-nav.vue +81 -81
  61. package/order/comps/icons/approved.svg +10 -10
  62. package/order/comps/icons/underway.svg +10 -10
  63. package/order/comps/order-attachment-list.vue +228 -228
  64. package/order/comps/order-attachment-modal.vue +194 -194
  65. package/order/comps/order-node-card.vue +126 -126
  66. package/order/comps/order-node-header.vue +133 -133
  67. package/order/comps/order-util.js +132 -132
  68. package/order/detail/order-detail.vue +432 -432
  69. package/order/handle/order-handle.vue +517 -517
  70. package/order/index.js +33 -33
  71. package/package.json +38 -37
  72. package/search/lambo-date-range-page.vue +196 -196
  73. package/search/lambo-date-range.vue +111 -111
  74. package/search/lambo-date.vue +105 -105
  75. package/search/lambo-input.vue +74 -74
  76. package/search/lambo-multi-select.vue +129 -129
  77. package/search/lambo-org-select-page.vue +109 -109
  78. package/search/lambo-search-box.vue +61 -61
  79. package/search/lambo-search-single-select.vue +152 -152
  80. package/search/lambo-single-select.vue +123 -123
  81. package/search/lambo-week-date-select.vue +521 -521
  82. package/search/styles/css/index.css +138 -138
  83. package/styles/base.less +77 -77
  84. package/styles/components/btn.less +7 -7
  85. package/styles/components/search.less +33 -33
  86. package/styles/components/tag.less +181 -181
  87. package/styles/index.less +4 -4
  88. package/table/lambo-ag-table.vue +227 -227
  89. package/tag/lambo-tag.vue +23 -23
  90. package/title/lambo-title1.vue +151 -151
  91. package/title/lambo-title2.vue +37 -37
  92. package/title/lambo-title3.vue +77 -77
  93. package/util/assist.js +43 -43
  94. package/util/axios/cacheconf.js +19 -19
  95. package/util/axios/index.js +11 -11
  96. package/util/axios/interceptors.js +101 -101
  97. package/util/bus.js +4 -4
  98. package/util/jssdk-sczy.js +104 -104
  99. package/util/jssdk.js +608 -565
  100. package/util/math.js +76 -76
  101. package/util/token.js +36 -36
package/util/jssdk.js CHANGED
@@ -1,565 +1,608 @@
1
- import wx from "weixin-js-sdk";
2
- import * as ww from '@wecom/jssdk'
3
- import * as dd from 'dingtalk-jsapi';
4
- import config from '../config/config'
5
- import {axios} from '../util/axios'
6
- import {Toast } from 'vant'
7
-
8
- let appId,agentId,corpId,appKey
9
-
10
- const APP_ID = 'JsSdk_appId'
11
- const AGENT_ID = 'JsSdk_agentId'
12
- const CORP_ID = 'JsSdk_corpId'
13
- const APP_KEY = 'JsSdk_appKey'
14
-
15
- function init({appId:a,agentId:b,corpId:c,appKey:d}){
16
- appId = a
17
- agentId = b
18
- corpId = c
19
- appKey = d
20
-
21
- if(appId){
22
- sessionStorage.setItem(APP_ID,appId)
23
- }
24
-
25
- if(agentId){
26
- sessionStorage.setItem(AGENT_ID,agentId)
27
- }
28
-
29
- if(corpId){
30
- sessionStorage.setItem(CORP_ID,corpId)
31
- }
32
-
33
- if(appKey){
34
- sessionStorage.setItem(APP_KEY,appKey)
35
- }
36
- }
37
-
38
-
39
- function getAppType() {
40
- let ua = navigator.userAgent.toLowerCase();
41
- let isWxWork = ua.match(/WxWork/i) == 'wxwork';
42
- if (isWxWork) {
43
- console.log('当前是企业微信环境')
44
- return '20'
45
- }
46
-
47
- let isWx = ua.match(/MicroMessenger/i) == 'micromessenger';
48
- if (isWx) {
49
- if(agentId){//如果有agentId认为是企业微信
50
- console.log('当前是企业微信环境')
51
- return '20'
52
- }
53
- console.log('当前是服务号环境')
54
- return '10'
55
- }
56
-
57
-
58
- if (dd.env.platform != 'notInDingTalk') {
59
- console.log('当前是钉钉环境')
60
- return '30'
61
- }
62
-
63
- return ''
64
- }
65
-
66
- /**
67
- * 判断ios系统版本号是否大于14
68
- * @returns {boolean}
69
- */
70
- const isIos14AndMore = () =>{
71
- // 判断ios手机版本号是否大于14,大于14就拿App.vue存储的url,否则拿当前页面的url
72
- try {
73
- const str = navigator.userAgent.toLowerCase()
74
- const ver = str.match(/cpu iphone os (.*?) like mac os/)
75
- if (!ver) {
76
- return false
77
- } else {
78
- return Number(ver[1].split('_')[0]) >= 14
79
- }
80
- } catch (e) {
81
- console.log('isIos14AndMore', e)
82
- return false
83
- }
84
- }
85
-
86
- function getJsConfig(){
87
- let url = window.location.href.split('#')[0].toString();
88
- if (isIos14AndMore() && '10' === getAppType()) {
89
- console.log('isIos14AndMore true')
90
- url = sessionStorage.getItem('ios14ConfigUrl')?sessionStorage.getItem('ios14ConfigUrl'):url
91
- }
92
- return new Promise((resolve, reject)=>{
93
- axios.post(config.platformServerContext + '/api/weixin/getJsConfig', {
94
- appType: getAppType(),
95
- appId: sessionStorage.getItem(APP_ID),
96
- agentId: sessionStorage.getItem(AGENT_ID),
97
- corpId: sessionStorage.getItem(CORP_ID),
98
- appKey: sessionStorage.getItem(APP_KEY),
99
- url: url
100
- }).then((resp) => {
101
- resolve(resp.data)
102
- }).catch((error) => {
103
- reject(error)
104
- })
105
- })
106
- }
107
-
108
- function configWx(){
109
- return new Promise((resolve, reject) =>{
110
- getJsConfig().then((resp)=>{
111
- wx.config({
112
- debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
113
- appId: sessionStorage.getItem(APP_ID), // 必填,公众号的唯一标识
114
- timestamp: resp.timestamp, // 必填,生成签名的时间戳
115
- nonceStr: resp.noncestr, // 必填,生成签名的随机串
116
- signature: resp.signature, // 必填,签名
117
- jsApiList: ['chooseImage', 'uploadImage', 'downloadImage', 'getLocalImgData', 'openLocation', 'getLocation', 'scanQRCode', 'chooseWXPay', 'onHistoryBack','invoke','onLocationChange','previewFile'] // 必填,需要使用的JS接口列表
118
- //jsApiList: ['chooseImage', 'uploadImage', 'downloadImage', 'getLocalImgData', 'openLocation', 'getLocation', 'scanQRCode', 'chooseWXPay', 'onHistoryBack','startLocationUpdateBackground','startLocationUpdate','onLocationChange','offLocationChange'] // 必填,需要使用的JS接口列表
119
- });
120
-
121
- wx.ready(() => {
122
- console.log('微信初始化js-sdk成功');
123
- resolve()
124
- });
125
- wx.error(res => {
126
- console.log('微信初始化js-sdk失败' + res.errMsg);
127
- console.log('友情提示:当前页面URL中不能有转义后的字符!(右上角复制链接查看)');
128
- reject('微信初始化js-sdk失败' + res.errMsg)
129
- });
130
- }).catch((error)=>{
131
- reject('请求服务端jssdk签名失败:'+error)
132
- })
133
- })
134
- }
135
-
136
- function getConfigSignature(url) {
137
- return new Promise((resolve,reject)=>{
138
- axios.post(config.platformServerContext + '/api/weixin/getJsConfig', {
139
- appType: getAppType(),
140
- appId: sessionStorage.getItem(APP_ID),
141
- agentId: sessionStorage.getItem(AGENT_ID),
142
- corpId: sessionStorage.getItem(CORP_ID),
143
- appKey: sessionStorage.getItem(APP_KEY),
144
- url: url.split('#')[0]
145
- }).then(resp=>{
146
- console.log('getConfigSignature',resp)
147
- let timestamp = resp.data.timestamp
148
- let nonceStr = resp.data.noncestr
149
- let signature = resp.data.signature
150
- resolve({ timestamp, nonceStr, signature })
151
- }).catch((error)=>{
152
- console.log(error)
153
- reject(error)
154
- })
155
- })
156
- }
157
-
158
- function configWw(){
159
- return new Promise((resolve, reject) =>{
160
- ww.register({
161
- corpId: sessionStorage.getItem(APP_ID), // 必填,当前用户企业所属企业ID
162
- jsApiList: ['chooseImage', 'uploadImage', 'downloadImage', 'getLocalImgData', 'openLocation', 'getLocation', 'scanQRCode', 'chooseWXPay', 'onHistoryBack','invoke','onLocationChange','previewFile'], // 必填,需要使用的JSAPI列表
163
- getConfigSignature, // 必填,根据url生成企业签名的回调函数
164
- onConfigSuccess:(res) => {
165
- console.log('企业微信初始化js-sdk成功');
166
- console.log(res)
167
- resolve()
168
- },
169
- onConfigFail:(res) =>{
170
- console.log('企业微信初始化js-sdk失败' + res.errMsg);
171
- console.log(res)
172
- reject('企业微信初始化js-sdk失败' + res.errMsg)
173
- }
174
- })
175
- })
176
- }
177
-
178
- function configDd(){
179
- return new Promise((resolve, reject)=>{
180
- getJsConfig().then((resp)=>{
181
- //钉钉js-api配置
182
- console.log("当前页面:"+location.href);
183
- dd.config({
184
- agentId:sessionStorage.getItem(AGENT_ID),
185
- corpId: sessionStorage.getItem(CORP_ID), // 必填,公众号的唯一标识
186
- timeStamp: resp.timestamp, // 必填,生成签名的时间戳
187
- nonceStr: resp.noncestr, // 必填,生成签名的随机串
188
- signature: resp.signature, // 必填,签名
189
- jsApiList: [
190
- 'getDeviceUUID',
191
- 'getLocation',
192
-
193
- ] // 必填,需要使用的jsapi列表,注意:不要带dd。
194
- });
195
-
196
- dd.ready(() => {
197
- console.log('初始化钉钉 js-sdk成功');
198
- resolve()
199
- });
200
- dd.error(res => {
201
- console.log('初始化钉钉 js-sdk失败' + JSON.stringify(res));
202
- console.log('友情提示:当前页面URL中不能有转义后的字符!(右上角复制链接查看)!');
203
- reject('初始化钉钉 js-sdk失败' + JSON.stringify(res))
204
- });
205
- }).catch((error)=>{
206
- reject('请求服务端jssdk签名失败:'+error)
207
- })
208
- })
209
- }
210
-
211
- let JsSDK = (function () {
212
- function scanQRCode(){
213
- return new Promise((resolve, reject) =>{
214
- if(getAppType() === '30'){
215
- dd.scan({
216
- type: 'all',
217
- success: (res) => {
218
- console.log('钉钉扫码结果',res)
219
- resolve(res.text)
220
- },
221
- fail: (err) => {
222
- console.log('钉钉扫码失败',err)
223
- reject('钉钉扫码失败:'+err)
224
- },
225
- complete: () => {},
226
- });
227
- }else{
228
- configWx().then(()=>{
229
- wx.scanQRCode({
230
- desc: 'scanQRCode desc',
231
- needResult: 1,
232
- scanType: ["qrCode", "barCode"],
233
- success: function (resp) {
234
- console.log("微信扫码结果:",resp)
235
- let result = resp.resultStr
236
- resolve(result)
237
- },
238
- fail: function (res) {
239
- console.log("失败res=>",res)
240
- if (res.errMsg.indexOf('function_not_exist') > 0) {
241
- reject('版本过低请升级');
242
- } else {
243
- reject("微信扫码失败,请联系系统管理员!");
244
- }
245
- }
246
- })
247
- }).catch((error)=>{
248
- reject('微信扫码失败:'+error)
249
- })
250
- }
251
- })
252
- }
253
- function takePhoto({count = 1} = {}){
254
- return new Promise((resolve, reject) =>{
255
- if(getAppType() === '30'){
256
- reject('钉钉不支持此方式拍照')
257
- }else{
258
- configWx().then(()=>{
259
- wx.chooseImage({
260
- count: count, // 默认1
261
- sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
262
- sourceType: ['camera'], // 可以指定来源是相册还是相机,默认二者都有
263
- success: async function (res) {
264
- let localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
265
- Toast.loading({
266
- duration: 0, // 持续展示 toast
267
- forbidClick: false,
268
- message: '正在上传',
269
- });
270
- let uploadPromises = localIds.map(localId => {
271
- return new Promise((resolve, reject) => {
272
- wx.uploadImage({
273
- localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
274
- isShowProgressTips: 0, // 默认为1,显示进度提示
275
- success: function (res) {
276
- let serverId = res.serverId; // 返回图片的服务器端ID
277
- resolve(serverId);
278
- },
279
- fail: function (error) {
280
- reject(error);
281
- }
282
- });
283
- });
284
- });
285
- try {
286
- let serverIds = await Promise.all(uploadPromises);
287
- console.log('choosePhoto', serverIds)
288
- Toast.clear()
289
- resolve({
290
- appId: sessionStorage.getItem(APP_ID),
291
- agentId: sessionStorage.getItem(AGENT_ID),
292
- serverId: serverIds[0],
293
- serverIds: serverIds
294
- });
295
- } catch (error) {
296
- Toast.clear()
297
- reject('上传图片失败:' + error);
298
- }
299
- // setTimeout(() => {
300
- // wx.uploadImage({
301
- // localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
302
- // isShowProgressTips: 0, // 默认为1,显示进度提示
303
- // success: function (res) {
304
- // Toast.clear()
305
- // let serverId = res.serverId; // 返回图片的服务器端ID
306
- // resolve({
307
- // appId:sessionStorage.getItem(APP_ID),
308
- // agentId:sessionStorage.getItem(AGENT_ID),
309
- // serverId:serverId
310
- // })
311
- // }
312
- // })
313
- // }, 200);
314
- },
315
- cancel:function (){
316
- reject('取消拍照')
317
- }
318
- })
319
- }).catch((error)=>{
320
- reject('微信拍照失败:'+error)
321
- })
322
- }
323
- })
324
- }
325
- function choosePhoto({count = 1} = {}) {
326
- return new Promise((resolve, reject) => {
327
- if (getAppType() === '30') {
328
- reject('钉钉不支持此方式选择照片');
329
- } else {
330
- configWx().then(() => {
331
- wx.chooseImage({
332
- count: count, // 默认1
333
- sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
334
- sourceType: ['album'], // 可以指定来源是相册还是相机,默认二者都有
335
- success: async function (res) {
336
- let localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
337
- Toast.loading({
338
- duration: 0, // 持续展示 toast
339
- forbidClick: false,
340
- message: '正在上传',
341
- });
342
- let uploadPromises = localIds.map(localId => {
343
- return new Promise((resolve, reject) => {
344
- wx.uploadImage({
345
- localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
346
- isShowProgressTips: 0, // 默认为1,显示进度提示
347
- success: function (res) {
348
- let serverId = res.serverId; // 返回图片的服务器端ID
349
- resolve(serverId);
350
- },
351
- fail: function (error) {
352
- reject(error);
353
- }
354
- });
355
- });
356
- });
357
-
358
- try {
359
- let serverIds = await Promise.all(uploadPromises);
360
- console.log('choosePhoto',serverIds)
361
- Toast.clear()
362
- resolve({
363
- appId: sessionStorage.getItem(APP_ID),
364
- agentId: sessionStorage.getItem(AGENT_ID),
365
- serverId:serverIds[0],
366
- serverIds: serverIds
367
- });
368
- } catch (error) {
369
- Toast.clear()
370
- reject('上传图片失败:' + error);
371
- }
372
- },
373
- cancel: function () {
374
- reject('取消选择照片');
375
- }
376
- });
377
- }).catch((error) => {
378
- reject('微信选择照片失败:' + error);
379
- });
380
- }
381
- });
382
- }
383
- function getLocation(){
384
- return new Promise((resolve, reject)=>{
385
- if(getAppType() === '30'){
386
- configDd().then(()=>{
387
- dd.getLocation({
388
- targetAccuracy: '200',
389
- cacheTimeout: 20,
390
- coordinate: '1',
391
- useCache: true,
392
- withReGeocode: true,
393
- type: 1,
394
- success: (res) => {
395
- console.log('钉钉获取当前位置结果:', res)
396
- resolve(res)
397
- },
398
- fail: (error) => {
399
- console.log('钉钉获取位置失败:', error)
400
- reject('钉钉获取位置失败:'+error)
401
- },
402
- complete: () => {},
403
- })
404
- }).catch((error)=>{
405
- reject('钉钉获取位置失败:'+error)
406
- })
407
- }else{
408
- configWx().then(()=>{
409
- wx.getLocation({
410
- type: 'gcj02', //获取gcj02的坐标
411
- success: (res) => {
412
- //res.longitude 获取经度
413
- //res.latitude 获取纬度
414
- console.log(res);
415
- resolve(res)
416
- }, fail: (res) => {
417
- console.log("微信获取位置失败。"+JSON.stringify(res));
418
- reject("微信获取位置失败" + JSON.stringify(res))
419
- }
420
- });
421
- }).catch((error)=>{
422
- reject('微信获取位置失败:'+error)
423
- })
424
- }
425
- })
426
- }
427
- function openLocation({longitude,latitude,name,address,scale= 15} = {}){
428
- return new Promise((resolve, reject)=>{
429
- if(getAppType() === '30'){
430
- configDd().then(()=>{
431
- dd.openLocation({
432
- title: name,
433
- address: address,
434
- latitude: latitude,
435
- longitude: longitude,
436
- success: () => {
437
- resolve()
438
- },
439
- fail: () => {
440
- reject()
441
- },
442
- complete: () => {
443
- resolve()
444
- },
445
- });
446
-
447
- }).catch((error)=>{
448
- reject('钉钉启动内置地图位置失败:'+error)
449
- })
450
- }else{
451
- configWx().then(()=>{
452
- wx.openLocation({
453
- latitude: latitude,//目的地latitude
454
- longitude: longitude,//目的地longitude
455
- name: name,
456
- address: address,
457
- scale: scale//地图缩放大小,可根据情况具体调整
458
- });
459
- resolve()
460
- }).catch((error)=>{
461
- reject('微信启动内置地图失败:'+error)
462
- })
463
- }
464
- })
465
- }
466
-
467
- function startAutoLBS({sceneId:sceneId}){
468
- return new Promise((resolve, reject)=>{
469
- if(getAppType() === '30'){
470
- configDd().then(()=>{
471
- dd.startLocating({
472
- sceneId: sceneId,
473
- useCache: true,
474
- withReGeocode: false,
475
- targetAccuracy: 200,
476
- callBackInterval: 1000,
477
- iOSDistanceFilter: 10,
478
- success: (res) => {
479
- resolve({longitude:res.longitude,latitude:res.latitude})
480
- },
481
- fail: () => {
482
- reject()
483
- },
484
- complete: () => {
485
- resolve()
486
- },
487
- });
488
- }).catch((error)=>{
489
- reject('钉钉启动内置地图位置失败:'+error)
490
- })
491
- }else if(getAppType() === '20'){
492
- configWw().then(()=>{
493
- ww.startAutoLBS({
494
- type: 'gcj02',
495
- success:()=>{
496
- ww.onLocationChange(function(event) {
497
- console.log('onLocationChange',event)
498
- resolve({longitude:event.longitude,latitude:event.latitude})
499
- })
500
- },
501
- fail:()=>{
502
- reject()
503
- }
504
- }).then(resp => {
505
- console.log('企业微信开启连续定位',resp)
506
- })
507
- }).catch((error)=>{
508
- reject('企业微信开启连续定位失败:'+error)
509
- })
510
- }else{
511
- reject('微信不支持连续定位')
512
- }
513
- })
514
- }
515
-
516
- function stopAutoLBS({sceneId:sceneId}){
517
- return new Promise((resolve, reject)=>{
518
- if(getAppType() === '30'){
519
- configDd().then(()=>{
520
- dd.stopLocating({
521
- sceneId: sceneId,
522
- success: () => {
523
- resolve()
524
- },
525
- fail: () => {
526
- reject()
527
- },
528
- complete: () => {
529
- resolve()
530
- },
531
- });
532
- resolve()
533
- }).catch((error)=>{
534
- reject('钉钉启动内置地图位置失败:'+error)
535
- })
536
- }else if(getAppType() === '20'){
537
- configWw().then(()=>{
538
- ww.stopAutoLBS().then(resp => {
539
- console.log(resp)
540
- resolve()
541
- })
542
- }).catch((error)=>{
543
- reject('企业微信关闭连续定位失败:'+error)
544
- })
545
- }else{
546
- reject('微信不支持连续定位')
547
- }
548
- })
549
- }
550
-
551
- // 公开API
552
- return {
553
- init:init,
554
- takePhoto:takePhoto,
555
- choosePhoto:choosePhoto,
556
- scanQRCode: scanQRCode,
557
- getLocation:getLocation,
558
- openLocation:openLocation,
559
- startAutoLBS:startAutoLBS,
560
- stopAutoLBS:stopAutoLBS,
561
- };
562
- })();
563
-
564
- export default JsSDK
565
-
1
+ import wx from "weixin-js-sdk";
2
+ import * as ww from '@wecom/jssdk'
3
+ import * as dd from 'dingtalk-jsapi';
4
+ import config from '../config/config'
5
+ import {axios} from '../util/axios'
6
+ import {Toast } from 'vant'
7
+ import ccworkBridge from 'ccwork-jsbridge';
8
+
9
+ let appId,agentId,corpId,appKey
10
+
11
+ const APP_ID = 'JsSdk_appId'
12
+ const AGENT_ID = 'JsSdk_agentId'
13
+ const CORP_ID = 'JsSdk_corpId'
14
+ const APP_KEY = 'JsSdk_appKey'
15
+
16
+ function init({appId:a,agentId:b,corpId:c,appKey:d}){
17
+ appId = a
18
+ agentId = b
19
+ corpId = c
20
+ appKey = d
21
+
22
+ if(appId){
23
+ sessionStorage.setItem(APP_ID,appId)
24
+ }
25
+
26
+ if(agentId){
27
+ sessionStorage.setItem(AGENT_ID,agentId)
28
+ }
29
+
30
+ if(corpId){
31
+ sessionStorage.setItem(CORP_ID,corpId)
32
+ }
33
+
34
+ if(appKey){
35
+ sessionStorage.setItem(APP_KEY,appKey)
36
+ }
37
+
38
+ if(getAppType() === '40'){
39
+ ccworkBridge.init(function(hasLogin) {
40
+ console.log('ccworkBridge init successfully , hasLogin:', hasLogin)
41
+ });
42
+ }
43
+ }
44
+
45
+
46
+ function getAppType() {
47
+ let ua = navigator.userAgent.toLowerCase();
48
+ let isWxWork = ua.match(/WxWork/i) == 'wxwork';
49
+ if (isWxWork) {
50
+ console.log('当前是企业微信环境')
51
+ return '20'
52
+ }
53
+
54
+ let isWx = ua.match(/MicroMessenger/i) == 'micromessenger';
55
+ if (isWx) {
56
+ if(agentId){//如果有agentId认为是企业微信
57
+ console.log('当前是企业微信环境')
58
+ return '20'
59
+ }
60
+ console.log('当前是服务号环境')
61
+ return '10'
62
+ }
63
+
64
+
65
+ let ccwork = ua.match(/ccwork/i) == "ccwork";
66
+ if(ccwork){
67
+ return '40'
68
+ }
69
+
70
+
71
+
72
+ if (dd.env.platform != 'notInDingTalk') {
73
+ console.log('当前是钉钉环境')
74
+ return '30'
75
+ }
76
+
77
+ return ''
78
+ }
79
+
80
+ /**
81
+ * 判断ios系统版本号是否大于14
82
+ * @returns {boolean}
83
+ */
84
+ const isIos14AndMore = () =>{
85
+ // 判断ios手机版本号是否大于14,大于14就拿App.vue存储的url,否则拿当前页面的url
86
+ try {
87
+ const str = navigator.userAgent.toLowerCase()
88
+ const ver = str.match(/cpu iphone os (.*?) like mac os/)
89
+ if (!ver) {
90
+ return false
91
+ } else {
92
+ return Number(ver[1].split('_')[0]) >= 14
93
+ }
94
+ } catch (e) {
95
+ console.log('isIos14AndMore', e)
96
+ return false
97
+ }
98
+ }
99
+
100
+ function getJsConfig(){
101
+ let url = window.location.href.split('#')[0].toString();
102
+ if (isIos14AndMore() && '10' === getAppType()) {
103
+ console.log('isIos14AndMore true')
104
+ url = sessionStorage.getItem('ios14ConfigUrl')?sessionStorage.getItem('ios14ConfigUrl'):url
105
+ }
106
+ return new Promise((resolve, reject)=>{
107
+ axios.post(config.platformServerContext + '/api/weixin/getJsConfig', {
108
+ appType: getAppType(),
109
+ appId: sessionStorage.getItem(APP_ID),
110
+ agentId: sessionStorage.getItem(AGENT_ID),
111
+ corpId: sessionStorage.getItem(CORP_ID),
112
+ appKey: sessionStorage.getItem(APP_KEY),
113
+ url: url
114
+ }).then((resp) => {
115
+ resolve(resp.data)
116
+ }).catch((error) => {
117
+ reject(error)
118
+ })
119
+ })
120
+ }
121
+
122
+ function configWx(){
123
+ return new Promise((resolve, reject) =>{
124
+ getJsConfig().then((resp)=>{
125
+ wx.config({
126
+ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
127
+ appId: sessionStorage.getItem(APP_ID), // 必填,公众号的唯一标识
128
+ timestamp: resp.timestamp, // 必填,生成签名的时间戳
129
+ nonceStr: resp.noncestr, // 必填,生成签名的随机串
130
+ signature: resp.signature, // 必填,签名
131
+ jsApiList: ['chooseImage', 'uploadImage', 'downloadImage', 'getLocalImgData', 'openLocation', 'getLocation', 'scanQRCode', 'chooseWXPay', 'onHistoryBack','invoke','onLocationChange','previewFile'] // 必填,需要使用的JS接口列表
132
+ //jsApiList: ['chooseImage', 'uploadImage', 'downloadImage', 'getLocalImgData', 'openLocation', 'getLocation', 'scanQRCode', 'chooseWXPay', 'onHistoryBack','startLocationUpdateBackground','startLocationUpdate','onLocationChange','offLocationChange'] // 必填,需要使用的JS接口列表
133
+ });
134
+
135
+ wx.ready(() => {
136
+ console.log('微信初始化js-sdk成功');
137
+ resolve()
138
+ });
139
+ wx.error(res => {
140
+ console.log('微信初始化js-sdk失败' + res.errMsg);
141
+ console.log('友情提示:当前页面URL中不能有转义后的字符!(右上角复制链接查看)');
142
+ reject('微信初始化js-sdk失败' + res.errMsg)
143
+ });
144
+ }).catch((error)=>{
145
+ reject('请求服务端jssdk签名失败:'+error)
146
+ })
147
+ })
148
+ }
149
+
150
+ function getConfigSignature(url) {
151
+ return new Promise((resolve,reject)=>{
152
+ axios.post(config.platformServerContext + '/api/weixin/getJsConfig', {
153
+ appType: getAppType(),
154
+ appId: sessionStorage.getItem(APP_ID),
155
+ agentId: sessionStorage.getItem(AGENT_ID),
156
+ corpId: sessionStorage.getItem(CORP_ID),
157
+ appKey: sessionStorage.getItem(APP_KEY),
158
+ url: url.split('#')[0]
159
+ }).then(resp=>{
160
+ console.log('getConfigSignature',resp)
161
+ let timestamp = resp.data.timestamp
162
+ let nonceStr = resp.data.noncestr
163
+ let signature = resp.data.signature
164
+ resolve({ timestamp, nonceStr, signature })
165
+ }).catch((error)=>{
166
+ console.log(error)
167
+ reject(error)
168
+ })
169
+ })
170
+ }
171
+
172
+ function configWw(){
173
+ return new Promise((resolve, reject) =>{
174
+ ww.register({
175
+ corpId: sessionStorage.getItem(APP_ID), // 必填,当前用户企业所属企业ID
176
+ jsApiList: ['chooseImage', 'uploadImage', 'downloadImage', 'getLocalImgData', 'openLocation', 'getLocation', 'scanQRCode', 'chooseWXPay', 'onHistoryBack','invoke','onLocationChange','previewFile'], // 必填,需要使用的JSAPI列表
177
+ getConfigSignature, // 必填,根据url生成企业签名的回调函数
178
+ onConfigSuccess:(res) => {
179
+ console.log('企业微信初始化js-sdk成功');
180
+ console.log(res)
181
+ resolve()
182
+ },
183
+ onConfigFail:(res) =>{
184
+ console.log('企业微信初始化js-sdk失败' + res.errMsg);
185
+ console.log(res)
186
+ reject('企业微信初始化js-sdk失败' + res.errMsg)
187
+ }
188
+ })
189
+ })
190
+ }
191
+
192
+ function configDd(){
193
+ return new Promise((resolve, reject)=>{
194
+ getJsConfig().then((resp)=>{
195
+ //钉钉js-api配置
196
+ console.log("当前页面:"+location.href);
197
+ dd.config({
198
+ agentId:sessionStorage.getItem(AGENT_ID),
199
+ corpId: sessionStorage.getItem(CORP_ID), // 必填,公众号的唯一标识
200
+ timeStamp: resp.timestamp, // 必填,生成签名的时间戳
201
+ nonceStr: resp.noncestr, // 必填,生成签名的随机串
202
+ signature: resp.signature, // 必填,签名
203
+ jsApiList: [
204
+ 'getDeviceUUID',
205
+ 'getLocation',
206
+
207
+ ] // 必填,需要使用的jsapi列表,注意:不要带dd。
208
+ });
209
+
210
+ dd.ready(() => {
211
+ console.log('初始化钉钉 js-sdk成功');
212
+ resolve()
213
+ });
214
+ dd.error(res => {
215
+ console.log('初始化钉钉 js-sdk失败' + JSON.stringify(res));
216
+ console.log('友情提示:当前页面URL中不能有转义后的字符!(右上角复制链接查看)!');
217
+ reject('初始化钉钉 js-sdk失败' + JSON.stringify(res))
218
+ });
219
+ }).catch((error)=>{
220
+ reject('请求服务端jssdk签名失败:'+error)
221
+ })
222
+ })
223
+ }
224
+
225
+ let JsSDK = (function () {
226
+ function scanQRCode(){
227
+ return new Promise((resolve, reject) =>{
228
+ if(getAppType() === '30'){
229
+ dd.scan({
230
+ type: 'all',
231
+ success: (res) => {
232
+ console.log('钉钉扫码结果',res)
233
+ resolve(res.text)
234
+ },
235
+ fail: (err) => {
236
+ console.log('钉钉扫码失败',err)
237
+ reject('钉钉扫码失败:'+err)
238
+ },
239
+ complete: () => {},
240
+ });
241
+ }else if(getAppType() === '40'){
242
+ const params = {
243
+ path: '',
244
+ filters: ['QR','EAN13','EAN8']
245
+ }
246
+ ccworkBridge.ccworkScanCode(params, (res) => {
247
+ resolve(res)
248
+ })
249
+ }else{
250
+ configWx().then(()=>{
251
+ wx.scanQRCode({
252
+ desc: 'scanQRCode desc',
253
+ needResult: 1,
254
+ scanType: ["qrCode", "barCode"],
255
+ success: function (resp) {
256
+ console.log("微信扫码结果:",resp)
257
+ let result = resp.resultStr
258
+ resolve(result)
259
+ },
260
+ fail: function (res) {
261
+ console.log("失败res=>",res)
262
+ if (res.errMsg.indexOf('function_not_exist') > 0) {
263
+ reject('版本过低请升级');
264
+ } else {
265
+ reject("微信扫码失败,请联系系统管理员!");
266
+ }
267
+ }
268
+ })
269
+ }).catch((error)=>{
270
+ reject('微信扫码失败:'+error)
271
+ })
272
+ }
273
+ })
274
+ }
275
+ function takePhoto({count = 1} = {}){
276
+ return new Promise((resolve, reject) =>{
277
+ if(getAppType() === '30'){
278
+ reject('钉钉不支持此方式拍照')
279
+ }else if(getAppType() === '40'){
280
+ const params = {
281
+ quality: 'mid',
282
+ mode: 'camera'
283
+ }
284
+ ccworkBridge.ccworkGetPicsFromCameraAndAlbumV4(params, (res) => {console.log(res)})
285
+ }else{
286
+ configWx().then(()=>{
287
+ wx.chooseImage({
288
+ count: count, // 默认1
289
+ sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
290
+ sourceType: ['camera'], // 可以指定来源是相册还是相机,默认二者都有
291
+ success: async function (res) {
292
+ let localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
293
+ Toast.loading({
294
+ duration: 0, // 持续展示 toast
295
+ forbidClick: false,
296
+ message: '正在上传',
297
+ });
298
+ let uploadPromises = localIds.map(localId => {
299
+ return new Promise((resolve, reject) => {
300
+ wx.uploadImage({
301
+ localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
302
+ isShowProgressTips: 0, // 默认为1,显示进度提示
303
+ success: function (res) {
304
+ let serverId = res.serverId; // 返回图片的服务器端ID
305
+ resolve(serverId);
306
+ },
307
+ fail: function (error) {
308
+ reject(error);
309
+ }
310
+ });
311
+ });
312
+ });
313
+ try {
314
+ let serverIds = await Promise.all(uploadPromises);
315
+ console.log('choosePhoto', serverIds)
316
+ Toast.clear()
317
+ resolve({
318
+ appId: sessionStorage.getItem(APP_ID),
319
+ agentId: sessionStorage.getItem(AGENT_ID),
320
+ serverId: serverIds[0],
321
+ serverIds: serverIds
322
+ });
323
+ } catch (error) {
324
+ Toast.clear()
325
+ reject('上传图片失败:' + error);
326
+ }
327
+ // setTimeout(() => {
328
+ // wx.uploadImage({
329
+ // localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
330
+ // isShowProgressTips: 0, // 默认为1,显示进度提示
331
+ // success: function (res) {
332
+ // Toast.clear()
333
+ // let serverId = res.serverId; // 返回图片的服务器端ID
334
+ // resolve({
335
+ // appId:sessionStorage.getItem(APP_ID),
336
+ // agentId:sessionStorage.getItem(AGENT_ID),
337
+ // serverId:serverId
338
+ // })
339
+ // }
340
+ // })
341
+ // }, 200);
342
+ },
343
+ cancel:function (){
344
+ reject('取消拍照')
345
+ }
346
+ })
347
+ }).catch((error)=>{
348
+ reject('微信拍照失败:'+error)
349
+ })
350
+ }
351
+ })
352
+ }
353
+ function choosePhoto({count = 1} = {}) {
354
+ return new Promise((resolve, reject) => {
355
+ if (getAppType() === '30') {
356
+ reject('钉钉不支持此方式选择照片');
357
+ }else if (getAppType() === '40'){
358
+ const params = {
359
+ quality: 'mid',
360
+ mode: 'album'
361
+ }
362
+ ccworkBridge.ccworkGetPicsFromCameraAndAlbumV4(params, (res) => {console.log(res)})
363
+ } else {
364
+ configWx().then(() => {
365
+ wx.chooseImage({
366
+ count: count, // 默认1
367
+ sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
368
+ sourceType: ['album'], // 可以指定来源是相册还是相机,默认二者都有
369
+ success: async function (res) {
370
+ let localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
371
+ Toast.loading({
372
+ duration: 0, // 持续展示 toast
373
+ forbidClick: false,
374
+ message: '正在上传',
375
+ });
376
+ let uploadPromises = localIds.map(localId => {
377
+ return new Promise((resolve, reject) => {
378
+ wx.uploadImage({
379
+ localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
380
+ isShowProgressTips: 0, // 默认为1,显示进度提示
381
+ success: function (res) {
382
+ let serverId = res.serverId; // 返回图片的服务器端ID
383
+ resolve(serverId);
384
+ },
385
+ fail: function (error) {
386
+ reject(error);
387
+ }
388
+ });
389
+ });
390
+ });
391
+
392
+ try {
393
+ let serverIds = await Promise.all(uploadPromises);
394
+ console.log('choosePhoto',serverIds)
395
+ Toast.clear()
396
+ resolve({
397
+ appId: sessionStorage.getItem(APP_ID),
398
+ agentId: sessionStorage.getItem(AGENT_ID),
399
+ serverId:serverIds[0],
400
+ serverIds: serverIds
401
+ });
402
+ } catch (error) {
403
+ Toast.clear()
404
+ reject('上传图片失败:' + error);
405
+ }
406
+ },
407
+ cancel: function () {
408
+ reject('取消选择照片');
409
+ }
410
+ });
411
+ }).catch((error) => {
412
+ reject('微信选择照片失败:' + error);
413
+ });
414
+ }
415
+ });
416
+ }
417
+ function getLocation(){
418
+ return new Promise((resolve, reject)=>{
419
+ if(getAppType() === '30'){
420
+ configDd().then(()=>{
421
+ dd.getLocation({
422
+ targetAccuracy: '200',
423
+ cacheTimeout: 20,
424
+ coordinate: '1',
425
+ useCache: true,
426
+ withReGeocode: true,
427
+ type: 1,
428
+ success: (res) => {
429
+ console.log('钉钉获取当前位置结果:', res)
430
+ resolve(res)
431
+ },
432
+ fail: (error) => {
433
+ console.log('钉钉获取位置失败:', error)
434
+ reject('钉钉获取位置失败:'+error)
435
+ },
436
+ complete: () => {},
437
+ })
438
+ }).catch((error)=>{
439
+ reject('钉钉获取位置失败:'+error)
440
+ })
441
+ }else if(getAppType() === '40'){
442
+ ccworkBridge.ccworkGetLocation((res) => {console.log(res)})
443
+ }else{
444
+ configWx().then(()=>{
445
+ wx.getLocation({
446
+ type: 'gcj02', //获取gcj02的坐标
447
+ success: (res) => {
448
+ //res.longitude 获取经度
449
+ //res.latitude 获取纬度
450
+ console.log(res);
451
+ resolve(res)
452
+ }, fail: (res) => {
453
+ console.log("微信获取位置失败。"+JSON.stringify(res));
454
+ reject("微信获取位置失败" + JSON.stringify(res))
455
+ }
456
+ });
457
+ }).catch((error)=>{
458
+ reject('微信获取位置失败:'+error)
459
+ })
460
+ }
461
+ })
462
+ }
463
+ function openLocation({longitude,latitude,name,address,scale= 15} = {}){
464
+ return new Promise((resolve, reject)=>{
465
+ if(getAppType() === '30'){
466
+ configDd().then(()=>{
467
+ dd.openLocation({
468
+ title: name,
469
+ address: address,
470
+ latitude: latitude,
471
+ longitude: longitude,
472
+ success: () => {
473
+ resolve()
474
+ },
475
+ fail: () => {
476
+ reject()
477
+ },
478
+ complete: () => {
479
+ resolve()
480
+ },
481
+ });
482
+
483
+ }).catch((error)=>{
484
+ reject('钉钉启动内置地图位置失败:'+error)
485
+ })
486
+ }else if(getAppType() === '40'){
487
+ const params = {
488
+ dstlng: longitude,
489
+ dstlat: latitude,
490
+ coordtype: 'GCJ-02'
491
+ }
492
+ ccworkBridge.ccworkInvokeNavi(params, (res) => {console.log(res)})
493
+ }else{
494
+ configWx().then(()=>{
495
+ wx.openLocation({
496
+ latitude: latitude,//目的地latitude
497
+ longitude: longitude,//目的地longitude
498
+ name: name,
499
+ address: address,
500
+ scale: scale//地图缩放大小,可根据情况具体调整
501
+ });
502
+ resolve()
503
+ }).catch((error)=>{
504
+ reject('微信启动内置地图失败:'+error)
505
+ })
506
+ }
507
+ })
508
+ }
509
+
510
+ function startAutoLBS({sceneId:sceneId}){
511
+ return new Promise((resolve, reject)=>{
512
+ if(getAppType() === '30'){
513
+ configDd().then(()=>{
514
+ dd.startLocating({
515
+ sceneId: sceneId,
516
+ useCache: true,
517
+ withReGeocode: false,
518
+ targetAccuracy: 200,
519
+ callBackInterval: 1000,
520
+ iOSDistanceFilter: 10,
521
+ success: (res) => {
522
+ resolve({longitude:res.longitude,latitude:res.latitude})
523
+ },
524
+ fail: () => {
525
+ reject()
526
+ },
527
+ complete: () => {
528
+ resolve()
529
+ },
530
+ });
531
+ }).catch((error)=>{
532
+ reject('钉钉启动内置地图位置失败:'+error)
533
+ })
534
+ }else if(getAppType() === '20'){
535
+ configWw().then(()=>{
536
+ ww.startAutoLBS({
537
+ type: 'gcj02',
538
+ success:()=>{
539
+ ww.onLocationChange(function(event) {
540
+ console.log('onLocationChange',event)
541
+ resolve({longitude:event.longitude,latitude:event.latitude})
542
+ })
543
+ },
544
+ fail:()=>{
545
+ reject()
546
+ }
547
+ }).then(resp => {
548
+ console.log('企业微信开启连续定位',resp)
549
+ })
550
+ }).catch((error)=>{
551
+ reject('企业微信开启连续定位失败:'+error)
552
+ })
553
+ }else{
554
+ reject('微信不支持连续定位')
555
+ }
556
+ })
557
+ }
558
+
559
+ function stopAutoLBS({sceneId:sceneId}){
560
+ return new Promise((resolve, reject)=>{
561
+ if(getAppType() === '30'){
562
+ configDd().then(()=>{
563
+ dd.stopLocating({
564
+ sceneId: sceneId,
565
+ success: () => {
566
+ resolve()
567
+ },
568
+ fail: () => {
569
+ reject()
570
+ },
571
+ complete: () => {
572
+ resolve()
573
+ },
574
+ });
575
+ resolve()
576
+ }).catch((error)=>{
577
+ reject('钉钉启动内置地图位置失败:'+error)
578
+ })
579
+ }else if(getAppType() === '20'){
580
+ configWw().then(()=>{
581
+ ww.stopAutoLBS().then(resp => {
582
+ console.log(resp)
583
+ resolve()
584
+ })
585
+ }).catch((error)=>{
586
+ reject('企业微信关闭连续定位失败:'+error)
587
+ })
588
+ }else{
589
+ reject('微信不支持连续定位')
590
+ }
591
+ })
592
+ }
593
+
594
+ // 公开API
595
+ return {
596
+ init:init,
597
+ takePhoto:takePhoto,
598
+ choosePhoto:choosePhoto,
599
+ scanQRCode: scanQRCode,
600
+ getLocation:getLocation,
601
+ openLocation:openLocation,
602
+ startAutoLBS:startAutoLBS,
603
+ stopAutoLBS:stopAutoLBS,
604
+ };
605
+ })();
606
+
607
+ export default JsSDK
608
+