integrated_traffic_uniapp/components/yk-authpup/yk-authpup.vue

321 lines
9.5 KiB
Vue
Raw Normal View History

2024-01-16 17:24:49 +08:00
<template>
<view v-if="showPopup" class="uni-popup" :style="{top:isNativeHead?'':StatusBar}">
<view :class="[type, ani, animation ? 'ani' : '']" class="uni-custom uni-popup__wrapper" @click="close(true)">
<view class="uni-popup__wrapper-box">
<view class="title">{{authList[permissionID].title}}</view>
<view class="content">{{authList[permissionID].content}}</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'YkAuthpup',
props: {
// 开启动画
animation: {
type: Boolean,
default: true
},
type: {
type: String,
default: 'top'
},
show: {
type: Boolean,
default: true
},
//是否是原生头部
isNativeHead:{
type: Boolean,
default: true
},
permissionID: {
type: [String, Number],
default: ''
}
},
data() {
return {
ani: '',
showPopup: false,
StatusBar:'',
refuseNum:'',//拒绝次数,
authList: {
'CAMERA': {
title: "秦安安全对相机/照片权限申请说明",
content: "便于您使用该功能上传您的照片/图片/视频,用于上传隐患、人脸识别与扫描二维码等场景中读取和写入相册和文件内容。"
},
'ACCESS_FINE_LOCATION': {
title: "秦安安全对地理位置权限申请说明",
content: "秦安安全应用程序可以提供基于位置的服务、定位等功能。",
},
'RECORD_AUDIO': {
title: "秦安安全对麦克风权限申请说明",
content: "便于您使用该功能进行人脸识别。",
},
}
}
},
created() {
// #ifdef APP-PLUS
this.getSystemInfo();
// #endif
},
methods: {
//获取状态栏高度
getSystemInfo() {
let _this = this;
uni.getSystemInfo({
success: function(e) {
_this.StatusBar = e.statusBarHeight + 'px'; //用于自定义头部时,给手机状态栏留出位置,可通过isNativeHead这个参数控制
}
})
},
open() {
this.requestPermissions(this.permissionID);
},
close(type) {
this.ani = '';
this.$nextTick(() => {
setTimeout(() => {
this.showPopup = false;
}, 300)
})
},
//权限检测
requestPermissions(permissionID) {
let _this = this;
2024-02-06 15:39:22 +08:00
_this.$emit('changeAuth');
//
// // #ifdef APP-PLUS
// //判断安卓与ios设备
// if (plus.os.name == 'Android') {
// let _permissionID = 'android.permission.' + permissionID;
// plus.android.checkPermission(_permissionID,
// granted => {
// if (granted.checkResult == -1) {
// //还未授权当前查询的权限,打开权限申请目的自定义弹框
// _this.showPopup = true;
// _this.$nextTick(() => {
// setTimeout(() => {
// _this.ani = 'uni-' + _this.type
// },30)
// })
// }
// },
// error => {
// console.log(error.message);
// }
// );
// plus.android.requestPermissions([_permissionID],
// (e) => {
// //关闭权限申请目的自定义弹框
// _this.ani = '';
// _this.$nextTick(() => {
// setTimeout(() => {
// _this.showPopup = false
// }, 0)
// })
// console.log(e,'kkkkk')
// if (e.granted.length > 0) {
// //当前查询权限已授权,此时可以通知页面执行接下来的操作
// _this.$emit('changeAuth');
// }
// if (e.deniedAlways.length > 0) {
// //当前查询权限已被永久禁用,此时需要引导用户跳转手机系统设置去开启
// uni.showModal({
// title: '温馨提示',
// content: '还没有该权限,立即去设置开启?',
// cancelText: "取消",
// confirmText: "去设置",
// showCancel: true,
// confirmColor: '#000',
// cancelColor: '#666',
// success: (res) => {
// if (res.confirm) {
// _this.goSetting();
// }
// }
// })
// }
// })
// } else {
// //IOS不需要添加自定义弹框来描述权限目的因为在配置文件的隐私信息访问的许可描述里可添加
// //正常可以直接调用uni的API调起权限询问弹框使用各种权限下面的判断使用场景主要是在IOS禁用某权限后这个可以判断有无权限进而引导用户跳转设置开启仅列出了位置、相册、通讯录、相机、录音等权限其他IOS权限可具体参考 https://ext.dcloud.net.cn/plugin?id=15787
// let result = 0;
// if (permissionID == 'ACCESS_FINE_LOCATION') {
// //IOS检测位置权限
// let cLLocationManager = plus.ios.importClass("CLLocationManager"),
// authStatus = cLLocationManager.authorizationStatus(),
// enable = cLLocationManager.locationServicesEnabled();
// if (enable && authStatus != 2) {
// result = 1;
// } else {
// result = 0;
// }
// plus.ios.deleteObject(cLLocationManager);
// } else if (permissionID == 'WRITE_EXTERNAL_STORAGE') {
// //IOS检测相册权限
// let PHPhotoLibrary = plus.ios.importClass("PHPhotoLibrary"),
// authStatus = PHPhotoLibrary.authorizationStatus();
// if (authStatus === 3) {
// result = 1;
// } else {
// result = 0;
// }
// plus.ios.deleteObject(PHPhotoLibrary);
// } else if (permissionID == 'CAMERA') {
// //IOS检测相机/摄像头权限
// let avCaptureDevice = plus.ios.importClass("AVCaptureDevice"),
// authStatus = avCaptureDevice.authorizationStatusForMediaType("vide");
// if (authStatus === 3) {
// result = 1;
// } else {
// result = 0;
// }
// plus.ios.deleteObject(avCaptureDevice);
// } else if (permissionID == 'CALL_PHONE') {
// //IOS检测通讯录权限
// let contactStore = plus.ios.importClass("CNContactStore"),
// authStatus = contactStore.authorizationStatusForEntityType(0);
// if (authStatus === 3) {
// result = 1;
// } else {
// result = 0;
// }
// plus.ios.deleteObject(contactStore);
// }else if(permissionID == 'RECORD_AUDIO'){
// //IOS检测麦克风权限
// let aVAudioSession = plus.ios.importClass("AVAudioSession"),
// aVAudio = aVAudioSession.sharedInstance(),
// authStatus = aVAudio.recordPermission();
// if ([1684369017, 1970168948].includes(authStatus)) {
// result = 0;
// } else {
// result = 1;
// }
// plus.ios.deleteObject(aVAudioSession);
// }
// if (result) {
// //当前查询权限已授权,此时可以通知页面执行接下来的操作
// that.$emit('changeAuth')
// } else {
// //当前查询的权限已禁用,引导用户跳转手机系统设置去开启
// uni.showModal({
// title: '温馨提示',
// content: '还没有该权限,立即去设置开启?',
// cancelText: "取消",
// confirmText: "去设置",
// showCancel: true,
// confirmColor: '#000',
// cancelColor: '#666',
// success: (res) => {
// if (res.confirm) {
// _this.goSetting();
// }
// }
// })
// }
// }
2024-01-16 17:24:49 +08:00
// #endif
},
//跳转手机系统设置
goSetting() {
if (plus.os.name == "iOS") {
var UIApplication = plus.ios.import("UIApplication");
var application2 = UIApplication.sharedApplication();
var NSURL2 = plus.ios.import("NSURL");
var setting2 = NSURL2.URLWithString("app-settings:");
application2.openURL(setting2);
plus.ios.deleteObject(setting2);
plus.ios.deleteObject(NSURL2);
plus.ios.deleteObject(application2);
} else {
var Intent = plus.android.importClass("android.content.Intent");
var Settings = plus.android.importClass("android.provider.Settings");
var Uri = plus.android.importClass("android.net.Uri");
var mainActivity = plus.android.runtimeMainActivity();
var intent = new Intent();
intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
intent.setData(uri);
mainActivity.startActivity(intent);
}
}
}
}
</script>
<style lang="scss">
.uni-popup {
position: fixed;
top: var(--status-bar-height);
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
overflow: hidden;
&__wrapper {
position: absolute;
z-index: 999;
/* #ifndef APP-NVUE */
box-sizing: border-box;
/* #endif */
&.ani {
/* #ifndef APP-NVUE */
transition: all 0.3s;
/* #endif */
}
&.top {
top: 0;
width:705rpx;
/* #ifdef APP-NVUE */
left:22.5rpx;
/* #endif */
/* #ifndef APP-NVUE */
left:0;
transform: translateY(-705rpx);
/* #endif */
}
&-box {
position: relative;
/* #ifndef APP-NVUE */
box-sizing: border-box;
/* #endif */
}
&.uni-custom {
& .uni-popup__wrapper-box {
width: 705rpx;
/* #ifndef APP-NVUE */
margin: 0 22.5rpx;
/* #endif */
padding: 30upx;
background: #fff;
border: solid 2rpx #ddd;
/* #ifndef APP-NVUE */
box-sizing: border-box;
/* #endif */
border-radius: 16rpx;
.title{
font-size: 32rpx;
font-weight: bold;
}
.content{
margin-top: 16rpx;
line-height: 1.6;
}
}
&.top{
& .uni-popup__wrapper-box {
width: 705rpx;
}
}
}
&.uni-top{
transform: translateY(0);
}
}
}
</style>