变更令审批人流程显示修改；增加删除审批人

biangeng-list-approval.html

@@ -194,110 +194,35 @@
 							<legend id="shenpi"><span class="glyphicon glyphicon-check"></span> 审批流程</legend>
 							<table class="table table-bordered">
 								<tr>
-									<td width="100">提交人</td>
-									<td width="100"><h4 class="media-heading">赵二</h4></td>
-									<td width="200">承包人经办人</br>
-									XXX公司</td>
+									<td width="100"><i class="glyphicon glyphicon-download text-muted"></i> 提交</td>
+									<td width="150"><h4 class="media-heading">赵二</h4>
+									承包人经办人 </td>
+									<td width="200">121212@qq.com<br></h4>
+									XXXX公司</td>
 									<td width="100" class="colGreen">审批通过</td>
 									<td width="100">2017-07-01<br>13:01:01</td>
 									<td>审批意见</td>
 								</tr>
 								<tr>
-									<td width="100">第1个审批人</td>
-									<td width="100"><h4 class="media-heading">张三</h4></td>
-									<td width="200">承包人经办人</br>
-									XXX公司</td>
+									<td width="100"><i class="glyphicon glyphicon-arrow-down text-muted"></i> 审批</td>
+									<td width="150"><h4 class="media-heading">张三</h4>
+									承包人经办人 </td>
+									<td width="200">121212@qq.com<br></h4>
+									XXXX公司</td>
 									<td width="100" class="colGreen">审批通过</td>
 									<td width="100">2017-07-02<br>09:01:01</td>
 									<td>审批意见</td>
 								</tr>
 								<tr>
-									<td width="100">第2个审批人</td>
-									<td width="100"><h4 class="media-heading">李四</h4>
-									</td>
-									<td width="200">承包人项目经理</br>
-									XXX公司</td>
+									<td width="100"><i class="glyphicon glyphicon-stop text-muted"></i> 终审</td>
+									<td width="150"><h4 class="media-heading">李四</h4>
+									承包人项目经理 </td>
+									<td width="200">121212@qq.com<br></h4>
+									XXXX公司</td>
 									<td width="100" class="colRed">退回</td>
 									<td width="100">2017-07-02<br>16:01:01</td>
 									<td>审批意见</td>
 								</tr>
-								<tr>
-									<td width="100">提交人</td>
-									<td width="100"><h4 class="media-heading">赵二</h4></td>
-									<td width="200">承包人经办人</br>
-									XXX公司</td>
-									<td width="100" class="colGreen">审批通过</td>
-									<td width="100">2017-07-03<br>13:01:01</td>
-									<td>审批意见</td>
-								</tr>
-								<tr>
-									<td width="100">第1个审批人</td>
-									<td width="100"><h4 class="media-heading">张三</h4></td>
-									<td width="200">承包人经办人</br>
-									XXX公司</td>
-									<td width="100" class="colOrange">审批中</td>
-									<td width="100"></td>
-									<td></td>
-								</tr>
-								<tr>
-									<td width="100">第2个审批人</td>
-									<td width="100"><h4 class="media-heading">王五</h4>
-									</td>
-									<td width="200">总监理工程师</br>
-									XXX公司</td>
-									<td width="100"></td>
-									<td width="100"></td>
-									<td></td>
-								</tr>
-							</table>
-							<table class="table table-bordered">
-								<tr>
-									<td width="100">提交人</td>
-									<td width="100"><h4 class="media-heading">赵二</h4></td>
-									<td width="200">承包人经办人</br>
-									XXX公司</td>
-									<td width="100" class="colGreen">审批通过</td>
-									<td width="100">2017-07-01<br>13:01:01</td>
-									<td>审批意见</td>
-								</tr>
-								<tr>
-									<td width="100">第1个审批人</td>
-									<td width="100"><h4 class="media-heading">张三</h4></td>
-									<td width="200">承包人经办人</br>
-									XXX公司</td>
-									<td width="100" class="colGreen">审批通过</td>
-									<td width="100">2017-07-02<br>09:01:01</td>
-									<td>审批意见</td>
-								</tr>
-								<tr>
-									<td width="100">第2个审批人</td>
-									<td width="100"><h4 class="media-heading">李四</h4>
-									</td>
-									<td width="200">承包人项目经理</br>
-									XXX公司</td>
-									<td width="100" class="colRed">退回</td>
-									<td width="100">2017-07-02<br>16:01:01</td>
-									<td>审批意见</td>
-								</tr>
-								<tr>
-									<td width="100">第1个审批人</td>
-									<td width="100"><h4 class="media-heading">张三</h4></td>
-									<td width="200">承包人经办人</br>
-									XXX公司</td>
-									<td width="100" class="colOrange">审批中</td>
-									<td width="100"></td>
-									<td></td>
-								</tr>
-								<tr>
-									<td width="100">第2个审批人</td>
-									<td width="100"><h4 class="media-heading">王五</h4>
-									</td>
-									<td width="200">总监理工程师</br>
-									XXX公司</td>
-									<td width="100"></td>
-									<td width="100"></td>
-									<td></td>
-								</tr>
 							</table>
 						</div>
 					</div>

