@uxda/appkit 4.2.14 → 4.2.16
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/.eslintrc.mjs +7 -7
- package/README.md +187 -187
- package/babel.config.js +12 -12
- package/dist/appkit.css +3 -7
- package/dist/index.js +1078 -1161
- package/package.json +79 -79
- package/project.config.json +15 -15
- package/project.tt.json +13 -13
- package/rollup.config.mjs +67 -67
- package/src/Appkit.ts +66 -66
- package/src/balance/api/endpoints.ts +133 -133
- package/src/balance/api/index.ts +106 -106
- package/src/balance/components/AccountView.vue +750 -750
- package/src/balance/components/BalanceCard.vue +215 -215
- package/src/balance/components/BalanceReminder.vue +85 -85
- package/src/balance/components/ConsumptionFilter.vue +218 -218
- package/src/balance/components/ConsumptionRules.vue +68 -68
- package/src/balance/components/DateFilter.vue +250 -250
- package/src/balance/components/DateRange.vue +80 -80
- package/src/balance/components/ListFilter.vue +62 -62
- package/src/balance/components/ListFilterPicker.vue +191 -191
- package/src/balance/components/PromoterCard.vue +237 -237
- package/src/balance/components/SecondBalance.vue +71 -71
- package/src/balance/components/Tip.vue +45 -45
- package/src/balance/components/index.ts +8 -8
- package/src/balance/types.ts +97 -97
- package/src/components/bt-cropper/index.vue +774 -774
- package/src/components/bt-cropper/utils/calcCropper.js +42 -42
- package/src/components/bt-cropper/utils/calcImagePosition.js +23 -23
- package/src/components/bt-cropper/utils/calcImageSize.js +37 -37
- package/src/components/bt-cropper/utils/calcPointDistance.js +12 -12
- package/src/components/bt-cropper/utils/calcRightAndBottom.js +7 -7
- package/src/components/bt-cropper/utils/ratio.js +3 -3
- package/src/components/bt-cropper/utils/tools.js +25 -25
- package/src/components/dd-area/index.vue +225 -225
- package/src/components/dd-icon/doc.md +21 -21
- package/src/components/dd-icon/index.vue +23 -23
- package/src/components/dd-notice-bar/index.vue +78 -78
- package/src/components/dd-search/doc.md +34 -34
- package/src/components/dd-search/index.vue +168 -168
- package/src/components/dd-selector/index.vue +124 -124
- package/src/components/dd-skeleton/doc.md +19 -19
- package/src/components/dd-skeleton/index.vue +36 -36
- package/src/global.ts +6 -6
- package/src/index.ts +89 -89
- package/src/main.scss +1 -1
- package/src/notice/api/endpoints.ts +17 -17
- package/src/notice/api/index.ts +106 -106
- package/src/notice/components/NoticeBanner.vue +243 -243
- package/src/notice/components/NoticeEntry.vue +99 -99
- package/src/notice/components/NoticeList.vue +315 -315
- package/src/notice/components/NoticePopup.vue +162 -162
- package/src/notice/components/index.ts +5 -5
- package/src/notice/components/useCommonList.ts +86 -86
- package/src/notice/components/useNotice.ts +35 -35
- package/src/notice/index.ts +1 -1
- package/src/notice/types.ts +25 -25
- package/src/payment/api/config.ts +7 -7
- package/src/payment/api/endpoints.ts +103 -103
- package/src/payment/api/index.ts +100 -100
- package/src/payment/components/AmountPicker.vue +90 -90
- package/src/payment/components/RechargeResult.vue +69 -69
- package/src/payment/components/RechargeView.vue +155 -155
- package/src/payment/components/RightsPicker.vue +105 -105
- package/src/payment/components/TradeView.vue +317 -317
- package/src/payment/components/UserAgreement.vue +234 -234
- package/src/payment/components/index.ts +22 -22
- package/src/payment/index.ts +5 -5
- package/src/payment/services/index.ts +16 -16
- package/src/payment/services/invoke-recharge.ts +25 -25
- package/src/payment/services/request-payment.ts +58 -58
- package/src/payment/types.ts +28 -28
- package/src/register/components/SelfRegistration.vue +233 -233
- package/src/register/components/index.ts +2 -2
- package/src/shared/components/AppDrawer.vue +54 -58
- package/src/shared/components/AppVerify.vue +128 -128
- package/src/shared/components/DeviceVersion.vue +68 -68
- package/src/shared/components/EmptyView.vue +33 -33
- package/src/shared/components/OcrBusinessLicense.vue +130 -130
- package/src/shared/components/OcrIcon.vue +202 -202
- package/src/shared/components/PageHeader.vue +79 -79
- package/src/shared/components/index.ts +8 -8
- package/src/shared/composables/index.ts +8 -8
- package/src/shared/composables/useAmount.ts +46 -46
- package/src/shared/composables/useCountdown.ts +46 -46
- package/src/shared/composables/useCrypto.ts +76 -76
- package/src/shared/composables/useDragBox.ts +97 -97
- package/src/shared/composables/useEncode.ts +43 -43
- package/src/shared/composables/useLogger.ts +123 -123
- package/src/shared/composables/useSafeArea.ts +46 -46
- package/src/shared/composables/useTabbar.ts +24 -24
- package/src/shared/composables/useUpload.ts +54 -54
- package/src/shared/composables/useValidator.ts +32 -32
- package/src/shared/http/Http.ts +136 -136
- package/src/shared/http/index.ts +1 -1
- package/src/shared/http/types.ts +157 -157
- package/src/shared/index.ts +3 -3
- package/src/shared/weixin/payment.ts +38 -38
- package/src/styles/vars.scss +3 -3
- package/src/user/api/endpoints.ts +17 -17
- package/src/user/api/index.ts +111 -111
- package/src/user/components/LoginSetting.vue +114 -114
- package/src/user/components/UserAuth.vue +257 -257
- package/src/user/components/UserBinding.vue +307 -307
- package/src/user/components/UserBindingSuccess.vue +80 -80
- package/src/user/components/UserEntry.vue +133 -133
- package/src/user/components/UserFeedback.vue +431 -431
- package/src/user/components/UserFeedbackEntry.vue +192 -192
- package/src/user/components/UserHeadCrop.vue +65 -65
- package/src/user/components/UserInfo.vue +826 -824
- package/src/user/components/UserResourceEmpty.vue +75 -75
- package/src/user/components/index.ts +23 -23
- package/src/user/index.ts +1 -1
- package/tsconfig.json +30 -30
- package/types/global.d.ts +21 -21
- package/types/vue.d.ts +10 -10
- package/dist/assets/asset-3B_CoPto +0 -1
- package/stats.html +0 -4842
|
@@ -1,104 +1,104 @@
|
|
|
1
|
-
import { HttpEndpoints } from '../../shared/http'
|
|
2
|
-
import { PaymentParams } from '../types'
|
|
3
|
-
|
|
4
|
-
const endpointsList: HttpEndpoints = {
|
|
5
|
-
/**
|
|
6
|
-
* 获取充值套餐包列表
|
|
7
|
-
* (查询某应用某场景可充值的金额列表)
|
|
8
|
-
* http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/getRechargeListUsingGET
|
|
9
|
-
*/
|
|
10
|
-
获取充值金额列表: {
|
|
11
|
-
path: '/payment/outer/payment/getRechargeList',
|
|
12
|
-
translate: (data: any) => ({
|
|
13
|
-
appCode: data.app,
|
|
14
|
-
// caseCode: 'recharge', // 这个参数可以不要
|
|
15
|
-
tenantId: data.tenant
|
|
16
|
-
}),
|
|
17
|
-
transform: (data: any) => data.amountList.map((d: any) => ({
|
|
18
|
-
token: d.desc,
|
|
19
|
-
amount: d.amount
|
|
20
|
-
}))
|
|
21
|
-
},
|
|
22
|
-
/**
|
|
23
|
-
* 查询支付参数包
|
|
24
|
-
* (获取拉起微信支付用的JSON串)
|
|
25
|
-
* http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/rechargePayUsingPOST
|
|
26
|
-
*/
|
|
27
|
-
获取微信支付参数包: {
|
|
28
|
-
// {
|
|
29
|
-
// "amount": 100,
|
|
30
|
-
// "appCode": "crm",
|
|
31
|
-
// "caseCode": "aiApproveRecharge",
|
|
32
|
-
// "tenantId": "17454646",
|
|
33
|
-
// "transFlowNo": "4343244",
|
|
34
|
-
// "certificateNo": "o7k8L0QTqcwRIBKVUPzI7iPfghLM"
|
|
35
|
-
// }
|
|
36
|
-
path: '/payment/outer/payment/rechargePay',
|
|
37
|
-
translate: (params: PaymentParams) => ({
|
|
38
|
-
amount: params.amount,
|
|
39
|
-
appCode: params.app,
|
|
40
|
-
// caseCode: data.stage, 这个参数可以不传
|
|
41
|
-
tenantId: params.tenant,
|
|
42
|
-
// transFlowNo: '4343244', 这个参数可以不传
|
|
43
|
-
certificateNo: params.user,
|
|
44
|
-
}),
|
|
45
|
-
transform: (data: any) => {
|
|
46
|
-
let json = null
|
|
47
|
-
try {
|
|
48
|
-
json = JSON.parse(data.prePayStr)
|
|
49
|
-
} catch (e) {
|
|
50
|
-
}
|
|
51
|
-
return {
|
|
52
|
-
json, // 拉起微信支付用的JSON串
|
|
53
|
-
paymentId: data.payId // 查询用支付ID
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
获取权益微信支付: {
|
|
58
|
-
path: '/payment/outer/payment/valueExchangePay',
|
|
59
|
-
translate: (params: PaymentParams) => ({
|
|
60
|
-
caseConfigId: params.caseConfigId,
|
|
61
|
-
appCode: params.app,
|
|
62
|
-
tenantId: params.tenant,
|
|
63
|
-
amount: params.amount,
|
|
64
|
-
certificateNo: params.user,
|
|
65
|
-
}),
|
|
66
|
-
transform: (data: any) => {
|
|
67
|
-
let json = null
|
|
68
|
-
try {
|
|
69
|
-
json = JSON.parse(data.prePayStr)
|
|
70
|
-
} catch (e) {
|
|
71
|
-
}
|
|
72
|
-
return {
|
|
73
|
-
json, // 拉起微信支付用的JSON串
|
|
74
|
-
paymentId: data.payId // 查询用支付ID
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
获取增值权益类目: {
|
|
79
|
-
path: '/payment/paymentCaseConfig/getBalanceAndRiskQueryPriceConfig',
|
|
80
|
-
transform: (data: any) => data
|
|
81
|
-
},
|
|
82
|
-
} as const
|
|
83
|
-
|
|
84
|
-
const keys = Object.keys(endpointsList as any)
|
|
85
|
-
|
|
86
|
-
type Keys = typeof keys[number]
|
|
87
|
-
|
|
88
|
-
const endpoints: Record<Keys, string> = Object.fromEntries(
|
|
89
|
-
Object.entries(endpointsList).map(([name, def]) => [name, def.path])
|
|
90
|
-
)
|
|
91
|
-
|
|
92
|
-
const translates = Object.fromEntries(
|
|
93
|
-
Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
|
|
94
|
-
)
|
|
95
|
-
|
|
96
|
-
const transforms = Object.fromEntries(
|
|
97
|
-
Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
|
|
98
|
-
)
|
|
99
|
-
|
|
100
|
-
export {
|
|
101
|
-
endpoints,
|
|
102
|
-
translates,
|
|
103
|
-
transforms,
|
|
1
|
+
import { HttpEndpoints } from '../../shared/http'
|
|
2
|
+
import { PaymentParams } from '../types'
|
|
3
|
+
|
|
4
|
+
const endpointsList: HttpEndpoints = {
|
|
5
|
+
/**
|
|
6
|
+
* 获取充值套餐包列表
|
|
7
|
+
* (查询某应用某场景可充值的金额列表)
|
|
8
|
+
* http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/getRechargeListUsingGET
|
|
9
|
+
*/
|
|
10
|
+
获取充值金额列表: {
|
|
11
|
+
path: '/payment/outer/payment/getRechargeList',
|
|
12
|
+
translate: (data: any) => ({
|
|
13
|
+
appCode: data.app,
|
|
14
|
+
// caseCode: 'recharge', // 这个参数可以不要
|
|
15
|
+
tenantId: data.tenant
|
|
16
|
+
}),
|
|
17
|
+
transform: (data: any) => data.amountList.map((d: any) => ({
|
|
18
|
+
token: d.desc,
|
|
19
|
+
amount: d.amount
|
|
20
|
+
}))
|
|
21
|
+
},
|
|
22
|
+
/**
|
|
23
|
+
* 查询支付参数包
|
|
24
|
+
* (获取拉起微信支付用的JSON串)
|
|
25
|
+
* http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/rechargePayUsingPOST
|
|
26
|
+
*/
|
|
27
|
+
获取微信支付参数包: {
|
|
28
|
+
// {
|
|
29
|
+
// "amount": 100,
|
|
30
|
+
// "appCode": "crm",
|
|
31
|
+
// "caseCode": "aiApproveRecharge",
|
|
32
|
+
// "tenantId": "17454646",
|
|
33
|
+
// "transFlowNo": "4343244",
|
|
34
|
+
// "certificateNo": "o7k8L0QTqcwRIBKVUPzI7iPfghLM"
|
|
35
|
+
// }
|
|
36
|
+
path: '/payment/outer/payment/rechargePay',
|
|
37
|
+
translate: (params: PaymentParams) => ({
|
|
38
|
+
amount: params.amount,
|
|
39
|
+
appCode: params.app,
|
|
40
|
+
// caseCode: data.stage, 这个参数可以不传
|
|
41
|
+
tenantId: params.tenant,
|
|
42
|
+
// transFlowNo: '4343244', 这个参数可以不传
|
|
43
|
+
certificateNo: params.user,
|
|
44
|
+
}),
|
|
45
|
+
transform: (data: any) => {
|
|
46
|
+
let json = null
|
|
47
|
+
try {
|
|
48
|
+
json = JSON.parse(data.prePayStr)
|
|
49
|
+
} catch (e) {
|
|
50
|
+
}
|
|
51
|
+
return {
|
|
52
|
+
json, // 拉起微信支付用的JSON串
|
|
53
|
+
paymentId: data.payId // 查询用支付ID
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
获取权益微信支付: {
|
|
58
|
+
path: '/payment/outer/payment/valueExchangePay',
|
|
59
|
+
translate: (params: PaymentParams) => ({
|
|
60
|
+
caseConfigId: params.caseConfigId,
|
|
61
|
+
appCode: params.app,
|
|
62
|
+
tenantId: params.tenant,
|
|
63
|
+
amount: params.amount,
|
|
64
|
+
certificateNo: params.user,
|
|
65
|
+
}),
|
|
66
|
+
transform: (data: any) => {
|
|
67
|
+
let json = null
|
|
68
|
+
try {
|
|
69
|
+
json = JSON.parse(data.prePayStr)
|
|
70
|
+
} catch (e) {
|
|
71
|
+
}
|
|
72
|
+
return {
|
|
73
|
+
json, // 拉起微信支付用的JSON串
|
|
74
|
+
paymentId: data.payId // 查询用支付ID
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
获取增值权益类目: {
|
|
79
|
+
path: '/payment/paymentCaseConfig/getBalanceAndRiskQueryPriceConfig',
|
|
80
|
+
transform: (data: any) => data
|
|
81
|
+
},
|
|
82
|
+
} as const
|
|
83
|
+
|
|
84
|
+
const keys = Object.keys(endpointsList as any)
|
|
85
|
+
|
|
86
|
+
type Keys = typeof keys[number]
|
|
87
|
+
|
|
88
|
+
const endpoints: Record<Keys, string> = Object.fromEntries(
|
|
89
|
+
Object.entries(endpointsList).map(([name, def]) => [name, def.path])
|
|
90
|
+
)
|
|
91
|
+
|
|
92
|
+
const translates = Object.fromEntries(
|
|
93
|
+
Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
|
|
94
|
+
)
|
|
95
|
+
|
|
96
|
+
const transforms = Object.fromEntries(
|
|
97
|
+
Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
|
|
98
|
+
)
|
|
99
|
+
|
|
100
|
+
export {
|
|
101
|
+
endpoints,
|
|
102
|
+
translates,
|
|
103
|
+
transforms,
|
|
104
104
|
}
|
package/src/payment/api/index.ts
CHANGED
|
@@ -1,100 +1,100 @@
|
|
|
1
|
-
import Taro from '@tarojs/taro'
|
|
2
|
-
import { HttpRequestConfig, ResponseRaw, createHttp } from '../../shared'
|
|
3
|
-
import { translates, transforms } from './endpoints'
|
|
4
|
-
import { useAppKitOptions } from '../../Appkit'
|
|
5
|
-
import { useLogger, generateUniqueId } from '../../shared/composables/useLogger'
|
|
6
|
-
|
|
7
|
-
const logger = useLogger()
|
|
8
|
-
/**
|
|
9
|
-
* 小程序端 Http
|
|
10
|
-
* 使用 Taro.request 实现
|
|
11
|
-
*/
|
|
12
|
-
const vendor = {
|
|
13
|
-
async request<T>(config: HttpRequestConfig) {
|
|
14
|
-
return new Promise<ResponseRaw<T>>((resolve, reject) => {
|
|
15
|
-
const header = {
|
|
16
|
-
...config.headers,
|
|
17
|
-
traceId: generateUniqueId('appkit'),
|
|
18
|
-
}
|
|
19
|
-
const startTime = new Date().getTime()
|
|
20
|
-
|
|
21
|
-
Taro.request({
|
|
22
|
-
url: config.url,
|
|
23
|
-
method: config.method,
|
|
24
|
-
header,
|
|
25
|
-
data: config.data,
|
|
26
|
-
})
|
|
27
|
-
.then(({ data }) => {
|
|
28
|
-
if (data.success) {
|
|
29
|
-
resolve({
|
|
30
|
-
status: +data.code,
|
|
31
|
-
message: data.msg,
|
|
32
|
-
data: data.result as T,
|
|
33
|
-
})
|
|
34
|
-
} else if (data.code !== '401') {
|
|
35
|
-
Taro.showToast({
|
|
36
|
-
title: data.msg,
|
|
37
|
-
icon: 'none',
|
|
38
|
-
})
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
// 记录阿里日志
|
|
42
|
-
const endTime = new Date().getTime()
|
|
43
|
-
logger.info({
|
|
44
|
-
send: JSON.stringify({ url: config.url, data: config.data }),
|
|
45
|
-
receive: JSON.stringify(data),
|
|
46
|
-
traceId: header.traceId,
|
|
47
|
-
duration: endTime - startTime,
|
|
48
|
-
})
|
|
49
|
-
})
|
|
50
|
-
.catch((e: any) => {
|
|
51
|
-
reject(e)
|
|
52
|
-
})
|
|
53
|
-
})
|
|
54
|
-
},
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
interface DefaultHeaderType {
|
|
58
|
-
Token?: string
|
|
59
|
-
Appcode?: string
|
|
60
|
-
Tenant?: string
|
|
61
|
-
}
|
|
62
|
-
function useHttp(defaultHeader?: DefaultHeaderType) {
|
|
63
|
-
const appkitOptions = useAppKitOptions()
|
|
64
|
-
const headers = {
|
|
65
|
-
Token: appkitOptions.tempToken() || appkitOptions.token(),
|
|
66
|
-
Appcode: defaultHeader?.Appcode || appkitOptions.app(),
|
|
67
|
-
cookie: `tid=${defaultHeader?.Tenant || appkitOptions.tenant()}`,
|
|
68
|
-
gray: appkitOptions.gray ? appkitOptions.gray() : '0',
|
|
69
|
-
}
|
|
70
|
-
/**
|
|
71
|
-
* 传入配置获取 Http instanse
|
|
72
|
-
*/
|
|
73
|
-
const $http = createHttp({
|
|
74
|
-
vendor,
|
|
75
|
-
baseUrl: appkitOptions.baseUrl(),
|
|
76
|
-
headers,
|
|
77
|
-
interceptors: [
|
|
78
|
-
(raw) => {
|
|
79
|
-
if (raw.status == 401) {
|
|
80
|
-
appkitOptions[401]()
|
|
81
|
-
return true
|
|
82
|
-
}
|
|
83
|
-
return false
|
|
84
|
-
},
|
|
85
|
-
(raw) => {
|
|
86
|
-
if (raw.status > 500 && raw.status != 1100028) {
|
|
87
|
-
return true
|
|
88
|
-
}
|
|
89
|
-
return false
|
|
90
|
-
},
|
|
91
|
-
],
|
|
92
|
-
translates,
|
|
93
|
-
transforms,
|
|
94
|
-
})
|
|
95
|
-
return $http
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
export { useHttp }
|
|
99
|
-
|
|
100
|
-
export * from './endpoints'
|
|
1
|
+
import Taro from '@tarojs/taro'
|
|
2
|
+
import { HttpRequestConfig, ResponseRaw, createHttp } from '../../shared'
|
|
3
|
+
import { translates, transforms } from './endpoints'
|
|
4
|
+
import { useAppKitOptions } from '../../Appkit'
|
|
5
|
+
import { useLogger, generateUniqueId } from '../../shared/composables/useLogger'
|
|
6
|
+
|
|
7
|
+
const logger = useLogger()
|
|
8
|
+
/**
|
|
9
|
+
* 小程序端 Http
|
|
10
|
+
* 使用 Taro.request 实现
|
|
11
|
+
*/
|
|
12
|
+
const vendor = {
|
|
13
|
+
async request<T>(config: HttpRequestConfig) {
|
|
14
|
+
return new Promise<ResponseRaw<T>>((resolve, reject) => {
|
|
15
|
+
const header = {
|
|
16
|
+
...config.headers,
|
|
17
|
+
traceId: generateUniqueId('appkit'),
|
|
18
|
+
}
|
|
19
|
+
const startTime = new Date().getTime()
|
|
20
|
+
|
|
21
|
+
Taro.request({
|
|
22
|
+
url: config.url,
|
|
23
|
+
method: config.method,
|
|
24
|
+
header,
|
|
25
|
+
data: config.data,
|
|
26
|
+
})
|
|
27
|
+
.then(({ data }) => {
|
|
28
|
+
if (data.success) {
|
|
29
|
+
resolve({
|
|
30
|
+
status: +data.code,
|
|
31
|
+
message: data.msg,
|
|
32
|
+
data: data.result as T,
|
|
33
|
+
})
|
|
34
|
+
} else if (data.code !== '401') {
|
|
35
|
+
Taro.showToast({
|
|
36
|
+
title: data.msg,
|
|
37
|
+
icon: 'none',
|
|
38
|
+
})
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
// 记录阿里日志
|
|
42
|
+
const endTime = new Date().getTime()
|
|
43
|
+
logger.info({
|
|
44
|
+
send: JSON.stringify({ url: config.url, data: config.data }),
|
|
45
|
+
receive: JSON.stringify(data),
|
|
46
|
+
traceId: header.traceId,
|
|
47
|
+
duration: endTime - startTime,
|
|
48
|
+
})
|
|
49
|
+
})
|
|
50
|
+
.catch((e: any) => {
|
|
51
|
+
reject(e)
|
|
52
|
+
})
|
|
53
|
+
})
|
|
54
|
+
},
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
interface DefaultHeaderType {
|
|
58
|
+
Token?: string
|
|
59
|
+
Appcode?: string
|
|
60
|
+
Tenant?: string
|
|
61
|
+
}
|
|
62
|
+
function useHttp(defaultHeader?: DefaultHeaderType) {
|
|
63
|
+
const appkitOptions = useAppKitOptions()
|
|
64
|
+
const headers = {
|
|
65
|
+
Token: appkitOptions.tempToken() || appkitOptions.token(),
|
|
66
|
+
Appcode: defaultHeader?.Appcode || appkitOptions.app(),
|
|
67
|
+
cookie: `tid=${defaultHeader?.Tenant || appkitOptions.tenant()}`,
|
|
68
|
+
gray: appkitOptions.gray ? appkitOptions.gray() : '0',
|
|
69
|
+
}
|
|
70
|
+
/**
|
|
71
|
+
* 传入配置获取 Http instanse
|
|
72
|
+
*/
|
|
73
|
+
const $http = createHttp({
|
|
74
|
+
vendor,
|
|
75
|
+
baseUrl: appkitOptions.baseUrl(),
|
|
76
|
+
headers,
|
|
77
|
+
interceptors: [
|
|
78
|
+
(raw) => {
|
|
79
|
+
if (raw.status == 401) {
|
|
80
|
+
appkitOptions[401]()
|
|
81
|
+
return true
|
|
82
|
+
}
|
|
83
|
+
return false
|
|
84
|
+
},
|
|
85
|
+
(raw) => {
|
|
86
|
+
if (raw.status > 500 && raw.status != 1100028) {
|
|
87
|
+
return true
|
|
88
|
+
}
|
|
89
|
+
return false
|
|
90
|
+
},
|
|
91
|
+
],
|
|
92
|
+
translates,
|
|
93
|
+
transforms,
|
|
94
|
+
})
|
|
95
|
+
return $http
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
export { useHttp }
|
|
99
|
+
|
|
100
|
+
export * from './endpoints'
|
|
@@ -1,91 +1,91 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<nut-grid class="amount-picker" :column-num="3" :gutter="10" :border="false">
|
|
3
|
-
<nut-grid-item class="tile" v-for="(amount, index) in items" :class="{ selected: state.selected === index }"
|
|
4
|
-
@click="() => onGridItemClick(index)" :key="index">
|
|
5
|
-
<h4 class="token-line number">{{ amount.token }}</h4>
|
|
6
|
-
<h5>¥<span class="number">{{ amount.amount }}</span></h5>
|
|
7
|
-
</nut-grid-item>
|
|
8
|
-
</nut-grid>
|
|
9
|
-
</template>
|
|
10
|
-
|
|
11
|
-
<script lang="ts" setup>
|
|
12
|
-
import { reactive } from 'vue'
|
|
13
|
-
|
|
14
|
-
// 充值金额选取
|
|
15
|
-
|
|
16
|
-
type Amount = {
|
|
17
|
-
token: number,
|
|
18
|
-
amount: number
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
interface AmountPickerProps {
|
|
22
|
-
items: Amount[],
|
|
23
|
-
selected?: number
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
const emit = defineEmits<{
|
|
27
|
-
(event: 'change', selected: number): void
|
|
28
|
-
}>()
|
|
29
|
-
|
|
30
|
-
withDefaults(
|
|
31
|
-
defineProps<AmountPickerProps>(),
|
|
32
|
-
{
|
|
33
|
-
items: () => [],
|
|
34
|
-
selected: () => 0
|
|
35
|
-
}
|
|
36
|
-
)
|
|
37
|
-
|
|
38
|
-
const state = reactive({
|
|
39
|
-
selected: 0
|
|
40
|
-
})
|
|
41
|
-
|
|
42
|
-
const onGridItemClick = (index: number) => {
|
|
43
|
-
state.selected = index
|
|
44
|
-
emit('change', state.selected)
|
|
45
|
-
}
|
|
46
|
-
</script>
|
|
47
|
-
|
|
48
|
-
<style lang="scss">
|
|
49
|
-
.amount-picker {
|
|
50
|
-
padding: 14px 0 14px 14px;
|
|
51
|
-
|
|
52
|
-
.nut-grid-item__content {
|
|
53
|
-
border: solid 1px transparent;
|
|
54
|
-
background: linear-gradient(#f5f5f5, #f5f5f5) padding-box,
|
|
55
|
-
linear-gradient(to bottom, #cccccc88, #cccccc88) border-box;
|
|
56
|
-
border-radius: 5px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.tile {
|
|
60
|
-
height: 80px;
|
|
61
|
-
|
|
62
|
-
&.selected {
|
|
63
|
-
.nut-grid-item__content {
|
|
64
|
-
background: linear-gradient(#FFF7E3, #FEFDE6) padding-box,
|
|
65
|
-
linear-gradient(to bottom, #efd082, #ffb877) border-box;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
h4.token-line {
|
|
71
|
-
background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
|
|
72
|
-
background-size: 20px;
|
|
73
|
-
background-repeat: no-repeat;
|
|
74
|
-
background-position: left center;
|
|
75
|
-
padding-left: 24px;
|
|
76
|
-
color: #FD6701;
|
|
77
|
-
font-weight: 600;
|
|
78
|
-
line-height: 25px;
|
|
79
|
-
font-size: 18px;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
h5 {
|
|
83
|
-
line-height: 18px;
|
|
84
|
-
color: #353535;
|
|
85
|
-
font-weight: 600;
|
|
86
|
-
opacity: 0.6;
|
|
87
|
-
margin-top: 4px;
|
|
88
|
-
font-size: 12px;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
1
|
+
<template>
|
|
2
|
+
<nut-grid class="amount-picker" :column-num="3" :gutter="10" :border="false">
|
|
3
|
+
<nut-grid-item class="tile" v-for="(amount, index) in items" :class="{ selected: state.selected === index }"
|
|
4
|
+
@click="() => onGridItemClick(index)" :key="index">
|
|
5
|
+
<h4 class="token-line number">{{ amount.token }}</h4>
|
|
6
|
+
<h5>¥<span class="number">{{ amount.amount }}</span></h5>
|
|
7
|
+
</nut-grid-item>
|
|
8
|
+
</nut-grid>
|
|
9
|
+
</template>
|
|
10
|
+
|
|
11
|
+
<script lang="ts" setup>
|
|
12
|
+
import { reactive } from 'vue'
|
|
13
|
+
|
|
14
|
+
// 充值金额选取
|
|
15
|
+
|
|
16
|
+
type Amount = {
|
|
17
|
+
token: number,
|
|
18
|
+
amount: number
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
interface AmountPickerProps {
|
|
22
|
+
items: Amount[],
|
|
23
|
+
selected?: number
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
const emit = defineEmits<{
|
|
27
|
+
(event: 'change', selected: number): void
|
|
28
|
+
}>()
|
|
29
|
+
|
|
30
|
+
withDefaults(
|
|
31
|
+
defineProps<AmountPickerProps>(),
|
|
32
|
+
{
|
|
33
|
+
items: () => [],
|
|
34
|
+
selected: () => 0
|
|
35
|
+
}
|
|
36
|
+
)
|
|
37
|
+
|
|
38
|
+
const state = reactive({
|
|
39
|
+
selected: 0
|
|
40
|
+
})
|
|
41
|
+
|
|
42
|
+
const onGridItemClick = (index: number) => {
|
|
43
|
+
state.selected = index
|
|
44
|
+
emit('change', state.selected)
|
|
45
|
+
}
|
|
46
|
+
</script>
|
|
47
|
+
|
|
48
|
+
<style lang="scss">
|
|
49
|
+
.amount-picker {
|
|
50
|
+
padding: 14px 0 14px 14px;
|
|
51
|
+
|
|
52
|
+
.nut-grid-item__content {
|
|
53
|
+
border: solid 1px transparent;
|
|
54
|
+
background: linear-gradient(#f5f5f5, #f5f5f5) padding-box,
|
|
55
|
+
linear-gradient(to bottom, #cccccc88, #cccccc88) border-box;
|
|
56
|
+
border-radius: 5px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.tile {
|
|
60
|
+
height: 80px;
|
|
61
|
+
|
|
62
|
+
&.selected {
|
|
63
|
+
.nut-grid-item__content {
|
|
64
|
+
background: linear-gradient(#FFF7E3, #FEFDE6) padding-box,
|
|
65
|
+
linear-gradient(to bottom, #efd082, #ffb877) border-box;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
h4.token-line {
|
|
71
|
+
background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
|
|
72
|
+
background-size: 20px;
|
|
73
|
+
background-repeat: no-repeat;
|
|
74
|
+
background-position: left center;
|
|
75
|
+
padding-left: 24px;
|
|
76
|
+
color: #FD6701;
|
|
77
|
+
font-weight: 600;
|
|
78
|
+
line-height: 25px;
|
|
79
|
+
font-size: 18px;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
h5 {
|
|
83
|
+
line-height: 18px;
|
|
84
|
+
color: #353535;
|
|
85
|
+
font-weight: 600;
|
|
86
|
+
opacity: 0.6;
|
|
87
|
+
margin-top: 4px;
|
|
88
|
+
font-size: 12px;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
91
|
</style>
|