peiguo
/
hust-epi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
							<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>
    <title>修改个人资料</title>
    <link rel="stylesheet" href="http://res.wx.qq.com/open/libs/weui/1.0.0/weui.min.css"/>
    <style>
        body{
            background-color: #fba000;
            padding: 15px;
        }
        .page__hd {
            padding: 20px;
        }
        .page__desc {
            margin-top: 5px;
            color: #888;
            text-align: left;
            font-size: 14px;
            padding-left:20px;
        }
        .wrapper{
            background-color: #fff;
            border-radius: 8px;
            padding:10px 0px;
        }
        .bottom__padding{
            padding-bottom: 80px;
        }
        .style-btn2{
            background-color: #fff!important;
            color: #fba000!important;
            border: 1px solid #fba000;
        }
        .page_foot_ft{
            color: #fff!important;
        }
        .weui-pl{
            padding: 10px 45px!important;
        }
        .weui-label{
            color: #fba000;
        }
        .weui-cell{
        	padding-left: 45px;
        }
          .weui-cell:before{
          border-top:0px!important;
          border-bottom: 1px solid #d9d9d9;
          left:0;
        }
        .weui-cells:before{
          border-top:0px!important;
        }
        .weui-btn:after{
          border:0px!important;
        }
        .weui-footer{
          color:#fff;
        }
        .porl{
            position: relative;
            height: 24px;
        }
        .updateFile{
            position: absolute;;
            opacity: 0;
            left: 0px;
            top: 0px;
            width: 100%;
        }
        .ft_orange{
        	color: #fba000;
        }
    </style>
</head>
<body ontouchstart><form id="theform" action="/cust/profile.htm" method="post">
    <div class="wrapper bottom__padding">
	    <form id="theform" action="/cust/profile.htm" method="post">
		    <input type="hidden" name="custId" id="custId"/>
		    <input type="hidden" name="operType" id="operType" value="1"/>
		    <input type="hidden" name="openId" id="openId"/>

		    <input type="hidden" name="demo" id="demo"/>
		    <input type="hidden" name="park_id" id="park_id"/>
		    <input type="hidden" name="terminal_id" id="terminal_id"/>

		    <div class="container">
		        <div class="page__bd">
		           
		            <div class="weui-cells">
		                <div class="weui-cell">
		                    <div class="weui-cell__hd"><label for="custName" class="weui-label">姓名</label></div>
		                    <div class="weui-cell__bd">
		                        <input id="custName" name="custName" class="weui-input" type="text" placeholder="请输入姓名">
		                    </div>
		                </div>

		                <!--
		                <div class="weui-cell weui-cell_vcode">
		                    <div class="weui-cell__hd">
		                        <label class="weui-label">手机号</label>
		                    </div>
		                    <div class="weui-cell__bd">
		                        <input class="weui-input" type="number" pattern="[0-9]*" placeholder="请输入手机号">
		                    </div>
		                    <div class="weui-cell__ft">
		                        <button class="weui-vcode-btn">获取验证码</button>
		                    </div>
		                </div>
		                -->
		                <div class="weui-cell">
		                    <div class="weui-cell__hd"><label for="mobile" class="weui-label">手机号</label></div>
		                    <div class="weui-cell__bd">
		                        <input name="mobile" id="mobile" class="weui-input" type="number" pattern="[0-9]*"
		                               placeholder="请输入手机号">
		                    </div>
		                </div>

		                <div class="weui-cell">
		                    <div class="weui-cell__hd"><label for="birthday" class="weui-label">生日</label></div>
		                    <div class="weui-cell__bd">
		                        <input id="birthday" name="birthday" class="weui-input" type="date" value="">
		                    </div>
		                </div>

		                <div class="weui-cell weui-cell_select weui-cell_select-after">
		                    <div class="weui-cell__hd"><label for="custSex" class="weui-label">性别</label></div>
		                    <div class="weui-cell__bd">
		                        <select id="custSex" class="weui-select" name="custSex">
		                            <option value="男">男孩</option>
		                            <option value="女">女孩</option>
		                        </select>
		                    </div>
		                </div>
		                 <div class="weui-cell">
		                    <div class="weui-cell__hd"><label for="birthday" class="weui-label">头像</label></div>
		                    <div class="weui-cell__bd porl">
		                    	浏览
		                    	<input id="updateFile" name="updateFile" class="weui-input updateFile" type="file" accept="image/*" value="">
		                    </div>
		                    <!-- 上传为提交图片 -->
		                    <div class="weui-cell__bd ft_orange">
		                    	上传
		                        
		                    </div>
		                </div>
		               
		            </div>

		            <div class="weui-btn-area">
		                <button type="submit" class="weui-btn weui-btn_primary" href="javascript:" id="save">保存修改</button>
		                <a href="/cust/qr_src.htm?custId=A0528I002" class="weui-btn weui-btn_default style-btn2">亲友分享</a>
		                <a id="jiechu" href="javascript:;" class="weui-btn weui-btn_mini weui-btn_warn">解除绑定</a>
		            </div>
		        </div>
		        <!-- page__bd -->
		    </div>
		</form>
	</div>
	<div class="weui-msg__extra-area">
	    <div class="weui-footer">
	        <p class="weui-footer__links">
	            <span class="weui-footer__link">森林侠</span>
	        </p>
	        <p class="weui-footer__text">Copyright © 2017-2020</p>
	    </div>
	</div>
</div>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</body>
</html>

<script type="text/javascript">
    $(document).ready(function () {
        $('#openId').val('oQkxG0WYA7pSUP3UKAEuOLOclHdE');
        $('#custId').val('A0528I002');
        $('#custName').val('罗帅帅');
        $('#mobile').val('');

        $('#park_id').val('');
        $('#terminal_id').val('');

        var birthday = '2013-12-18';
        if (birthday !== null || birthday !== undefined || birthday !== '') {
            $('#birthday').val(parserDate(birthday).format("yyyy-MM-dd"));
        }

        var custSex = '男';
        if (custSex !== null || custSex !== undefined || custSex !== '') {
            $('#custSex').val(custSex);
        }

        $('#jiechu').click(function () {
            weui.dialog({
                title: '确认解除',
                content: '解除绑定之后，您就不会再收到有关罗帅帅的消息了，确定这样做？',
                buttons: [{
                    label: '取消',
                    type: 'primary',
                }, {
                    label: '确定',
                    type: 'default',
                    onClick: function () {
                        $('#operType').val(2);
                        $("#theform").submit();
                    }
                }]
            });
        });

    });

    var parserDate = function (date) {
        var t = Date.parse(date);
        if (!isNaN(t)) {
            return new Date(Date.parse(date.replace(/-/g, "/")));
        } else {
            return new Date();
        }
    };

    Date.prototype.format = function (fmt) {
        var o = {
            "M+": this.getMonth() + 1,                 //月份
            "d+": this.getDate(),                    //日
            "h+": this.getHours(),                   //小时
            "m+": this.getMinutes(),                 //分
            "s+": this.getSeconds(),                 //秒
            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
            "S": this.getMilliseconds()             //毫秒
        };
        if (/(y+)/.test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        }
        for (var k in o) {
            if (new RegExp("(" + k + ")").test(fmt)) {
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            }
        }
        return fmt;
    }
</script>