uas6.0/WebContent/jsps/PDAmobile/resources/tpl/output/outFinishOperation.html

<style>
	.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.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="OutFinishOprCtrl" 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>		     
	   <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 btn-sm col-xs-offset-1" ng-click='print()' >打印</button>
	</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 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>
		<form class="form-horizontal col-xs-offset-1" name="form">
		  <div class="form-group">
			  <label for="makeCode" class="col-xs-2">归属工单</label>
			  <div class="col-xs-3"> 
			   <input type="text" id="makeCode" ng-model="makeCode" class="form-control " ng-keyup="enter($event)" >
			  </div>			 
			  <label for="saleCode" class="col-xs-2 m-l-10">归属订单</label>
			  <div class="col-xs-3">
			   <input type="text" id="saleCode" ng-model="saleCode" 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="search($event)" autofocus="autofocus" >
			  </div>	
			   <label for="pr_fbzs" class="col-xs-2 m-l-10">剩余数:</label>
		      <div class="col-xs-2">
			     {{pr_fbzs}}
			  </div>			 
		  </div>
		  <div class="form-group">
			  <label for="bi_outboxcode" class="col-xs-2">包装箱号</label>
			  <div class="col-xs-3">
			    <input type="text" id="bi_outboxcode" ng-model="bi_outboxcode" class="form-control" ng-keyup="enter($event)">
			  </div>
			 <!--  <label for="bi_outqty" class="col-xs-2 m-l-10">箱内总数</label>
			  <div class="col-xs-2">
			    <input type="text" id="bi_outqty" ng-model="bi_outqty" class="form-control" ng-pattern="/^\+?[1-9][0-9]*$/"  required readonly>
			  </div> -->			 
			  <button ng-click="scan()" class="btn btn-sm btn-success m-l-10 " ng-disabled="form.$invalid" >确认  </button>
			    <a  ng-href="#/breakingPackage/{{order.PI_WHCODE}}" class="btn btn-sm btn-success m-l-10 "> 拆包</a>
		  </div>		  	 		  
		</form>
	</div>
 
    <div ng-show="barcodes" class="messsage 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_outqty}} </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_OUTQTY}}</td>	           
			</tr>
		</table>
	</div>
</div>