<!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">
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="must">*</span><span>地区编号</span></label>
                                    <div class="layui-input-inline">
                                        <input type="number" name="code" lay-verify="required|size" autocomplete="off" class="layui-input" placeholder="110100">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">提示：只能输入六个数字。</div>
                                </div>
                                <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="parentCode" lay-verify="required|size" autocomplete="off" class="layui-input" placeholder="110000">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">提示：只能输入已存在的编号。</div>
                                </div>
                                <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="name" lay-verify="required" autocomplete="off" class="layui-input" placeholder="北京市">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">提示：输入地区的名称。</div>
                                </div>
                                <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="shortName" lay-verify="required" autocomplete="off" class="layui-input" placeholder="北京">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">提示：输入地区的简写名称。</div>
                                </div>
                                <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="mergerName" lay-verify="required" autocomplete="off" class="layui-input" placeholder="中国,北京,北京市">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">提示：输入地区的省市区街道全称，用英文逗号隔开。</div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="must">*</span><span>层级</span></label>
                                    <div class="layui-input-inline">
                                        <input type="number" name="layerNumber" lay-verify="required|layer" autocomplete="off" class="layui-input" placeholder="2">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">提示：输入地区的层级，省、自治区、特别行政区为1，市、县、自治州、自治县为2，乡、镇、民族乡为3。</div>
                                </div>
                                <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="zipCode" lay-verify="required" autocomplete="off" class="layui-input" placeholder="100000">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">提示：输入地区的邮编。</div>
                                </div>
                                <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="pinyin" lay-verify="required" autocomplete="off" class="layui-input" placeholder="Beijing">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">提示：输入地区名称的拼音。</div>
                                    <label class="layui-form-label"><span class="must">*</span><span>首字母</span></label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="firstLetter" lay-verify="required" autocomplete="off" class="layui-input" placeholder="B">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">提示：输入地区名称的拼音的首字母。</div>
                                </div>
                                <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="lat" lay-verify="required" autocomplete="off" class="layui-input" placeholder="39.904989">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">提示：输入地区名称的拼音的首字母。</div>
                                    <label class="layui-form-label"><span class="must">*</span><span>经度</span></label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="lng" lay-verify="required" autocomplete="off" class="layui-input" placeholder="116.405285">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">提示：输入地区名称的拼音的首字母。</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>


    <!--去掉input type="number"后面的箭头-->
    <style type="text/css">
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }
        input[type="number"] {
            -moz-appearance: textfield;
        }
    </style>
    <!-- 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/area-add.js'}"></script>
</html>