YDM
/
caiping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>逸管FEP</title>
    <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
    <link rel="stylesheet" href="{__MOBILE__}/css/revise.css">
    <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">

</head>

<body>
    <div class="top">
        <a href="{:url('mobile/index/person')}"><span><img src="{__MOBILE__}/img/left.png" alt=""
                    style="height: 6vw;"></span></a><span>个人资料</span><span></span>
    </div>
    <div class="layui-form" style="margin-top: 14vw;padding: 3vw;">
        <div class="layui-form-item" style="display: flex;align-items: center;">
            <div style="margin-right: 2vw;width: 15vw;text-align: center;">用户名</div>
            <div class="layui-input-block">
                <input type="text"  lay-verify="required" autocomplete="off" disabled class="layui-input" value="{$person.username}">
            </div>
        </div>
        <div class="layui-form-item" style="display: flex;align-items: center;">
            <div style="margin-right: 2vw;width: 15vw;text-align: center;">昵称</div>
            <div class="layui-input-block">
                <input type="text" name="nickname" lay-verify="required" placeholder="请输入昵称" autocomplete="off"
                    class="layui-input" value="{$person.nickname}">
            </div>
        </div>

        <div class="layui-form-item" style="display: flex;align-items: center;">
            <div style="margin-right: 2vw;width: 15vw;text-align: center;">手机号码</div>
            <div class="layui-input-block">
                <input type="tel" name="mobile" lay-verify="required|phone"  placeholder="请输入手机号码" class="layui-input" id="validate-phone" value="{$person.mobile}">
            </div>
        </div>
        <div class="layui-form-item" style="display: flex;align-items: center;">
            <div style="margin-right: 2vw;width: 15vw;text-align: center;margin-top: -10vw;">上传头像</div>
            <div>
                <div style="width: 132px;">
                    <div class="layui-upload-list">
                        <img id="img_thumb" class="layui-upload-img" style="width: 100%; " src="{$person.thumb}">
                        <input id="input_thumb" type="hidden" name="thumb" value="{$person.thumb}">
                        <div id="ID-upload-demo-text"></div>
                    </div>
                </div>
                
                <button type="button" class="layui-btn" id="uploadBtn" style="background-color: rgb(72,162,248);">
                    <i class="layui-icon layui-icon-upload">&nbsp;头像</i>
                </button>
            </div>

        </div>


        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="demo-validate" style="margin-left: 33vw;width: 27vw;font-size: 2vh;margin-top: 10vw;background-color: rgb(72,162,248);">提交</button>
            </div>
        </div>


    </div>


    <script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
    <script>
        layui.use(function () {
            var $ = layui.$;
            var form = layui.form;
            var layer = layui.layer;
            var upload = layui.upload;
            var uploadInst = upload.render({
                elem: '#uploadBtn',
                url: '/admin/api/upload',
                done: function (e) {
                    // 若上传失败
                    if (e.code > 0) {
                        return layer.msg('上传失败');
                    }
                    //上传成功
                    $('#input_thumb').attr('value', e.data.filepath);
                    $('#img_thumb').attr('src', e.data.filepath);
                    // $('#imgdel').show();
                },
                error: function () {
                    layer.msg("上传失败");
                },

            }); 

            // 提交事件
            form.on('submit(demo-validate)', function (data) {

                let callback = function (e) {

                    layer.msg(e.msg);
                }

                delete data.field.file
                console.log(data.field)
                $.ajax({
                    type: "post",
                    url: "/admin/api/personal_submit",
                    data: data.field,
                    dataType: "json",
                    async: false,
                    success: function (e) {

                        callback(e)
                    },
                    error: function () {
                        layui.alert("地址请求失败！！ ");
                    }
                });
                return false; // 阻止默认 form 跳转
            });
        });
    </script>


</body>

</html>