568 lines
16 KiB
Vue
568 lines
16 KiB
Vue
<template>
|
||
<view class="page" :style="themeColor">
|
||
<view class="flex benben-position-layout flex flex-wrap align-center systemSettings_flex_0"
|
||
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
|
||
<view class='flex flex-wrap align-center justify-between flex-sub systemSettings_fd0_0'>
|
||
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
|
||
<text class='fu-iconfont2 systemSettings_fd0_0_c0_c0'></text>
|
||
</view>
|
||
<view class='flex flex-wrap align-stretch justify-center flex-sub'>
|
||
<text class='systemSettings_fd0_0_c1_c0'>设置</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center systemSettings_fd0_0_c2'>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
|
||
<!---基本设置flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-stretch systemSettings_flex_1">
|
||
<view class='flex flex-direction flex-wrap align-stretch systemSettings_fd1_0'>
|
||
<view style="padding-right: 32rpx; box-sizing: border-box;" class='flex flex-wrap align-center justify-between systemSettings_fd1_0_c0' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/xtsz/declassifyPage/declassifyPage`">
|
||
<text class='systemSettings_fd1_0_c0_c0'>修改密码</text>
|
||
<text class='fu-iconfont2 systemSettings_fd1_0_c0_c1'></text>
|
||
</view>
|
||
<view style="padding-right: 32rpx; box-sizing: border-box;" class='flex flex-wrap align-center justify-between systemSettings_fd1_0_c1' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/xtsz/changeBindphone/changeBindphone`">
|
||
<text class='systemSettings_fd1_0_c1_c0'>修改绑定手机号</text>
|
||
<text class='fu-iconfont2 systemSettings_fd1_0_c1_c1'></text>
|
||
</view>
|
||
<!-- <view style="padding-right: 32rpx; box-sizing: border-box;" class='flex flex-wrap align-center justify-between systemSettings_fd1_2_c0' @tap.stop="handleApply">
|
||
<text class='systemSettings_fd1_2_c0_c0'>申请成为推广人员</text>
|
||
<text class='systemSettings_fd1_2_c0_c1 flex-sub text-right' style="color: red;" v-if="applyStatus > -1">{{applyStatus == 0 ? '审核中' : applyStatus == 1 ? '已通过审核' : '已拒绝'}} <text v-if="applyStatus == 2">,原因: {{reason}}</text></text>
|
||
<text class='fu-iconfont2 systemSettings_fd1_2_c0_c2'></text>
|
||
</view> -->
|
||
<view style="padding-right: 32rpx; box-sizing: border-box;" class='flex flex-wrap align-center justify-between systemSettings_fd1_0_c2' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/xtsz/feedbackRecord/feedbackRecord`">
|
||
<text class='systemSettings_fd1_0_c2_c0'>意见反馈</text>
|
||
<text class='fu-iconfont2 systemSettings_fd1_0_c2_c1'></text>
|
||
</view>
|
||
<view style="padding-right: 32rpx; box-sizing: border-box;" class='flex flex-wrap align-center justify-between systemSettings_fd1_0_c3' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/xtsz/aboutUs/aboutUs`">
|
||
<text class='systemSettings_fd1_0_c3_c0'>关于我们</text>
|
||
<text class='fu-iconfont2 systemSettings_fd1_0_c3_c1'></text>
|
||
</view>
|
||
<view style="padding-right: 32rpx; box-sizing: border-box;" class='flex flex-wrap align-center justify-between systemSettings_fd1_0_c4' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/dl/agreementPolicy/agreementPolicy?type=16`">
|
||
<text class='systemSettings_fd1_0_c4_c0'>隐私协议</text>
|
||
<text class='fu-iconfont2 systemSettings_fd1_0_c4_c1'></text>
|
||
</view>
|
||
<view style="padding-right: 32rpx; box-sizing: border-box;" class='flex flex-wrap align-center justify-between systemSettings_fd1_0_c5' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/dl/agreementPolicy/agreementPolicy?type=8`">
|
||
<text class='systemSettings_fd1_0_c5_c0'>用户注册协议</text>
|
||
<text class='fu-iconfont2 systemSettings_fd1_0_c5_c1'></text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center systemSettings_fd1_1'>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-stretch systemSettings_fd1_2'>
|
||
<view style="padding-right: 32rpx; box-sizing: border-box;" class='flex flex-wrap align-center systemSettings_fd1_2_c0' @tap.stop="cleanUpFunc">
|
||
<text class='systemSettings_fd1_2_c0_c0'>清除缓存</text>
|
||
<text class='systemSettings_fd1_2_c0_c1'>{{appRubbishCacheSize}}</text>
|
||
<text class='fu-iconfont2 systemSettings_fd1_2_c0_c2'></text>
|
||
</view>
|
||
<view style="padding-right: 32rpx; box-sizing: border-box;" class='flex flex-wrap align-center systemSettings_fd1_2_c1' @tap.stop="updataFunc()">
|
||
<text class='systemSettings_fd1_2_c1_c0'>检查更新</text>
|
||
<text class='systemSettings_fd1_2_c1_c1'>{{appVersion}}</text>
|
||
<text class='fu-iconfont2 systemSettings_fd1_2_c1_c2'></text>
|
||
</view>
|
||
<view style="padding-right: 32rpx; box-sizing: border-box;" class='flex flex-wrap justify-between align-center systemSettings_fd1_2_c1' @tap.stop="accountCancel()">
|
||
<text class='systemSettings_fd1_2_c1_c0'>注销账号</text>
|
||
<text class='fu-iconfont2 systemSettings_fd1_2_c1_c2'></text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---基本设置flex布局结束-->
|
||
<view class="flex flex-wrap align-center justify-center benben-position-layout flex systemSettings_flex_2"
|
||
@tap.stop="handlelogout">
|
||
<button class='flex-sub systemSettings_fd2_0'>退出登录</button>
|
||
|
||
</view>
|
||
<view :style="{height: '96rpx'}"></view>
|
||
<benben-popup v-model="popupShow1681268717363" :mask="true" mode='center'>
|
||
<!---退出登录flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-center systemSettings_flex_3">
|
||
<text class='systemSettings_fd3_0'>提示</text>
|
||
<text class='systemSettings_fd3_1'>确定退出当前账号？</text>
|
||
<view class='flex flex-wrap align-center systemSettings_fd3_2'>
|
||
<button class='systemSettings_fd3_2_c0' @tap.stop="popupShow1681268717363=false">取消</button>
|
||
<button class='systemSettings_fd3_2_c1' @tap.stop="logOutFunc()">确定</button>
|
||
</view>
|
||
</view>
|
||
|
||
<!---退出登录flex布局结束-->
|
||
|
||
</benben-popup>
|
||
<benben-popup v-model="popupShow1681269217031" :mask="true" mode='center'>
|
||
<!---清除本地缓存flex布局开始-->
|
||
<view class="flex benben-flex-layout flex-wrap align-center">
|
||
<view class='flex flex-direction flex-wrap align-center systemSettings_fd4_0'>
|
||
<text class='systemSettings_fd4_0_c0'>提示</text>
|
||
<text class='systemSettings_fd4_0_c1'>确定要清除本地缓存？</text>
|
||
<view class='flex flex-wrap align-center systemSettings_fd4_0_c2'>
|
||
<button class='systemSettings_fd4_0_c2_c0' @tap.stop="popupShow1681269217031=false">取消</button>
|
||
<button class='systemSettings_fd4_0_c2_c1' @tap.stop="cleanUpFunc()">确认</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---清除本地缓存flex布局结束-->
|
||
|
||
</benben-popup>
|
||
<app-update ref="update"></app-update>
|
||
|
||
|
||
</view>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
components: {},
|
||
|
||
|
||
data() {
|
||
return {
|
||
"popupShow1681269217031": false,
|
||
"popupShow1681268717363": false,
|
||
applyStatus: -1,
|
||
reason: ''
|
||
};
|
||
},
|
||
computed: {
|
||
themeColor() {
|
||
return this.$store.getters.themeColor
|
||
},
|
||
appVersion() {
|
||
// 获取版本号
|
||
return this.$store.state.appVersion
|
||
},
|
||
appRubbishCacheSize() { // 获取缓存大小
|
||
return this.$store.state.appRubbishCacheSize
|
||
}
|
||
},
|
||
watch: {},
|
||
onLoad(options) {
|
||
|
||
},
|
||
onUnload() {
|
||
|
||
},
|
||
onReady() {
|
||
|
||
},
|
||
onShow() {
|
||
this.getApplyStatus()
|
||
this.$store.dispatch('getAppVersion') // 更新版本号
|
||
this.$store.dispatch('getAppCache') // 更新缓存大小
|
||
},
|
||
onHide() {
|
||
|
||
},
|
||
onResize() {
|
||
|
||
},
|
||
onPullDownRefresh() {
|
||
|
||
},
|
||
onReachBottom(e) {
|
||
|
||
},
|
||
onPageScroll(e) {
|
||
|
||
},
|
||
methods: {
|
||
accountCancel() {
|
||
uni.navigateTo({
|
||
url: '/pages/xtsz/accountCancel01/index'
|
||
})
|
||
},
|
||
getApplyStatus() {
|
||
|
||
this.$api.post(global.apiUrls.post67306ffb6ec75)
|
||
.then(res => {
|
||
console.log(res);
|
||
res = res.data;
|
||
if (res.code == 1) {
|
||
this.applyStatus = res.data.status;
|
||
this.reason = res.data.reason;
|
||
}
|
||
uni.stopPullDownRefresh();
|
||
});
|
||
},
|
||
handleApply() {
|
||
if (this.applyStatus == 0 || this.applyStatus == 1) return false
|
||
this.$util.showModal({
|
||
title: '提示',
|
||
content: '确定要申请开通？',
|
||
confirmColor: this.$store.state.themeColor,
|
||
success: res => {
|
||
if (res.confirm) {
|
||
this.$api.post(global.apiUrls.post67306fc87dbd7).then(res => {
|
||
let data = res.data;
|
||
this.$message.info(data.msg);
|
||
if (data.code == 1) {
|
||
this.getApplyStatus()
|
||
}
|
||
})
|
||
.catch(err => {
|
||
console.log('err: ' + JSON.stringify(err));
|
||
});
|
||
}
|
||
}
|
||
});
|
||
},
|
||
handlelogout(){
|
||
this.$util.showModal({
|
||
title: '提示',
|
||
content: '确定退出当前账号？',
|
||
confirmColor: this.$store.state.themeColor,
|
||
success: res => {
|
||
if (res.confirm) {
|
||
this.$store.commit('logout');
|
||
uni.navigateBack();
|
||
// this.$store.dispatch('getCartList');
|
||
}
|
||
}
|
||
});
|
||
},
|
||
//退出登录
|
||
logOutFunc() {
|
||
this.$store.commit('logout')
|
||
this.toLoginDiy();
|
||
},
|
||
//清除缓存
|
||
cleanUpFunc() {
|
||
this.$store.dispatch('appClearCache')
|
||
// this.$util.showModal({
|
||
// title: '提示',
|
||
// content: '确定要清除缓存？',
|
||
// confirmColor: this.$store.state.themeColor,
|
||
// success: res => {
|
||
// if (res.confirm) {
|
||
// this.popupShow1681269217031 = false;
|
||
// this.$store.dispatch('appClearCache')
|
||
// }
|
||
// }
|
||
// });
|
||
|
||
},
|
||
//APP更新
|
||
updataFunc() {
|
||
this.$util.debounce(
|
||
() => {
|
||
this.$refs.update.checkAppUpdate()
|
||
},
|
||
1000,
|
||
true
|
||
)
|
||
setTimeout(() => {
|
||
this.$message.info('已是最新版本');
|
||
}, 1000)
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.page {
|
||
width: 100vw;
|
||
overflow-x: hidden;
|
||
min-height: calc(100vh - var(--window-bottom));
|
||
background: rgba(248, 248, 248, 1);
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.systemSettings_flex_0 {
|
||
border-bottom: 1px solid #eee;
|
||
background: #fff;
|
||
width: 750rpx;
|
||
height: 88rpx;
|
||
overflow: hidden;
|
||
z-index: 10;
|
||
top: 0rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.systemSettings_fd0_0_c2 {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
}
|
||
|
||
.systemSettings_fd0_0_c1_c0 {
|
||
font-size: 36rpx;
|
||
font-weight: 500;
|
||
color: #333;
|
||
line-height: 88rpx;
|
||
}
|
||
|
||
.systemSettings_fd0_0_c0_c0 {
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #333;
|
||
line-height: 88rpx;
|
||
}
|
||
|
||
.systemSettings_fd0_0 {
|
||
margin: 0rpx 32rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.systemSettings_flex_1 {
|
||
background: #fff;
|
||
font-size: 32rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.systemSettings_fd1_2_c1_c2 {
|
||
font-size: 23rpx;
|
||
color: rgba(191, 191, 191, 1);
|
||
}
|
||
|
||
.systemSettings_fd1_2_c1_c1 {
|
||
font-size: 28rpx;
|
||
color: rgba(191, 191, 191, 1);
|
||
margin: 0rpx 24rpx 0rpx auto;
|
||
}
|
||
|
||
.systemSettings_fd1_2_c1_c0 {
|
||
font-size: 32rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_2_c1 {
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_2_c0_c2 {
|
||
font-size: 23rpx;
|
||
color: rgba(191, 191, 191, 1);
|
||
}
|
||
|
||
.systemSettings_fd1_2_c0_c1 {
|
||
font-size: 28rpx;
|
||
color: rgba(191, 191, 191, 1);
|
||
margin: 0rpx 24rpx 0rpx auto;
|
||
}
|
||
|
||
.systemSettings_fd1_2_c0_c0 {
|
||
font-size: 32rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_2_c0 {
|
||
border-bottom: 1px solid #eee;
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_2 {
|
||
padding: 0rpx 0 0rpx 32rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_1 {
|
||
background: rgba(248, 248, 248, 1);
|
||
height: 20rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c5_c1 {
|
||
font-size: 23rpx;
|
||
color: rgba(191, 191, 191, 1);
|
||
}
|
||
|
||
.systemSettings_fd1_0_c5_c0 {
|
||
font-size: 32rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c5 {
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c4_c1 {
|
||
font-size: 23rpx;
|
||
color: rgba(191, 191, 191, 1);
|
||
}
|
||
|
||
.systemSettings_fd1_0_c4_c0 {
|
||
font-size: 32rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c4 {
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
border-bottom: 1px solid #eee;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c3_c1 {
|
||
font-size: 23rpx;
|
||
color: rgba(191, 191, 191, 1);
|
||
}
|
||
|
||
.systemSettings_fd1_0_c3_c0 {
|
||
font-size: 32rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c3 {
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
border-bottom: 1px solid #eee;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c2_c1 {
|
||
font-size: 23rpx;
|
||
color: rgba(191, 191, 191, 1);
|
||
}
|
||
|
||
.systemSettings_fd1_0_c2_c0 {
|
||
font-size: 32rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c2 {
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
border-bottom: 1px solid #eee;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c1_c1 {
|
||
font-size: 23rpx;
|
||
color: rgba(191, 191, 191, 1);
|
||
}
|
||
|
||
.systemSettings_fd1_0_c1_c0 {
|
||
font-size: 32rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c1 {
|
||
border-bottom: 1px solid #eee;
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c0_c1 {
|
||
font-size: 23rpx;
|
||
color: rgba(191, 191, 191, 1);
|
||
}
|
||
|
||
.systemSettings_fd1_0_c0_c0 {
|
||
font-size: 32rpx;
|
||
color: #333333;
|
||
font-weight: 400;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_0_c0 {
|
||
border-bottom: 1px solid #eee;
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.systemSettings_fd1_0 {
|
||
padding: 0rpx 0 0rpx 32rpx;
|
||
}
|
||
|
||
.systemSettings_flex_2 {
|
||
width: 750rpx;
|
||
height: 96rpx;
|
||
overflow: hidden;
|
||
z-index: 10;
|
||
bottom: calc(0rpx + var(--window-bottom));
|
||
}
|
||
|
||
.systemSettings_fd2_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
font-size: 28rpx;
|
||
color: rgba(237, 64, 64, 1);
|
||
height: 96rpx;
|
||
line-height: 96rpx;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.systemSettings_flex_3 {
|
||
background: #fff;
|
||
width: 540rpx;
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
}
|
||
|
||
.systemSettings_fd3_2_c1 {
|
||
border-top: 1px solid #eee;
|
||
border-left: 1px solid #eee;
|
||
background: #fff;
|
||
line-height: 110rpx;
|
||
border-radius: 0rpx 0rpx 16rpx 0rpx;
|
||
font-size: 32rpx;
|
||
color: rgba(237, 64, 64, 1);
|
||
width: 270rpx;
|
||
}
|
||
|
||
.systemSettings_fd3_2_c0 {
|
||
border-top: 1px solid #eee;
|
||
background: #fff;
|
||
line-height: 110rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 16rpx;
|
||
font-size: 32rpx;
|
||
color: rgba(153, 153, 153, 1);
|
||
padding: 0rpx 103rpx 0rpx 103rpx;
|
||
}
|
||
|
||
.systemSettings_fd3_2 {
|
||
margin: 37rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.systemSettings_fd3_1 {
|
||
line-height: 44rpx;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
}
|
||
|
||
.systemSettings_fd3_0 {
|
||
font-size: 36rpx;
|
||
font-weight: 800;
|
||
line-height: 44rpx;
|
||
color: #333333;
|
||
margin: 40rpx 0rpx 40rpx 0rpx;
|
||
}
|
||
|
||
.systemSettings_fd4_0_c2_c1 {
|
||
background: #fff;
|
||
font-size: 32rpx;
|
||
color: rgba(244, 11, 11, 1);
|
||
width: 270rpx;
|
||
height: 101rpx;
|
||
line-height: 101rpx;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.systemSettings_fd4_0_c2_c0 {
|
||
border-right: 1px solid #eee;
|
||
background: #fff;
|
||
font-size: 32rpx;
|
||
color: rgba(153, 153, 153, 1);
|
||
width: 270rpx;
|
||
height: 101rpx;
|
||
line-height: 101rpx;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.systemSettings_fd4_0_c2 {
|
||
border-top: 1px solid #eee;
|
||
margin: 51rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.systemSettings_fd4_0_c1 {
|
||
line-height: 44rpx;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
text-align: center;
|
||
margin: 32rpx 40rpx 0rpx 40rpx;
|
||
}
|
||
|
||
.systemSettings_fd4_0_c0 {
|
||
line-height: 44rpx;
|
||
font-size: 36rpx;
|
||
font-weight: 700;
|
||
color: #333333;
|
||
margin: 40rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.systemSettings_fd4_0 {
|
||
background: #fff;
|
||
width: 540rpx;
|
||
background-size: 100% auto !important;
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
}
|
||
</style>
|