laiguoran
/
jlzf_web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
							<!DOCTYPE html>
<html lang=zh-cn>
<head>
	<meta charset=utf-8>
	<title>纵横计量支付系统</title>
	<meta name=description content=计量支付>
	<meta name=copyright content=smartcost.com.cn>
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel=stylesheet href="{{rootUrl}}global/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="{{rootUrl}}global/css/dataTables.bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="{{rootUrl}}global/css/fixedColumns.bootstrap.min.css">
	<link rel=stylesheet href={{rootUrl}}global/css/style.css>
	<script src={{rootUrl}}global/js/jquery-1.9.1.min.js></script>
	<script src={{rootUrl}}global/js/bootstrap.js></script>
	<script src={{rootUrl}}global/js/jl.js></script>
	<style type="text/css" class="init">
		#list td input{
			width: 100%
		}
		.allwidth1{

		}
		.allwidth2{
		}
		.allwidth3{
			text-align:right;
		}
		.allwidth4{
			text-align: right;
		}
		.allwidth5{
			text-align:center;
		}
		div.DTFC_LeftFootWrapper table, div.DTFC_RightFootWrapper table{
			border-top: 1px solid #ddd;
		}
		div.dataTables_scrollFootInner table{
			margin-top: 0 !important;
		}
		.bg-con-warp:nth-child(2) th{
			text-align: center !important;
		}
	</style>
