272 lines
13 KiB
HTML
272 lines
13 KiB
HTML
<link rel="stylesheet" type="text/css" href="__CDN__/assets/css/door/css/flyer.css">
|
|
<link rel="stylesheet" type="text/css" href="__CDN__/assets/css/door/css/home.css?v={$site.version}">
|
|
<link rel="stylesheet" type="text/css" href="__CDN__/assets/css/door/css/public.css">
|
|
<link rel="stylesheet" type="text/css" href="__CDN__/assets/css/door/layui-v2.9.3/layui/css/layui.css">
|
|
<link rel="stylesheet" type="text/css" href="__CDN__/assets/css/door/font/door/iconfont.css">
|
|
<style>
|
|
.disabled {
|
|
pointer-events: none;
|
|
background-color: rgba(0, 0, 0, .5) !important;
|
|
}
|
|
</style>
|
|
<div class="fly-right">
|
|
<div class="home-head">
|
|
<div class="home-wrap">
|
|
<div class="home-info">
|
|
<div>
|
|
<img src="{$user.avatar|cdnurl}">
|
|
</div>
|
|
<div class="ident">
|
|
<div class="home-box">
|
|
<p class="home-name">
|
|
{$user.nickname|htmlentities}
|
|
</p>
|
|
<p>
|
|
<span class="home-no">No.</span>
|
|
<span class="home-num">{$user.member_number}</span>
|
|
</p>
|
|
</div>
|
|
{if $user_type == 1}
|
|
<div class="home-rz">飞手</div>
|
|
{elseif $user_type==2}
|
|
<div class="home-rz">俱乐部</div>
|
|
{else}
|
|
<div class="home-rz">游客</div>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
<!--<div class="icons-box">-->
|
|
<!-- <div>-->
|
|
<!-- <div class="icons-tb">-->
|
|
<!-- <p class="jifen icons-num">{$user.score}</p>-->
|
|
<!-- </div>-->
|
|
<!-- <div>-->
|
|
<!-- <i class="iconfont icon-jifen"></i>-->
|
|
<!-- <span class="icons-text">我的积分</span>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <div>-->
|
|
<!-- <div class="icons-tb">-->
|
|
<!-- <p class="icons-num">暂无</p>-->
|
|
<!-- </div>-->
|
|
<!-- <div>-->
|
|
<!-- <i class="iconfont icon-paiming1"></i>-->
|
|
<!-- <span class="icons-text">积分排名</span>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!--</div>-->
|
|
</div>
|
|
</div>
|
|
<!--<div class="statistical">-->
|
|
<!-- <ul>-->
|
|
<!-- <li>-->
|
|
<!-- <p>-->
|
|
<!-- <i class="iconfont icon-v"></i>-->
|
|
<!-- <span>飞手等级</span>-->
|
|
<!-- </p>-->
|
|
<!-- <p>新人</p>-->
|
|
<!-- </li>-->
|
|
<!-- 其他身份目前只有参赛次数这个参数 -->
|
|
<!-- <li>-->
|
|
<!-- <p>-->
|
|
<!-- <i class="iconfont icon-jiangbei-"></i>-->
|
|
<!-- <span>报名场次</span>-->
|
|
<!-- </p>-->
|
|
<!-- <p class="stati-num">0</p>-->
|
|
<!-- </li>-->
|
|
<!-- <li>-->
|
|
<!-- <p>-->
|
|
<!-- <i class="iconfont icon-shoucang"></i>-->
|
|
<!-- <span>赛事得分</span>-->
|
|
<!-- </p>-->
|
|
<!-- <p>暂无</p>-->
|
|
<!-- </li>-->
|
|
<!-- <li>-->
|
|
<!-- <p>-->
|
|
<!-- <i class="iconfont icon-paiming1"></i>-->
|
|
<!-- <span>赛事排名</span>-->
|
|
<!-- </p>-->
|
|
<!-- <p>暂无</p>-->
|
|
<!-- </li>-->
|
|
<!-- </ul>-->
|
|
<!--</div>-->
|
|
<form class="layui-form" id="memberForm">
|
|
<div class="layui-form-item">
|
|
<label>昵称</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="nick_name" lay-verify="required" autocomplete="off" class="layui-input"
|
|
value="{$userinfo.nickname|htmlentities}" lay-reqtext="昵称不能为空">
|
|
</div>
|
|
<p class="ename dw-eng">UserName</p>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label>手机号</label>
|
|
<div class="layui-input-block changepnumber">
|
|
<input type="text" class="layui-input" value="{$user.mobile}" lay-reqtext="手机号不能为空" disabled>
|
|
<span class="changebtn">更改手机号</span>
|
|
</div>
|
|
|
|
<p class="ename dw-eng">Phone Number</p>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label>密码</label>
|
|
<a href="{:url('user/changepwd')}">密码修改</a>
|
|
<p class="ename">Password</p>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label>微信</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="vx" class="layui-input" autocomplete="off" value="{$userinfo.wechat}">
|
|
</div>
|
|
<p class="ename dw-eng">WeChat</p>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label>头像</label>
|
|
<div class="layui-input-block up" input-id="avater">
|
|
{if $user.avatar == ''}
|
|
<div class="layui-upload-drag">
|
|
<i class="layui-icon"></i>
|
|
<p>上传照片</p>
|
|
</div>
|
|
{else /}
|
|
<img width="170" height="144" src="{$user.avatar|cdnurl}">
|
|
{/if}
|
|
</div>
|
|
<input type="hidden" name="avater" id="avater" value="{$user.avatar}">
|
|
</div>
|
|
<div class="btn-box">
|
|
<button class="savebtn" lay-submit="">
|
|
<p>保存</p>
|
|
<p>Save</p>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script src="__CDN__/assets/css/door/js/jquery.form.min.js"></script>
|
|
<script src="__CDN__/assets/css/door/layui-v2.9.3/layui/layui.js"></script>
|
|
<!-- <script src="__CDN__/assets/css/door/js/user/index.js"></script>-->
|
|
<script>
|
|
layui.use(['form', 'laydate', 'upload', 'layer'], function () {
|
|
//普通图片上传
|
|
const form = layui.form, layer = layui.layer;
|
|
upload = layui.upload;
|
|
upload.render({
|
|
elem: '.up'
|
|
, url: '{:url("/api/common/upload")}'
|
|
, multiple: true
|
|
, accept: "images"
|
|
, data: { _token: '{{ csrf_token() }}' }
|
|
, done: function (res) {
|
|
layer.msg('上传成功');
|
|
var element = this.item[0];
|
|
var input = element.getAttribute("input-id");
|
|
element.innerHTML = "<img width=170 height=144' src=" + res.data.url + ">";
|
|
|
|
$("#" + input).val(res.data.url);
|
|
layer.closeAll('loading');
|
|
}
|
|
, error: function (index, upload) {
|
|
layer.msg('上传失败');
|
|
layer.closeAll('loading');
|
|
}
|
|
});
|
|
|
|
// 更改手机号
|
|
$('.changebtn').click(function () {
|
|
layer.open({
|
|
type: 1,
|
|
area: '350px',
|
|
resize: false,
|
|
shadeClose: true,
|
|
title: '更改手机号',
|
|
zIndex: 99,
|
|
content: `
|
|
<div class="layui-form" lay-filter="reset-phone" style="margin: 16px;">
|
|
<div class="demo-login-container">
|
|
<div class="layui-form-item" style="margin-left:0;">
|
|
<div class="layui-input-wrap" style="width:100%;">
|
|
<input id="validate-phone" type="text" name="mobile" value="" lay-verify="required|phone" placeholder="手机号" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="margin-left:0;">
|
|
<div class="layui-input-wrap" style="width:100%;display:flex;">
|
|
<input style="flex:1;" type="text" name="captcha" value="" lay-verify="required" placeholder="验证码" autocomplete="off" class="layui-input">
|
|
<span class="getcaptcha" style="background-color: #000;color:#fff;padding:0 5px;cursor: pointer;">发送验证码</span>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="margin-left:0;">
|
|
<button style="width:100%;background-color: #000;" class="layui-btn layui-btn-fluid" lay-submit lay-filter="resetnumber">确定</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`,
|
|
success: function () {
|
|
$('.getcaptcha').click(function () {
|
|
var isValid = form.validate('#validate-phone');
|
|
let timer = '';
|
|
if (isValid) {
|
|
$.post('/api/sms/send', {
|
|
mobile: $('#validate-phone').val(),
|
|
event: 'changemobile'
|
|
}, function (res) {
|
|
if (res.code) {
|
|
clearInterval(timer);
|
|
let seconds = 60;
|
|
timer = setInterval(function () {
|
|
seconds--;
|
|
if (seconds <= 0) {
|
|
clearInterval(timer);
|
|
$('.getcaptcha').removeClass("disabled").text("发送验证码");
|
|
} else {
|
|
$('.getcaptcha').addClass("disabled").text(seconds + "秒后可再次发送");
|
|
}
|
|
}, 1000);
|
|
} else {
|
|
layer.msg(res.msg);
|
|
}
|
|
})
|
|
}
|
|
})
|
|
form.on('submit(resetnumber)', function (data) {
|
|
var field = data.field;
|
|
$.post('/api/user/changemobile', field, function (res) {
|
|
if(res.code){
|
|
$(window).onload();
|
|
}else{
|
|
layer.msg(res.msg);
|
|
}
|
|
})
|
|
return false;
|
|
});
|
|
}
|
|
});
|
|
})
|
|
$("#memberForm").submit(function () {
|
|
$(this).ajaxSubmit({
|
|
type: "POST",
|
|
url: "{:url('user/updateuser')}",
|
|
data: $(this).formSerialize(),
|
|
dataType: "json",
|
|
success: function (data) {
|
|
layer.msg(data.msg, { icon: 1 });
|
|
setTimeout(function () {
|
|
location.reload();
|
|
}, 2000);
|
|
},
|
|
error: function (data) {
|
|
var errors = data.responseJSON.errors;
|
|
if (errors) {
|
|
for (var index in errors) {
|
|
layer.msg(errors[index][0], { icon: 2 });
|
|
break;
|
|
}
|
|
} else {
|
|
layer.msg(data.responseJSON.message, { icon: 2 });
|
|
}
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script> |