添加审批人增加审批流程编辑

biangeng-list-detail.html

@@ -169,8 +169,8 @@
 
 							<table class="table table-bordered">
 								<thead>
-									<tr><th rowspan="2" class="text-center" width="100">清单编号</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>
+									<tr><th rowspan="2" class="text-center" width="90">清单编号</th><th width="200" rowspan="2" class="text-center">名称</th><th width="50" rowspan="2" class="text-center">单位</th><th width="50" 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  width="50" class="text-center">数量</th><th  width="50" class="text-center">金额</th><th  width="50" class="text-center">数量</th><th  width="50" class="text-center">金额</th><th  width="50" class="text-center">数量</th><th  width="50" class="text-center">金额</th></tr>
 								</thead>
 								<tbody>
 									<tr><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td>616.2</td><td>22</td><td>12,324.00</td><td>30</td><td>18,486.00</td><td>30</td><td>18,486.00</td></tr>

biangeng-new.html

@@ -475,32 +475,45 @@
 
 		<!--添加审批人-->
 		<div class="modal fade" id="addshenpi" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
-		  <div class="modal-dialog" role="document">
+		  <div class="modal-dialog modal-lg" role="document">
 		    <div class="modal-content">
 		      <div class="modal-header">
 		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 		        <h4 class="modal-title" id="myModalLabel">添加审批人</h4>
 		      </div>
 		      <div class="modal-body">
-		      	<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 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-3 alert alert-pnone"><div class="checkbox"><label><input type="checkbox" name="inlineRadioOptions1" value="option1">赵七</label><div>承包人经办人</div></div></div>
+				        	<div class="col-md-3 alert alert-success alert-pnone"><div class="checkbox"><label><input type="checkbox" name="inlineRadioOptions1" value="option2" checked>钱八</label><div>承包人项目经理</div></div></div>
+				        	<div class="col-md-3 alert alert-pnone"></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="checkbox"><label><input type="checkbox" name="inlineRadioOptions" value="option1">张三</label><div>承包人经办人</div></div></div>
+				        	<div class="col-md-3 alert alert-success alert-pnone"><div class="checkbox"><label><input type="checkbox" name="inlineRadioOptions" value="option2" checked>李四</label><div>承包人项目经理</div></div></div>
+				        	<div class="col-md-3 alert alert-pnone"><div class="checkbox"><label><input type="checkbox" name="inlineRadioOptions" value="option3">王五</label><div>总监理工程师</div></div></div>
+				        	<div class="col-md-3 alert alert-pnone"><div class="checkbox"><label><input type="checkbox" name="inlineRadioOptions" value="option4">郑六</label><div>总监理工程师</div></div></div>
+				        </div>
+							</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>
 						</div>
-						<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>承包人经办人</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>承包人项目经理</div></div></div>
-		        	<div class="col-md-3 alert alert-pnone"></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>承包人经办人</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>承包人项目经理</div></div></div>
-		        	<div class="col-md-3 alert alert-pnone"><div class="radio"><label><input type="radio" name="inlineRadioOptions" value="option3">王五</label><div>总监理工程师</div></div></div>
-		        	<div class="col-md-3 alert alert-pnone"><div class="radio"><label><input type="radio" name="inlineRadioOptions" value="option4">郑六</label><div>总监理工程师</div></div></div>
-		        </div>
+
 		      </div>
 		      <div class="modal-footer">
 		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>

css/style.css

@@ -1067,10 +1067,20 @@ left:5px
   overflow-y: auto;
 }
 .sign-content .page{
+  margin:0 auto;
+  width:1085px;
+  border: 9px solid transparent;
+  position: relative;
+  overflow: hidden;
+  box-sizing: content-box;
+}
+.warp-printer .page{
+  margin:0 auto;
+  width:1085px;
   border: 9px solid transparent;
   position: relative;
   overflow: hidden;
-  text-align: center
+  box-sizing: content-box;
 }
 .sign-side{
   width:220px;
@@ -1131,13 +1141,15 @@ left:5px
   top:10%;
   left:10%;
   z-index: 999;
-  width:300px
+  width:300px;
+  height: 150px;
 }
 .user-sign .focus{
   background:rgba(255,0,0,0.1);
 }
 .user-sign img{
-  width:inherit;
+  /*width:inherit;*/
+  width: 100%;
 }
 .user-sign .img-bar {
   background:#ddd;
@@ -1145,12 +1157,13 @@ left:5px
   position: absolute;
   right:0;
   top:0;
-  display:none;
-}
-.user-sign:hover .img-bar{
-  display: block;
+  /*display:none;*/
 }
-#draggable{
+/*.user-sign:hover .img-bar{*/
+  /*display: block;*/
+/*}*/
+.draggable{
+  display: none;
   cursor: move;
 }
 .user-sign .img-bar a{
@@ -1228,3 +1241,10 @@ left:5px
 .alert-pnone{
   padding:0 15px !important;
 }
+.qd-table .input-sm{
+  height:20px;
+  padding:2px
+}
+.qd-table>tbody>tr>td, .qd-table>tbody>tr>th, .qd-table>tfoot>tr>td, .qd-table>tfoot>tr>th, .qd-table>thead>tr>td, .qd-table>thead>tr>th {
+  padding:5px 5px
+}