biangeng-list-detail.html

@@ -197,30 +197,38 @@
 							<legend id="shenpi"><span class="glyphicon glyphicon-check"></span> 审批流程</legend>
 							<table class="table table-bordered">
 								<tr>
-									<td width="100">提交人</td>
-									<td width="250"><h4 class="media-heading">承包人经办人 赵二</h4>
-									XXX公司</td>
+									<td width="100"><i class="glyphicon glyphicon-download text-muted"></i> 提交</td>
+									<td width="150"><h4 class="media-heading">赵二</h4>
+									承包人经办人 </td>
+									<td width="200">121212@qq.com<br></h4>
+									XXXX公司</td>
 									<td width="100" class="colGreen">审批通过</td>
 									<td>2017-07-01 13:01:01<br>审批意见</td>
 								</tr>
 								<tr>
-									<td width="100">第1个审批人</td>
-									<td width="250"><h4 class="media-heading">承包人经办人 张三</h4>
-									XXX公司</td>
+									<td width="100"><i class="glyphicon glyphicon-arrow-down text-muted"></i> 审批</td>
+									<td width="150"><h4 class="media-heading">张三</h4>
+									承包人经办人 </td>
+									<td width="200">121212@qq.com<br></h4>
+									XXXX公司</td>
 									<td width="100" class="colGreen">审批通过</td>
 									<td>2017-07-01 13:01:01<br>审批意见</td>
 								</tr>
 								<tr>
-									<td width="100">第2个审批人</td>
-									<td width="250"><h4 class="media-heading">承包人项目经理 李四</h4>
-									XXX公司</td>
+									<td width="100"><i class="glyphicon glyphicon-arrow-down text-muted"></i> 审批</td>
+									<td width="150"><h4 class="media-heading">李四</h4>
+									承包人项目经理 </td>
+									<td width="200">121212@qq.com<br></h4>
+									XXXX公司</td>
 									<td width="100" class="colOrange">审批中</td>
 									<td></td>
 								</tr>
 								<tr>
-									<td width="100">第3个审批人</td>
-									<td width="250"><h4 class="media-heading">总监理工程师 王五</h4>
-									XXX公司</td>
+									<td width="100"><i class="glyphicon glyphicon-stop text-muted"></i> 终审</td>
+									<td width="150"><h4 class="media-heading">王五  </h4>
+									总监理工程师</td>
+									<td width="200">121212@qq.com<br></h4>
+									XXXX公司</td>
 									<td width="100"></td>
 									<td></td>
 								</tr>

biangeng-new.html

@@ -199,32 +199,36 @@
 							<legend id="shenpi"><span class="glyphicon glyphicon-check"></span> 审批流程&nbsp;&nbsp;<a href="#addshenpi" class="btn btn-primary btn-xs" data-toggle="modal"><span class="glyphicon glyphicon-plus"></span> 添加审批人</a></legend>
 							<table class="table table-bordered">
 								<tr>
