<!DOCTYPE html>
<html  lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <script th:replace="common/head"></script>
        <link xmlns:th="http://www.thymeleaf.org" rel="stylesheet" th:href="${'/css/estate/access.css'}" media="all">
    </head>
    <body>
        <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" pad15>
                            <div class="layui-form" lay-filter="">
                                <!--以后换成下拉树形-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="must">*</span>车牌号</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="number" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="must">*</span>车辆类型</label>
                                    <div class="layui-input-inline">
                                        <div id="car_type"></div>
                                        <!--<select id="type" name="type" lay-verify="required">
                                            <option value="">请选择</option>
                                            <option value="0">轿车</option>
                                            <option value="1">货车</option>
                                            <option value="2">客车</option>
                                            <option value="3">挂车</option>
                                            <option value="4">摩托车</option>
                                            <option value="5">非完整车辆</option>
                                            <option value="6">电动车辆</option>
                                        </select>-->
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="must">*</span>车辆性质</label>
                                    <div class="layui-input-inline">
                                        <div id="car_properties"></div>
                                        <!--<select id="properties" name="properties" lay-verify="required">
                                            <option value="">请选择</option>
                                            <option value="0">货运</option>
                                            <option value="1">客运</option>
                                            <option value="2">营运</option>
                                            <option value="3">非运营</option>
                                            <option value="4">出租</option>
                                        </select>-->
<!--                                        <input type="text" name="properties" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">-->
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="must">*</span>车辆型号</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="model" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="must">*</span>燃油类别</label>
                                    <div class="layui-input-inline">
                                        <div id="fuel_category"></div>
                                        <!--<select id="fuelCategory" name="fuelCategory" lay-verify="required">
                                            <option value="">请选择</option>
                                            <option value="0">汽油</option>
                                            <option value="1">柴油</option>
                                            <option value="2">乙醇</option>
                                            <option value="3">液化天然气(LNG)</option>
                                            <option value="4">压缩天然气(CNG)</option>
                                            <option value="5">电动</option>
                                        </select>-->
<!--                                        <input type="text" name="fuelCategory" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">-->
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="must">*</span>车身颜色</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="color" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="must">*</span>车辆照片</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="carImg" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <!--<div class="layui-form-item">
                                    <label class="layui-form-label"><span class="must">*</span>车辆状态</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="carStatus" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>-->
                                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                                    <legend>车主信息</legend>
                                </fieldset>
                                <div class="layui-form-item">
                                    <div class="layui-form" lay-filter="unit_filter">
                                        <label class="layui-form-label"><span class="must">*</span>所属社区</label>
                                        <div class="layui-input-inline">
                                            <div id="agency_id"></div>
                                        </div>
                                    </div>
                                    <div class="layui-form" lay-filter="residential_filter">
                                        <label class="layui-form-label"><span class="must">*</span>所属小区</label>
                                        <div class="layui-input-inline">
                                            <div id="residential_id"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span class="must">*</span>车主姓名</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="personName" lay-verify="required|specialCharacters|length" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                    <label class="layui-form-label"><span class="must">*</span>手机号</label>
                                    <div class="layui-input-inline">
                                        <input type="number"  name="personPhone" placeholder="" autocomplete="off" class="layui-input" lay-verify="phoneNum">
                                    </div>
                                </div>
                                <input id="fastDfsServer" type="hidden" th:value="${fastDfsServer}">
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn" lay-submit lay-filter="submit_button">提交</button>
                                        <button type="reset" class="layui-btn layui-btn-primary" id="cancel_btn">取消</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- javascript -->
        <style type="text/css">
            input::-webkit-outer-spin-button,
            input::-webkit-inner-spin-button {
                -webkit-appearance: none;
            }
            input[type="number"] {
                -moz-appearance: textfield;
            }
        </style>
        <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/estate/car-add.js'}"></script>
    </body>
</html>
