sadjv3_jishi/my/setting/zhuxiao.vue

142 lines
4.4 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view>
<view style="width: 100%;text-align: center;margin: 40upx 0upx;">
<image src="../../static/jinggao.png" style="width: 90upx;height: 90upx;margin-bottom: 14rpx;" mode=""></image>
<view style="font-size: 28upx;color: #333333;">很抱歉我们在这里见面</view>
<view style="margin-top: 20upx;font-size: 24upx;color: #B2B2B2;">如果您是误操作请取消申请</view>
</view>
<view style="margin: 0upx 20rpx;background: #FFFFFF;padding: 30rpx;border-radius: 20rpx;">
<view style="color: #333333;">注销提示</view>
<view style="color: #333333;margin-top: 15upx;font-size: 24upx;">若你是二次申请注销则注销申请会直接通过</view>
<view style="color: #333333;margin-top: 20upx;font-size: 24upx;">一旦账号注销成功</view>
<view class="title_item">
<view class="item_yuan"></view>
<view class="item_title">您的账号将无法登陆与使用</view>
</view>
<view class="title_item">
<view class="item_yuan"></view>
<view class="item_title">您的账号信息与会员权益将会永久清除且无法恢复</view>
</view>
<view class="title_item">
<view class="item_yuan"></view>
<view class="item_title">您的收益将被永久清空且无法恢复</view>
</view>
<view class="title_item">
<view class="item_yuan"></view>
<view class="item_title">您的账号所关联的订单将无法查询与找回</view>
</view>
<view class="title_item">
<view class="item_yuan"></view>
<view class="item_title">您在盛安小象购买的物品将无法进行售后</view>
</view>
<view class="title_item">
<view class="item_yuan"></view>
<view class="item_title">您在盛安小象的账号信息及会员权益将会永久清除且无法恢复</view>
</view>
<view class="title_item">
<view class="item_yuan"></view>
<view class="item_title" style="color: #f00;">您所绑定的手机号码3个月内将无法再次注册盛安小象</view>
</view>
</view>
<view style="position: fixed;bottom: 0rpx;left: 0;right: 0;background: #FFFFFF;height: 110rpx;line-height: 110rpx;z-index: 999;display: flex;padding: 15upx 20upx;">
<view @tap="send"
style="flex: 1;background: #B2B2B2;color: #FFFFFF;height: 78rpx;line-height: 78rpx;font-size: 32rpx;border-radius: 50upx;text-align: center;">
继续注销</view>
<view @tap="back"
style="margin-left: 10upx;flex: 1;background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);color: #FFFFFF;height: 78rpx;line-height: 78rpx;font-size: 32rpx;border-radius: 50upx;text-align: center;">
暂不注销</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
back() {
uni.navigateBack();
},
send() {
let that = this;
let userId = this.$queue.getData('userId');
let phone = this.$queue.getData('phone') ? this.$queue.getData('phone') : '';
uni.showModal({
title: '温馨提示',
content: '注销后您的账号信息与会员权益将会永久清除且无法恢复,继续注销将在三日内清除完毕,确认继续注销吗?',
showCancel: true,
cancelText: '暂不注销',
confirmText: '继续注销',
success: res => {
if (res.confirm) {
that.$queue.showLoading('注销中...');
that.$Request
.postJson('/app/message/insertMessage', {
state: 3,
title: phone ? phone : '注销账号',
content: '我要注销账号!',
phone: phone,
userId: userId
})
.then(res => {
if (res.code === 0) {
uni.showToast({
title: '申请成功!'
});
that.$queue.logout();
setTimeout(function() {
uni.switchTab({
url: '/pages/index/index'
})
}, 1000);
} else {
uni.hideLoading();
uni.showModal({
showCancel: false,
title: '注销失败',
content: res.msg
});
}
});
}
}
});
}
}
}
</script>
<style>
page {
background: #f1f1f1;
}
.title_item {
display: flex;
align-items: center;
margin-top: 15upx;
}
.item_yuan {
width: 10upx;
height: 10upx;
border-radius: 50upx;
background: #999999;
}
.item_title {
margin-left: 10upx;
font-size: 24upx;
color: #B2B2B2;
}
</style>