-									<td width="100">提交人</td>
-									<td width="250"><h4 class="media-heading">承包人经办人 赵二</h4>
-									XXX公司</td>
-									<td width="100"></td>
-									<td></td>
+									<td width="100"><i class="glyphicon glyphicon-download text-muted"></i> 提交</td>
+									<td width="150"><h4 class="media-heading">赵二</h4>
+									承包人经办人 </td>
+									<td width="200">121212@qq.com<br></h4>
+									XXXX公司</td>
+									<td width=""><a href="#" class="btn btn-default btn-sm" title="移除审批人"><span class="glyphicon glyphicon-remove text-danger"></span></a></td>
 								</tr>
 								<tr>
-									<td width="100">第1个审批人</td>
-									<td width="250"><h4 class="media-heading">承包人经办人 张三</h4>
-									XXX公司</td>
-									<td width="100"></td>
-									<td></td>
+									<td width="100"><i class="glyphicon glyphicon-arrow-down text-muted"></i> 审批</td>
+									<td width="150"><h4 class="media-heading">张三</h4>
+									承包人经办人 </td>
+									<td width="200">121212@qq.com<br></h4>
+									XXXX公司</td>
+									<td width=""><a href="#" class="btn btn-default btn-sm" title="移除审批人"><span class="glyphicon glyphicon-remove text-danger"></span></a></td>
 								</tr>
 								<tr>
-									<td width="100">第2个审批人</td>
-									<td width="250"><h4 class="media-heading">承包人项目经理 李四</h4>
-									XXX公司</td>
-									<td width="100"></td>
-									<td></td>
+									<td width="100"><i class="glyphicon glyphicon-arrow-down text-muted"></i> 审批</td>
+									<td width="150"><h4 class="media-heading">李四</h4>
+									承包人项目经理 </td>
+									<td width="200">121212@qq.com<br></h4>
+									XXXX公司</td>
+									<td width=""><a href="#" class="btn btn-default btn-sm" title="移除审批人"><span class="glyphicon glyphicon-remove text-danger"></span></a></td>
 								</tr>
 								<tr>
-									<td width="100">第3个审批人</td>
-									<td width="250"><h4 class="media-heading">总监理工程师 王五</h4>
-									XXX公司</td>
-									<td width="100"></td>
-									<td></td>
+									<td width="100"><i class="glyphicon glyphicon-stop text-muted"></i> 终审</td>
+									<td width="150"><h4 class="media-heading">王五  </h4>
+									总监理工程师</td>
+									<td width="200">121212@qq.com<br></h4>
+									XXXX公司</td>
+									<td width=""><a href="#" class="btn btn-default btn-sm" title="移除审批人"><span class="glyphicon glyphicon-remove text-danger"></span></a></td>
 								</tr>
 							</table>
 						</div>
@@ -482,38 +486,23 @@
 		        <h4 class="modal-title" id="myModalLabel">添加审批人</h4>
 		      </div>
 		      <div class="modal-body">
