wangxiaowei/wanjiashangchao-user
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始化万家商超用户端仓库

Browse Source
This commit is contained in:
wangxiaowei
2025-04-30 14:04:34 +08:00
commit 022c640d89
425 changed files with 160005 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

567
pages/xtsz/systemSettings/systemSettings.vue Normal file
View File

@ -0,0 +1,567 @@
<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'>&#xE794;</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'>&#xE7F2;</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'>&#xE7F2;</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'>&#xE7F2;</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'>&#xE7F2;</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'>&#xE7F2;</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'>&#xE7F2;</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'>&#xE7F2;</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'>&#xE7F2;</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'>&#xE7F2;</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'>&#xE7F2;</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>