<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <script th:replace="common/head"></script>
        <style type="text/css">
            .layui-upload-img{
                width: 92px;
                height: 92px;
                margin: 0 10px 10px 0;
            }

        </style>
    </head>
    <body>
    <!--/*@thymesVar id="onLineUser" type="com.sptg.permissions.api.entity.Account"*/-->
    <input type="hidden" id="user_org_id" th:value="${onLineUser.orgId}" />
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body">
                        <div class="layui-form">

                            <!-- 头像 userPortraitUri -->
                            <div class="layui-form-item">
                                <label class="layui-form-label">头像：</label>
                                <div class="layui-input-inline avatar">
                                    <input type="hidden" name="userPortraitUri" />
                                    <img id="file_preview" th:src="${fastDfsAccessPath + onLineUser.userPortraitUri}" class="layui-upload-img" />
                                </div>
                                <button style="float: left;" type="button" class="layui-btn" id="file_upload">上传图片</button>
                            </div>
                            <!-- 姓名 userName -->
                            <div class="layui-form-item">
                                <label class="layui-form-label">
                                    <span class="must">*</span>
                                    <span>姓名</span>
                                </label>
                                <div class="layui-input-inline">
                                    <input type="text" lay-verify="required" name="userName"
                                           th:value="${onLineUser.userName}" class="layui-input">
                                </div>
                            </div>
                            <!-- 登录名 loginName -->
                            <div class="layui-form-item">
                                <label class="layui-form-label">
                                    <span class="must">*</span>
                                    <span>登录名</span>
                                </label>
                                <div class="layui-input-inline">
                                    <input type="text" th:value="${onLineUser.loginName}" disabled class="layui-input layui-disabled">
                                </div>
                            </div>
                            <!-- 归属机构 orgId -->
                            <div class="layui-form-item">
                                <label class="layui-form-label">
                                    <span class="must">*</span>
                                    <span>归属机构</span>
                                </label>
                                <div class="layui-input-inline">
                                    <select disabled>
                                        <option  th:text="${onLineUser.orgName}"></option>
                                    </select>
                                </div>
                            </div>
                            <!-- 电话 userMobile -->
                            <div class="layui-form-item">
                                <label class="layui-form-label">
                                    <span class="must">*</span>
                                    <span>电话</span>
                                </label>
                                <div class="layui-input-inline">
                                    <input type="text" name="userMobile" th:value="${onLineUser.userMobile}" lay-verify="phone" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <!-- 密码 loginPwd -->
                            <div class="layui-form-item">
                                <label class="layui-form-label">
                                    <span class="must">*</span>
                                    <span>密码</span>
                                </label>
                                <div class="layui-input-inline">
                                    <input type="password" name="loginPwd" id="password1"
                                           lay-verify="password" value="******"
                                           autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <!-- 确认密码 confirmLoginPwd -->
                            <div class="layui-form-item">
                                <label class="layui-form-label">
                                    <span class="must">*</span>
                                    <span>确认密码</span>
                                </label>
                                <div class="layui-input-inline">
                                    <input type="password" name="confirmLoginPwd"
                                           lay-verify="password|confirmPwd" value="******"
                                           autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <!-- 按钮 -->
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <button id="submit_btn" class="layui-btn" lay-submit lay-filter="entity_insert_filter">提交</button>
                                    <button type="reset" class="layui-btn layui-btn-primary">取消</button>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    </body>


    <!-- javascript -->
    <script type="text/javascript" th:src="@{'/layui/layui.js'}"></script>
    <script type="text/javascript">
        layui.config({
            base: '/' //静态资源所在路径
        });
    </script>
    <script type="text/javascript" th:src="@{'/js/permissions/account-setup.js'}"></script>
</html>
