2025.02.25 工作代码提交 app权限提示的弹窗
This commit is contained in:
parent
0a930aa170
commit
8e2a23ed69
155
jiuyi2/App.vue
155
jiuyi2/App.vue
|
|
@ -1,59 +1,122 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
import {
|
import {
|
||||||
onLaunch,
|
onLaunch,
|
||||||
} from '@dcloudio/uni-app'
|
onExit
|
||||||
// 工具库
|
} from '@dcloudio/uni-app'
|
||||||
import util from '@/common/js/util';
|
// 工具库
|
||||||
//
|
import util from '@/common/js/util';
|
||||||
import api from '@/api/index.js'
|
//
|
||||||
// vuex
|
import api from '@/api/index.js'
|
||||||
import store from '@/store/index.js'
|
// vuex
|
||||||
|
import store from '@/store/index.js'
|
||||||
|
// #ifdef APP
|
||||||
|
// 引入各种权限配置
|
||||||
|
import {
|
||||||
|
registerRequestPermissionTipsListener,
|
||||||
|
unregisterRequestPermissionTipsListener,
|
||||||
|
setRequestPermissionTips
|
||||||
|
} from "@/uni_modules/uni-registerRequestPermissionTips"
|
||||||
|
var PermissionTips = {
|
||||||
|
"android.permission.CAMERA": "<h4 style=\"font-size:40px;\">相机使用权限说明</h4><font color=#cccccc>用于在添加、上传、发布、图片和视频等场景中读取和写入相册和文件内容</font>",
|
||||||
|
"android.permission.WRITE_EXTERNAL_STORAGE": "<h4 style=\"font-size:40px;\">存储空间/照片权限说明</h4><font color=#cccccc>用于在添加、上传、发布、图片和视频等场景中读取和写入相册和文件内容</font>",
|
||||||
|
"android.permission.RECORD_AUDIO": "<h4 style=\"font-size:40px;\">录音权限说明</h4><font color=#cccccc>用于发送语音消息、语音通话功能</font>",
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
|
||||||
onLaunch(() => {
|
onLaunch(() => {
|
||||||
// 获取用户信息
|
// 获取用户信息
|
||||||
getUserinfo()
|
getUserinfo()
|
||||||
// 获取系统配置
|
// 获取系统配置
|
||||||
getConfig()
|
getConfig()
|
||||||
})
|
// #ifdef APP
|
||||||
|
// 处理用户在app端提交的权限
|
||||||
|
init()
|
||||||
|
// #endif
|
||||||
|
})
|
||||||
|
|
||||||
// 获取用户信息
|
onExit(() => {
|
||||||
function getUserinfo() {
|
// #ifdef APP
|
||||||
// 登录令牌
|
unregisterRequestPermissionTipsListener(null)
|
||||||
const token = uni.getStorageSync('token')
|
// #endif
|
||||||
// 用户信息
|
})
|
||||||
const userinfo = uni.getStorageSync('userinfo')
|
|
||||||
|
|
||||||
// 如果登录保活
|
/**
|
||||||
if (token) {
|
* 处理用户在app端申请的权限
|
||||||
// 用户信息
|
* 文档地址：https://ext.dcloud.net.cn/plugin?name=uni-registerRequestPermissionTips
|
||||||
if (userinfo) store.commit('setState', {
|
*/
|
||||||
key: 'userinfo',
|
function init() {
|
||||||
value: userinfo
|
var brand = uni.getSystemInfoSync().deviceBrand
|
||||||
})
|
setRequestPermissionTips(PermissionTips)
|
||||||
|
registerRequestPermissionTipsListener({
|
||||||
//
|
// 申请系统权限回调
|
||||||
util.getUserinfo().then(rs => {
|
onRequest: (e) => {
|
||||||
// 腾讯im登录
|
console.log(e)
|
||||||
util.loginTencent(userinfo)
|
},
|
||||||
|
// 弹出系统权限授权框回调
|
||||||
|
onConfirm: (e) => {
|
||||||
|
console.log(e)
|
||||||
|
},
|
||||||
|
// onComplete
|
||||||
|
onComplete: (e) => {
|
||||||
|
// 华为手机在权限禁止之后，再次申请权限不会出现权限申请框。此时应该引导用户去系统设置开启此权限，不应该频繁申请。
|
||||||
|
if (brand.toLowerCase() == "huawei") {
|
||||||
|
var tips = {}
|
||||||
|
var hasDeniedPermission = false
|
||||||
|
for (var k in PermissionTips) {
|
||||||
|
if (e[k] != "denied") {
|
||||||
|
tips[k] = PermissionTips[k]
|
||||||
|
} else {
|
||||||
|
hasDeniedPermission = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
setRequestPermissionTips(tips) // 更新弹框提醒，防止华为手机不出现权限申请框时权限提醒框闪烁的情况
|
||||||
|
if (hasDeniedPermission)
|
||||||
|
uni.showModal({
|
||||||
|
content: "权限已经被拒绝，请前往设置中开启"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
// 获取系统配置
|
// 获取用户信息
|
||||||
function getConfig() {
|
function getUserinfo() {
|
||||||
api.getConfig().then(rs => {
|
// 登录令牌
|
||||||
if (rs.code == 200) {
|
const token = uni.getStorageSync('token')
|
||||||
store.commit('setState', {
|
// 用户信息
|
||||||
key: 'config',
|
const userinfo = uni.getStorageSync('userinfo')
|
||||||
value: rs.data
|
|
||||||
|
// 如果登录保活
|
||||||
|
if (token) {
|
||||||
|
// 用户信息
|
||||||
|
if (userinfo) store.commit('setState', {
|
||||||
|
key: 'userinfo',
|
||||||
|
value: userinfo
|
||||||
|
})
|
||||||
|
|
||||||
|
//
|
||||||
|
util.getUserinfo().then(rs => {
|
||||||
|
// 腾讯im登录
|
||||||
|
util.loginTencent(userinfo)
|
||||||
})
|
})
|
||||||
return
|
|
||||||
}
|
}
|
||||||
})
|
}
|
||||||
}
|
|
||||||
|
// 获取系统配置
|
||||||
|
function getConfig() {
|
||||||
|
api.getConfig().then(rs => {
|
||||||
|
if (rs.code == 200) {
|
||||||
|
store.commit('setState', {
|
||||||
|
key: 'config',
|
||||||
|
value: rs.data
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
/*每个页面公共css */
|
/*每个页面公共css */
|
||||||
@import "./common/css/style.scss";
|
@import "./common/css/style.scss";
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -86,6 +86,19 @@ const api = {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取带搜索的分类字典数据
|
||||||
|
* @param {Object} param
|
||||||
|
*/
|
||||||
|
getDicFuzzy(param) {
|
||||||
|
return util.request({
|
||||||
|
url: '/system/dict/data/type/fuzzy',
|
||||||
|
path: param.path,
|
||||||
|
query: param.query,
|
||||||
|
method: 'GET',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 获取未读消息数量
|
* 获取未读消息数量
|
||||||
* @param {Object} param
|
* @param {Object} param
|
||||||
|
|
|
||||||
|
|
@ -66,14 +66,14 @@ const util = {
|
||||||
showCancel: obj.showCancel,
|
showCancel: obj.showCancel,
|
||||||
cancelText: obj.cancelText,
|
cancelText: obj.cancelText,
|
||||||
success: res => {
|
success: res => {
|
||||||
obj.success ? obj.success(res) : () => { }
|
obj.success ? obj.success(res) : () => {}
|
||||||
resolve(res)
|
resolve(res)
|
||||||
},
|
},
|
||||||
fail: err => {
|
fail: err => {
|
||||||
obj.fail ? obj.fail(err) : () => { }
|
obj.fail ? obj.fail(err) : () => {}
|
||||||
reject(err)
|
reject(err)
|
||||||
},
|
},
|
||||||
complete: res => { }
|
complete: res => {}
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
@ -881,32 +881,6 @@ const util = {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
|
||||||
* 预览文件
|
|
||||||
* @param {String} url 文件路径
|
|
||||||
*/
|
|
||||||
view_file(url) {
|
|
||||||
// 后缀
|
|
||||||
let suffix = util.get_file_suffix(url).id
|
|
||||||
//
|
|
||||||
if (!['doc', 'xls', 'ppt', 'pdf', 'docx', 'xlsx', 'pptx'].includes(suffix)) {
|
|
||||||
util.alert('操作需要在web端')
|
|
||||||
console.log('Unsupported suffix', suffix)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
uni.downloadFile({
|
|
||||||
url,
|
|
||||||
success: res => {
|
|
||||||
uni.openDocument({
|
|
||||||
filePath: res.tempFilePath,
|
|
||||||
fail: rs => {
|
|
||||||
console.log('rs', rs)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 通过路径获取文件后缀
|
* 通过路径获取文件后缀
|
||||||
* @param {Object} url 需要获取的文件路径
|
* @param {Object} url 需要获取的文件路径
|
||||||
|
|
@ -919,11 +893,12 @@ const util = {
|
||||||
const file_suffix = util.config[{
|
const file_suffix = util.config[{
|
||||||
'file': 'file_suffix',
|
'file': 'file_suffix',
|
||||||
'audio': 'audio_suffix',
|
'audio': 'audio_suffix',
|
||||||
}[type]]
|
} [type]]
|
||||||
let result = ''
|
let result = ''
|
||||||
if (url) result = file_suffix.find(item => item.id === url.split('.').pop().toLowerCase())
|
if (url) result = file_suffix.find(item => item.id === url.split('.').pop().toLowerCase())
|
||||||
return result
|
return result
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 通过路径获取音频后缀
|
* 通过路径获取音频后缀
|
||||||
* @param {Object} url 需要获取的文件路径
|
* @param {Object} url 需要获取的文件路径
|
||||||
|
|
@ -1045,7 +1020,7 @@ const util = {
|
||||||
obj.fail ? obj.fail('no data') : ''
|
obj.fail ? obj.fail('no data') : ''
|
||||||
}
|
}
|
||||||
break
|
break
|
||||||
// app支付
|
// app支付
|
||||||
case "app":
|
case "app":
|
||||||
uni.requestPayment({
|
uni.requestPayment({
|
||||||
provider: "wxpay",
|
provider: "wxpay",
|
||||||
|
|
@ -1067,7 +1042,7 @@ const util = {
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
break
|
break
|
||||||
// 支付宝支付
|
// 支付宝支付
|
||||||
case "2":
|
case "2":
|
||||||
switch (obj.method) {
|
switch (obj.method) {
|
||||||
// app支付
|
// app支付
|
||||||
|
|
@ -1092,7 +1067,7 @@ const util = {
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
break
|
break
|
||||||
// 钱包支付
|
// 钱包支付
|
||||||
case "4":
|
case "4":
|
||||||
obj.success ? obj.success(rs) : ''
|
obj.success ? obj.success(rs) : ''
|
||||||
result_goto('success')
|
result_goto('success')
|
||||||
|
|
@ -1164,7 +1139,7 @@ const util = {
|
||||||
util.alert("您拒绝了授权");
|
util.alert("您拒绝了授权");
|
||||||
|
|
||||||
// 失败
|
// 失败
|
||||||
obj.fail ? obj.fail(res) : (res) => { };
|
obj.fail ? obj.fail(res) : (res) => {};
|
||||||
},
|
},
|
||||||
complete() {
|
complete() {
|
||||||
// 结束
|
// 结束
|
||||||
|
|
@ -1173,235 +1148,6 @@ const util = {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
|
||||||
* 拉起授权请求: 微信小程序、app
|
|
||||||
*/
|
|
||||||
authorize(obj) {
|
|
||||||
// 返回promise对象
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
// 对象
|
|
||||||
obj ? obj : obj = {}
|
|
||||||
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
let isAgreePrivacy = plus.runtime.isAgreePrivacy()
|
|
||||||
if (!isAgreePrivacy) {
|
|
||||||
resolve('未同意用户协议隐私政策')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
|
|
||||||
// 菜单
|
|
||||||
const menu = {
|
|
||||||
// 定位
|
|
||||||
location: {
|
|
||||||
name: '定位服务',
|
|
||||||
scope: 'scope.userLocation',
|
|
||||||
txt: '需要获取您的地理位置',
|
|
||||||
},
|
|
||||||
// 相册
|
|
||||||
photosAlbum: {
|
|
||||||
name: '相册',
|
|
||||||
scope: 'scope.writePhotosAlbum',
|
|
||||||
txt: '需要访问您的相册',
|
|
||||||
},
|
|
||||||
// 相机
|
|
||||||
camera: {
|
|
||||||
name: '摄像头',
|
|
||||||
scope: 'scope.camera',
|
|
||||||
txt: '需要访问您的摄像头',
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
// 判断是否有键值
|
|
||||||
if (obj.key) {
|
|
||||||
// 传参对象
|
|
||||||
obj = {
|
|
||||||
...obj,
|
|
||||||
...menu[obj.key]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
let fnName = ''
|
|
||||||
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
// 微信小程序授权
|
|
||||||
fnName = 'weChatAuthorize'
|
|
||||||
// #endif
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
// app授权
|
|
||||||
fnName = 'appAuthorize'
|
|
||||||
// #endif
|
|
||||||
|
|
||||||
//
|
|
||||||
this[fnName](obj)
|
|
||||||
.then(rs => {
|
|
||||||
// 成功
|
|
||||||
obj.success ? obj.success(rs) : ''
|
|
||||||
resolve(rs)
|
|
||||||
})
|
|
||||||
.catch(err => {
|
|
||||||
// 失败
|
|
||||||
obj.fail ? obj.fail(err) : ''
|
|
||||||
reject(err)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
// app授权
|
|
||||||
appAuthorize(obj) {
|
|
||||||
// 系统设置
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
// 手机设置
|
|
||||||
const systemSetting = uni.getSystemSetting()
|
|
||||||
|
|
||||||
// 没开
|
|
||||||
if (systemSetting.locationEnabled === false) {
|
|
||||||
this.alert(obj.txt)
|
|
||||||
// 失败
|
|
||||||
reject({
|
|
||||||
msg: '未授权对应功能',
|
|
||||||
})
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
// 用户是否开启定位权限
|
|
||||||
const authorized = uni.getAppAuthorizeSetting().locationAuthorized
|
|
||||||
console.log('locationAuthorized', authorized);
|
|
||||||
|
|
||||||
if (authorized === 'config error') {
|
|
||||||
// 开发者没有配置权限 https://uniapp.dcloud.net.cn/api/system/getappauthorizesetting.html
|
|
||||||
reject({
|
|
||||||
msg: '开发者未勾选定位服务模块',
|
|
||||||
})
|
|
||||||
return
|
|
||||||
} else if (authorized === 'denied') {
|
|
||||||
// reject({
|
|
||||||
// msg: 'user denied',
|
|
||||||
// })
|
|
||||||
// return
|
|
||||||
} else if (authorized === 'authorized') {
|
|
||||||
// 表示已经获得授权，无需再次请求授权
|
|
||||||
resolve(obj)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
// 判断平台
|
|
||||||
if (uni.getSystemInfoSync().platform == "android") {
|
|
||||||
// 请求权限配置
|
|
||||||
plus.android.requestPermissions(
|
|
||||||
// 对应权限
|
|
||||||
['android.permission.ACCESS_FINE_LOCATION'],
|
|
||||||
// 成功
|
|
||||||
(resultObj) => {
|
|
||||||
// 结果
|
|
||||||
let result = null
|
|
||||||
|
|
||||||
for (let i = 0; i < resultObj.granted.length; i++) {
|
|
||||||
let grantedPermission = resultObj.granted[i]
|
|
||||||
console.log('已获取的权限：' + grantedPermission)
|
|
||||||
if (result !== null) result = 1
|
|
||||||
}
|
|
||||||
|
|
||||||
for (let i = 0; i < resultObj.deniedPresent.length; i++) {
|
|
||||||
let deniedPresentPermission = resultObj.deniedPresent[
|
|
||||||
i]
|
|
||||||
console.log('拒绝本次申请的权限：' + deniedPresentPermission)
|
|
||||||
if (result !== null) result = 0
|
|
||||||
}
|
|
||||||
|
|
||||||
for (let i = 0; i < resultObj.deniedAlways.length; i++) {
|
|
||||||
let deniedAlwaysPermission = resultObj.deniedAlways[i]
|
|
||||||
console.log('永久拒绝申请的权限：' + deniedAlwaysPermission)
|
|
||||||
if (result !== null) result = -1
|
|
||||||
}
|
|
||||||
|
|
||||||
// 成功
|
|
||||||
if (result === 1) {
|
|
||||||
resolve()
|
|
||||||
} else if ([-1].includes(result)) {
|
|
||||||
// 若所需权限被拒绝,则打开APP设置界面,可以在APP设置界面打开相应权限
|
|
||||||
// 引导用户打开设置页面
|
|
||||||
uni.openAppAuthorizeSetting({
|
|
||||||
success: rs => {
|
|
||||||
// 失败
|
|
||||||
reject({
|
|
||||||
msg: '引导用户打开设置页面',
|
|
||||||
info: rs,
|
|
||||||
})
|
|
||||||
},
|
|
||||||
fail: err => {
|
|
||||||
// 失败
|
|
||||||
reject({
|
|
||||||
msg: '用户设置页面打开失败',
|
|
||||||
info: err,
|
|
||||||
})
|
|
||||||
},
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 失败
|
|
||||||
(error) => {
|
|
||||||
console.log('申请权限错误：' + error.code + " = " + error.message)
|
|
||||||
resolve({
|
|
||||||
code: error.code,
|
|
||||||
message: error.message
|
|
||||||
})
|
|
||||||
}
|
|
||||||
)
|
|
||||||
} else {
|
|
||||||
this.alert('请在设置里允许打开定位信息')
|
|
||||||
resolve({
|
|
||||||
msg: '用户未开启定位权限',
|
|
||||||
})
|
|
||||||
return
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
// 微信小程序授权
|
|
||||||
weChatAuthorize(obj) {
|
|
||||||
// 成功
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
// 是否在微信小程序限制范围内
|
|
||||||
if (!['scope.userInfo', 'scope.userLocation', 'scope.userLocationBackground',
|
|
||||||
'scope.address',
|
|
||||||
'scope.record', 'scope.writePhotosAlbum', 'scope.camera',
|
|
||||||
'scope.invoice',
|
|
||||||
'scope.invoiceTitle', 'scope.werun'
|
|
||||||
].includes(obj.scope)) {
|
|
||||||
resolve({
|
|
||||||
msg: '不在限制范围内',
|
|
||||||
})
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
// 授权
|
|
||||||
uni.authorize({
|
|
||||||
scope: obj.scope,
|
|
||||||
success: rs => {
|
|
||||||
// 成功
|
|
||||||
resolve(rs)
|
|
||||||
},
|
|
||||||
fail: err => {
|
|
||||||
// 失败
|
|
||||||
reject(err)
|
|
||||||
|
|
||||||
// 弹窗提示
|
|
||||||
util.alert({
|
|
||||||
title: '系统提示',
|
|
||||||
value: obj.txt,
|
|
||||||
success: rs => {
|
|
||||||
if (rs.confirm) {
|
|
||||||
// 打开微信权限设置
|
|
||||||
uni.openSetting()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
})
|
|
||||||
},
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 最终登录 用于请求登录接口后统一调用的登录方法
|
* 最终登录 用于请求登录接口后统一调用的登录方法
|
||||||
* @param {Object} param 数据对象
|
* @param {Object} param 数据对象
|
||||||
|
|
@ -1412,7 +1158,6 @@ const util = {
|
||||||
const token = param.data
|
const token = param.data
|
||||||
// 缓存token
|
// 缓存token
|
||||||
uni.setStorageSync('token', token)
|
uni.setStorageSync('token', token)
|
||||||
console.log('set token', token)
|
|
||||||
|
|
||||||
// 开启加载
|
// 开启加载
|
||||||
uni.showLoading({
|
uni.showLoading({
|
||||||
|
|
@ -1473,7 +1218,7 @@ const util = {
|
||||||
// 验证sdk是否准备完毕
|
// 验证sdk是否准备完毕
|
||||||
let isReady = uni.$chat.isReady();
|
let isReady = uni.$chat.isReady();
|
||||||
if (!isReady) {
|
if (!isReady) {
|
||||||
setTimeout(function () {
|
setTimeout(function() {
|
||||||
util.updateMyProfile(userinfo);
|
util.updateMyProfile(userinfo);
|
||||||
}, 800);
|
}, 800);
|
||||||
return
|
return
|
||||||
|
|
@ -1485,7 +1230,7 @@ const util = {
|
||||||
}
|
}
|
||||||
uni.$chat.updateMyProfile(obj).then(res => {
|
uni.$chat.updateMyProfile(obj).then(res => {
|
||||||
// console.log(res);
|
// console.log(res);
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -1748,7 +1493,7 @@ const util = {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
showToastAndRedirect(title, icon = 'none', fun = () => { }) {
|
showToastAndRedirect(title, icon = 'none', fun = () => {}) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title,
|
title,
|
||||||
icon,
|
icon,
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,6 @@
|
||||||
"modules" : {
|
"modules" : {
|
||||||
"Camera" : {},
|
"Camera" : {},
|
||||||
"Payment" : {},
|
"Payment" : {},
|
||||||
"Share" : {},
|
|
||||||
"VideoPlayer" : {},
|
"VideoPlayer" : {},
|
||||||
"Barcode" : {},
|
"Barcode" : {},
|
||||||
"Record" : {}
|
"Record" : {}
|
||||||
|
|
|
||||||
|
|
@ -836,7 +836,7 @@
|
||||||
"list": [
|
"list": [
|
||||||
{
|
{
|
||||||
"name": "test",
|
"name": "test",
|
||||||
"path": "pages/index/index"
|
"path": "pages/mine/homepage"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,7 @@
|
||||||
ref,
|
ref,
|
||||||
computed,
|
computed,
|
||||||
reactive,
|
reactive,
|
||||||
|
getCurrentInstance
|
||||||
} from 'vue'
|
} from 'vue'
|
||||||
import {
|
import {
|
||||||
useStore
|
useStore
|
||||||
|
|
@ -16,6 +17,9 @@
|
||||||
import util from '@/common/js/util.js'
|
import util from '@/common/js/util.js'
|
||||||
// api
|
// api
|
||||||
import api from '@/api/index.js'
|
import api from '@/api/index.js'
|
||||||
|
const {
|
||||||
|
proxy
|
||||||
|
} = getCurrentInstance()
|
||||||
// 列表
|
// 列表
|
||||||
const list = reactive([])
|
const list = reactive([])
|
||||||
// 滑动菜单
|
// 滑动菜单
|
||||||
|
|
@ -57,18 +61,6 @@
|
||||||
api.mine.getBankCards({}).then(rs => {
|
api.mine.getBankCards({}).then(rs => {
|
||||||
if (rs.code == 200) {
|
if (rs.code == 200) {
|
||||||
Object.assign(list, rs.data)
|
Object.assign(list, rs.data)
|
||||||
list.push({
|
|
||||||
bankName: "建设银行",
|
|
||||||
cardHolderName: "商旭",
|
|
||||||
cardId: "1",
|
|
||||||
cardNumber: "6217002270031535710",
|
|
||||||
cardType: "DEBIT",
|
|
||||||
createTime: null,
|
|
||||||
delFlag: "0",
|
|
||||||
isDefault: null,
|
|
||||||
updateTime: null,
|
|
||||||
userId: 13,
|
|
||||||
})
|
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
util.alert({
|
util.alert({
|
||||||
|
|
@ -91,7 +83,8 @@
|
||||||
*/
|
*/
|
||||||
function handleItem(event, item) {
|
function handleItem(event, item) {
|
||||||
console.log('event', event, item)
|
console.log('event', event, item)
|
||||||
item.cb(item)
|
event.content.cb(item)
|
||||||
|
proxy.$refs.swipeAction.closeAll()
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -128,8 +121,10 @@
|
||||||
<view class="main ptb30 plr40">
|
<view class="main ptb30 plr40">
|
||||||
<view class="name">{{item.bankName}}</view>
|
<view class="name">{{item.bankName}}</view>
|
||||||
<view class="type">
|
<view class="type">
|
||||||
<text v-if="item.cardType == 'DEBIT'">储蓄卡</text>
|
<text v-if="item.cardType == 'DEBIT'">借记卡</text>
|
||||||
<text v-else-if="item.cardType == 'CREDIT'">信用卡</text>
|
<text v-else-if="item.cardType == 'CREDIT'">信用卡</text>
|
||||||
|
<text v-else-if="item.cardType == 'PREPAID'">预付卡</text>
|
||||||
|
<text v-else-if="item.cardType == 'QUASI_CREDIT'">准贷记卡</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="number">{{item.cardNumber}}</view>
|
<view class="number">{{item.cardNumber}}</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,7 @@
|
||||||
ref,
|
ref,
|
||||||
reactive,
|
reactive,
|
||||||
computed,
|
computed,
|
||||||
|
getCurrentInstance,
|
||||||
} from 'vue'
|
} from 'vue'
|
||||||
import {
|
import {
|
||||||
useStore
|
useStore
|
||||||
|
|
@ -17,17 +18,95 @@
|
||||||
import api from '@/api/index.js'
|
import api from '@/api/index.js'
|
||||||
// 获取验证码
|
// 获取验证码
|
||||||
import getCode from '@/components/getCode/getCode'
|
import getCode from '@/components/getCode/getCode'
|
||||||
|
//
|
||||||
|
const {
|
||||||
|
proxy
|
||||||
|
} = getCurrentInstance()
|
||||||
|
// 银行搜索
|
||||||
|
const bankSearch = ref('')
|
||||||
// 银行卡列表
|
// 银行卡列表
|
||||||
const bankList = reactive([])
|
const bankList = reactive([])
|
||||||
|
// 银行卡类型列表
|
||||||
|
const bankTypeList = reactive([])
|
||||||
|
// 银行卡类型下标
|
||||||
|
const bankTypeIndex = ref('')
|
||||||
// 表单对象
|
// 表单对象
|
||||||
const form = reactive({
|
const form = reactive({
|
||||||
|
bankName: '',
|
||||||
|
cardType: '',
|
||||||
cardNumber: '',
|
cardNumber: '',
|
||||||
phoneNumber: '',
|
phoneNumber: '',
|
||||||
userIdCard: '',
|
userIdCard: '',
|
||||||
userRealName: '',
|
userRealName: '',
|
||||||
})
|
})
|
||||||
|
|
||||||
|
onLoad(() => {
|
||||||
|
// 获取字典
|
||||||
|
getBankList()
|
||||||
|
// 获取银行卡类型
|
||||||
|
getBankTypes()
|
||||||
|
})
|
||||||
|
|
||||||
|
// 获取银行卡
|
||||||
|
function getBankList() {
|
||||||
|
api.getDicFuzzy({
|
||||||
|
path: ['bank_type'],
|
||||||
|
query: {
|
||||||
|
dictLabel: bankSearch.value,
|
||||||
|
}
|
||||||
|
}).then(rs => {
|
||||||
|
if (rs.code == 200) {
|
||||||
|
bankList.length = 0
|
||||||
|
bankList.push(...rs.data)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
util.alert({
|
||||||
|
content: rs.msg,
|
||||||
|
showCancel: false,
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取银行卡类型
|
||||||
|
function getBankTypes() {
|
||||||
|
api.getDict({
|
||||||
|
path: ['card_type'],
|
||||||
|
}).then(rs => {
|
||||||
|
if (rs.code == 200) {
|
||||||
|
bankTypeList.length = 0
|
||||||
|
bankTypeList.push(...rs.data.map(item => {
|
||||||
|
// 转大写
|
||||||
|
item.dictValue = item.dictValue.toUpperCase()
|
||||||
|
return item
|
||||||
|
}))
|
||||||
|
return
|
||||||
|
}
|
||||||
|
util.alert({
|
||||||
|
content: rs.msg,
|
||||||
|
showCancel: false,
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 选择银行
|
||||||
|
* @param {Object} item 银行列表项
|
||||||
|
*/
|
||||||
|
function handleSelectBank(item) {
|
||||||
|
if (form.bankName === item.bankName) return
|
||||||
|
form.bankName = item.dictLabel
|
||||||
|
proxy.$refs.bankRef.close()
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param {Object} event
|
||||||
|
*/
|
||||||
|
function handleBankTypeIndex(event) {
|
||||||
|
const index = event.detail.value
|
||||||
|
if (bankTypeIndex.value === index) return
|
||||||
|
bankTypeIndex.value = index
|
||||||
|
}
|
||||||
|
|
||||||
// 绑定
|
// 绑定
|
||||||
function handleSubmit() {
|
function handleSubmit() {
|
||||||
const data = {
|
const data = {
|
||||||
|
|
@ -35,6 +114,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
|
if (!data.bankName) {
|
||||||
|
util.alert('银行卡名称不能为空')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (bankTypeIndex.value === '') {
|
||||||
|
util.alert('银行卡类型不能为空')
|
||||||
|
return
|
||||||
|
}
|
||||||
if (!data.phoneNumber) {
|
if (!data.phoneNumber) {
|
||||||
util.alert('手机号不能为空')
|
util.alert('手机号不能为空')
|
||||||
return
|
return
|
||||||
|
|
@ -51,6 +138,8 @@
|
||||||
util.alert('真实姓名不能为空')
|
util.alert('真实姓名不能为空')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
//
|
||||||
|
data.cardType = bankTypeList[bankTypeIndex.value].dictValue
|
||||||
|
|
||||||
//
|
//
|
||||||
api.mine.addBankCard({
|
api.mine.addBankCard({
|
||||||
|
|
@ -77,43 +166,57 @@
|
||||||
<view class="appbw">
|
<view class="appbw">
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<view class="form mtb30 mlr40">
|
<view class="form mtb30 mlr40">
|
||||||
<!-- <view class="line">
|
<view class="line" @click="$refs.bankRef.open()">
|
||||||
|
<view class="title">银行名称</view>
|
||||||
|
<view class="inputBox rows">
|
||||||
|
<view class="f1" v-if="form.bankName">{{form.bankName}}</view>
|
||||||
|
<view class="placeholderStyle f1" v-else>请选择银行名称</view>
|
||||||
|
<uni-icons type="bottom" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="line">
|
||||||
<view class="title">银行卡类型</view>
|
<view class="title">银行卡类型</view>
|
||||||
<view class="inputBox">
|
<view class="inputBox">
|
||||||
<picker :range="bankList" range-key="name">
|
<picker :range="bankTypeList" range-key="dictLabel" @change="handleBankTypeIndex">
|
||||||
<view class="rows">
|
<view class="rows">
|
||||||
<input class="input" disabled type="text" placeholder="请选择银行卡类型" />
|
<view class="f1" v-if="bankTypeIndex!==''">{{bankTypeList[bankTypeIndex].dictLabel}}</view>
|
||||||
|
<view class="placeholderStyle f1" v-else>请选择银行名称</view>
|
||||||
<uni-icons type="bottom" />
|
<uni-icons type="bottom" />
|
||||||
</view>
|
</view>
|
||||||
</picker>
|
</picker>
|
||||||
</view>
|
</view>
|
||||||
</view> -->
|
</view>
|
||||||
|
|
||||||
<view class="line">
|
<view class="line">
|
||||||
<view class="title">银行卡卡号</view>
|
<view class="title">银行卡卡号</view>
|
||||||
<view class="inputBox">
|
<view class="inputBox">
|
||||||
<input class="input" v-model="form.cardNumber" type="text" placeholder="请输入银行卡卡号" />
|
<input class="input" v-model="form.cardNumber" type="text" placeholder="请输入银行卡卡号"
|
||||||
|
placeholder-class="placeholderStyle" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="line">
|
<view class="line">
|
||||||
<view class="title">姓名</view>
|
<view class="title">姓名</view>
|
||||||
<view class="inputBox">
|
<view class="inputBox">
|
||||||
<input class="input" v-model="form.userRealName" type="text" placeholder="请输入姓名" />
|
<input class="input" v-model="form.userRealName" type="text" placeholder="请输入姓名"
|
||||||
|
placeholder-class="placeholderStyle" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="line">
|
<view class="line">
|
||||||
<view class="title">身份证号</view>
|
<view class="title">身份证号</view>
|
||||||
<view class="inputBox">
|
<view class="inputBox">
|
||||||
<input class="input" v-model="form.userIdCard" type="text" placeholder="请输入身份证号" />
|
<input class="input" v-model="form.userIdCard" type="text" placeholder="请输入身份证号"
|
||||||
|
placeholder-class="placeholderStyle" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="line">
|
<view class="line">
|
||||||
<view class="title">手机号（银行绑定的手机号）</view>
|
<view class="title">手机号（银行绑定的手机号）</view>
|
||||||
<view class="inputBox">
|
<view class="inputBox">
|
||||||
<input class="input" v-model="form.phoneNumber" type="text" placeholder="请输入手机号" />
|
<input class="input" v-model="form.phoneNumber" type="text" placeholder="请输入手机号"
|
||||||
|
placeholder-class="placeholderStyle" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
@ -127,11 +230,44 @@
|
||||||
</view>
|
</view>
|
||||||
</view> -->
|
</view> -->
|
||||||
|
|
||||||
|
<!-- 温馨提示 -->
|
||||||
|
<view class="notice ptb20 plr30 br20">
|
||||||
|
<view class="key">温馨提示</view>
|
||||||
|
<view class="content mt15 c333 f28">
|
||||||
|
<view>为保证账户资金安全，请仔细核对好填写信息，在点击绑定</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="btn lg black mt50" @click="handleSubmit">绑定</view>
|
<view class="btn lg black mt50" @click="handleSubmit">绑定</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="fill"></view>
|
<view class="fill"></view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<!-- 搜索银行卡 -->
|
||||||
|
<uni-popup ref="bankRef" type="bottom">
|
||||||
|
<view class="selectionBox ptb20 plr20 bfff c999 f28">
|
||||||
|
<view class="title c333 f34 tac">选择银行卡</view>
|
||||||
|
|
||||||
|
<!-- 可选的列表 -->
|
||||||
|
<view class="mt20">
|
||||||
|
<scroll-view scroll-y="true" class="scroll">
|
||||||
|
<view class="selection">
|
||||||
|
<view class="option df aic" v-for="(item,index) in bankList" :key="index"
|
||||||
|
@click="handleSelectBank(item,index)" :class="{'active': item.dictLabel === form.bankName}">
|
||||||
|
<text class="thd f1">{{item.dictLabel}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- -->
|
||||||
|
<view class="inputBox rows mt20 ptb10 plr20 br20">
|
||||||
|
<input class="f1" type="text" v-model="bankSearch" placeholder="输入你想选择的用户" />
|
||||||
|
<view class="" @click="getBankList">搜索</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</uni-popup>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
@ -155,4 +291,36 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 菜单选择列表
|
||||||
|
.selectionBox {
|
||||||
|
.scroll {
|
||||||
|
height: 800rpx;
|
||||||
|
|
||||||
|
.option {
|
||||||
|
box-sizing: border-box;
|
||||||
|
height: 60rpx;
|
||||||
|
border-bottom: 1rpx solid #E5E5E5;
|
||||||
|
|
||||||
|
// 被选择的
|
||||||
|
&.active {
|
||||||
|
background-color: #E5E5E5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
.editBox {
|
||||||
|
background-color: #F4F4F4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
.notice {
|
||||||
|
background-color: #ff888844;
|
||||||
|
|
||||||
|
.content {
|
||||||
|
color: #aa3333;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -13,6 +13,7 @@
|
||||||
// 商品列表
|
// 商品列表
|
||||||
import productList from '@/components/shop/productList/productList'
|
import productList from '@/components/shop/productList/productList'
|
||||||
|
|
||||||
|
// 分类选项
|
||||||
const filteredList = ref([{
|
const filteredList = ref([{
|
||||||
label: '默认',
|
label: '默认',
|
||||||
value: 1,
|
value: 1,
|
||||||
|
|
@ -37,10 +38,10 @@
|
||||||
// 顶部导航背景颜色
|
// 顶部导航背景颜色
|
||||||
const apexBgColor = ref('#ffffff00')
|
const apexBgColor = ref('#ffffff00')
|
||||||
// 店铺id
|
// 店铺id
|
||||||
const id = ref('0')
|
const storeId = ref('')
|
||||||
|
|
||||||
onLoad((option) => {
|
onLoad((option) => {
|
||||||
if (option.id) id.value = option.id
|
if (option.storeId) storeId.value = option.storeId
|
||||||
})
|
})
|
||||||
|
|
||||||
onPageScroll((ev) => {
|
onPageScroll((ev) => {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
## 1.0.3（2024-10-18）
|
||||||
|
修复4.25版引起的插件回调只触发一次的问题。
|
||||||
|
## 1.0.2（2024-09-05）
|
||||||
|
修复uni.chooseImage或者其他部分情况下弹窗不显示的bug。
|
||||||
|
## 1.0.1（2024-05-30）
|
||||||
|
修复云打包可能报错的bug
|
||||||
|
## 1.0.0（2024-03-09）
|
||||||
|
支持全局监听权限申请。当申请权限时，会在页面顶部显示申请权限的目的。
|
||||||
|
|
@ -0,0 +1,115 @@
|
||||||
|
{
|
||||||
|
"id": "uni-registerRequestPermissionTips",
|
||||||
|
"displayName": "uni-registerRequestPermissionTips",
|
||||||
|
"version": "1.0.3",
|
||||||
|
"description": "支持android平台全局监听权限的申请。当申请权限时，会在页面顶部显示申请权限的目的。主要解决上架华为应用市场审核要求：APP在调用终端权限时，应同步告知用户申请该权限的目的。",
|
||||||
|
"keywords": [
|
||||||
|
"权限",
|
||||||
|
"权限申请",
|
||||||
|
"上架",
|
||||||
|
"华为"
|
||||||
|
],
|
||||||
|
"repository": "",
|
||||||
|
"engines": {
|
||||||
|
"HBuilderX": "^4.0"
|
||||||
|
},
|
||||||
|
"dcloudext": {
|
||||||
|
"type": "uts",
|
||||||
|
"sale": {
|
||||||
|
"regular": {
|
||||||
|
"price": "0.00"
|
||||||
|
},
|
||||||
|
"sourcecode": {
|
||||||
|
"price": "0.00"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"contact": {
|
||||||
|
"qq": ""
|
||||||
|
},
|
||||||
|
"declaration": {
|
||||||
|
"ads": "无",
|
||||||
|
"data": "无",
|
||||||
|
"permissions": "无"
|
||||||
|
},
|
||||||
|
"npmurl": ""
|
||||||
|
},
|
||||||
|
"uni_modules": {
|
||||||
|
"dependencies": [
|
||||||
|
],
|
||||||
|
"uni-ext-api": {
|
||||||
|
"uni": {
|
||||||
|
"registerRequestPermissionTipsListener": {
|
||||||
|
"name": "registerRequestPermissionTipsListener",
|
||||||
|
"app": {
|
||||||
|
"js": false,
|
||||||
|
"kotlin": true,
|
||||||
|
"swift": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"unregisterRequestPermissionTipsListener": {
|
||||||
|
"name": "unregisterRequestPermissionTipsListener",
|
||||||
|
"app": {
|
||||||
|
"js": false,
|
||||||
|
"kotlin": true,
|
||||||
|
"swift": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"setRequestPermissionTips": {
|
||||||
|
"name": "setRequestPermissionTips",
|
||||||
|
"app": {
|
||||||
|
"js": false,
|
||||||
|
"kotlin": true,
|
||||||
|
"swift": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"encrypt": [],
|
||||||
|
"platforms": {
|
||||||
|
"cloud": {
|
||||||
|
"tcb": "y",
|
||||||
|
"aliyun": "y",
|
||||||
|
"alipay": "y"
|
||||||
|
},
|
||||||
|
"client": {
|
||||||
|
"Vue": {
|
||||||
|
"vue2": "y",
|
||||||
|
"vue3": "y"
|
||||||
|
},
|
||||||
|
"App": {
|
||||||
|
"app-android": "y",
|
||||||
|
"app-ios": "n",
|
||||||
|
"app-harmony": "u"
|
||||||
|
},
|
||||||
|
"H5-mobile": {
|
||||||
|
"Safari": "n",
|
||||||
|
"Android Browser": "n",
|
||||||
|
"微信浏览器(Android)": "n",
|
||||||
|
"QQ浏览器(Android)": "n"
|
||||||
|
},
|
||||||
|
"H5-pc": {
|
||||||
|
"Chrome": "n",
|
||||||
|
"IE": "n",
|
||||||
|
"Edge": "n",
|
||||||
|
"Firefox": "n",
|
||||||
|
"Safari": "n"
|
||||||
|
},
|
||||||
|
"小程序": {
|
||||||
|
"微信": "n",
|
||||||
|
"阿里": "n",
|
||||||
|
"百度": "n",
|
||||||
|
"字节跳动": "n",
|
||||||
|
"QQ": "n",
|
||||||
|
"钉钉": "n",
|
||||||
|
"快手": "n",
|
||||||
|
"飞书": "n",
|
||||||
|
"京东": "n"
|
||||||
|
},
|
||||||
|
"快应用": {
|
||||||
|
"华为": "n",
|
||||||
|
"联盟": "n"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,95 @@
|
||||||
|
## registerRequestPermissionTipsListener(listener?)
|
||||||
|
注册权限监听事件
|
||||||
|
## unregisterRequestPermissionTipsListener(listener?)
|
||||||
|
取消注册权限监听事件
|
||||||
|
|
||||||
|
## RequestPermissionTipsListener的属性值
|
||||||
|
|名称 |类型 |描述 |必填 |
|
||||||
|
|:-- |:-- |:-- |:-- |
|
||||||
|
|onRequest |(permissions:Array<string>)=>void |申请系统权限回调，permissions为触发权限申请的所有权限 |否 |
|
||||||
|
|onConfirm |(permissions:Array<string>)=>void |弹出系统权限授权框回调，permissions为触发弹出权限授权框的所有权限 |否 |
|
||||||
|
|onComplete |(permissions:UTSJSONObject)=>void |权限申请完成回调，permissions包括权限及权限的状态。`grant`为权限已获取，`denied`为权限已拒绝 |否 |
|
||||||
|
|
||||||
|
## setRequestPermissionTips(UTSJSONObject)
|
||||||
|
设置权限监听的说明。支持针对权限设置具体的说明。
|
||||||
|
|
||||||
|
参考：`{"android.permission.CAMERA":"<p>相机权限申请说明</p>"}`
|
||||||
|
|
||||||
|
安卓权限列表可参考[谷歌官方文档](https://developer.android.com/reference/android/Manifest.permission)。
|
||||||
|
|
||||||
|
权限申请说明基于原生TextView实现，可以实现加载html内容，支持的标签及属性可参考：
|
||||||
|
```
|
||||||
|
<b> 或 <strong>：加粗文本。
|
||||||
|
<i> 或 <em>：斜体文本。
|
||||||
|
<u>：下划线文本。
|
||||||
|
<sup>：上标文本。
|
||||||
|
<sub>：下标文本。
|
||||||
|
<tt>：等宽字体文本。
|
||||||
|
<big>：放大字体。
|
||||||
|
<small>：缩小字体。
|
||||||
|
<strike> 或 <s> 或 <del>：带有删除线的文本。
|
||||||
|
<p>：段落。
|
||||||
|
<div>：块级容器。
|
||||||
|
<h1>，<h2>，<h3>，<h4>，<h5>，<h6>：区域标题元素。
|
||||||
|
<ul>, <ol>, <li>：无序列表和有序列表。
|
||||||
|
<br>：换行。
|
||||||
|
<font color="..."> 和 <font size="...">：设置文本颜色和大小。
|
||||||
|
```
|
||||||
|
|
||||||
|
## 示例
|
||||||
|
|
||||||
|
```
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
registerRequestPermissionTipsListener,
|
||||||
|
unregisterRequestPermissionTipsListener,
|
||||||
|
setRequestPermissionTips
|
||||||
|
} from "@/uni_modules/uni-registerRequestPermissionTips"
|
||||||
|
var PermissionTips = {
|
||||||
|
"android.permission.CAMERA": "<h4 style=\"font-size:40px;\">正在读取通讯录权限</h4><font color=#cccccc>通讯录权限不会获取任何信息，请注意</font>",
|
||||||
|
"android.permission.READ_PHONE_STATE": "<h4 style=\"font-size:40px;\">正在读取网络状态权限</h4><font color=#cccccc>通讯录权限不会获取任何信息，请注意通讯录权限不会获取任何信息，请注意通讯录权限不会获取任何信息，请注意</font>"
|
||||||
|
}
|
||||||
|
export default {
|
||||||
|
onLaunch: function() {
|
||||||
|
var brand = uni.getSystemInfoSync().deviceBrand
|
||||||
|
setRequestPermissionTips(PermissionTips)
|
||||||
|
registerRequestPermissionTipsListener({
|
||||||
|
onRequest: (e) => {
|
||||||
|
console.log(e)
|
||||||
|
},
|
||||||
|
onConfirm: (e) => {
|
||||||
|
console.log(e)
|
||||||
|
},
|
||||||
|
onComplete: (e) => {
|
||||||
|
// 华为手机在权限禁止之后，再次申请权限不会出现权限申请框。此时应该引导用户去系统设置开启此权限，不应该频繁申请。
|
||||||
|
if (brand.toLowerCase() == "huawei") {
|
||||||
|
var tips = {}
|
||||||
|
var hasDeniedPermission = false
|
||||||
|
for (var k in PermissionTips) {
|
||||||
|
if (e[k] != "denied") {
|
||||||
|
tips[k] = PermissionTips[k]
|
||||||
|
} else {
|
||||||
|
hasDeniedPermission = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
setRequestPermissionTips(tips) // 更新弹框提醒，防止华为手机不出现权限申请框时权限提醒框闪烁的情况
|
||||||
|
if (hasDeniedPermission)
|
||||||
|
uni.showModal({
|
||||||
|
content: "权限已经被拒绝，请前往设置中开启"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onShow: function() {
|
||||||
|
console.log('App Show')
|
||||||
|
},
|
||||||
|
onHide: function() {
|
||||||
|
console.log('App Hide')
|
||||||
|
},
|
||||||
|
onExit: function() {
|
||||||
|
unregisterRequestPermissionTipsListener(null)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
```
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" package="io.dcloud.uts.permissionrequest">
|
||||||
|
</manifest>
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"minSdkVersion": "21"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,148 @@
|
||||||
|
import { UnregisterRequestPermissionTipsListener, RegisterRequestPermissionTipsListener, RequestPermissionTipsListener, SetRequestPermissionTips } from "../interface";
|
||||||
|
import RelativeLayout from 'android.widget.RelativeLayout';
|
||||||
|
import LinearLayout from 'android.widget.LinearLayout';
|
||||||
|
import Color from 'android.graphics.Color';
|
||||||
|
import TextView from 'android.widget.TextView';
|
||||||
|
import ViewGroup from 'android.view.ViewGroup';
|
||||||
|
import Activity from 'android.app.Activity';
|
||||||
|
import HashMap from 'java.util.HashMap';
|
||||||
|
import AnimationUtils from 'android.view.animation.AnimationUtils';
|
||||||
|
import R from 'io.dcloud.uts.permissionrequest.R'
|
||||||
|
import Html from 'android.text.Html';
|
||||||
|
import View from 'android.view.View';
|
||||||
|
import Runnable from "java.lang.Runnable"
|
||||||
|
|
||||||
|
let PermissionTipsView : View | null = null
|
||||||
|
let permissionTips : HashMap<String, String> = new HashMap<String, String>()
|
||||||
|
var permissionListener : RequestPermissionListener | null = null
|
||||||
|
var listener : RequestPermissionTipsListener | null = null
|
||||||
|
|
||||||
|
@UTSJS.keepAlive
|
||||||
|
export function unregisterRequestPermissionTipsListener(e : RequestPermissionTipsListener | null) {
|
||||||
|
listener = null;
|
||||||
|
if (permissionListener != null) {
|
||||||
|
permissionListener!.stop()
|
||||||
|
permissionListener = null
|
||||||
|
}
|
||||||
|
if (PermissionTipsView != null) {
|
||||||
|
if (PermissionTipsView!.getParent() != null) {
|
||||||
|
PermissionTipsView!.setAnimation(null);
|
||||||
|
((PermissionTipsView!.getParent()) as ViewGroup).removeView(PermissionTipsView)
|
||||||
|
}
|
||||||
|
PermissionTipsView = null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@UTSJS.keepAlive
|
||||||
|
export function registerRequestPermissionTipsListener(l : RequestPermissionTipsListener | null) {
|
||||||
|
listener = l
|
||||||
|
if (permissionListener == null) {
|
||||||
|
permissionListener = uni.createRequestPermissionListener()
|
||||||
|
permissionListener!.onRequest((permissions : Array<string>) => {
|
||||||
|
if (listener != null)
|
||||||
|
listener!.onRequest?.invoke(permissions)
|
||||||
|
})
|
||||||
|
permissionListener!.onConfirm((permissions : Array<string>) => {
|
||||||
|
UTSAndroid.getUniActivity()!.runOnUiThread(new ConfirmRunnable(permissions))
|
||||||
|
})
|
||||||
|
permissionListener!.onComplete((permissions : Array<string>) => {
|
||||||
|
UTSAndroid.getUniActivity()!.runOnUiThread(new CompleteRunnable(permissions))
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class ConfirmRunnable implements Runnable {
|
||||||
|
permissions : Array<string>
|
||||||
|
constructor(permissions : Array<string>) {
|
||||||
|
this.permissions = permissions
|
||||||
|
}
|
||||||
|
override run() {
|
||||||
|
let activity = UTSAndroid.getUniActivity()!
|
||||||
|
if (PermissionTipsView != null && PermissionTipsView!.getParent() != null) {
|
||||||
|
PermissionTipsView!.setAnimation(null);
|
||||||
|
((PermissionTipsView!.getParent()) as ViewGroup).removeView(PermissionTipsView)
|
||||||
|
}
|
||||||
|
if (this.permissions.length > 0) {
|
||||||
|
try {
|
||||||
|
PermissionTipsView = createPermissionWindow(activity, this.permissions);
|
||||||
|
if (PermissionTipsView != null) {
|
||||||
|
(activity.findViewById(android.R.id.content) as ViewGroup).addView(PermissionTipsView!)
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.log(e)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (listener != null)
|
||||||
|
listener!.onConfirm?.invoke(this.permissions)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class CompleteRunnable implements Runnable {
|
||||||
|
permissions : Array<string>
|
||||||
|
constructor(permissions : Array<string>) {
|
||||||
|
this.permissions = permissions
|
||||||
|
}
|
||||||
|
override run() {
|
||||||
|
let activity = UTSAndroid.getUniActivity()!
|
||||||
|
if (PermissionTipsView != null) {
|
||||||
|
PermissionTipsView!.setAnimation(AnimationUtils.loadAnimation(activity, R.anim.popupwindow_exit));
|
||||||
|
((PermissionTipsView!.getParent()) as ViewGroup).removeView(PermissionTipsView!)
|
||||||
|
PermissionTipsView = null
|
||||||
|
}
|
||||||
|
if (listener != null) {
|
||||||
|
var permissionStatus = {}
|
||||||
|
for (var p in this.permissions) {
|
||||||
|
permissionStatus[p] = UTSAndroid.checkSystemPermissionGranted(UTSAndroid.getUniActivity()!, [p]) ? "grant" : "denied"
|
||||||
|
}
|
||||||
|
listener!.onComplete?.invoke(permissionStatus)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const setRequestPermissionTips : SetRequestPermissionTips = (tips : UTSJSONObject) => {
|
||||||
|
permissionTips.clear()
|
||||||
|
for (var k in tips) {
|
||||||
|
permissionTips.put(k, tips[k] != null ? tips[k].toString() : "")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function createPermissionWindow(activity : Activity, permissions : Array<string>) : ViewGroup | null {
|
||||||
|
let rootView = new RelativeLayout(activity);
|
||||||
|
rootView.setBackgroundColor(Color.TRANSPARENT);
|
||||||
|
let backgroundView = new LinearLayout(activity);
|
||||||
|
backgroundView.setPadding(30, 0, 30, 30);
|
||||||
|
backgroundView.setOrientation(1)
|
||||||
|
backgroundView.setBackgroundResource(R.drawable.dcloud_permission_background);
|
||||||
|
let permissionTipsList : Array<string> = new Array<string>()
|
||||||
|
for (var p in permissions) {
|
||||||
|
if (permissionTips.containsKey(p) && permissionTipsList.indexOf(permissionTips.get(p)) == -1) {
|
||||||
|
permissionTipsList.push(permissionTips.get(p)!)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
for (var p in permissionTipsList) {
|
||||||
|
let text = new TextView(activity);
|
||||||
|
text.setText(Html.fromHtml(p, Html.FROM_HTML_SEPARATOR_LINE_BREAK_HEADING))
|
||||||
|
text.setPadding(0, 30, 0, 0)
|
||||||
|
text.setTextSize((5 * getScale()).toFloat())
|
||||||
|
text.setTextColor(Color.BLACK)
|
||||||
|
backgroundView.addView(text)
|
||||||
|
}
|
||||||
|
if (backgroundView.getChildCount() == 0) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
let rll = new RelativeLayout.LayoutParams(-1, -2)
|
||||||
|
rll.topMargin = (UTSAndroid.getStatusBarHeight() * getScale()).toInt();
|
||||||
|
rll.leftMargin = 30;
|
||||||
|
rll.rightMargin = 30;
|
||||||
|
rll.bottomMargin = 30;
|
||||||
|
rootView.addView(backgroundView, rll)
|
||||||
|
rootView.setAnimation(AnimationUtils.loadAnimation(activity, R.anim.popupwindow_enter));
|
||||||
|
return rootView;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getScale() : Float {
|
||||||
|
if (UTSAndroid.getUniActivity() != null) {
|
||||||
|
return UTSAndroid.getUniActivity()!.resources.displayMetrics.scaledDensity
|
||||||
|
}
|
||||||
|
return (0 as number).toFloat();
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<translate xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
android:duration="200"
|
||||||
|
android:fromYDelta="-100%"
|
||||||
|
android:toYDelta="0" >
|
||||||
|
</translate>
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<translate xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
android:duration="200"
|
||||||
|
android:fromYDelta="0"
|
||||||
|
android:toYDelta="-100%" />
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
|
||||||
|
<corners android:radius="8dp" />
|
||||||
|
<!-- <stroke android:color="@color/black" android:width="2dp"/>-->
|
||||||
|
<solid android:color="#ffffff"/>
|
||||||
|
</shape>
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
export type RequestPermissionTipsListener = {
|
||||||
|
onRequest ?: ((permissions : Array<string>) => void) | null,
|
||||||
|
onConfirm ?: ((permission : Array<string>) => void) | null,
|
||||||
|
onComplete ?: ((permissions : UTSJSONObject) => void) | null
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export type RegisterRequestPermissionTipsListener = (listener : RequestPermissionTipsListener | null) => void
|
||||||
|
export type UnregisterRequestPermissionTipsListener = (listener : RequestPermissionTipsListener | null) => void
|
||||||
|
export type SetRequestPermissionTips = (tips : UTSJSONObject) => void
|
||||||
|
|
||||||
|
export interface Uni {
|
||||||
|
|
||||||
|
registerRequestPermissionTipsListener : RegisterRequestPermissionTipsListener,
|
||||||
|
|
||||||
|
unregisterRequestPermissionTipsListener : UnregisterRequestPermissionTipsListener
|
||||||
|
|
||||||
|
setRequestPermissionTips : SetRequestPermissionTips
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue