<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('新增联系人')" />
<!--    <link th:href="@{/css/use/css1.css}" rel="stylesheet"/>-->
    <link th:href="@{/ruoyi/css/address.css}" rel="stylesheet"/>
    <th:block th:include="include :: bootstrap-duallistbox-css" />
</head>
<body class="white-bg">
<!--    <ul class="nav head_top" id="tab">-->
<!--        <div class="text-right hidden-print" style="float: right">-->
<!--            <button class="btn btn-unite" onclick="submitHandler()">保存</button>-->
<!--        </div>-->
<!--    </ul>-->

        <div  style="height: 50px;width: 100%"></div>
    <form class="form-horizontal" id="form-addressbook-add">
        <div class="col-md-12" >
        <div class="form-group" >
            <div class="address-from-left">
                <span style="color: red">*</span>姓名：
            </div>
            <div class="address-from-right">
                <input type="text" id="bookName" name="bookName" class="form-control" placeholder="请输入姓名">
            </div>
        </div>

        <div class="form-group" style="margin-top: 30px">
            <div class="address-from-left">
                电话：
            </div>
            <div class="address-from-right">
                <input type="text" name="information" class="form-control" placeholder="请输入电话">
            </div>
        </div>

        <div class="form-group" style="margin-top: 30px">
            <div class="address-from-left">
                Email：
            </div>
            <div class="address-from-right">
                <input type="text" name="email" class="form-control" placeholder="请输入Email">
            </div>
        </div>

            <div class="form-group" style="margin-top: 30px">
                <div class="address-from-left">
                    其他联系方式：
                </div>
                <div class="address-from-right">
                    <input type="text" name="othersInf" class="form-control" placeholder="请输入其他联系方式">
                </div>
            </div>

        <div class="form-group" style="margin-top: 30px">
            <div class="address-from-left">
                分组归类：
            </div>
            <div class="address-from-right">
                <select  name="addressGroup" class="form-control" placeholder="请选择分组归类">
                    <option value="">默认分组</option>
                    <option th:each="item : ${rwkAddressGroups}" th:text="${item.groupName}" th:value="${item.id}"></option>
                </select>
            </div>
        </div>
    </div>
    </form>
<th:block th:include="include :: footer" />
<script th:inline="javascript">
    var prefix = ctx + "system/addressbook";
    $("#form-addressbook-add").validate({
        focusCleanup: true
    });

    function submitHandler() {
        let bookname=$('#bookName').val();
        if (bookname == '') {
            $.modal.alertWarning("请填写姓名再提交！");
            return;
        }else {
            $.operate.save(prefix + "/address/add", $('#form-addressbook-add').serialize());
        }
    }

</script>
</body>
</html>