<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title>我的账号</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=0.5, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="sharetitle" content="全科界" />
    <meta name="sharedesc" content="赋能全科医生，培养百姓良医" />
    <meta name="sharepic" content="https://qkj-web.oss-cn-beijing.aliyuncs.com/html5/share.png" />
    <meta name="shareurl" content="" />
    <script src="/static/js/jquery-3.5.1.min.js?v="+Math.random()></script>
    <script src="/static/js/common.js?v="+Math.random()></script>
    <script>
        document.write('<link href="/static/css/html5/user/user-account-number.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
    </script>
    <link href="/static/css/html5/common.css?v=" +Math.random() rel="stylesheet" type="text/css"/>

    <style>
        #sendcode,#editDjstime{
            /*position: absolute;*/
            top:35%;
            width: 210px;
            /*right: 30px;*/
            float: right;
            font-size: 27px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #01AB84;
            /*transform: translateY(-50%);*/
        }
    </style>

    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?0305f34866fc4fe377f1bec6dc84d92f";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<div class="container">
    <div  th:include="html5/common::common-loading"></div>
    <div th:include="html5/common::common-integral"></div>
<!--    <div  th:include="html5/common::common-header"></div>-->
    <input type="hidden" th:value="${memToken}" id="memToken" class="memToken">
    <div class="content">
        <div class="title">个人资料</div>
        <div class="item">
            <span>头像</span>
            <input type="file" @change="chooseImg()" hidden id="fileInput" value=""/>
            <img class="user-img" @click="change()" onload="AutoResizeImage(90,90,this)" :src="headerImg" alt="">
        </div>
        <div class="item">
            <span>昵称</span>
            <input type="text" placeholder="请输入真实姓名" v-model="userName">
        </div>
        <div class="item">
            <span>手机号</span>
            <input type="text" placeholder="请输入手机号" v-model="phone">
        </div>
        <div class="item">
            <span>验证码：</span>
            <input type="text" id="valCode" v-model="code" maxlength="6" name="valCode" placeholder="手机验证码" value=""/>
            <span id="sendcode" @click="sendCode">发送验证码</span>
            <span id="editDjstime" style="display: none;">重新发送(<em id="editWaittime">60</em>&nbsp)</span>
        </div>
        <!--    <p id="bottomInfo">全科在线提供技术支持</p>-->
    </div>
    <div class="footer">
        <button @click="updateUserInfo()">立即提交</button>
    </div>
</div>
<footer>
    <div th:include="html5/common::common-footer"></div>
</footer>
</body>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script src="/static/js/ucenter.js?v="+Math.random()></script>
<script src="/static/js/vue.js"></script>
<script>
    document.write('<script src="/static/js/h5/user/user-account-number.js?v=' + Math.random() + '"><\/script\>');
</script>
<script src="/static/js/jweixin-1.0.0.js"></script>
<script src="/static/js/wxshare.js?version=20220630"></script>
</html>