</head>
<body>
<!-- include "top" -->
<div class="wrapContent">
	<!-- include "left" -->
	<div class="mainContainer" data-spy="scroll" data-target="#navbar-example">
		<!--内容-->
		<div class="mainContent">
			<input type="hidden" id="cid" value="{{changeArray.cid}}">
			<div class="title" id="xinxi">
				<!-- if {{changeArray.status}} == 'del' -->
				<div class="bg-top-btn affix"><span class="colRed">该变更令已在软件中删除</span></div>
				<!-- endif -->
				<h1><a href="/change/index/tender/{{pmArray.pmid}}" title="返回"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a>&nbsp;{{changeArray.pnum}}</h1>
			</div>
			<div class="row">
				<div class="col-md-2" id="navbar-example">
					<ul class="nav nav-pills nav-stacked bg-nav affix">
						<li><a href="#xinxi"><span class="glyphicon glyphicon-info-sign"></span> 变更信息</a></li>
						<li><a href="#qingdan"><span class="glyphicon glyphicon-list-alt"></span> 变更清单</a></li>
						<li><a href="#fujian"><span class="glyphicon glyphicon-paperclip"></span> 附件</a></li>
						<li><a href="#shenpi"><span class="glyphicon glyphicon-check"></span> 审批流程</a></li>
					</ul>
				</div>
				<div class="col-md-10">
					<div class="bg-con-warp">
						<legend><span class="glyphicon glyphicon-info-sign"></span> 变更信息</legend>
						<div class="row">
							<div class="col-md-4">
								<!-- if {{changeArray.status}} == 'checked' -->
								<div class="form-group">
									<label>批复编号</label>
									<input class="form-control" value="{{changeArray.bnum}}" type="text" readonly>
								</div>
								<!-- endif -->
								<div class="form-group">
									<label>申请编号</label>
									<input class="form-control" value="{{changeArray.pnum}}" type="text" readonly>
								</div>
								<div class="form-group">
									<label>工程名称</label>
									<input class="form-control" value="{{changeArray.pname}}" type="text" readonly>
								</div>
								<div class="form-group">
									<label>桩号</label>
									<input class="form-control" value="{{changeArray.mnum}}" type="text" readonly>
								</div>
								<div class="form-group">
									<label>原设计图名称</label>
									<input class="form-control" placeholder="" value="{{changeArray.odname}}" type="text" readonly>
								</div>
								<div class="form-group">
									<label>原图号</label>
									<input class="form-control" placeholder="" value="{{changeArray.onum}}" type="text" readonly>
								</div>
								<div class="form-group">
									<label>变更设计图名称</label>
									<input class="form-control" placeholder="" value="{{changeArray.cdname}}" type="text" readonly>
								</div>
								<div class="form-group">
									<label>变更图号</label>
									<input class="form-control" placeholder="" value="{{changeArray.cnum}}" type="text" readonly>
								</div>
							</div>
							<div class="col-md-4" style="z-index:999;">
								<div class="form-group">
									<label>工程变更理由及内容</label>
										    <textarea class="form-control" rows="6" readonly>{{changeArray.description}}</textarea>
								</div>
								<div class="form-group">
									<label>工程变更合同依据</label>
									<textarea class="form-control" rows="6" readonly>{{changeArray.basis}}</textarea>
								</div>
								<div class="form-group">
									<label>备注</label>
									<textarea class="form-control" rows="3" readonly>{{changeArray.remarks}}</textarea>
								</div>
							</div>
							<div class="col-md-4">
								<!-- if !empty({{changeArray.ctype}}) -->
								<div class="form-group">
									<label>变更类型</label>
									<div class="checkbox">
										<!-- loop changeArray.ctypelist -->
										<label class="checkbox-inline">
											<input type="checkbox" checked disabled>{{ctypelist' value.typename}}
										</label>
										<!-- endloop -->
									</div>
								</div>
								<!-- endif -->
								<div class="form-group">
									<label>变更类别 </label>
									<select class="form-control" disabled><option>{{changeArray.categoryname}}</option></select>
								</div>
								<div class="form-group">
									<label>变更性质 </label>
									<select class="form-control" disabled><option>{{changeArray.naturename}}</option></select>
								</div>
								<div class="form-group">
									<label>变更提出单位</label>
									<select class="form-control" disabled><option>{{changeArray.companyname}}</option></select>
								</div>
								<div class="form-group">
									<label>费用承担方</label>
									<div class="radio">
										<label class="radio-inline">
											<input id="inlineCheckbox1" value="option1" type="radio" checked disabled> <!-- if {{changeArray.bear}} == 1 -->业主<!-- else -->承包人<!-- endif -->
										</label>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="bg-con-warp">
						<legend id="qingdan" ><span class="glyphicon glyphicon-list-alt"></span> 变更清单 <label class="legend-label"><input type="checkbox"> 查看审批过程</label></legend>

						<table id="tablelist" class="table table-striped table-bordered nowrap qd-table" cellspacing="0" style="width:100%">
							<thead>
							<tr><th rowspan="2" class="text-center">清单编号</th><th rowspan="2" class="text-center">名称</th><th rowspan="2" class="text-center">单位</th><th rowspan="2" class="text-center">单价</th><th colspan="2" class="text-center">原设计</th><th colspan="2" class="text-center">申报变更增（+）减（-）</th><th colspan="2" class="text-center">审批后变更</th></tr>
							<tr><th class="text-center">数量</th><th class="text-center">金额</th><th class="text-center">数量</th><th class="text-center">金额</th><th class="text-center">数量</th><th class="text-center">金额</th></tr>
							</thead>
							<tbody>
							<!-- loop clist -->
							<tr><td>{{clist' value.lnum}}</td><td>{{clist' value.lname}}</td><td>{{clist' value.unit}}</td><td>{{tofloat(clist' value.unitprice)}}</td><td>{{clist' value.oamount}}</td><td>{{clist' value.osum}}</td><td>{{clist' value.camount}}</td><td>{{clist' value.csum}}</td><td>{{clist' value.samount}}</td><td><!-- if {{clist' value.ssum}} != '' --> {{clist' value.ssum}}<!-- endif --></td></tr>
							<!-- endloop -->
							</tbody>
							<tfoot>
								<tr class="info"><td>合计</td><td></td><td></td><td></td><td></td><td>{{ototalnum}}</td><td></td><td>{{ctotalnum}}</td><td></td><td><!-- if {{stotalnum}} != '' -->{{stotalnum}}<!-- endif --></td></tr>
							</tfoot>
						</table>
					</div>
					<div class="bg-con-warp">
						<legend id="fujian"><span class="glyphicon glyphicon-paperclip"></span> 附件</legend>
						<table class="table table-bordered">
							<thead>
							<tr><th width="50">序号</th><th>名称</th><th width="90">大小</th><th width="100">上传时间</th></tr>
							</thead>
							<tbody>
							<!-- if !empty({{attlist}}) -->
							<!-- loop attlist -->
							<tr><td>{{attlist' value.sort}}</td><td><a href="{{attlist' value.downurl}}">{{attlist' value.filename}}</a></td><td>{{attlist' value.size}}</td><td>{{attlist' value.time}}</td></tr>
							<!-- endloop -->
							<!-- endif -->
							</tbody>
						</table>
					</div>
					<div class="bg-con-warp">
						<legend id="shenpi"><span class="glyphicon glyphicon-check"></span> 审批流程</legend>
						<table class="table table-bordered">
							<!-- loop auditlist -->
							<tr>
								<td width="100"><!-- if {{auditlist' value.usite}} == 0 --><i class="glyphicon glyphicon-download text-muted"></i> 提交<!-- else --><!-- if {{auditlist' value.usite}} != {{auditlist' value.lastusite}} --><i class="glyphicon glyphicon-arrow-down text-muted"></i> 审批<!-- else --><i class="glyphicon glyphicon-stop text-muted"></i> 终审<!-- endif --><!-- endif --></td>
								<td width="150"><h4 class="media-heading">{{auditlist' value.name}}</h4>
									{{auditlist' value.jobs}} </td>
								<td width="200">{{auditlist' value.email}}<br>{{auditlist' value.company}}</td>
								<!-- if {{auditlist' value.usite}} == 0 -->
									<!-- if {{auditlist' value.status}} == 'checked' --><td width="100" class="colGreen">上报完成</td><td>{{formatDate(auditlist' value.sintime)}}<br></td>
									<!-- elseif {{auditlist' value.times}} == 0  && {{auditlist' value.status}} == 'checking' --><td width="100" class="colOrange">上报中</td><td><br></td>
									<!-- elseif {{auditlist' value.times}} != 0 && {{auditlist' value.status}} == 'checking' --><td width="100" class="colOrange">重新上报中</td><td><br></td>
									<!-- endif -->
								<!-- else -->
									<!-- if {{auditlist' value.status}} == 'checked' --><td width="100" class="colGreen">审批通过</td><td>{{formatDate(auditlist' value.sintime)}}<br>{{auditlist' value.sdesc}}</td>
									<!-- elseif {{auditlist' value.status}} == 'back' || {{auditlist' value.status}} == 'backnew' --><td width="100" class="colRed">退回</td><td>{{formatDate(auditlist' value.sintime)}}<br>{{auditlist' value.sdesc}}</td>
									<!-- elseif {{auditlist' value.status}} == 'checkno' --><td width="100" class="colRed">审批终止</td><td>{{formatDate(auditlist' value.sintime)}}<br>{{auditlist' value.sdesc}}</td>
									<!-- elseif {{auditlist' value.status}} == 'checking' --><td width="100" class="colOrange">审批中</td><td></td>
									<!-- else --><td width="100"></td><td></td>
									<!-- endif -->
								<!-- endif -->
							</tr>
							<!-- endloop -->
						</table>
					</div>
				</div>
			</div>
		</div>
		<!--内容-->
	</div>
</div>
<script type="text/javascript">autoFlashHeight();</script>
<script type="text/javascript" language="javascript" src="{{rootUrl}}global/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="{{rootUrl}}global/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" language="javascript" src="{{rootUrl}}global/js/dataTables.fixedColumns.min.js"></script>
<script src="{{rootUrl}}global/js/jlzf-change-table.js"></script>
<script>
	$(function() {
		var table = $('#tablelist').removeAttr('width').DataTable({
			columnDefs: [
				{ className: 'allwidth1', width: 90, targets: 0 },
				{ className: 'allwidth2', width: 150, targets: 1 },
				{ className: 'allwidth5', width: 50, targets: 2 },
				{ className: 'allwidth3', width: 60, targets: 3 },
				{ className: 'allwidth4', width: 70, targets: [4,6,8] },
				{ className: 'allwidth3',width: 80, targets: '_all' }
			],
			fixedColumns: {
				leftColumns: 4
			}
		});

		$('.legend-label').click(function(e){
			if($(e.target).is('label')){
				return;
			}
			$(this).children('input').attr('disabled',true);
			$.ajax({
				type: 'post',
				url: '/change/detail/'+$('#cid').val(),
				data: { table: '_all'},
				dataType: 'json',
				success: function(result){
					table.destroy();
					$('#tablelist').html(result.html);
					table = $('#tablelist').removeAttr('width').DataTable({
						columnDefs: [
							{ className: 'allwidth1', width: 100, targets: 0 },
							{ className: 'allwidth2', width: 150, targets: 1 },
							{ className: 'allwidth5', width: 60, targets: 2 },
							{ className: 'allwidth3',width: 80, targets: '_all' }
						],
						fixedColumns: {
							leftColumns: 4
						}
					});
				}
			})
		})
	})
</script>
</body>