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.
243 lines
8.6 KiB
243 lines
8.6 KiB
|
|
<!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 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="http://www.jeendo.com/script/wow/wow.min2.js"></script> -->
|
|
<script src="../js/subpage.js"></script>
|
|
<script src="../js/common.js"></script>
|
|
<script src="../js/bootstrap.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'>
|
|
×
|
|
</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> |