yf_zd
/
qxzSy


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
							{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<link href="{% static '/lib/bootstrap-3.3.7/css/bootstrap.css' %}" rel="stylesheet">
	<link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
	<link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}"/>
	<link rel="stylesheet" href="{% static '/lib/css/ace-skins.min.css' %}">
	<link rel="stylesheet" href="{% static '/lib/css/ace-rtl.min.css' %}">
	<link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
	<style type="text/css">
		body {
			overflow: hidden;
			background: #fff;
		}

		/* .personal-info-box input,
		.personal-info-box .input-append input {
			border: 1px solid #eee;
		}

		#distpicker5 select {
			width: 160px;
		}

		#distpicker5 select:focus,
		#name:focus {
			border-color: rgba(82, 168, 236, 0.8);
			outline: 0;
			outline: thin dotted \9;
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
			-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
		}

		#name {
			padding: 4px 6px;
		}

		#viewPhoto {
			height: inherit;
		} */

		.geren-font {
			margin-left: 15px;
			color: #666;
			line-height: 32px;
		}

		.geren-font i {
			margin-right: 6px;
			color: #f60;
			font-style: normal;
		}

		#distpicker5 select {
			display: inline-block;
			width: 180px;
		}

		#remarks {
			width: 90%;
			padding: 4px;
		}

		#viewPhotoParent {
			width: 140px;
			height: 150px;
			margin-bottom: 10px;
			margin-left: 8px;
			border: 1px solid #ddd;
		}

		.upload-avatar {
			width: 160px;
			height: 30px;
			line-height: 30px;
			display: block;
			text-align: center;
			background: #fff;
			color: #333;
			border: 1px #ccc solid;
			border-radius: 3px;
			position: relative;
			cursor: pointer;
		}

		#uploadPhoto {
			display: block;
			width: 100%;
			height: 30px;
			cursor: pointer;
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
			position: absolute;
			left: 0;
			top: 0;
		}

		.font-tips {
			line-height: 20px;
			color: #999;
			padding-top: 5px;
			font-size: 12px;
		}
		input:read-only{
			cursor: not-allowed;
		}
	</style>

	<body>
		<div id="content">
			<div class="row">
				<div class="col-xs-7">
					<form action="#" method="post" class="form-horizontal">{% csrf_token %}
						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">
								用户名：</label>
							<div class="col-sm-9">
								<div class="data-input">
									<input type="text"  readonly="readonly" class="enter-personal" name="username" maxlength="32" minlength="4" required id="name" placeholder="请输入用户名"
									 value={{user.username}}> {% if role == "superuser" %}
									<span class="geren-font">
										<i>*</i>权限： 超级管理员
									</span>
									{% endif %}
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">
								用户手机号：</label>
							<div class="col-sm-9">
								<div class="data-input">
									<input type="text" name="userphone" maxlength="11" class="input-personal" id="userPhone" placeholder="请输入手机号码" value={{user.user_phone}}>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">
								地址：</label>
							<div class="col-sm-9">
								<div class="data-input">
									<div id="distpicker5">
										<select class="form-control enter-select" name="province" id="province10"></select>
										<select class="form-control" name="city" id="city10"></select>
										<select class="form-control" name="area" id="district10"></select>
										<input type="hidden" id="provinceHide" value={{user.user_pro}}>
										<input type="hidden" id="cityHide" value={{user.user_city}}>
										<input type="hidden" id="areaHide" value={{user.user_area}}>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">
								邮箱：</label>
							<div class="col-sm-9">
								<div class="data-input">
									<input type="email" name="email" required id="email" readonly="readonly" class="enter-personal" value={{user.email}}>
								</div>
							</div>
						</div>
						<!-- <div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">
								备注信息：</label>
							<div class="col-sm-9">
								<div class="data-input">
									<textarea rows="5" class="textarea-addto" id="remarks" name="userremark" maxlength="200" placeholder="请输入您的备注信息，限制200字以内。">{{user.user_remark}}</textarea>
								</div>
							</div>
						</div> -->
						<div class="">
							<div class="col-md-offset-3 col-md-9">
								<button type="button" onclick="submit_info()" class="btn btn-primary btn-save-cancel">保存</button>
							</div>
						</div>
					</form>
				</div>

				<div class="col-xs-5">
					<form action="" method="post" id="userPhoto" class="form-horizontal" enctype="multipart/form-data">{% csrf_token %}
						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">
								头像：</label>
							<div class="col-sm-9">
								<div class="data-input">
									<div class="personal-avatar">
										<div class="top-avatar" id="viewPhotoParent">
											<img id="viewPhoto" src="{{user.user_picture}}" width="138" height="148">
										</div>
										<a class="upload-avatar" href="javascript:;">
											<input class="upload-btn" name="upicture" onchange="previewImage(this,'viewPhotoParent','viewPhoto','uploadPhoto',140,150)"
											 type="file" id="uploadPhoto">选择您要上传的头像</a>
										<p class="font-tips">仅支持jpg、gif、jpeg、bmp格式，文件小于4M</p>
										<input type="hidden" name="req" value="photo">
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>

			
		</div>
		<script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
		<script src="{% static '/lib/layui/layui.all.js' %}"></script>
		<script src="{% static '/lib/js/newdistpicker.js' %}" type="text/javascript" charset="utf-8"></script>
		<script src="{% static '/lib/js/main.js' %}" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$.ajaxSetup({
				data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
			});
		</script>
		<script src="{% static '/js/home/personal_info.js' %}?versions=0.5.4"></script>
	</body>

</html>