gzf/WebRoot/ui/apply.jsp

<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib uri="/struts-tags" prefix="s" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" %>
<%@ page language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";


%>

<jsp:include page="header.jsp"></jsp:include>
<style>
    .breadcrumb-area {
        position: relative
    }

    .breadcrumb-area:before {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        background: linear-gradient(45deg, rgb(240, 100, 150), rgb(140, 200, 208));
        opacity: .7;
        -webkit-transition: .4s;
        transition: .4s;
    }

    hr {
        border: none;
        border-top: 3px double #333;
        color: #333;
        overflow: visible;
        text-align: center;
        height: 5px;
    }


    hr.basic:after {
        background: #fff;
        content: '基础信息';
        padding: 0 4px;
        position: relative;
        top: -13px;
    }

    hr.detail:after {
        background: #fff;
        content: '申请资质';
        padding: 0 4px;
        position: relative;
        top: -13px;
    }
</style>


<!-- Breadcrumb -->
<div class="breadcrumb-area section"
     style="background:url(<%=basePath %>static/breadcrumb.jpg);"
>
    <div class="container">
        <div class="breadcrumb pt-75 pb-75 pt-sm-70 pb-sm-40 pt-xs-70 pb-xs-40">
            <div class="row">
                <div class="col">
                    <h2>申请提交</h2>
                    <!-- breadcrumb-list start -->
                    <ul class="breadcrumb-list">
                        <li class="breadcrumb-item"><a href="">首页</a></li>
                        <li class="breadcrumb-item active">申请租赁公租房</li>
                    </ul>
                    <!-- breadcrumb-list end -->
                </div>
            </div>
        </div>
    </div>
</div>
<!--// Breadcrumb -->


<!-- Our Agents Section Start -->
<div class="contact-section section pt-110 pt-md-90 pt-sm-70 pt-xs-60 pb-110 pb-md-90 pb-sm-70 pb-xs-60">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="contact-us-wrap">
                    <div class="contact-title pb-30">
                        <h4>GET IN <span>APPLY</span></h4>
                        <p>
                            <c:set value="在线申请租赁" var="typePrefix"/>
                            <c:choose>
                                <c:when test="${communityType eq 1}">${typePrefix}公租房</c:when>
                                <c:when test="${communityType eq 2}">${typePrefix}廉租房</c:when>
                                <c:when test="${communityType eq 3}">${typePrefix}经济适用房</c:when>
                            </c:choose>
                        </p>
                    </div>

                    <div class="contact-info">
                        <ul>
                            <li>
                                <div class="contact-text d-flex align-items-center">
                                    <i class="glyph-icon flaticon-placeholder"></i>
                                    <p>${address } <br></p>
                                </div>
                            </li>
                            <li>
                                <div class="contact-text d-flex align-items-center">
                                    <i class="glyph-icon flaticon-earth"></i>
                                    <p>
                                        <span>大小 : <a href="#"> ${model.size }</a></span>
                                        <span>房型 : <a href="#">${model.cate }</a></span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div class="contact-text d-flex align-items-center">
                                    <i class="glyph-icon flaticon-call"></i>
                                    <p>
                                        <span>有问题联系：</span>
                                        <span>邮箱 : <a href="#">service@gzf.com</a></span>
                                        <span>电话 : <a href="#">0871 115 455 2541</a></span>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="contact-us-wrap">
                    <h4>详细填写申请表</h4>

                    <div class="contact-form">
                        <form method="POST" action="<%=basePath%>app/post.do">
                            <input type="hidden" name="id" value="${model.id }"/>

                            <hr class="basic">

                            <div class="row">
                                <div class="col-3 d-flex align-items-center justify-content-end ">
                                    申请人
                                </div>
                                <div class="col">
                                    <input name="name" required value="${userName }" readonly type="text"
                                           class="medium">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-3 d-flex align-items-center justify-content-end ">
                                    申请说明
                                </div>
                                <div class="col">
                                                    <textarea name="messagex" required
                                                              placeholder="详细申请说明"></textarea>
                                </div>
                            </div>

                            <hr class="detail">

                            <c:forEach items="${materialList}" var="item">
                                <div class="row mt-3">
                                    <div class="col-3 d-flex align-items-center justify-content-end ">
                                            ${item.materialName}
                                    </div>
                                    <div class="col">
                                        <c:choose>
                                            <c:when test="${item.formType eq 'text'}">
                                                <input name="${item.formName}" required type="text">
                                            </c:when>
                                            <c:when test="${item.formType eq 'doc'}">
                                                <input type="text" required class="form-control"
                                                       name="${item.formName}">
                                                <a style="margin-top:10px" class="btn uploadImg">点击上传</a>
                                            </c:when>
                                        </c:choose>

                                    </div>
                                </div>
                            </c:forEach>

                            <div class="row">
                                <div class="col text-center">
                                    <button class="btn send-btn btn-info btn-block col-5 offset-5 mt-3">提交</button>
                                </div>
                            </div>

                        </form>
                    </div>

                    <p class="form-messege"></p>
                </div>
            </div>
        </div>
    </div>
</div>

</div>
<!-- Our Agents Section End -->


<jsp:include page="footer.jsp"></jsp:include>


<script src="<%=basePath %>static/window.js"></script>
<link href="<%=basePath %>static/toastr-master/toastr.min.css" rel="stylesheet" type="text/css"/>
<script src="<%=basePath %>static/toastr-master/toastr.min.js"></script>
<script>

    $(function () {

        $(".uploadImg").click(function (e) {
            openWindow("<%=basePath%>upload.jsp?name=" + $(this).prev().attr('name'))
        })

        <c:if test="${!empty state }">
        toastr.${state}('${message}', '提示');
        </c:if>
    })

</script>