Skip to content

U
uni-app-ddh-shop
Commit 15665412 authored by caimeng's avatar caimeng
Browse files
Options

完成隐私设置页面

parent ff0b1bdd
Hide whitespace changes
Inline Side-by-side
Showing with 505 additions and 304 deletions
App.vue
View file @ 15665412
......@@ -11,19 +11,19 @@ export default {
const appStart = uni.getStorageSync('appStart')
if (appStart) {
uni.switchTab({
url: "/pages/index/index",
success: function () {
plus.navigator.closeSplashscreen()
}
})
// uni.navigateTo({
// url: "/subPackage/setting/setting",
// uni.switchTab({
// url: "/pages/index/index",
// success: function () {
// plus.navigator.closeSplashscreen()
// }
// })
uni.navigateTo({
url: "/subPackage/setting/setting",
success: function () {
plus.navigator.closeSplashscreen()
}
})
} else {
uni.redirectTo({
......
pages.json
View file @ 15665412
......@@ -223,6 +223,13 @@
"enablePullDownRefresh": false,
"navigationBarTitleText": ""
}
},
{
"path" : "privacy/privacy",
"style" :
{
"navigationBarTitleText" : "隐私管理"
}
}
]
}
......
subPackage/privacy/privacy.less 0 → 100644
View file @ 15665412
.privacy-page {
background-color: #F7FAFF;
width: 100vw;
height: 100vh;
box-sizing: border-box;
padding: 0rpx 30rpx;
.p-tips {
height: 133rpx;
box-sizing: border-box;
padding: 24rpx 0;
font-size: 24rpx;
line-height: 33rpx;
color: #2263E6;
letter-spacing: 0.24rpx;
}
.p-list {
margin-top: 24rpx;
}
.p-item {
position: relative;
width: 690rpx;
height: 164rpx;
background-color: #fff;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232, 232, 232, 0.49);
border-radius: 10rpx;
box-sizing: border-box;
padding-left: 89rpx;
padding-top: 38rpx;
margin-bottom: 24rpx;
.p-item-icon {
position: absolute;
left: 19rpx;
top: 55rpx;
width: 56rpx;
height: 55rpx;
image {
display: block;
width: 100%;
height: 100%;
}
}
.p-item-title {
font-weight: bold;
font-size: 28rpx;
color: #333333;
line-height: 40rpx;
margin-bottom: 16rpx;
}
.p-item-content {
font-weight: 400;
font-size: 24rpx;
color: #666666;
line-height: 33rpx;
}
.p-item-btn {
position: absolute;
right: 20rpx;
top: 38rpx;
box-sizing: border-box;
display: flex;
align-items: center;
text {
font-size: 28rpx;
color: #999;
line-height: 40rpx;
}
image {
display: block;
width: 31rpx;
height: 30rpx;
}
&.p-item-btn-uncheck {
text {
color: #333;
}
}
}
}
}
\ No newline at end of file
subPackage/privacy/privacy.vue 0 → 100644
View file @ 15665412
<template>
<view class="privacy-page">
<!-- 提示文案 -->
<view class="p-tips"
><text
>为向您提供更优质的服务，多典花在特定场景可能向您申请一下手机系统权限</text
></view
>
<!-- 隐私列表 -->
<view class="p-list">
<view
class="p-item"
v-for="(item, index) in list"
:key="index"
@click="JumpPermissionSetting"
>
<view class="p-item-icon">
<image :src="item.icon" mode="widthFix"></image>
</view>
<view class="p-item-title">
<text>{{ item.title }}</text>
</view>
<view class="p-item-content">
<text>{{ item.content }}</text>
</view>
<!-- 去设置 -->
<view v-if="item.status === 1" class="p-item-btn">
<text>{{ item.btn }}</text>
<image
src="https://ddh.yyhock.com/appStatic/i-arrow-gray.png"
mode="widthFix"
></image>
</view>
<!-- 已允许 -->
<view v-else class="p-item-btn p-item-btn-uncheck">
<text>{{ item.btn }}</text>
<image
src="https://ddh.yyhock.com/appStatic/i-arrow-black.png"
mode="widthFix"
></image>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: [
{
icon: "https://ddh.yyhock.com/appStatic/i-location.png",
title: "开启地理位置定位",
content: "为了向您提供扫码、拍照、身份验证服务",
btn: "去设置",
status: 0,
},
{
icon: "https://ddh.yyhock.com/appStatic/i-location.png",
title: "允许访问相机",
content: "为了向您提供扫码、拍照、身份验证服务",
btn: "去设置",
status: 0,
},
{
icon: "https://ddh.yyhock.com/appStatic/i-location.png",
title: "允许访问通讯录",
content: "为了方便您在使用授信服务时进行风险评估",
btn: "去设置",
status: 0,
},
{
icon: "https://ddh.yyhock.com/appStatic/i-location.png",
title: "允许访问相册",
content: "为便于您使用扫码、提交或发送指定图片等功能",
btn: "去设置",
status: 0,
},
],
};
},
methods: {
JumpPermissionSetting() {
uni.openAppAuthorizeSetting({
success: function (res) {
console.log(res, "成功");
},
});
},
},
};
</script>
<style src="./privacy.less" lang="less"></style>
subPackage/setting/setting.vue
View file @ 15665412
<template>
<view class="set-page">
<view class="set-main">
<view class="main-line">
<view class="line-item" @click="getProtol">
<view class="item-text">相关协议</view>
<view class="item-icon"></view>
</view>
<view class="set-page">
<view class="set-main">
<view class="main-line">
<view class="line-item" @click="getProtol">
<view class="item-text">相关协议</view>
<view class="item-icon"></view>
</view>
<view class="line-item" @click="cancelSize">
<view class="item-text">清除缓存</view>
<view class="item-r">
<view class="r-text">{{ cacheSize }}</view>
<i class="r-icon"></i>
</view>
</view>
<view class="line-item" @click="cancelSize">
<view class="item-text">清除缓存</view>
<view class="item-r">
<view class="r-text">{{ cacheSize }}</view>
<i class="r-icon"></i>
</view>
</view>
<view class="line-item">
<view class="item-text">当前版本</view>
<view class="item-version">{{ versionNumber }}</view>
</view>
</view>
<!-- 注销账号 -->
<view class="line-des">
<text>如果您今后不打算使用APP，您可以选择</text
><text class="des-x" @click="handleLogoffCheck">注销账号</text>
</view>
<view class="line-tips">注：该操作不可恢复</view>
</view>
<view class="set-footer" @click="handleLogout">退出登录</view>
<page-meta
:page-style="'overflow:' + (visible ? 'hidden' : 'visible')"
></page-meta>
<!-- 注销弹框 -->
<uni-popup
class="logoff-dialog"
ref="logoffDialog"
@change="handlePopupChange"
type="dialog"
>
<uni-popup-dialog
type="info"
:cancelText="confirmText"
:confirmText="cancelText"
:content="message"
@confirm="logoffCancel"
@close="logoffConfirm"
></uni-popup-dialog>
</uni-popup>
<!-- 退出 -->
<uni-popup
class="logout-dialog"
ref="logoutDialog"
@change="handlePopupChange"
type="dialog"
>
<uni-popup-dialog
type="info"
cancelText="取消"
confirmText="确认"
title="提示"
content="您确定退出登录吗？"
@confirm="loginOut"
@close="logoutCancel"
></uni-popup-dialog>
</uni-popup>
</view>
</template>
<script>
import { loadVersion } from "@/utils";
import API from "@/server/common.js";
export default {
data() {
return {
versionNumber: "",
cacheSize: "",
visible: false,
message: "您一旦确认注销，您所有信息都会被清除，您确认注销账号？",
cancelText: "确认",
confirmText: "取消",
allowCancel: false,
result: null,
};
},
onShow() {
this.init();
},
methods: {
// 页面初始化
async init() {
try {
// 埋点
this.buryingPoint("app:setting_pageView");
// 获取设备版本号
this.versionNumber = await loadVersion();
// 初始化缓存
this.cacheSize = await this.getDeviceCache();
console.log(
this.versionNumber,
this.cacheSize,
"初始化信息000000000000"
);
} catch (err) {
console.log(err, "页面初始化报错");
}
},
toJSON() {},
// 获取设备缓存
getDeviceCache() {
let cacheSize;
return new Promise((resolve) => {
plus.cache.calculate((size) => {
if (size < 1024) {
cacheSize = size + "B";
} else if (size / 1024 >= 1 && size / 1024 / 1024 < 1) {
cacheSize = Math.floor((size / 1024) * 100) / 100 + "KB";
} else if (size / 1024 / 1024 >= 1) {
cacheSize = Math.floor((size / 1024 / 1024) * 100) / 100 + "M";
}
resolve(cacheSize);
});
});
},
// 清除缓存
cancelSize() {
try {
let self = this;
plus.cache.clear(() => {
uni.showToast({
title: "清除成功！",
icon: "none",
success() {
self.cacheSize = "0B";
},
});
});
} catch (error) {
console.log(error, "清除缓存出错");
}
},
// 跳转到协议列表页面
getProtol() {
uni.navigateTo({
url: "/subPackage/prolist/prolist",
});
},
handlePopupChange(e) {
console.log(e, "弹窗变化");
this.visible = e.show;
},
// 账户注销前校验
async handleLogoffCheck() {
try {
const res = await API.userLogoffPreCheck();
if (res.success) {
const { tips, status } = res.result;
this.result = res.result;
this.message = tips;
switch (status) {
case "APPLY_LOAN":
this.cancelText = "查看进度";
this.confirmText = "取消";
break;
case "NEED_REPAYMENT":
this.cancelText = "查看账单";
this.confirmText = "取消";
break;
default:
this.cancelText = "取消";
this.confirmText = "确认";
break;
}
this.$refs.logoffDialog.open();
} else {
uni.showToast({
title: res.message,
icon: "none",
});
}
} catch (err) {
console.log(err, "注销前校验报错");
}
},
// 注销账号确认
async logoffConfirm() {
try {
const { status } = this.result;
switch (status) {
case "APPLY_LOAN":
case "NEED_REPAYMENT":
this.$refs.logoffDialog.close();
break;
default:
const res = await API.userLogoff();
if (res.success) {
uni.setTabBarItem({
index: 1,
visible: false,
});
uni.removeStorageSync("token");
this.$refs.logoffDialog.close();
uni.showToast({
title: "账号已注销",
icon: "none",
});
setTimeout(() => {
this.Go("uni:/pages/index/index", "tab");
}, 1200);
}
break;
}
} catch (err) {
console.log(err, "注销账号报错");
}
},
// 注销账号取消
logoffCancel() {
try {
const { status, jumpPath } = this.result;
switch (status) {
case "APPLY_LOAN":
case "NEED_REPAYMENT":
const config = JSON.parse(uni.getStorageSync("APP-SETTING"));
const timestamp = new Date().getTime();
const token = uni.getStorageSync("tokenFinance");
const mobile = uni.getStorageSync("l-mobile");
const $src =
config["h5Url"] +
`?token=${token}&mobile=${mobile}&timestamp=${timestamp}#/${jumpPath}`;
const newSrc = $src.split("?");
const targetSrc = `${newSrc[0]}?${encodeURIComponent(newSrc[1])}`;
uni.navigateTo({
url: `/pages/web/websrc?url=${targetSrc}`,
});
break;
default:
this.$refs.logoffDialog.close();
break;
}
} catch (err) {
console.log(err);
}
},
// 退出登录弹框展示
handleLogout() {
this.$refs.logoutDialog.open();
},
// 退出登录确认
async loginOut() {
try {
const res = await API.userLogout();
if (res.success) {
uni.setTabBarItem({
index: 1,
visible: false,
});
this.logoutCancel();
uni.showToast({
title: "退出登录成功",
icon: "success",
});
setTimeout(() => {
uni.removeStorageSync("token");
uni.navigateBack();
}, 1000);
}
} catch (err) {
console.log(err, "退出登录报错");
}
},
// 退出登录取消
logoutCancel() {
this.$refs.logoutDialog.close();
},
},
};
</script>
<style src="./index.less" lang="less"></style>
<navigator url="/subPackage/privacy/privacy" hover-class="none" class="line-item">
<view class="item-text">隐私管理</view>
<view class="item-r">
<i class="r-icon"></i>
</view>
</navigator>
<view class="line-item">
<view class="item-text">当前版本</view>
<view class="item-version">{{ versionNumber }}</view>
</view>
</view>
<!-- 注销账号 -->
<view class="line-des">
<text>如果您今后不打算使用APP，您可以选择</text
><text class="des-x" @click="handleLogoffCheck">注销账号</text>
</view>
<view class="line-tips">注：该操作不可恢复</view>
</view>
<view class="set-footer" @click="handleLogout">退出登录</view>
<page-meta
:page-style="'overflow:' + (visible ? 'hidden' : 'visible')"
></page-meta>
<!-- 注销弹框 -->
<uni-popup
class="logoff-dialog"
ref="logoffDialog"
@change="handlePopupChange"
type="dialog"
>
<uni-popup-dialog
type="info"
:cancelText="confirmText"
:confirmText="cancelText"
:content="message"
@confirm="logoffCancel"
@close="logoffConfirm"
></uni-popup-dialog>
</uni-popup>
<!-- 退出 -->
<uni-popup
class="logout-dialog"
ref="logoutDialog"
@change="handlePopupChange"
type="dialog"
>
<uni-popup-dialog
type="info"
cancelText="取消"
confirmText="确认"
title="提示"
content="您确定退出登录吗？"
@confirm="loginOut"
@close="logoutCancel"
></uni-popup-dialog>
</uni-popup>
</view>
</template>
<script>
import { loadVersion } from "@/utils";
import API from "@/server/common.js";
export default {
data() {
return {
versionNumber: "",
cacheSize: "",
visible: false,
message: "您一旦确认注销，您所有信息都会被清除，您确认注销账号？",
cancelText: "确认",
confirmText: "取消",
allowCancel: false,
result: null,
};
},
onShow() {
this.init();
},
methods: {
// 页面初始化
async init() {
try {
// 埋点
this.buryingPoint("app:setting_pageView");
// 获取设备版本号
this.versionNumber = await loadVersion();
// 初始化缓存
this.cacheSize = await this.getDeviceCache();
console.log(
this.versionNumber,
this.cacheSize,
"初始化信息000000000000"
);
} catch (err) {
console.log(err, "页面初始化报错");
}
},
toJSON() {},
// 获取设备缓存
getDeviceCache() {
let cacheSize;
return new Promise((resolve) => {
plus.cache.calculate((size) => {
if (size < 1024) {
cacheSize = size + "B";
} else if (size / 1024 >= 1 && size / 1024 / 1024 < 1) {
cacheSize = Math.floor((size / 1024) * 100) / 100 + "KB";
} else if (size / 1024 / 1024 >= 1) {
cacheSize = Math.floor((size / 1024 / 1024) * 100) / 100 + "M";
}
resolve(cacheSize);
});
});
},
// 清除缓存
cancelSize() {
try {
let self = this;
plus.cache.clear(() => {
uni.showToast({
title: "清除成功！",
icon: "none",
success() {
self.cacheSize = "0B";
},
});
});
} catch (error) {
console.log(error, "清除缓存出错");
}
},
// 跳转到协议列表页面
getProtol() {
uni.navigateTo({
url: "/subPackage/prolist/prolist",
});
},
handlePopupChange(e) {
console.log(e, "弹窗变化");
this.visible = e.show;
},
// 账户注销前校验
async handleLogoffCheck() {
try {
const res = await API.userLogoffPreCheck();
if (res.success) {
const { tips, status } = res.result;
this.result = res.result;
this.message = tips;
switch (status) {
case "APPLY_LOAN":
this.cancelText = "查看进度";
this.confirmText = "取消";
break;
case "NEED_REPAYMENT":
this.cancelText = "查看账单";
this.confirmText = "取消";
break;
default:
this.cancelText = "取消";
this.confirmText = "确认";
break;
}
this.$refs.logoffDialog.open();
} else {
uni.showToast({
title: res.message,
icon: "none",
});
}
} catch (err) {
console.log(err, "注销前校验报错");
}
},
// 注销账号确认
async logoffConfirm() {
try {
const { status } = this.result;
switch (status) {
case "APPLY_LOAN":
case "NEED_REPAYMENT":
this.$refs.logoffDialog.close();
break;
default:
const res = await API.userLogoff();
if (res.success) {
uni.setTabBarItem({
index: 1,
visible: false,
});
uni.removeStorageSync("token");
this.$refs.logoffDialog.close();
uni.showToast({
title: "账号已注销",
icon: "none",
});
setTimeout(() => {
this.Go("uni:/pages/index/index", "tab");
}, 1200);
}
break;
}
} catch (err) {
console.log(err, "注销账号报错");
}
},
// 注销账号取消
logoffCancel() {
try {
const { status, jumpPath } = this.result;
switch (status) {
case "APPLY_LOAN":
this.Go("uni:/pages/web/web", "tab");
break;
case "NEED_REPAYMENT":
const config = JSON.parse(uni.getStorageSync("APP-SETTING"));
const timestamp = new Date().getTime();
const token = uni.getStorageSync("tokenFinance");
const mobile = uni.getStorageSync("l-mobile");
const $src =
config["h5Url"] +
`?token=${token}&mobile=${mobile}&timestamp=${timestamp}#/${jumpPath}`;
const newSrc = $src.split("?");
const targetSrc = `${newSrc[0]}?${encodeURIComponent(newSrc[1])}`;
uni.navigateTo({
url: `/pages/web/websrc?url=${targetSrc}`,
});
break;
default:
this.$refs.logoffDialog.close();
break;
}
} catch (err) {
console.log(err);
}
},
// 退出登录弹框展示
handleLogout() {
this.$refs.logoutDialog.open();
},
// 退出登录确认
async loginOut() {
try {
const res = await API.userLogout();
if (res.success) {
uni.setTabBarItem({
index: 1,
visible: false,
});
this.logoutCancel();
uni.showToast({
title: "退出登录成功",
icon: "success",
});
setTimeout(() => {
uni.removeStorageSync("token");
uni.navigateBack();
}, 1000);
}
} catch (err) {
console.log(err, "退出登录报错");
}
},
// 退出登录取消
logoutCancel() {
this.$refs.logoutDialog.close();
},
},
};
</script>
<style src="./index.less" lang="less"></style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment