<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
    <title>注册信息</title>
    <meta name="decorator" content="front"/>
</head>
<body>
<form id="addCompanyForm" action="${CONTEXT_PATH }/web/company/addCompany" enctype="multipart/form-data" method="post">
    <!--内容-->
    <div class="clm-back-content regist-index">
        <div>
        <p class="line-one">填写申请信息</p>
        <div class="regist-title">
            <!-- 文件CODE -->
            <input type="hidden" name="recordCode" value="${code} }" />
            <input type="hidden" id="fileCount" name="fileCount" value="0" />
            <h3>公司信息</h3>
            <div class="gsxx-lineone">
                <p>单位名称（签章）：</p><input name="companyName" type="text"/>
            </div>
            <div class="gsxx-lineone">
                <p>组织机构代码：</p><input name="companyCode" type="text"/>
            </div>
            <div class="gsxx-lineone">
                <p>注册地址：</p><input name="registerAddress" type="text"/>
            </div>
            <div class="gsxx-lineone">
                <p>开发区办公地址：</p><input name="tedaAddress" type="text"/>
            </div>
            <div class="gsxx-lineone">
                <p>总人数：</p><input class="short-width" name="totalUser" type="text" />
                <p>专职人员数量：</p><input class="short-width" name="staffUser" type="text" />
            </div>
        </div>
        <div>
            <div class="regist-title">
                <h3>注册信息</h3>
                <div class="gsxx-lineone">
                    <p>国税微机号：</p><input name="countryTax" type="text"/>
                </div>
                <div class="gsxx-lineone">
                    <p>税务登记号：</p><input name="registerTax" type="text"/>
                </div>
                <div class="gsxx-lineone">
                    <p>地税微机号：</p><input name="localTax" type="text"/>
                </div>
                <div class="gsxx-lineone">
                    <p>基本户银行：</p><input name="depositName" type="text"/>
                </div>
                <div class="gsxx-lineone">
                    <p>基本户账户：</p><input name="depositAccount" type="text"/>
                </div>
                <div class="gsxx-lineone">
                    <p>注册资金（万）：</p><input class="zhong-width" name="registerCapital" type="text" />
                </div>
                <div class="gsxx-lineone">
                    <p>注册时间：</p>
                    <form:select path="yearList" items="${yearList}" class="short-width" name="registerYear" ></form:select> 
        
                    <span>年</span> 
                    <select class="short-width" name="registerMonth" class="short-width">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                    </select>
                    <span>月</span>
                </div>
                <div class="gsxx-lineone">
                    <p>统一社会信用代码：</p><input name="creditCode" type="text"/>
                </div>
                <div class="gsxx-lineone">
                    <p>法人：</p><input class="zhong-width" name="legalPerson" type="text" />
                    <p>手机：</p><input class="zhong-width" name="telephone" type="text" />
                </div>
                <div class="gsxx-lineone">
                    <p>上年度营业收入：</p><input name="lastRevenue" type="text" />
                </div>
                <div class="gsxx-lineone">
                    <p>经办人：</p><input class="zhong-width" name="trusteeName" type="text" />
                    <p>手机及办公电话：</p><input class="zhong-width" name="phone" type="text" />
                    <p>Email：</p><input class="zhong-width" name="email" type="text" />
                </div>
                <div class="gsxx-lineone">
                    <p style="margin-left: -2em;width: 11em;">专项审计报告合作单位：</p><input name="auditUnit" type="text"/>
                </div>
            </div>
            <div class="regist-yuedu">
              <!-- 选中加上类checked-->
              <p class="checked">我已阅读申请企业荣誉</p>
            </div>
        </div>
        <!-- 上传文件-->
        <div class="regist-upwj">
          <h3>上传文件</h3>
          <div class="upwj-content">
              <div id="i_stream_files_queue" style="width:720px;margin:40px 0 0 0;"></div>
              <div class="regist-maincon">
              <div id="i_select_files" class="left" style="width:265px;height:265px;display:inline-block;border:none;background:#eee;border-radius:0;margin-left:0;">
                  <img src="${CONTEXT_PATH}/assets/images/add-btn.png" style="display:block;margin:15px auto 30px;">
                  <div class="regist-uptext"><a style="">选择文件</a></div>
               </div>
               <div class="regist-wxalert left">
                  <div class="wxalert-top">
                      <h3>温馨提示</h3>
                      <span>（您需要上传的文件）</span>
                  </div>
                  <!-- 温馨提示 复制-->
                  <div class="wxalert-bottom">
                      <span class="left">1</span>
                      <p class="left" style="display:inline-block;">营业执照副本、组织机构代码副本</p>
                      <div class="clearf"></div>
                  </div>
                  <div class="wxalert-bottom">
                      <span class="left">2</span>
                      <p class="left" style="display:inline-block;">税务登记证副本</p>
                      <div class="clearf"></div>
                  </div>
                  <div class="wxalert-bottom">
                      <span class="left">3</span>
                      <p class="left" style="display:inline-block;">固定经营场所的证明材料</p>
                      <div class="clearf"></div>
                  </div>
                  <div class="wxalert-bottom">
                      <span class="left">4</span>
                      <p class="left" style="display:inline-block;">基本户开户许可证</p>
                      <div class="clearf"></div>
                  </div>
                  <div class="wxalert-bottom">
                      <span class="left">5</span>
                      <p class="left" style="display:inline-block;">服务机构简介</p>
                      <div class="clearf"></div>
                  </div>
                  <div class="wxalert-bottom">
                      <span class="left">6</span>
                      <p class="left" style="display:inline-block;">服务项目介绍（包括服务项目、标注和报价）</p>
                      <div class="clearf"></div>
                  </div>
                  <div class="wxalert-bottom">
                      <span class="left">7</span>
                      <p class="left" style="display:inline-block;">其他相关资质证明材料</p>
                      <div class="clearf"></div>
                  </div>
                </div>
                <div class="clearf"></div>
              </div>
              <a class="regist-tijiao-btn" id="addCompanySubmit">提交</a>
            </div>
        </div>
    </div>
    </div>
