ningbouni.git - Gitblit

懒羊羊

2023-11-14 8286c62256f23bc2367a6729c0f46f84215e380b

提交 \| 用户 \| 时间
8286c6	1	@layout("/common/_container.html",{title:"个人中心",css:["/assets/modular/frame/user_info.css"],js:["/assets/modular/frame/user_info.js"]}){
懒	2	<div class="layui-body-header">
	3	<span class="layui-body-header-title">${lang.get("MENU_PERSONAL_INFO","个人信息")}</span>
	4	<span class="layui-breadcrumb pull-right">
	5	<a href="${ctxPath}/system/console">${lang.get("MENU_INDEX","首页")}</a>
	6	<a><cite>${lang.get("MENU_PERSONAL_INFO","个人中心")}</cite></a>
	7	</span>
	8	</div>
	9
	10	<!-- 正文开始 -->
	11	<div class="layui-fluid">
	12	<div class="layui-row layui-col-space15">
	13	<!-- 左 -->
	14	<div class="layui-col-sm12 layui-col-md3">
	15	<div class="layui-card">
	16	<div class="layui-card-body" style="padding: 25px;">
	17	<div class="text-center layui-text">
	18	<div class="user-info-head" id="imgHead">
	19	<img id="avatarPreview" src="${avatar}"/>
	20	</div>
	21	<h2 style="padding-top: 20px;">${name}</h2>
	22	<p style="padding-top: 8px;">${roleName!} ${deptName!}</p>
	23	</div>
	24	<div class="layui-text" style="padding-top: 30px;">
	25	<div class="info-list-item">
	26	<i class="layui-icon layui-icon-notice"></i>
	27	<p>${email!}</p>
	28	</div>
	29
	30	<div class="info-list-item">
	31	<i class="layui-icon layui-icon-cellphone"></i>
	32	<p>${phone!}</p>
	33	</div>
	34	<div class="info-list-item">
	35	<i class="layui-icon layui-icon-location"></i>
	36	<p>中国北京市朝阳区 xxx街道 000号</p>
	37	</div>
	38	</div>
	39	<div class="dash"></div>
	40	<h3>标签</h3>
	41	<div class="layui-badge-list" style="padding-top: 6px;">
	42	<span class="layui-badge layui-bg-gray">Guns</span>
	43	<span class="layui-badge layui-bg-gray">Roses</span>
	44	</div>
	45	</div>
	46	</div>
	47	</div>
	48	<!-- 右 -->
	49	<div class="layui-col-sm12 layui-col-md9">
	50	<div class="layui-card">
	51	<div class="layui-card-body layui-text">
	52
	53	<div class="layui-tab layui-tab-brief" lay-filter="userInfoTab">
	54	<ul class="layui-tab-title">
	55	<li class="layui-this">${lang.get("MENU_BASE_INFO","基本信息")}</li>
	56	<li>${lang.get("MENU_OTHER","其他")}</li>
	57	</ul>
	58	<div class="layui-tab-content">
	59	<div class="layui-form layui-tab-item layui-show" lay-filter="userInfoForm">
	60	<input type="hidden" name="userId"/>
	61	<div class="layui-form user-info-form" style="max-width: 400px;padding-top: 25px;">
	62	<div class="layui-form-item">
	63	<label class="layui-form-label">${lang.get("FIELD_ACCOUNT","账号")}:</label>
	64	<div class="layui-input-block">
	65	<input type="text" name="account" class="layui-input layui-disabled" lay-verify="required" disabled/>
	66	</div>
	67	</div>
	68	<div class="layui-form-item">
	69	<label class="layui-form-label">${lang.get("FIELD_SEX","性别")}:</label>
	70	<div class="layui-input-block">
	71	<input type="radio" name="sex" value="M" title="男">
	72	<input type="radio" name="sex" value="F" title="女">
	73	</div>
	74	</div>
	75	<div class="layui-form-item">
	76	<label class="layui-form-label">${lang.get("FIELD_EMAIL","邮箱")}:<span style="color: red;">*</span></label>
	77	<div class="layui-input-block">
	78	<input type="email" name="email" class="layui-input" lay-verify="required\|email" required/>
	79	</div>
	80	</div>
	81	<div class="layui-form-item">
	82	<label class="layui-form-label">${lang.get("FIELD_NAME","姓名")}:<span style="color: red;">*</span></label>
	83	<div class="layui-input-block">
	84	<input type="text" name="name" class="layui-input" lay-verify="required" required/>
	85	</div>
	86	</div>
	87	<div class="layui-form-item">
	88	<label class="layui-form-label">${lang.get("FIELD_BIRTHDAY","生日")}:</label>
	89	<div class="layui-input-block">
	90	<input type="text" id="birthday" name="birthday" class="layui-input"/>
	91	</div>
	92	</div>
	93	<div class="layui-form-item">
	94	<label class="layui-form-label">${lang.get("FIELD_PHONE","电话")}:</label>
	95	<div class="layui-input-block">
	96	<input type="text" name="phone" class="layui-input"/>
	97	</div>
	98	</div>
	99	<div class="layui-form-item">
	100	<div class="layui-input-block">
	101	<button class="layui-btn" lay-filter="userInfoSubmit" lay-submit>
	102	${lang.get("BTN_UPDATE_INFO","更新基本信息")}
	103	</button>
	104	</div>
	105	</div>
	106	</div>
	107	</div>
	108
	109	<!--另一个标签-->
	110	<div class="layui-tab-item" style="padding: 6px 25px 30px 25px;">
	111	<div class="bd-list">
	112	<div class="bd-list-item">
	113	<div class="bd-list-item-content">
	114	<div class="bd-list-item-lable">密保手机</div>
	115	<div class="bd-list-item-text">已绑定手机：182****0000</div>
	116	</div>
	117	<a class="bd-list-item-oper">修改</a>
	118	</div>
	119	<div class="bd-list-item">
	120	<div class="bd-list-item-content">
	121	<div class="bd-list-item-lable">密保邮箱</div>
	122	<div class="bd-list-item-text">已绑定邮箱：sn***qq.com</div>
	123	</div>
	124	<a class="bd-list-item-oper">修改</a>
	125	</div>
	126	<div class="bd-list-item">
	127	<div class="bd-list-item-img">
	128	<i class="layui-icon layui-icon-login-qq"
	129	style="color: #3492ED;font-size: 48px;"></i>
	130	</div>
	131	<div class="bd-list-item-content">
	132	<div class="bd-list-item-lable">绑定QQ</div>
	133	<div class="bd-list-item-text">当前未绑定QQ账号</div>
	134	</div>
	135	<a class="bd-list-item-oper">绑定</a>
	136	</div>
	137	<div class="bd-list-item">
	138	<div class="bd-list-item-img">
	139	<i class="layui-icon layui-icon-login-wechat"
	140	style="color: #4DAF29;font-size: 48px;"></i>
	141	</div>
	142	<div class="bd-list-item-content">
	143	<div class="bd-list-item-lable">绑定微信</div>
	144	<div class="bd-list-item-text">当前未绑定绑定微信账号</div>
	145	</div>
	146	<a class="bd-list-item-oper">绑定</a>
	147	</div>
	148	</div>
	149	</div>
	150	</div>
	151	</div>
	152
	153	</div>
	154	</div>
	155	</div>
	156
	157	</div>
	158	</div>
	159	@}