master

分支 (1)

管理

管理

master

hzdjd
/
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>杭州大江东产业集聚区</title>
		<meta charset="utf-8">
		<meta name="format-detection" content="telephone=no"/>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<meta name="keywords" content="信仰之约"/>
		<meta name="description" content="信仰之约"/>
		<meta name="applicable-device"content="mobile">
		<link rel="stylesheet" type="text/css" href="css/index.css?201705222127"/>
	</head>
	<body>
		<!--横屏提示-->
		<div id="forhorview">
			<p>推荐使用竖屏浏览哦~</p>
		</div>

		<div id="wrap">
			<!--首页-->
			<div class="page page-1">
				<a href="javascript:void(0);" class="start">立即参阅</a>
			</div>

			<!--参阅导览-->
			<div class="page page-2">
				<div class="header"></div>
				<img src="img/title-dl.png" alt="参阅导览" class="title"/>
				<div class="container">
					<div class="img-box">
						<img src="img/pic.jpg" alt="预览图" />
						<div class="tit">大江东项目进场安全告知</div>
						<a href="javascript:void(0);" class="play" data-src="https://sl.v.netease.com/2017/0522/b30938631ade73e5016905bb986a823dqt.mp4"></a>
					</div>

					<div class="navs">
						<a href="javascript:void(0);" class="nav-1" data-page="3">大江东产业<br />集聚区基础设施<br />PPP+EPC<br />项目简介</a>
						<a href="javascript:void(0);" class="nav-2" data-page="4">总承包项目部<br />架构</a>
						<a href="javascript:void(0);" class="nav-3" data-page="5">总承包管理理念</a>
						<a href="javascript:void(0);" class="nav-4" data-page="6">科技创新<br />提质增效</a>
						<a href="javascript:void(0);" class="nav-5" data-page="7">标准化管理</a>
					</div>
				</div>
			</div>

			<!--项目简介-->
			<div class="page page-3">
				<div class="header"></div>
				<img src="img/title-1.png" alt="项目简介" class="title"/>
				<div class="container">
					<p>杭州大江东产业集聚区基础设施PPP+EPC项目，分三期实施，共计9条路，包含11个子项目，各子项目按照“一次招标，分步实施，成熟一个、推进一个、支付一个”的原则推进。建设内容包括路基工程、路面工程、排水工程、桥梁涵洞工程、交叉工程、公路设施及预埋管线工程、绿化及环境保护工程、市政配套管线、路灯照明工程以及其它工程等。</p>
					<p>项目总投资约142.58亿元，其中建安投资约74.72亿元，征地费约36.5亿元。</p>
					<div class="img-box">
						<img src="img/pic-1.jpg" alt="项目实施范围" />
						<div class="tit">项目实施范围</div>
					</div>
					<table>
						<thead>
							<tr>
								<th>序号</th>
								<th>项目名称</th>
								<th>里程(KM)</th>
								<th>计划工期</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td rowspan="5">一期</td>
								<td>江东三路</td>
								<td>7.775</td>
								<td rowspan="5">2016.03<br/>~<br/>2018.03</td>
							</tr>
							<tr>
								<td>江东五路</td>
								<td>3.09</td>
							</tr>
							<tr>
								<td>临鸿东路</td>
								<td>4.516</td>
							</tr>
							<tr>
								<td>义蓬东二路</td>
								<td>1.75</td>
							</tr>
							<tr>
								<td>合计</td>
								<td>17.131</td>
							</tr>
							<tr>
								<td rowspan="5">二期</td>
								<td>滨江二路（南段）</td>
								<td>2.6</td>
								<td rowspan="5">2016.08<br/>~<br/>2018.08</td>
							</tr>
							<tr>
								<td>滨江二路（北段）</td>
								<td>13.76</td>
							</tr>
							<tr>
								<td>河景路</td>
								<td>8.3</td>
							</tr>
							<tr>
								<td>青西三路</td>
								<td>3.99</td>
							</tr>
							<tr>
								<td>合计</td>
								<td>28.65</td>
							</tr>
							<tr>
								<td rowspan="4">三期</td>
								<td>滨江二路（东段）</td>
								<td>15.00</td>
								<td rowspan="4">2018.03<br/>~<br/>2020.03</td>
							</tr>
							<tr>
								<td>头蓬路</td>
								<td>7.36</td>
							</tr>
							<tr>
								<td>钱江通道地面道路</td>
								<td>14.9</td>
							</tr>
							<tr>
								<td>合计</td>
								<td>37.26</td>
							</tr>
							<tr>
								<td colspan="2">总计</td>
								<td>83.041</td>
								<td></td>
							</tr>
						</tbody>
					</table>
				</div>

				<div class="back">
					<a href="javascript:void(0);" class="prev"></a>
					<a href="javascript:void(0);" class="nav"><i></i>返回导航</a>
					<a href="javascript:void(0);" class="next"></a>
				</div>
			</div>

			<!--总承包项目部架构-->
			<div class="page page-4">
				<div class="header"></div>
				<img src="img/title-jg.png" alt="总承包项目部架构" class="title"/>
				<div class="container">
					<div class="img-box">
						<img src="img/jg.png" alt="总承包部项目部构架" />
					</div>
				</div>
				<div class="back">
					<a href="javascript:void(0);" class="prev"></a>
					<a href="javascript:void(0);" class="nav"><i></i>返回导航</a>
					<a href="javascript:void(0);" class="next"></a>
				</div>
			</div>

			<!--总承包管理理念-->
			<div class="page page-5">
				<div class="header"></div>
				<img src="img/title-ln.png" alt="总承包管理理念" class="title"/>
				<div class="container">
					<img src="img/ln.png" alt="理念" class="ln"/>
					<div class="img-box">
						<img src="img/zcbln.png" alt="总承包管理理念" />
					</div>
				</div>
				<div class="back">
					<a href="javascript:void(0);" class="prev"></a>
					<a href="javascript:void(0);" class="nav"><i></i>返回导航</a>
					<a href="javascript:void(0);" class="next"></a>
				</div>
			</div>

			<!--科技创新提质增效-->
			<div class="page page-6">
				<div class="header"></div>
				<img src="img/title-cx.png" alt="科技创新提质增效" class="title"/>
				<div class="container">
					<div class="img-box">
						<img src="img/video-cover2.jpg" alt="预览图" />
						<div class="tit">大江东桥梁施工过程和安全控制要点</div>
						<a href="javascript:void(0);" class="play" data-src="https://sl.v.netease.com/2017/0526/286d678c0da4a8bb65d4c5df533883cbqt.mp4"></a>
					</div>
					<p>充分发挥设计优势，体现技术引领，与路桥公司、施工单位差异化发展，实现互惠互利。</p>
					<p>成立科研创新管理小组，围绕《PPP+EPC模式下的长寿命路基、路面新技术研究》、《杭州地区海绵城市道路关键技术研究与实践》、《基于信息化技术和物联网技术的建设管理平台技术研究》等课题，开展科研活动。</p>
					<div class="img-box">
						<img src="img/pic.jpg" alt="预览图" />
						<div class="tit">运用三维建模技术再现施工过程和安全控制要点</div>
					</div>
					<div class="img-box">
						<img src="img/pic-2.jpg" alt="预览图" />
						<div class="tit">开发预制梁场生产管理信息系统</div>
					</div>
					<div class="img-box">
						<img src="img/pic-3.jpg" alt="预览图" />
						<div class="tit">开发安全管理信息系统</div>
					</div>
				</div>
				<div class="back">
					<a href="javascript:void(0);" class="prev"></a>
					<a href="javascript:void(0);" class="nav"><i></i>返回导航</a>
					<a href="javascript:void(0);" class="next"></a>
				</div>
			</div>

			<!--标准化管理-->
			<div class="page page-7">
				<div class="header"></div>
				<img src="img/title-gl.png" alt="标准化管理" class="title"/>
				<div class="container">
					<div class="labels">
						<span>制度流程化</span>
						<span>流程表单化</span>
						<span>表单信息化</span>
					</div>
					<div class="img-box">
						<img src="img/pic-7.png" alt="钻孔灌注桩施工工艺流程图" />
						<div class="tit">钻孔灌注桩施工工艺流程图</div>
					</div>
					<div class="img-box">
						<img src="img/pic-8.png" alt="盖梁工程施工作业指导书" />
						<div class="tit">盖梁工程施工作业指导书</div>
					</div>
					<div class="img-box">
						<img src="img/pic-9.png" alt="项目现场施工质量控制卡片" />
						<div class="tit">项目现场施工质量控制卡片</div>
					</div>
					<div class="img-box">
						<img src="img/pic-10.png" alt="施工管理标准化汇编" />
						<div class="tit">施工管理标准化汇编</div>
					</div>
					<div class="img-box">
						<img src="img/pic-11.png" alt="安全文明施工标准化手册" />
						<div class="tit">安全文明施工标准化手册</div>
					</div>
				</div>
				<div class="back">
					<a href="javascript:void(0);" class="prev"></a>
					<a href="javascript:void(0);" class="nav"><i></i>返回导航</a>
					<a href="javascript:void(0);" class="next"></a>
				</div>
			</div>

			<!--安全告知-->
			<div class="page page-8">
				<div class="header"></div>
				<img src="img/title-gz.png" alt="安全告知" class="title"/>
				<div class="container">
					<p class="indent">各位领导及朋友，欢迎光临大江东产业集聚区基础设施PPP+EPC项目部现场。为了您和大家的安全，在进入施工现场之前，我们来学习下安全告知：</p>
					<p>1、本工程处于城郊，社会交通复杂，开车请遵守交通规则，乘车请系安全带，开门，下车请注意过往车辆，走动环顾四周注意完全。</p>
					<p>2、进入现场之前请正确佩带安全帽，带上本项目VIP卡，穿好必要的劳动保护用品。</p>
					<p>3、进入现场请听从现场负责人指挥、安排。</p>
					<p>4、在施工现场，请勿触碰、操作电气设备开关，请勿轻易触碰焊接、气割物件，谨防烫伤。</p>
					<p>5、在施工现场，临边、临河，不倚靠围栏，请注意保持安全距离；现场会有钢筋头、建筑碎渣、坑洞等，请注意脚下安全。</p>
					<p>6、未经现场工人许可，不得进入作业机械半径区域，得到现场工人许可后，请快速安全通过作业机械半径区域，不逗留。</p>
					<p>7、如遇应急突发事故，请随现场人员疏散到安全地方，应急联系人员：杨彪 15382371766，胡红亮 13958160860，陈鹏翔 18405815277。</p>
					<p>8、 VIP卡背面有安全告知，请您仔细阅读。</p>
					<p>最后感谢您光临指导工作，祝您身体健康，万事如意！</p>
				</div>

				<div class="myForm">
					<div class="item">
						<label class="ui-name">姓名：</label>
						<div class="name-box">

						</div>
					</div>
					<div class="item">
						<label>电话：</label>
						<input type="tel" maxlength="11" id="tel"/>
					</div>
					<div class="item tip">
						<label><input type="checkbox" id="check" name="agree" checked="checked"/>我已阅读安全告知</label>
					</div>
					<a href="javascript:void(0);" class="subForm">同意</a>
				</div>
			</div>
		</div>

		<div id="mask"></div>
		<div class="pop-dialog">
			<a href="javascript:void(0);" class="dialog-close"></a>
			<div class="title">请您确认已熟读安全告知</div>
			<div class="stage">

			</div>
			<div class="btn-group">
				<a href="javascript:void(0);" class="clear">清除</a>
				<a href="javascript:void(0);" class="save">确认保存</a>
			</div>
		</div>

		<script src="js/jquery-2.1.1.min.js"></script>
		<script src="js/chalk.js"></script>
		<script src="js/video.js"></script>
		<script>
			$(function(){
				// document.oncontextmenu = function() {return false;};
				var curPage = 3;

				$(".start").click(function(){
					$(".page-1").hide();
					$(".page-8").show();
					curPage = 8;
					$(window).scrollTop(0);
				});

				$(".navs a").click(function(){
					var page = $(this).data('page');
					$(".page-"+curPage).hide();
					$(".page-"+page).show();
					curPage = page;
					$(window).scrollTop(0);
				});

				$(".nav").click(function(){
					$(".page-"+curPage).hide();
					$(".page-2").show();
					curPage = 2;
					$(window).scrollTop(0);
				});

				$(".prev").click(function(){
					if(curPage==3){
						return;
					}
					var prev = curPage -1;
					$(".page-"+curPage).hide();
					$(".page-"+prev).show();
					curPage = prev;
					$(window).scrollTop(0);
				})

				$(".next").click(function(){
					if(curPage==7){
						return;
					}
					var next = curPage +1;
					$(".page-"+curPage).hide();
					$(".page-"+next).show();
					curPage = next;
					$(window).scrollTop(0);
				})

				$(".dialog-close").click(function(){
					$("#mask").removeClass("show");
					$(".pop-dialog").removeClass("show");
				});

				$(".name-box").click(function(){
					$("#mask").addClass("show");
					$(".pop-dialog").addClass("show");
				});

				$(".subForm").click(function(){
					if($(".name-box img").length==0){
						alert("请手写签名");
						return;
					}
					var phone = $("#tel").val();
					if(phone==""){
						alert("请输入手机号");
						return;
					}
					if (!/^1[34578]\d{9}/.test(phone)) {
						alert('请输入正确的手机号码');
						return;
					}
					if(!$("#check").prop("checked")){
						alert('请确认您已阅读安全告知');
						return;
					}
					var imgs = $(".name-box img").attr("src");
					$.ajax({
						type:"post",
						url:"./api.php",
						data: {
							phone: phone,
							imgs: imgs
						},
						success: function(res){
							var result = JSON.parse(res)
							if(result.status=="success"){
								$(".nav").click();
							}else{
								alert("保存失败");
							}
						}
					});
				});

				$(".play").click(function(){
					var src = $(this).data('src');
					video.open(src);
				});

				// $('.page-1, .page-8').remove();
				// curPage = 2;
				// $('.page-2').show();
			})
		</script>
	</body>
</html>