</form>
    <script type="text/javascript">
    /**
     * 配置文件（如果没有默认字样，说明默认值就是注释下的值）
     * 但是，on*（onSelect， onMaxSizeExceed...）等函数的默认行为
     * 是在ID为i_stream_message_container的页面元素中写日志
     */
        var qrcode = "${code}";
        //alert("${CONTEXT_PATH}");
        var config = {
            browseFileId : "i_select_files", /** 选择文件的ID, 默认: i_select_files */
            browseFileBtn : "<div>请选择文件</div>", /** 显示选择文件的样式, 默认: `<div>请选择文件</div>` */
            dragAndDropArea: "i_select_files", /** 拖拽上传区域，Id（字符类型"i_select_files"）或者DOM对象, 默认: `i_select_files` */
            dragAndDropTips: "<span>把文件(文件夹)拖拽到这里</span>", /** 拖拽提示, 默认: `<span>把文件(文件夹)拖拽到这里</span>` */
            filesQueueId : "i_stream_files_queue", /** 文件上传容器的ID, 默认: i_stream_files_queue */
            //filesQueueHeight : 300, /** 文件上传容器的高度（px）, 默认: 450 */
            //messagerId : "i_stream_message_container", /** 消息显示容器的ID, 默认: i_stream_message_container */
            multipleFiles: false, /** 多个文件一起上传, 默认: false */
            onRepeatedFile: function(f) {
                alert("文件："+f.name +" 大小："+f.size + " 已存在于上传队列中。");
                return false;   
            },
            autoUploading: true, /** 选择文件后是否自动上传, 默认: true */
    //      autoRemoveCompleted : true, /** 是否自动删除容器中已上传完毕的文件, 默认: false */
            maxSize: 31457280,//, /** 单个文件的最大大小，默认:2G */
            retryCount : 2, /** HTML5上传失败的重试次数 */
            postVarsPerFile : { /** 上传文件时传入的参数，默认: {} */
                code: qrcode
            },
    //        swfURL : "${CONTEXT_PATH}/web/swf/FlashUploader.swf", /** SWF文件的位置 */
            tokenURL : "${CONTEXT_PATH}/web/qrcode/upload/token", /** 根据文件名、大小等信息获取Token的URI（用于生成断点续传、跨域的令牌） */
    //        frmUploadURL : "${CONTEXT_PATH}/web/fd;", /** Flash上传的URI */
            uploadURL : "${CONTEXT_PATH}/web/qrcode/upload/doUploadFile", /** HTML5上传的URI */
    //      simLimit: 200, /** 单次最大上传文件个数 */
    //      extFilters: [".txt", ".rpm", ".rmvb", ".gz", ".rar", ".zip", ".avi", ".mkv", ".mp3"], /** 允许的文件扩展名, 默认: [] */
    //      onSelect: function(list) {alert('onSelect')}, /** 选择文件后的响应事件 */
            onMaxSizeExceed: function(size, limited, name) {alert('最大上传文件大小不得超过30M!')}, /** 文件大小超出的响应事件 */
    //      onFileCountExceed: function(selected, limit) {alert('onFileCountExceed')}, /** 文件数量超出的响应事件 */
    //      onExtNameMismatch: function(name, filters) {alert('onExtNameMismatch')}, /** 文件的扩展名不匹配的响应事件 */
    //      onCancel : function(file) {alert('Canceled:  ' + file.name)}, /** 取消上传文件的响应事件 */
            onComplete: function(file) { var count = parseInt($("#fileCount").val()); $("#fileCount").val(count+1);}, /** 单个文件上传完毕的响应事件 */
    //      onQueueComplete: function() {alert('onQueueComplete')}, /** 所以文件上传完毕的响应事件 */
    //      onUploadError: function(status, msg) {alert('')} /** 文件上传出错的响应事件 */
    //      onDestroy: function() {alert('onDestroy')} /** 文件上传出错的响应事件 */
        };
        var _t;
        $(document).ready(function(){
            $("#fileCount").val(0);
            _t = new Stream(config);
            // 表单校验
            $("#addCompanyForm").validate({
                rules: {
                  companyName: {
                    required: true,
                    minlength: 2
                  },
                  companyCode:{
                	  required: true
                  },
                  registerAddress:{
                      required: true
                  },
                  email: {
                    required: true,
                    email: true
                  },
                  totalUser: {
                	  digits:true
                  },
                  staffUser: {
                	  digits:true
                  }
                },
                messages: {
                  companyName: {
                    required: "请输入单位名称",
                    minlength: "单位名称必需大于两个字符"
                  },
                  email: "请输入一个正确的邮箱"
                }
            });
            $("#addCompanySubmit").click(function(){
            	var count = parseInt($("#fileCount").val());
            	if(count<1){
            		
            		alert("请至少上传一个文件！");
            	} else{
            		
            		$("#addCompanyForm").submit();
            	}
            });
            
        });
    </script>
    
</body>
</html>