shuzhan
/
ipcps-pc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
							<!DOCTYPE HTML>
<html>

<head>
	<!--#include file="common/_header.html"-->
	<style>
		.center {
			text-align: center !important;
		}
	</style>
	<title>项目完成情况</title>
</head>

<body>
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 项目信息 <span
			class="c-gray en">&gt;</span> 项目完成情况 <a class="btn btn-success radius r"
			style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i
				class="Hui-iconfont">&#xe68f;</i></a></nav>
	<div class="page-container">
		<div class="container mb-10">
			<form>
				<div class="row mb-10">
					<input type="text" class="input-text" style="width: 250px" placeholder="输入项目名称" id="projectName"
						name="projectName">
					<select class="select-box" style="width: 250px" id="parkId" name="parkId">
						<option value="">--选择园区--</option>
					</select>
					<select class="select-box" style="width: 250px" id="status">
						<option value="">--选择阶段--</option>
						<option value="1">项目履约转办</option>
						<option value="2">项目开工建设</option>
						<option value="3">项目建成投产</option>
					</select>
					<input placeholder="输入开始时间" id="startDate" name="startDate" class="input-text" style="width:100px;"
						onfocus="WdatePicker({dateFmt:'yyyy-MM',readOnly:true})" />
					至
					<input placeholder="输入结束时间" id="endDate" name="endDate" class="input-text" style="width:100px;"
						onfocus="WdatePicker({dateFmt:'yyyy-MM',readOnly:true})" />
					<button id="btnSearch" type="submit" class="btn btn-success" id="" name=""><i
							class="Hui-iconfont">&#xe665;</i> 查询</button>
					<button id="btnReset" type="reset" class="btn btn-default"><i class="Hui-iconfont">&#xe68f;</i>
						重置</button>
				</div>
			</form>
		</div>
		<div class="cl pd-5 bg-1 bk-gray" id="hid1">
			<span class="l">
				<a href="javascript:downloadReport();" class="btn btn-primary radius">导出</a>
			</span>
		</div>
		<table id="projectList" class="table table-border table-bordered table-bg" style="width:100%;">
			<thead>
				<tr>
					<th scope="col" colspan="18">列表</th>
				</tr>
				<tr class="text-c">
					<th width="25"><input type="checkbox" name="" value=""></th>
					<th width="40">园区</th>
					<th width="150">项目名称</th>
					<th width="90">项目签约时间</th>
					<th width="150">计划投资</th>
					<th width="130">选址位于</th>
					<th width="130">用地面积</th>
					<th width="130">相关情况</th>
					<th width="130">相关乡镇场</th>
					<th width="130">项目秘书</th>
					<th width="130">包联领导</th>
					<th width="130">责任单位</th>
					<th width="130">项目方所属管理员</th>
					<th width="130">联系电话</th>
					<th width="130">当前阶段</th>
					<th width="130">履约时间</th>
					<th width="130">开工时间</th>
					<th width="100">投产时间</th>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
	</div>

	<!--#include file="common/_footer.html"-->
	<!--请在下方写此页面业务相关的脚本-->
	<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
	<script type="text/javascript" src="scripts/global.js"></script>
	<script type="text/javascript">
		var path = global_backend_url;
		var uploadPath = file_upload_url;
		$(document).ready(function () {
			var loadingIndex = -1;
			$('#projectList').dataTable({
				ajax: {
					url: global_backend_url + "/project/completionReport",
					type: 'post',
					// 'beforeSend': function (request) {					
					// 	request.setRequestHeader("Authorization", sessionStorage.getItem("token"));
					// },
					dataFilter: function (responseText) {

						if (loadingIndex != -1) {
							top.layer.close(loadingIndex);
						}
						var jsonData = JSON.parse(responseText);

						// 处理返回json
						if (jsonData.result) {
							return JSON.stringify(jsonData.data);
						}
						else {
							processError(jsonData);
							return null;
						}
					},
					data: function (searchParams) {
						// 查询json
						searchParams["projectName"] = $("#projectName").val();
						searchParams["status"] = $("#status").val();
						searchParams["parkId"] = $("#parkId").val();

						searchParams["startDate"] = $("#startDate").val();
						searchParams["endDate"] = $("#endDate").val();
						
						var status = $("#status").val();
						
						if(status=="1"||status=="2"||status=="3"){
							var startDate = $("#startDate").val();
							var endDate = $("#endDate").val();
							if(startDate==null||startDate==""||endDate==null||endDate==""){
								layer.msg("选择阶段后，起止时间不能为空！");
								return;
							}
						}

						loadingIndex = top.layer.load(0, { shade: [0.1, '#fff'] });
					}
				},
				serverSide: true,
				searching: false,
				ordering: false,
				columns: [
					{ "data": "id" },
					{ "data": "park.title" },
					{ "data": "title" },
					{ "data": "startTime" },
					{ "data": "size" },
					{ "data": "address" },
					{ "data": "landScale" },
					{ "data": "detail" },
					{ "data": "townshipAdminName" },
					{ "data": "secretaryAdmin.realName" },
					{ "data": "leaderAdmin.realName" },
					{ "data": "unit" },
					{ "data": "projectAdmin.realName" },
					{ "data": "projectAdmin.tel" },
					{ "data": "processName" },
					{ "data": "timeNode1" },
					{ "data": "timeNode2" },
					{ "data": "timeNode3" }
				],
				columnDefs: [
					{
						targets: 0,
						sClass: 'center',
						bSortable: false,
						render: function (data, type, row) {
							return '<input type="checkbox" name="checkItems" value="' + data + '">';
						}
					}
				]
			});

			$("#checkAll").change(function () {
				var checked = $(this).is(':checked');

				$("input[name='checkItems']").each(function () {
					$(this).attr("checked", checked);
				});
			});

			$("#btnSearch").click(function () {
				event.preventDefault();

				var table = $('#projectList').DataTable();
				table.ajax.reload();
			});

			getParkList("");

		});

		function getParkList(parkId) {
			$.post(path + "/park/allList", function (json) {
				if (json.result) {
					$.each(json.data, function (index, obj) {
						if (parkId != "") {
							if (obj.parkId == parkId) {
								$("#parkId").append("<option value='" + obj.parkId + "' selected>" + obj.title + "</option>")
							} else {
								$("#parkId").append("<option value='" + obj.parkId + "'>" + obj.title + "</option>")
							}
						}
						else {
							$("#parkId").append("<option value='" + obj.parkId + "'>" + obj.title + "</option>")

						}
					})
				}
				else {
					layer.msg(json.message);
				}
			}, "json")
		}

		function downloadReport() {
			loadingIndex = top.layer.load(0, { shade: [0.1, '#fff'] });
			var projectName = $("#projectName").val();
			var status = $("#status").val();
			var parkId = $("#parkId").val();
			var startDate = $("#startDate").val();
			var endDate = $("#endDate").val();

			$.post(path + "/project/exportCompletionXls", { projectName: projectName, status: status, parkId: parkId, startDate: startDate, endDate: endDate }, function (json) {
				if (json.result) {
					if (loadingIndex != -1) {
						top.layer.close(loadingIndex);
					}
					window.open(uploadPath + json.data);
				}
				else {
					layer.msg(json.message);
				}
			}, "json")
		}
	</script>
</body>

</html>