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;
}
</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>
                        在线提交申请租赁公租房申请
                        </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>${model.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 id="" method="POST" action="<%=basePath%>app/post.do">
                            <div class="row row-10">
                                <div class="col-md-6 col-12 mb-30"><input required value="${userName }" readonly name="name" type="text" placeholder=""></div>
                                <input type="hidden" name="id" value="${model.id }"/>
                                <div class="col-12 mb-30">
                                	申请材料:
                                	<input type="text" required class="form-control" id="attachfile" value="" name="attachfile" >
		<a href="javascript:;" style="margin-top:10px" class="btn uploadImg ">点击上传</a>  
                                </div>
                                <div class="col-12 mb-30"><textarea name="messagex"  required placeholder="详细申请说明"></textarea></div>
                                <div class="col-12"><button class="btn send-btn btn-circle">提交</button></div>
                            </div>
                        </form>
                        <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>
        
        $(".uploadImg").click(function(){
    		openWindow("<%=basePath%>upload.jsp");
    	});
        <c:if test="${!empty state }">
        toastr.${state}('${message}', '提示');
        
        setTimeout(function(){
        	window.location.href = "<%=basePath%>";
        },1500)
        
        </c:if>
        </script>