142 lines
4.4 KiB
Vue
142 lines
4.4 KiB
Vue
|
<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>
|