<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html >
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>新增app用户</title>
    <link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap-select.css"/>
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style type="text/css">
        html {
            overflow: hidden;
        }

        div {
            float: left;
        }

        .btn {
            padding: 1px 9px !important;
            font-size: 12px !important
        }

        .align-center {
            margin: 0 auto; /* 居中 这个是必须的，，其它的属性非必须 */
            text-align: center; /* 文字等内容居中 */
        }
        .bootstrap-select > .dropdown-toggle{
            margin-top: 20px;
            margin-left: -65px;
        }
    </style>
</head>
<body class="bg-white">
<div class="align-center">
    <div align="center" style="width:45%">
        <label class="layui-form-label" style="margin-top: 8px">昵称:</label>
        <div style="margin-left: -30px;">
            <input type="text" id="name" placeholder="请输入昵称" maxlength="200"
                   autocomplete="off" style="width: 182.37px;margin-top: 8px;margin-left: 23.2px;height: 30px;"><font
                color="red">*</font>
        </div>
    </div>
    <div align="center" style="width:45%;margin-left: -50px">
        <label class="layui-form-label" style="margin-top: 8px">登录名:</label> <input
            type="text" id="loginName" placeholder="请输入登录名" autocomplete="off" maxlength="50"
            style="width: 58%; margin-top: 8px;height: 30px;margin-left: -60px"><font color="red">*</font>
    </div>
    <div align="center" style="width:45%">
        <label class="layui-form-label" style="margin-top: 8px">密码:</label> <input
            type="password" id="password" placeholder="请输入密码" autocomplete="off" maxlength="100"
            style="width: 58%; margin-top: 10px;height: 30px;margin-left: -60px"><font color="red">*</font>
    </div>
    <div align="center" style="width:45%;margin-left: -64px">
        <label class="layui-form-label" style="margin-top: 8px;width: 30%">再次输入:</label>
        <input type="password" id="Xpassword" placeholder="请再次输入密码" maxlength="100"
               autocomplete="off" style="width: 58%; margin-top: 10px;height: 30px;margin-left: -46px"><font
            color="red">*</font>
    </div>
    <div align="center" style="width:45%">
        <label class="layui-form-label" style="margin-top: 8px">邮箱:</label> <input
            type="text" id="email" placeholder="请输入邮箱" autocomplete="off" maxlength="200"
            style="width: 58%; margin-top: 10px;height: 30px;margin-left:-60px"><font color="red">*</font>
    </div>
    <div align="center" style="width:45%;margin-left: -50px">
        <label class="layui-form-label" style="margin-top: 8px;">手机号:</label>
        <input type="text" id="phone" placeholder="请输入手机号码" autocomplete="off" maxlength="20"
               style="width: 58%; margin-top: 10px;height: 30px;margin-left: -58px"><font color="red">*</font>
    </div>
    <div align="center" style="width:45%">
        <label class="layui-form-label" style="margin-top: 8px;">起始IP:</label>
        <input type="text" id="ipStart1" autocomplete="off" maxlength="3"
               style="width: 14.5%;margin-top: 10px;height:30px;margin-left: -64px;">.<input type="text" id="ipStart2" maxlength="3"
                                                                                             autocomplete="off"
                                                                                             style="width: 13.5%; margin-top: 8px;height: 30px">.<input
            type="text" id="ipStart3" autocomplete="off" maxlength="3"
            style="width:13.5%; margin-top: 8px;height: 30px">.<input type="text" id="ipStart4" autocomplete="off" maxlength="3"
                                                                       style="width:13.5%; margin-top: 8px;height: 30px">
    </div>
    <div align="center" style="width:45%;margin-left: -50px">
        <label class="layui-form-label" style="margin-top: 8px;">结束IP:</label>
        <input type="text" id="ipEnd1" autocomplete="off" maxlength="3"
               style="width: 14.5%;margin-top: 8px;height:30px;margin-left: -64px;">.<input type="text" id="ipEnd2" maxlength="3"
                                                                                             autocomplete="off"
                                                                                             style="width: 13.5%; margin-top: 8px;height: 30px">.<input
            type="text" id="ipEnd3" autocomplete="off" maxlength="3"
            style="width:13.5%; margin-top: 8px;height: 30px">.<input type="text" id="ipEnd4" autocomplete="off" maxlength="3"
                                                                       style="width:13.5%; margin-top: 8px;height: 30px">
    </div>
    <div align="center" style="width:45%">
        <label class="layui-form-label" style="margin-top: 8px">部门:</label> <select
            style="width: 58%;margin-top: 8px;margin-left: -65px;height: 30px;" id="deptsIndex"  data-live-search='true'>

    </select>
    </div>
    <div align="center" style="width:45%;margin-left: -50px">
        <label class="layui-form-label" style="margin-top: 8px">时间段:</label> <select
            style="width: 28.7%;margin-top: 8px; height: 30px;margin-left: -64px" id="times1">
    </select>-<select
            style="width: 27.7%;margin-top: 8px; height: 30px" id="times2">
    </select>
    </div>
    <div align="center" style="width:45%;margin-left: -15px">
        <label class="layui-form-label" style="margin-top: 8px;width: 30%;">用户类型:</label> <select
            style="width: 58%;margin-top: 8px;margin-left: -51px;height: 30px;" id="usertype">
    </select>
    </div>
    <div align="center" style="width:45%;margin-left: -50px">
        <label class="layui-form-label" style="margin-top: 8px;width: 30%;">短信通知:</label> <select
            style="width: 58%;margin-top: 8px;margin-left: -51px;height: 30px;" id="isnotice">
    </select>
    </div>
    <div align="center" style="width:45%;margin-left: -3px;margin-top:-2px;float: left;">
        <label class="layui-form-label" style="margin-top: 8px">推荐码:</label> <input type="text" id="referralCode" disabled="disabled" autocomplete="off" maxlength="50"
                                                                                     style="width: 58%; margin-top: 8px;height: 30px;margin-left: -60px">
    </div>
    <div align="center" style="width:45%;margin-left: -63px;float: left">
        <label class="layui-form-label" style="margin-top: 8px;width: 30%;">营销人名:</label> <input
            style="width: 58%;margin-top: 8px;margin-left: -51px;height: 30px;" placeholder="请输入昵称"id="semName">
    </div>
    <div align="center" style="width:45%;margin-left: -7px;margin-top:-3px;float: left;">
        <label class="layui-form-label" style="margin-top: 8px;width: 81px">营销手机:</label> <input type="text" id="semPhone" placeholder="请输入手机号码" autocomplete="off" maxlength="50"
                                                                                     style="width: 58%; margin-top: 8px;height: 30px;margin-left: -60px">
    </div>
    <div style="width: 700px;text-align: center;">
        <button type="button" class="layui-btn themeBGColor"
                id="insertUser"
                style="margin-top: 10px;margin-left: -90px">提交
        </button>
        <button type="reset" class="layui-btn cancleBGColor"
                style="margin-left: 10%; margin-top: 10px"
                id="close">取消
        </button>
    </div>

</div>
<input type="hidden" id="token" value="${token}">
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/js/plugin/xss/xss.js"></script>
<script src="${ctx}/js/plugin/xss/security.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-select.js"></script>
<script src="${ctx}/js/plugin/xss/aes.js"></script>
<script src="${ctx}/jspJS/sm2.js"></script>
<script src="${ctx}/jspJS/settings/addAppUser.js"></script>
</body>
</html>