-						<div class="row">
-							<div class="col-md-8">
-								<div class="input-group">
-							  	<input type="text" class="form-control" placeholder="请输入审批人名称">
-							  	<span class="input-group-btn">
-								    <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button></span>
-								</div>
-								<div class="row" style="margin-top:25px;">
-				        	<div class="col-md-4 alert alert-pnone"><div class="checkbox"><label><input type="checkbox" name="inlineRadioOptions1" value="option1">赵七</label><div>承包人经办人<br>1234859090@qq.com</div></div></div>
-				        	<div class="col-md-4 alert alert-success alert-pnone"><div class="checkbox"><label><input type="checkbox" name="inlineRadioOptions1" value="option2" checked>钱八</label><div>承包人项目经理<br>1235785343@qq.com</div></div></div>
-				        	<div class="col-md-4 alert alert-pnone"></div>
-				        </div>
-				        <h5>常用审批人</h5>
-				        <div class="row">
-				        	<div class="col-md-4 alert alert-pnone"><div class="checkbox"><label><input type="checkbox" name="inlineRadioOptions" value="option1">张三</label><div>承包人经办人<br>1234859090@qq.com</div></div></div>
-				        	<div class="col-md-4 alert alert-success alert-pnone"><div class="checkbox"><label><input type="checkbox" name="inlineRadioOptions" value="option2" checked>李四</label><div>承包人项目经理<br>1234859090@qq.com</div></div></div>
-				        	<div class="col-md-4 alert alert-pnone"><div class="checkbox"><label><input type="checkbox" name="inlineRadioOptions" value="option3">王五</label><div>总监理工程师<br>1234859090@qq.com</div></div></div>
-				        </div>
-								<div class="row">
-									<div class="col-md-4 alert alert-pnone"><div class="checkbox"><label><input type="checkbox" name="inlineRadioOptions" value="option4">郑六</label><div>总监理工程师<br>1234859090@qq.com</div></div></div>
-								</div>
+							<div class="input-group">
+						  	<input type="text" class="form-control" placeholder="请输入审批人名称">
+						  	<span class="input-group-btn">
+							    <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button></span>
 							</div>
-							<div class="col-md-4">
-								<h5>审批流程</h5>
-								<ul class="list-group">
-								  <li class="list-group-item"><i class="glyphicon glyphicon-download text-muted"></i> 赵二（提交人）</li>
-								  <li class="list-group-item"><i class="glyphicon glyphicon-arrow-down text-muted"></i> 张三<a class="fR text-danger" title="移除"><i class="glyphicon glyphicon-remove"></i></a></li>
-								  <li class="list-group-item"><i class="glyphicon glyphicon-arrow-down text-muted"></i> 王五<a class="fR text-danger" title="移除"><i class="glyphicon glyphicon-remove"></i></a></li>
-								  <li class="list-group-item"><i class="glyphicon glyphicon-stop text-muted"></i> 李四</li>
-								</ul>
+							<div class="row" style="margin-top:25px;">
+			        	<div class="col-md-3 alert alert-pnone"><div class="radio"><label><input type="radio" name="inlineRadioOptions1" value="option1">赵七</label><div>承包人经办人<br>1234859090@qq.com</div></div></div>
+			        	<div class="col-md-3 alert alert-success alert-pnone"><div class="radio"><label><input type="radio" name="inlineRadioOptions1" value="option2" checked>钱八</label><div>承包人项目经理<br>1235785343@qq.com</div></div></div>
+			        	<div class="col-md-3 alert alert-pnone"></div>
+			        </div>
+			        <h5>常用审批人</h5>
+			        <div class="row">
+			        	<div class="col-md-3 alert alert-pnone"><div class="radio"><label><input type="radio" name="inlineRadioOptions" value="option1">张三</label><div>承包人经办人<br>1234859090@qq.com</div></div></div>
+			        	<div class="col-md-3 alert alert-success alert-pnone"><div class="radio"><label><input type="radio" name="inlineRadioOptions" value="option2" checked>李四</label><div>承包人项目经理<br>1234859090@qq.com</div></div></div>
+			        	<div class="col-md-3 alert alert-pnone"><div class="radio"><label><input type="radio" name="inlineRadioOptions" value="option3">王五</label><div>总监理工程师<br>1234859090@qq.com</div></div></div>
+								<div class="col-md-3 alert alert-pnone"><div class="radio"><label><input type="radio" name="inlineRadioOptions" value="option4">郑六</label><div>总监理工程师<br>1234859090@qq.com</div></div></div>
 							</div>
-						</div>
 
 		      </div>
 		      <div class="modal-footer">

css/style.css

@@ -1082,6 +1082,9 @@ left:5px
   overflow: hidden;
   box-sizing: content-box;
 }
+.warp-printer .page>img{
+  width:inherit;
+}
 .sign-side{
   width:220px;
   overflow: auto;