64 lines
2.3 KiB
HTML
64 lines
2.3 KiB
HTML
<div class="uc-wrap">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">基础资料</div>
|
|
<div class="layui-card-body" pad15>
|
|
<form class="layui-form" lay-filter="settingsForm">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">账号</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" value="{$info.account|default=''}" class="layui-input" disabled>
|
|
</div>
|
|
<div class="layui-form-mid layui-word-aux">不可修改，用于登录</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">手机号</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" value="{$info.mobile|default=''}" class="layui-input" disabled>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">昵称</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="nickname" value="{$info.nickname|default=''}" lay-verify="required" placeholder="请输入昵称" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">邮箱</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="email" value="{$info.email|default=''}" lay-verify="email" placeholder="请输入邮箱" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" lay-submit lay-filter="saveSettings">保存</button>
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
layui.use(['form', 'http', 'layer'], function () {
|
|
var form = layui.form, http = layui.http, layer = layui.layer;
|
|
|
|
form.on('submit(saveSettings)', function (obj) {
|
|
http.post('save', obj.field).then(function (res) {
|
|
if (res.code === 0) {
|
|
layer.msg('保存成功', { icon: 1 });
|
|
} else {
|
|
layer.msg(res.message || '保存失败', { icon: 2 });
|
|
}
|
|
}).catch(function () {
|
|
layer.msg('请求失败', { icon: 2 });
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|