renzhou
/
suzhou
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
苏州创新投资
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 Commits
2 Branches
0 Tags
123 MiB
 
 
 
Tag: Branch: Tree: 4ecab1f012
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '4ecab1f012'
${ noResults }
suzhou/form/form.html

242 lines
8.5 KiB
Raw Blame History

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>苏州创新投资集团有限公司</title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta name="applicable-device"content="pc,mobile">
<link rel="icon" href="" type="image/x-icon">
<link href="../css/bootstrap.css" rel="stylesheet">
<link href="../css/bxslider.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet">
<link href="../css/about3.css" rel="stylesheet">
<link href="../css/animate.css" rel="stylesheet" >
<link rel="stylesheet" href="../css/footer.css">
<!--导航样式-->
<link rel="stylesheet" href="../css/head.css" />
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/common.js"></script>
</head>
<body>
<div id="header"></div>
<!-- part0 -->
<div class="section section1 fp-auto-height fp-section">
<div class="topcontainer">
<img src="../images/投资申请banner@2x.png" alt="">
<div class="selectedContainer">
<div class="title">投资申请</div>
<div class="subtitle">INVESTMENT APPLICATION</div>
</div>
</div>
</div>
<!-- part1 -->
<div class="part apply_box">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 title">
<img src="../images/line.png">
<h2 class="wow fadeInDown">投资申请</h2>
<h2 class="wow fadeInDown">INVESTMENT APPLICATION</h2>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 wrap">
<!-- form -->
<form id="form" name="form" class="form-horizontal wow fadeInDown">
<div class="form-group">
<label for="title"class="col-sm-3 control-label left">融资公司：</label>
<div class="col-sm-6">
<input type="text" name="company" class="form-control right" id="company" placeholder="必填">
</div>
</div>
<div class="form-group">
<label for="username" class="col-sm-3 control-label left">地址：</label>
<div class="col-sm-6">
<input type="text" name="address" class="form-control right" id="address" placeholder="选填">
</div>
</div>
<div class="form-group">
<label for="tel" class="col-sm-3 control-label left">电 话：</label>
<div class="col-sm-6">
<input type="text" name="phone" class="form-control right" id="phone" placeholder="必填">
</div>
</div>
<div class="form-group">
<label for="tel" class="col-sm-3 control-label left">传 真：</label>
<div class="col-sm-6">
<input type="text" name="cz" class="form-control right" id="cz" placeholder="选填">
</div>
</div>
<div class="form-group">
<label for="tel" class="col-sm-3 control-label left">电子邮件：</label>
<div class="col-sm-6">
<input type="text" name="email" class="form-control right" id="email" placeholder="必填">
</div>
</div>
<div class="form-group">
<label for="tel" class="col-sm-3 control-label left">联系人：</label>
<div class="col-sm-6">
<input type="text" name="name" class="form-control right" id="name" placeholder="必填">
</div>
</div>
<div class="form-group">
<label for="tel" class="col-sm-3 control-label left">行业分类：</label>
<div class="col-sm-6">
<select class="form-select form-select-lg mb-3 apply_select col-sm-6" name="cate" id="cate" aria-label="Default select example">
<!-- <option value='1'>行业一</option>
<option value='2'>行业二</option>
<option value='3'>行业三</option> -->
</select>
</div>
</div>
<div class="form-group">
<label for="code" class="col-xs-12 col-sm-3 control-label left">上传商业计划书：</label>
<input type="file" name="prospectus" id="prospectus" onchange="getName(value)">
<p class="tips"></p>
</div>
<!-- <div class="form-group">
<label for="code" class="col-xs-12 col-sm-3 control-label left">上传商业计划书：</label>
<a href="javascript:;" class="file">选择文件<input type="file" name="prospectus"></a>
</div> -->
<div class="form-group">
<div class="col-sm-offset-4 col-sm-8 sub">
<input class="button" type="button" onclick="apply()" value="提交申请">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="footer"></div>
<!-- <button class='button' data-toggle='modal' data-target='#myModal'>我要上传</button> -->
<!-- 反馈模态框（Modal） -->
<div class='modal fade' id='myModal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
<div class='modal-dialog modal-dialog-centered'>
<div class='modal-content'>
<div class='modal-header'>
<!-- <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>
&times;
</button> -->
<h4 class='modal-title' id='myModalLabel'>
提示
</h4>
</div>
<div class='modal-body'>
<div class='modal-wrap'>
<img src="../images/成功.png">
<p class=''>申请已提交，请等待审核结果</p>
</div>
</div>
<div class='modal-footer'>
<!-- 附属属性 btn-default btn-info -->
<button type='button' class='btn btn-primary' onclick="reload()" >确定</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
</body>
</html>
<SCRIPT language=javaScript>
function getName(value){
var upload = document.getElementById('prospectus');
var name = upload.files[0].name;
$('.tips').text("已选择："+ name);
}
function getCategory(){
var cate;
var content = '';
$.ajax({
type: 'post',
url: 'https://suzhou.njrenzhou.cn/api.php/apply/getCategory',
success:function(res){
console.log(res);
if (res.code == 200) {
cate = res.data;
for (let index = 0; index < cate.length; index++) {
// const element = array[index];
content += "<option value='" + cate[index] + "'>" + cate[index] + "</option>";
}
$('#cate').append(content);
}else{
alert(res.msg);
}
},
error:function(){
alert('error');
}
})
}
getCategory();
function apply(){
var formData = new FormData(document.querySelector("#form"));
$.ajax({
type: 'post',
// dataType: 'text',
// dataType: 'json',
url: 'https://suzhou.njrenzhou.cn/api.php/apply/apply',
data: formData,
processData: false, // 不处理数据
contentType: false, // 不设置内容类型
beforeSend:function(){
},
success:function(res){
console.log(res);
if (res.code == 200) {
$('#myModal').modal('show');
}else{
alert(res.msg);
}
},
error:function(){
alert('error');
}
})
}
function reload(){
window.location.reload();
}
// modal 垂直居中
$('#myModal').on('show.bs.modal', function(){
console.log('show');
var $this = $(this);
var $modal_dialog = $this.find('.modal-dialog');
// 关键代码，如没将modal设置为 block，则$modala_dialog.height() 为零
$this.css('display', 'block');
$modal_dialog.css({'margin-top': Math.max(0, ($(window).height() - $modal_dialog.height()) / 2),'width':'600px',});
});
</SCRIPT>