123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140 |
- <!DOCTYPE html>
- <html class="h100p">
- <head>
- <meta charset="utf-8">
- <title>个人中心-注销账号-创业帮</title>
- <meta name="keywords" content="个人中心-注销账号-创业帮">
- <meta name="description" content="个人中心-注销账号-创业帮">
- <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
- <meta content="telephone=no" name="format-detection">
- <meta content="email=no" name="format-detection">
- <meta name="apple-mobile-web-app-title" content="个人中心-注销账号-创业帮">
- <meta http-equiv="Cache-Control" content="no-siteapp">
- <link rel="stylesheet" href="./static/css/main.css">
- <style>
- .van-dialog{width:80%;}
- .cancellation_panel p{font-size:0.336667rem;}
- .cancellation_title{height: 4rem; background-image: linear-gradient(to bottom, #FFD500, #FFD500 30%, #f6f5f8);}
- .agreen .van-checkbox__icon--checked .van-icon{background-color: #FFD500;border-color: #FFD500;color:#333;}
- .cancellation_btn{width: 100%;margin: .533333rem auto;bottom:0;padding:0 .64rem; box-sizing: border-box;}
- .cancellation_btn button{border-radius: .213333rem; background-color: #FFD500 !important;color:#333 !important;}
- </style>
- </head>
- <body class="bgc-back h100p nopb login pt0 ovh" style="padding-top:0;">
- <div class="rel h100p" id="app" v-cloak>
- <van-nav-bar class="user_rank_explan_title user_title_normal" left-arrow title="注销账号" v-if="toptitleisshow" @click-left="goback">
- <template #left> <img src="./static/images/left.png" alt=""></template>
- </van-nav-bar>
- <div class="strong_colorroll ovh-x" ref="wrapper1">
- <div class="cancellation_title pb32"><img src="./static/images/user-cancellation.png" alt="" style="width:100%;"></div>
- <div class="cancellation_panel bgcfff pl16 pr16 pt16 pb16">
- <div class="condition f14 mt">
- <div class="title pb8">为保障您的账号权益不受影响,需符合以下条件才可注销:</div>
- <p>1、未实名创客;</p>
- <p>2、已实名创客,无开通商户;</p>
- <p>3、近7天未在商城下单过商品;</p>
- <p>4、名下无未绑定机具、机具券,无未申请的循环机;</p>
- </div>
- <div class="condition f14">
- <div class="title pb8 mt16">账号注销后将放弃以下权益:</div>
- <p>1、账号无法登录;</p>
- <p>2、注销后,账号下收益、余额等资产将被全部清空,无法恢复;</p>
- <p>3、创客身份、账户信息、推荐码自动清空、无法恢复;</p>
- <p>4、历史机具产生的交易、收益等权益自动清空,无法恢复;</p>
- <p>5、个人/团队产生的数据自动清空,无法恢复;</p>
- </div>
- </div>
- <div class="cancellation_btn abs">
- <div class="df">
- <van-checkbox class="agreen mt52" v-model="ischecked">我已阅读并同意注销条款</van-checkbox>
- </div>
- <van-button class="mt16" type="primary" block color="#FFD500" :disabled="!ischecked" @click="cancellationfn">提交注销</van-button>
- </div>
- </div>
- <van-dialog style="border-radius:4px;" v-model="cancellation" :before-close="isclose" title="确认注销?" confirm-button-color="#ff502a" show-cancel-button @confirm="diaolignextbtn">
- <template #default>
- <div class="unbindpop">
- <div class="f12" style="padding:12px 20px 0 !important;" v-if="errinfo === ''">注销成功之后,您在创业帮平台所有权益将被清空。</div>
- <div class="f12" style="padding:12px 20px 0 !important;color:red;" v-else>{{errinfo}}</div>
- <div class="unbindcard tc" @click.stop style="padding:0 !important;width:100%;font-size:12px;">
- <input type="text" v-model="Mobile" placeholder="请输入创客手机号码!" @focus="errinfo = ''">
- </div>
- </div>
- </template>
- </van-dialog>
- </div>
- <script src="./static/js/klm-vv.min.js"></script>
- <script src="./static/js/appfunc.min.js"></script>
- <script src="./static/js/klm-axios-config.js"></script>
- <script src="./static/js/publicfn.js"></script>
- <script>
- // 通过 CDN 引入时不会自动注册 Lazyload 组件
- // 可以通过下面的方式手动注册
- Vue.use(vant.Lazyload);
-
- // 在 #app 标签下渲染一个按钮组件
- let app = new Vue({
- el: '#app',
- data() {
- return {
- aaaa:true,
- cancellation:false,
- Mobile:'',
- toptitleisshow,
- articleinfo:{
- Title: '',
- Contents:''
- },
- ischecked:false,
- errinfo:'',
- };
- },
- created() {
- },
- mounted(){
- this.$nextTick(() => {
- this.$refs.wrapper1.style.height = `${document.documentElement.clientHeight - 55}px`;
- });
- },
- methods: {
- isclose(action, done){
- if(action === 'confirm'){
- return done(false);
- }else{
- this.errinfo = '';
- return done();
- };
- },
- async diaolignextbtn(){
- if(!verificationphonenumber(this.Mobile)){
- return tips('手机号码格式错误');
- };
- const UserId = PublicLib.getCookieInfo('userId');
- const res = await getRequest('api/v1/users/delete?t='+Math.random(6),JSON.stringify({UserId,Mobile:this.Mobile}));
- if(res.status !== '1'){this.errinfo = res.info; return};
- tips('创客注销成功!');
- setTimeout(()=>{
- this.loginout();
- },1000);
- },
- goback(){
- PublicLib.GoBack({Level:1});
- },
- cancellationfn(){
- this.cancellation = true;
- },
- //- 退出
- loginout(){
- const id = PublicLib.getCookieInfo('userId');
- postRequest('api/v1/users/logout?t='+Math.random(6),JSON.stringify({UserId:id}));
- PublicLib.Goto({Url:'user-login'});
- PublicLib.putCookieInfo('userId', '');
- },
-
- }
- });
- </script>
- </body>
- </html>
|