@uxda/appkit 4.1.28 → 4.1.29
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 +4 -7
- package/dist/index.js +1110 -1025
- package/package.json +77 -77
- package/project.config.json +15 -15
- package/project.tt.json +13 -13
- package/rollup.config.mjs +56 -56
- package/src/Appkit.ts +66 -66
- package/src/balance/api/endpoints.ts +126 -126
- package/src/balance/api/index.ts +106 -106
- package/src/balance/components/AccountView.vue +748 -748
- package/src/balance/components/BalanceCard.vue +205 -205
- 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 +251 -251
- package/src/balance/components/DateRange.vue +80 -80
- package/src/balance/components/ListFilter.vue +63 -63
- package/src/balance/components/ListFilterPicker.vue +186 -186
- package/src/balance/components/SecondBalance.vue +71 -71
- package/src/balance/components/Tip.vue +45 -45
- package/src/balance/components/index.ts +13 -13
- package/src/balance/types.ts +91 -91
- 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/components/ocr-id/index.vue +114 -114
- package/src/components/ocr-id/types.d.ts +12 -12
- package/src/global.ts +6 -6
- package/src/index.ts +90 -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 +101 -100
- package/src/payment/components/AmountPicker.vue +93 -93
- package/src/payment/components/RechargeResult.vue +69 -69
- package/src/payment/components/RechargeView.vue +154 -154
- package/src/payment/components/RightsPicker.vue +105 -105
- package/src/payment/components/TradeView.vue +294 -294
- 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 +254 -254
- package/src/register/components/index.ts +2 -2
- package/src/shared/components/AppDrawer.vue +58 -58
- package/src/shared/components/AppVerify.vue +126 -129
- package/src/shared/components/DeviceVersion.vue +68 -68
- package/src/shared/components/EmptyView.vue +33 -33
- package/src/shared/components/OcrBusinessLicense.vue +133 -133
- package/src/shared/components/OcrIcon.vue +133 -133
- 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/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 +31 -31
- 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/fonts.scss +0 -3
- 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/UserBinding.vue +307 -307
- package/src/user/components/UserBindingSuccess.vue +80 -80
- package/src/user/components/UserEntry.vue +137 -137
- 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 +637 -637
- package/src/user/components/UserResourceEmpty.vue +75 -75
- package/src/user/components/index.ts +21 -21
- 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
|
@@ -1,133 +1,133 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div
|
|
3
|
-
:class="['ocr-business-license', disabled ? 'disabled' : '']"
|
|
4
|
-
class="ocr-icon"
|
|
5
|
-
@click="onIconClick"
|
|
6
|
-
>
|
|
7
|
-
<ns-icon name="https://cdn.ddjf.com/static/images/beidouxing/ocr-icon.png" />
|
|
8
|
-
</div>
|
|
9
|
-
</template>
|
|
10
|
-
|
|
11
|
-
<script lang="ts" setup>
|
|
12
|
-
import Taro from '@tarojs/taro';
|
|
13
|
-
import { NsIcon } from '@uxda/nutshell/taro';
|
|
14
|
-
import { useAppKitOptions } from '../../Appkit';
|
|
15
|
-
|
|
16
|
-
const appKitOptions = useAppKitOptions();
|
|
17
|
-
|
|
18
|
-
const emits = defineEmits(['complete']);
|
|
19
|
-
|
|
20
|
-
type OcrBusinessLicenseProps = {
|
|
21
|
-
disabled: boolean;
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
const props = defineProps<OcrBusinessLicenseProps>();
|
|
25
|
-
|
|
26
|
-
export type OcrResult = {
|
|
27
|
-
companyName: string;
|
|
28
|
-
idCardNo: string;
|
|
29
|
-
legalPersonName: string;
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
async function taroImgCompress(src: string, quality = 80) {
|
|
33
|
-
return new Promise((resolve, reject) => {
|
|
34
|
-
Taro.compressImage({
|
|
35
|
-
src: src,
|
|
36
|
-
quality: quality,
|
|
37
|
-
success: (res) => {
|
|
38
|
-
resolve(res);
|
|
39
|
-
},
|
|
40
|
-
fail: (res) => {
|
|
41
|
-
reject(res);
|
|
42
|
-
},
|
|
43
|
-
});
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
function getCompressQuality(size: number) {
|
|
48
|
-
let quality = 100;
|
|
49
|
-
const curSize = size / (1024 * 1024);
|
|
50
|
-
if (curSize > 6) {
|
|
51
|
-
quality = quality - ((curSize - 6) / curSize) * 100;
|
|
52
|
-
}
|
|
53
|
-
return quality;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
function allTrim(str: string) {
|
|
57
|
-
return str.replace(/\s+/g, '');
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
async function onIconClick() {
|
|
61
|
-
if (props.disabled) {
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
console.log('===onIconClick');
|
|
65
|
-
let result: OcrResult | null = null;
|
|
66
|
-
try {
|
|
67
|
-
const csRes = await Taro.chooseImage({
|
|
68
|
-
count: 1,
|
|
69
|
-
});
|
|
70
|
-
let { path, size } = csRes.tempFiles[0];
|
|
71
|
-
const compressImg: any =
|
|
72
|
-
(await taroImgCompress(path, getCompressQuality(size))) || {};
|
|
73
|
-
const filePath = compressImg.tempFilePath || path;
|
|
74
|
-
Taro.showLoading({ title: '营业执照识别中..' });
|
|
75
|
-
const session = appKitOptions.token();
|
|
76
|
-
const baseUrl = appKitOptions.baseUrl();
|
|
77
|
-
const upRes: any = await Taro.uploadFile({
|
|
78
|
-
url: baseUrl + '/promoact/common/parseBusinessLicense',
|
|
79
|
-
filePath,
|
|
80
|
-
name: 'file',
|
|
81
|
-
formData: {
|
|
82
|
-
objectNo: `min${Date.now()}`,
|
|
83
|
-
},
|
|
84
|
-
header: {
|
|
85
|
-
sessionKey: session || '',
|
|
86
|
-
token: session || '',
|
|
87
|
-
},
|
|
88
|
-
});
|
|
89
|
-
Taro.hideLoading();
|
|
90
|
-
const res = JSON.parse(upRes.data);
|
|
91
|
-
if (res.code === '200') {
|
|
92
|
-
const faceInfo = res.result || {};
|
|
93
|
-
result = {
|
|
94
|
-
companyName: allTrim(faceInfo.companyName || ''),
|
|
95
|
-
idCardNo: allTrim(faceInfo.idCardNo || ''),
|
|
96
|
-
legalPersonName: allTrim(faceInfo.legalPersonName || ''),
|
|
97
|
-
fileId: faceInfo.fileId,
|
|
98
|
-
originalUrl: faceInfo.originalUrl,
|
|
99
|
-
downloadUrl: faceInfo.downloadUrl,
|
|
100
|
-
};
|
|
101
|
-
console.log('===识别', result);
|
|
102
|
-
if (!result.companyName && !result.idCardNo) {
|
|
103
|
-
Taro.showToast({ title: '识别失败,请重试', icon: 'none' });
|
|
104
|
-
}
|
|
105
|
-
} else {
|
|
106
|
-
Taro.showToast({
|
|
107
|
-
title: res.msg,
|
|
108
|
-
icon: 'error',
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
} catch (err) {
|
|
112
|
-
Taro.hideLoading();
|
|
113
|
-
console.log(err);
|
|
114
|
-
}
|
|
115
|
-
emits('complete', result);
|
|
116
|
-
}
|
|
117
|
-
</script>
|
|
118
|
-
|
|
119
|
-
<style lang="scss">
|
|
120
|
-
.ocr-business-license {
|
|
121
|
-
width: 24px;
|
|
122
|
-
height: 24px;
|
|
123
|
-
.ns-icon {
|
|
124
|
-
width: 24px;
|
|
125
|
-
height: 24px;
|
|
126
|
-
}
|
|
127
|
-
&.disabled {
|
|
128
|
-
.ns-icon {
|
|
129
|
-
filter: brightness(1.5) grayscale(1);
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div
|
|
3
|
+
:class="['ocr-business-license', disabled ? 'disabled' : '']"
|
|
4
|
+
class="ocr-icon"
|
|
5
|
+
@click="onIconClick"
|
|
6
|
+
>
|
|
7
|
+
<ns-icon name="https://cdn.ddjf.com/static/images/beidouxing/ocr-icon.png" />
|
|
8
|
+
</div>
|
|
9
|
+
</template>
|
|
10
|
+
|
|
11
|
+
<script lang="ts" setup>
|
|
12
|
+
import Taro from '@tarojs/taro';
|
|
13
|
+
import { NsIcon } from '@uxda/nutshell/taro';
|
|
14
|
+
import { useAppKitOptions } from '../../Appkit';
|
|
15
|
+
|
|
16
|
+
const appKitOptions = useAppKitOptions();
|
|
17
|
+
|
|
18
|
+
const emits = defineEmits(['complete']);
|
|
19
|
+
|
|
20
|
+
type OcrBusinessLicenseProps = {
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
const props = defineProps<OcrBusinessLicenseProps>();
|
|
25
|
+
|
|
26
|
+
export type OcrResult = {
|
|
27
|
+
companyName: string;
|
|
28
|
+
idCardNo: string;
|
|
29
|
+
legalPersonName: string;
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
async function taroImgCompress(src: string, quality = 80) {
|
|
33
|
+
return new Promise((resolve, reject) => {
|
|
34
|
+
Taro.compressImage({
|
|
35
|
+
src: src,
|
|
36
|
+
quality: quality,
|
|
37
|
+
success: (res) => {
|
|
38
|
+
resolve(res);
|
|
39
|
+
},
|
|
40
|
+
fail: (res) => {
|
|
41
|
+
reject(res);
|
|
42
|
+
},
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
function getCompressQuality(size: number) {
|
|
48
|
+
let quality = 100;
|
|
49
|
+
const curSize = size / (1024 * 1024);
|
|
50
|
+
if (curSize > 6) {
|
|
51
|
+
quality = quality - ((curSize - 6) / curSize) * 100;
|
|
52
|
+
}
|
|
53
|
+
return quality;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
function allTrim(str: string) {
|
|
57
|
+
return str.replace(/\s+/g, '');
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
async function onIconClick() {
|
|
61
|
+
if (props.disabled) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
console.log('===onIconClick');
|
|
65
|
+
let result: OcrResult | null = null;
|
|
66
|
+
try {
|
|
67
|
+
const csRes = await Taro.chooseImage({
|
|
68
|
+
count: 1,
|
|
69
|
+
});
|
|
70
|
+
let { path, size } = csRes.tempFiles[0];
|
|
71
|
+
const compressImg: any =
|
|
72
|
+
(await taroImgCompress(path, getCompressQuality(size))) || {};
|
|
73
|
+
const filePath = compressImg.tempFilePath || path;
|
|
74
|
+
Taro.showLoading({ title: '营业执照识别中..' });
|
|
75
|
+
const session = appKitOptions.token();
|
|
76
|
+
const baseUrl = appKitOptions.baseUrl();
|
|
77
|
+
const upRes: any = await Taro.uploadFile({
|
|
78
|
+
url: baseUrl + '/promoact/common/parseBusinessLicense',
|
|
79
|
+
filePath,
|
|
80
|
+
name: 'file',
|
|
81
|
+
formData: {
|
|
82
|
+
objectNo: `min${Date.now()}`,
|
|
83
|
+
},
|
|
84
|
+
header: {
|
|
85
|
+
sessionKey: session || '',
|
|
86
|
+
token: session || '',
|
|
87
|
+
},
|
|
88
|
+
});
|
|
89
|
+
Taro.hideLoading();
|
|
90
|
+
const res = JSON.parse(upRes.data);
|
|
91
|
+
if (res.code === '200') {
|
|
92
|
+
const faceInfo = res.result || {};
|
|
93
|
+
result = {
|
|
94
|
+
companyName: allTrim(faceInfo.companyName || ''),
|
|
95
|
+
idCardNo: allTrim(faceInfo.idCardNo || ''),
|
|
96
|
+
legalPersonName: allTrim(faceInfo.legalPersonName || ''),
|
|
97
|
+
fileId: faceInfo.fileId,
|
|
98
|
+
originalUrl: faceInfo.originalUrl,
|
|
99
|
+
downloadUrl: faceInfo.downloadUrl,
|
|
100
|
+
};
|
|
101
|
+
console.log('===识别', result);
|
|
102
|
+
if (!result.companyName && !result.idCardNo) {
|
|
103
|
+
Taro.showToast({ title: '识别失败,请重试', icon: 'none' });
|
|
104
|
+
}
|
|
105
|
+
} else {
|
|
106
|
+
Taro.showToast({
|
|
107
|
+
title: res.msg,
|
|
108
|
+
icon: 'error',
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
} catch (err) {
|
|
112
|
+
Taro.hideLoading();
|
|
113
|
+
console.log(err);
|
|
114
|
+
}
|
|
115
|
+
emits('complete', result);
|
|
116
|
+
}
|
|
117
|
+
</script>
|
|
118
|
+
|
|
119
|
+
<style lang="scss">
|
|
120
|
+
.ocr-business-license {
|
|
121
|
+
width: 24px;
|
|
122
|
+
height: 24px;
|
|
123
|
+
.ns-icon {
|
|
124
|
+
width: 24px;
|
|
125
|
+
height: 24px;
|
|
126
|
+
}
|
|
127
|
+
&.disabled {
|
|
128
|
+
.ns-icon {
|
|
129
|
+
filter: brightness(1.5) grayscale(1);
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
</style>
|
|
@@ -1,133 +1,133 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div :class="['ocr-icon', disabled ? 'disabled' : '']" @click="onIconClick">
|
|
3
|
-
<ns-icon name="https://cdn.ddjf.com/static/images/beidouxing/ocr-icon.png" />
|
|
4
|
-
</div>
|
|
5
|
-
</template>
|
|
6
|
-
|
|
7
|
-
<script lang="ts" setup>
|
|
8
|
-
import Taro from '@tarojs/taro';
|
|
9
|
-
import { NsIcon } from '@uxda/nutshell/taro';
|
|
10
|
-
import { useAppKitOptions } from '../../Appkit';
|
|
11
|
-
|
|
12
|
-
const appKitOptions = useAppKitOptions();
|
|
13
|
-
|
|
14
|
-
const emits = defineEmits(['complete']);
|
|
15
|
-
|
|
16
|
-
type OcrIconProps = {
|
|
17
|
-
disabled: boolean;
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
const props = defineProps<OcrIconProps>();
|
|
21
|
-
|
|
22
|
-
export type OcrResult = {
|
|
23
|
-
name: string;
|
|
24
|
-
number: string;
|
|
25
|
-
address: string;
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
async function taroImgCompress(src: string, quality = 80) {
|
|
29
|
-
return new Promise((resolve, reject) => {
|
|
30
|
-
Taro.compressImage({
|
|
31
|
-
src: src,
|
|
32
|
-
quality: quality,
|
|
33
|
-
success: (res) => {
|
|
34
|
-
resolve(res);
|
|
35
|
-
},
|
|
36
|
-
fail: (res) => {
|
|
37
|
-
reject(res);
|
|
38
|
-
},
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
function getCompressQuality(size: number) {
|
|
44
|
-
let quality = 100;
|
|
45
|
-
const curSize = size / (1024 * 1024);
|
|
46
|
-
if (curSize > 6) {
|
|
47
|
-
quality = quality - ((curSize - 6) / curSize) * 100;
|
|
48
|
-
}
|
|
49
|
-
return quality;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
function allTrim(str: string) {
|
|
53
|
-
return str.replace(/\s+/g, '');
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
async function onIconClick() {
|
|
57
|
-
if (props.disabled) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
let result: OcrResult | null = null;
|
|
61
|
-
try {
|
|
62
|
-
const csRes = await Taro.chooseImage({
|
|
63
|
-
count: 1,
|
|
64
|
-
});
|
|
65
|
-
let { path, size } = csRes.tempFiles[0];
|
|
66
|
-
const compressImg: any =
|
|
67
|
-
(await taroImgCompress(path, getCompressQuality(size))) || {};
|
|
68
|
-
const filePath = compressImg.tempFilePath || path;
|
|
69
|
-
Taro.showLoading({ title: '身份证识别中..' });
|
|
70
|
-
const session = appKitOptions.token();
|
|
71
|
-
const baseUrl = appKitOptions.baseUrl();
|
|
72
|
-
const upRes: any = await Taro.uploadFile({
|
|
73
|
-
url: baseUrl + '/hkapprove/ocr/idcard',
|
|
74
|
-
filePath,
|
|
75
|
-
name: 'file',
|
|
76
|
-
formData: {
|
|
77
|
-
objectNo: `min${Date.now()}`,
|
|
78
|
-
side: 'face',
|
|
79
|
-
},
|
|
80
|
-
header: {
|
|
81
|
-
sessionKey: session || '',
|
|
82
|
-
token: session || '',
|
|
83
|
-
},
|
|
84
|
-
});
|
|
85
|
-
Taro.hideLoading();
|
|
86
|
-
const res = JSON.parse(upRes.data);
|
|
87
|
-
if (res.code === '200') {
|
|
88
|
-
const faceInfo = res.result.faceInfo || {},
|
|
89
|
-
file = res.result.fileUploadVO;
|
|
90
|
-
result = {
|
|
91
|
-
name: allTrim(faceInfo.name || ''),
|
|
92
|
-
number: allTrim(faceInfo.num || ''),
|
|
93
|
-
address: allTrim(faceInfo.address || ''),
|
|
94
|
-
// file: {
|
|
95
|
-
// key: file.fileKey,
|
|
96
|
-
// url: file.fileUrl,
|
|
97
|
-
// object: file.objectNo,
|
|
98
|
-
// thumb: file.thumbnailUrl
|
|
99
|
-
// }
|
|
100
|
-
};
|
|
101
|
-
console.log('===识别', result);
|
|
102
|
-
if (!result.name && !result.number) {
|
|
103
|
-
Taro.showToast({ title: '识别失败,请重试', icon: 'none' });
|
|
104
|
-
}
|
|
105
|
-
} else {
|
|
106
|
-
Taro.showToast({
|
|
107
|
-
title: res.msg,
|
|
108
|
-
icon: 'error',
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
} catch (err) {
|
|
112
|
-
Taro.hideLoading();
|
|
113
|
-
console.log(err);
|
|
114
|
-
}
|
|
115
|
-
emits('complete', result);
|
|
116
|
-
}
|
|
117
|
-
</script>
|
|
118
|
-
|
|
119
|
-
<style lang="scss">
|
|
120
|
-
.ocr-icon {
|
|
121
|
-
width: 24px;
|
|
122
|
-
height: 24px;
|
|
123
|
-
.ns-icon {
|
|
124
|
-
width: 24px;
|
|
125
|
-
height: 24px;
|
|
126
|
-
}
|
|
127
|
-
&.disabled {
|
|
128
|
-
.ns-icon {
|
|
129
|
-
filter: brightness(1.5) grayscale(1);
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div :class="['ocr-icon', disabled ? 'disabled' : '']" @click="onIconClick">
|
|
3
|
+
<ns-icon name="https://cdn.ddjf.com/static/images/beidouxing/ocr-icon.png" />
|
|
4
|
+
</div>
|
|
5
|
+
</template>
|
|
6
|
+
|
|
7
|
+
<script lang="ts" setup>
|
|
8
|
+
import Taro from '@tarojs/taro';
|
|
9
|
+
import { NsIcon } from '@uxda/nutshell/taro';
|
|
10
|
+
import { useAppKitOptions } from '../../Appkit';
|
|
11
|
+
|
|
12
|
+
const appKitOptions = useAppKitOptions();
|
|
13
|
+
|
|
14
|
+
const emits = defineEmits(['complete']);
|
|
15
|
+
|
|
16
|
+
type OcrIconProps = {
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
const props = defineProps<OcrIconProps>();
|
|
21
|
+
|
|
22
|
+
export type OcrResult = {
|
|
23
|
+
name: string;
|
|
24
|
+
number: string;
|
|
25
|
+
address: string;
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
async function taroImgCompress(src: string, quality = 80) {
|
|
29
|
+
return new Promise((resolve, reject) => {
|
|
30
|
+
Taro.compressImage({
|
|
31
|
+
src: src,
|
|
32
|
+
quality: quality,
|
|
33
|
+
success: (res) => {
|
|
34
|
+
resolve(res);
|
|
35
|
+
},
|
|
36
|
+
fail: (res) => {
|
|
37
|
+
reject(res);
|
|
38
|
+
},
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
function getCompressQuality(size: number) {
|
|
44
|
+
let quality = 100;
|
|
45
|
+
const curSize = size / (1024 * 1024);
|
|
46
|
+
if (curSize > 6) {
|
|
47
|
+
quality = quality - ((curSize - 6) / curSize) * 100;
|
|
48
|
+
}
|
|
49
|
+
return quality;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
function allTrim(str: string) {
|
|
53
|
+
return str.replace(/\s+/g, '');
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
async function onIconClick() {
|
|
57
|
+
if (props.disabled) {
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
let result: OcrResult | null = null;
|
|
61
|
+
try {
|
|
62
|
+
const csRes = await Taro.chooseImage({
|
|
63
|
+
count: 1,
|
|
64
|
+
});
|
|
65
|
+
let { path, size } = csRes.tempFiles[0];
|
|
66
|
+
const compressImg: any =
|
|
67
|
+
(await taroImgCompress(path, getCompressQuality(size))) || {};
|
|
68
|
+
const filePath = compressImg.tempFilePath || path;
|
|
69
|
+
Taro.showLoading({ title: '身份证识别中..' });
|
|
70
|
+
const session = appKitOptions.token();
|
|
71
|
+
const baseUrl = appKitOptions.baseUrl();
|
|
72
|
+
const upRes: any = await Taro.uploadFile({
|
|
73
|
+
url: baseUrl + '/hkapprove/ocr/idcard',
|
|
74
|
+
filePath,
|
|
75
|
+
name: 'file',
|
|
76
|
+
formData: {
|
|
77
|
+
objectNo: `min${Date.now()}`,
|
|
78
|
+
side: 'face',
|
|
79
|
+
},
|
|
80
|
+
header: {
|
|
81
|
+
sessionKey: session || '',
|
|
82
|
+
token: session || '',
|
|
83
|
+
},
|
|
84
|
+
});
|
|
85
|
+
Taro.hideLoading();
|
|
86
|
+
const res = JSON.parse(upRes.data);
|
|
87
|
+
if (res.code === '200') {
|
|
88
|
+
const faceInfo = res.result.faceInfo || {},
|
|
89
|
+
file = res.result.fileUploadVO;
|
|
90
|
+
result = {
|
|
91
|
+
name: allTrim(faceInfo.name || ''),
|
|
92
|
+
number: allTrim(faceInfo.num || ''),
|
|
93
|
+
address: allTrim(faceInfo.address || ''),
|
|
94
|
+
// file: {
|
|
95
|
+
// key: file.fileKey,
|
|
96
|
+
// url: file.fileUrl,
|
|
97
|
+
// object: file.objectNo,
|
|
98
|
+
// thumb: file.thumbnailUrl
|
|
99
|
+
// }
|
|
100
|
+
};
|
|
101
|
+
console.log('===识别', result);
|
|
102
|
+
if (!result.name && !result.number) {
|
|
103
|
+
Taro.showToast({ title: '识别失败,请重试', icon: 'none' });
|
|
104
|
+
}
|
|
105
|
+
} else {
|
|
106
|
+
Taro.showToast({
|
|
107
|
+
title: res.msg,
|
|
108
|
+
icon: 'error',
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
} catch (err) {
|
|
112
|
+
Taro.hideLoading();
|
|
113
|
+
console.log(err);
|
|
114
|
+
}
|
|
115
|
+
emits('complete', result);
|
|
116
|
+
}
|
|
117
|
+
</script>
|
|
118
|
+
|
|
119
|
+
<style lang="scss">
|
|
120
|
+
.ocr-icon {
|
|
121
|
+
width: 24px;
|
|
122
|
+
height: 24px;
|
|
123
|
+
.ns-icon {
|
|
124
|
+
width: 24px;
|
|
125
|
+
height: 24px;
|
|
126
|
+
}
|
|
127
|
+
&.disabled {
|
|
128
|
+
.ns-icon {
|
|
129
|
+
filter: brightness(1.5) grayscale(1);
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
</style>
|