<style>
	.m-l-10 {
		margin-left: 10px;
	}
	.selected {
		border: solid 2px #0099CC;
	}
	.order {
		border-bottom: solid 1px #0066CC;
	}
	.error {
		border: solid 1px #FF6666;
		border-radius: 4px;
	}
	.col-xs-1,.col-xs-2,.col-xs-5 ,.col-xs-3,.col-xs-12{
	    padding-left : 1px;
	    padding-right: 1px;	
	}	
</style>

<script type="text/ng-template" id="myModalContent.html">       
         <div class="modal-body row" stop-event="touchend"> 
            <table>
               <thead>
                   <tr style='background-color : #eee;'>
                       <td>    新包装箱号              </td>
			           <td>     箱内总数              </td>
                   </tr>
                </thead>
              <tr ng-repeat="item in items" >
               <td>   {{item.pa_outboxcode}}        </td>
			   <td>   {{item.pa_totalqty}}      </td>
              </tr>
           </table>
         </div>  
         <div class="modal-footer">  
             <button class="btn-sm btn-warning col-xs-2" ng-click="cancel()">关闭</button>  
         </div>  
</script>  

<div ng-controller="BreakingPackageCtrl" style="min-height: 360px;">	
	<div class="row m-b-10 m-t-10">
	     <a href= "#/batchContents" class="btn btn-success btn-sm col-md-2 col-xs-2 col-sm-offset-1 col-xs-offset-1" style="
          margin-left: 5px;">返回</a>		     
	</div>	
	<div>
		<form class="form-horizontal col-xs-offset-1 col-sm-offset-1 " name="scanProductForm">
           <div class="form-group">
             <label for="or_outbox" class="col-sm-1 col-xs-2 control-label">外箱号</label>
             <div class='col-sm-4 col-xs-5 '>
             	<input type="text" class="form-control" id="or_outbox" ng-model='barcode.or_outbox' placeholder="外箱号"  focus-me required>
             </div> 
             <div>
                               总数量:{{grid[0].pa_totalqty}}
             </div>   		 			  
           </div>   
            <div class="form-group">
              <div class="col-xs-3">
               <label> <input name="breaking" type="radio" value="inner" ng-model="barcode.inner" required/>拆分内箱号</label>
              </div>   
               <!--  <label for="innerBox" class="col-sm-1 col-xs-3 control-label"> </label> -->                     
              <div class='col-sm-4 col-xs-5 '>               
             	<input type="text" class="form-control" id="innerBox" ng-model='barcode.innerBox' placeholder="拆分内箱号" >
              </div> 
              <div class="col-xs-3" ng-show="barcode.inner == 'inner'">
                                   数量:{{packageqty}}
              </div> 		 			  
           </div> 
            <div class="form-group">
              <div class="col-xs-3">
               <label><input name="breaking" type="radio" value="serial" ng-model="barcode.inner" required/>拆分序列号 </label> 
              </div>
             <!--  <label for="innerSerial" class="col-sm-1 col-xs-3 control-label">拆分序列号 </label> -->
              <div class='col-sm-4 col-xs-5 '>
             	<input type="text" class="form-control" id="innerSerial" ng-model='barcode.innerSerial' placeholder="拆分序列号" >
              </div>     		 			  
           </div>
            <div class="form-group">
             <button ng-click="search()"  type="button" class="btn btn-success btn-sm col-sm-2 col-xs-2 col-xs-offset-3" ng-disabled="scanProductForm.$invalid" >确认</button> 		 			  
            </div>          
        </form>
        <form class="form-horizontal col-xs-offset-1 col-sm-offset-1 " name="">
         <div class="form-group">
             <label for="newOr_outbox" class="col-sm-1 col-xs-2 control-label">原箱编号</label>
             <div class='col-sm-4 col-xs-5 '>
             	<input type="text" class="form-control" id="newOr_outbox" ng-model='bar.newOr_outbox' placeholder="原箱编号" >
             </div>  
             <div class="col-xs-2"   >
                               数量:{{bar.newOr_qty}}
             </div>
               	<button ng-click="getoutbox1()"  type="button" class="btn btn-success btn-sm " >获取箱号</button> 		 			  	 			  
           </div>  
           <div class="form-group">
             <label for="new_outbox" class="col-sm-1 col-xs-2 control-label">拆分箱号</label>
             <div class='col-sm-4 col-xs-5 '>
             	<input type="text" class="form-control" id="new_outbox" ng-model='bar.new_outbox' placeholder="拆分箱号" >
             </div> 
             <div class="col-xs-2" ng-show="bar.new_qty !=0">
                               数量:{{bar.new_qty}}
             </div> 
             <button ng-click="getoutbox2()"  type="button" class="btn btn-success btn-sm  " >获取箱号</button> 		 			  	 			  
           </div>  
            <div class="form-group">           
             <button ng-click="breakingoutBox()"  type="button" class="btn btn-success btn-sm col-xs-2  col-sm-2 col-xs-offset-3"> <!-- ng-disable="$scope.grid.length>0" -->拆分</button> 		 			  	 			  
           </div>                    
        </form>
	</div>	 
	<div class="col-sm-11 col-sm-offset-1 m-t-10">	
	    <div class="col-xs-12">
          {{$scope.grid[0].pa_prodcode}} {{$scope.grid[0].pr_detail}} {{$scope.grid[0].pr_spec}}                          				     
         </div>       
		<table ng-table="tableParams" 
			class="table table-bordered table-striped ng-table-rowselected col-xs-12" style="font-size:10px;"  >
			<tr>
			  <th width="37%">内箱号</th>
			  <th width="37%">序列号</th>
			  <th width="10%">数量</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} " >
	            <td >{{item.pd_innerboxcode}}</td>
	            <td >{{item.pd_barcode}}</div></td>
	            <td >{{item.pd_innerqty}}</td>
	            <td ><button type="button" class="btn btn-sm btn-default" ng-click="deleteB(item)">删除</button></td>	                 
			</tr>
		</table>
	</div>	        
</div>