uas6.0/WebContent/jsps/PDAmobile/resources/tpl/input/inFinishOperation.html

<style>
	.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-5 ,.col-xs-6,.col-xs-8,.col-xs-12{
		    padding-left : 1px;
		    padding-right: 1px;	
		}
	
	.form-control{
		 padding:1px 1px;
	}
	.form-group{
	     margin-bottom:5px;
	}
	
	.btn-sm, .btn-group-sm>.btn {
			padding: 2px 3px;
		}	
	.m-tb-6 {
	  margin-top:6px;
	  margin-bottom:6px;
	}
	
	.m-l-10 {
		margin-left:10px;
	}
	.text-overflow {
	    width:91px;
	    word-break:keep-all;/* 不换行 */
	    white-space:nowrap;/* 不换行 */
	    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	    text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    }
    .text-overflow1 {
	    word-break:keep-all;/* 不换行 */
	    white-space:nowrap;/* 不换行 */
	    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	    text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    }
     tr strong,tr td {WORD-WRAP:break-word;overflow:hidden;}
     .messsage{
       color:blue;
    }
    .modal-header{
       padding:5px;
    }
    
</style>

<div ng-controller="InFinishOprCtrl" style="min-height: 400px;">
     <script type="text/ng-template" id="prodModalContent.html">  
         <div class="modal-header">  
            <p>搜索物料：<input type="text" ng-model="search"></p> 
         </div>  
         <div class="modal-body"> 
            <table id='tableResult' cellspacing='0' cellpadding='3' class="">
                <thead>
                   <tr style='background-color : #eee;'>
                       <td style='width : 40px; '> 行号   </td>
                       <td style='width : 104px;'> 单号   </td>
                       <td style='width : 97px;'> 料号   </td>
                   </tr>
                </thead>
               <tr ng-repeat='item in items | filter:{PD_PRODCODE:search}' ng-show="search"  ng-click="selectPrCode(item)">
                 <td style='width : 40px;' > {{item.PD_PDNO}} </td>
                 <td>{{item.PD_ORDERCODE }} </td>
                 <td>{{item.PD_PRODCODE}}</td>
               </tr>
            </table>
         </div>  
         <div class="modal-footer">  
             <button class="btn-xs btn-warning" ng-click="cancel()">取消</button>  
         </div>  
   </script>  
	<div >
	   <button type="button"  class="btn btn-success btn-sm col-md-2 col-xs-2 col-sm-offset-1 col-xs-offset-1" ng-click="returnInput()" style="
         margin-left: 5px;">返回</button>		
       <div ng-show="order">   
		   <button type="button"  class="btn btn-success btn-sm col-xs-offset-1" ng-click="getList(order.PI_INOUTNO)">已采集列表 </button>
		   <button type="button"  class="btn btn-success btn-sm col-xs-offset-1" ng-click='submitGet()' >提交采集</button>
		   <button type="button"  class="btn btn-success glyphicon glyphicon-print btn-sm m-l-10" ng-click='print()' >打印</button>
	   </div>  
	 </div>
	 <div ng-show="order" class="m-tb-6 " >
			<span class="f-16 col-md-2 col-xs-1 red"><b>{{detno}}</b></span></span>			
			<span class="f-16 col-md-2 col-xs-5" ng-show="ordercode">{{ordercode}}</span></span>
			<span class="f-16 col-md-2 col-xs-5" ng-bind="bi_prodcode"></span>	
			<button class="btn btn-xs btn-success glyphicon glyphicon-search" ng-click="findProdcode()"></button>									       					       	
	 </div>	
	<div ng-show="order">
		<form class="form-horizontal col-xs-offset-1"  name="form">
		  <div class="form-group">
			  <label for=bi_location class="col-xs-2">储位</label>
			  <div class="col-xs-2"> 
			   <input type="text" id="bi_location" ng-model="bi_location" class="form-control " ng-keyup="enter($event)">
			  </div>			 
			  <label for="makeSerial" class="col-xs-3 m-l-10">归属工单</label>
			  <div class="col-xs-3">
			   <input type="text" id="makeSerial" ng-model="makeSerial" class="form-control" ng-keyup="enter($event)">
			  </div>			 
		  </div> 
		  <div class="form-group">
			  <label for="bi_barcode" class="col-xs-2">序列号</label>
			  <div class="col-xs-3">
			   <input type="text" id="bi_barcode" ng-model="bi_barcode" class="form-control" ng-keyup="enter($event)">
			  </div>	
			  <label for="bi_outboxcode" class="col-xs-3">包装箱号</label>
			  <div class="col-xs-3">
			    <input type="text" id="bi_outboxcode" ng-model="bi_outboxcode" class="form-control" ng-keyup="enter($event)">
			  </div>
		  </div>
		  <div class="form-group">			  
			  <label for="bi_inqty" class="col-xs-3 " name="required-label">箱内总数</label>
			  <div class="col-xs-2">
			    <input type="text" id="bi_inqty" ng-model="bi_inqty" class="form-control" required>
			  </div>
			  <label for="pr_fbzs" class="col-xs-2">剩余数:</label>
		      <div class="col-xs-2">
			       {{pr_fbzs}}
			  </div>
			  <button ng-click="scan()" class="btn btn-sm col-xs-2 btn-success m-l-10" ng-disabled="form.$invalid">确认  </button>
		  </div>		  		 	 		  
		</form>
	</div>
 
      <div ng-show="barcodes" class="messsage" class="col-xs-12">
     	 <div class="col-xs-8 m-l-10 ">{{barcodes.bi_barcode}}</div>
     	 <div class="col-xs-2 m-l-10 ">{{barcodes.bi_inqty}} </div>     	     
     	 <div class="col-xs-6 m-l-10 ">{{barcodes.bi_prodcode}}</div>
     	 <div class="col-xs-5 text-overflow1 m-l-10 ">{{barcodes.bi_prodname}}</div>      
     </div>
 	 <div ng-show ="order" class="col-xs-12  col-sm-11 col-sm-offset-1 m-t-6">
		<table ng-table="tableParams" 
			class="table table-bordered table-striped ng-table-rowselected " style="table-layout：fixed;" >
			<tr >
			<th width="10%">行</th>
			<th width="35%">料号</th>
			<th width="30%">名称规格</th>
			<th width="15%">剩余数</th>
			</tr>
			<tr ng-repeat="item in $data"
	                ng-click="item.$selected = !item.$selected; changeSelection(item)"
	                ng-class="{'active': item.$selected} " ng-show="item.PD_INQTY != 0">
	            <td >{{item.PD_PDNO}}</td>
	            <td >{{item.PD_PRODCODE}}</td>
	            <td ><div class="text-overflow">{{item.PR_DETAIL}}{{item.PR_SPEC}}</div></td>
	            <td  >{{item.PD_INQTY}}</td>	           
			</tr>
		</table>
	</div>
</div>