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

<style>
	.m-b-6 {
		margin-bottom: 6px;
	}
	.m-t-6 {
		margin-top: 6px;
	}
	.m-l-30 {
		margin-left: 30px;
	}
	
	.m-l-10 {
		margin-left:10px;
	}
	.row { 
		margin-left: 0px;
		margin-right: 0px;
	}
	.border {
		border: solid 1px #DDDDDD;
		border-radius: 4px;
	}
	.selected {
		border: solid 2px #0099CC;
	}
	.order {
		border-bottom: solid 1px #0066CC;
	}
	.error {
		border: solid 1px #FF6666;
		border-radius: 4px;
	}
	.form-control{	 
	  padding:1px 1px;
	}
	
	.form-group{
	     margin-bottom:5px;
	}

	.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-5 ,.col-xs-12,.col-xs-4,.col-xs-8,.col-xs-6{
	    padding-left : 1px;
	    padding-right: 1px;	
	}
	
	.btn-sm, .btn-group-sm>.btn {
		padding: 2px 3px;
	}
	
  .text-overflow {
    width:100px;
    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;一起使用。*/
    }
    
    .ng-table-counts{
      display: none;
    }
    tr strong,tr td {WORD-WRAP:break-word;overflow:hidden;}
     .messsage{
       color:blue;
    }
    .modal-header{
       padding:5px;
    }
</style>

<div ng-controller="OutMMOperationCtrl" style="min-height: 400px;">	
	 <script type="text/ng-template" id="prodModalContent.html">  
         <div class="modal-header">  
                          搜索物料 
         </div>  
         <div class="modal-body"> 
            <p>搜索：<input type="text" ng-model="search"></p>
            <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>  
   <script type="text/ng-template" id="billModalContent.html">  
         <div class="modal-header">  
             <p>请选择单据</p>
         </div>  
         <div class="modal-body">           
            <table id='tableResult' cellspacing='0' cellpadding='3' class="">
                <thead>
                   <tr style='background-color : #eee;'>
                       <td style='width : 140px; '> 单号  </td>
                       <td style='width : 104px;'> 类型  </td>
                   </tr>
                </thead>
               <tr ng-repeat='item in items'  ng-click="selectBill(item)">
                 <td style='width : 140px;' > {{item.PI_INOUTNO}} </td>
                 <td>{{item.PI_CLASS }} </td>
               </tr>
            </table>
         </div>  
         <div class="modal-footer">  
             <button class="btn-xs btn-warning" ng-click="cancel()">取消</button>  
         </div>  
 </script> 
 <script type="text/ng-template" id="myModalContent.html">       
        <div class="modal-body row"> 
                 原条码：{{items[0].or_barcode}} 数量:{{items[0].or_qty}}
            <table>
               <thead>
                   <tr style='background-color : #eee;'>
                       <td>    新条码号              </td>
			           <td>     数量              </td>
                   </tr>
                </thead>
              <tr ng-repeat="item in items" >
               <td>   {{item.bar_code}}        </td>
			   <td>   {{item.bar_remain}}      </td>
              </tr>
           </table>
         </div>  
         <div class="modal-footer">  
             <button class="btn-sm btn-success" ng-click="print()">打印</button> 
             <button class="btn-sm btn-warning col-xs-offset-1" ng-click="selectBill(items)">关闭</button>  
         </div>  
</script>   
	<div class="row ">
	     <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 btn-sm col-xs-offset-1" ng-click='print()' >打印</button>
		 </div>
	</div>
	<div ng-show="order" class="m-b-6 m-t-6" >
	    <span class="f-16 col-md-2 col-xs-1 red"><b>{{detno}}</b></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 text-overflow1" ng-show="pr_spec">{{pr_spec}}</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 col-sm-offset-1 " name="form" >		                      
           <div class="form-group">
              <label for="bi_barcode" class="col-sm-1 col-xs-2 control-label">条码</label>
              <div class='col-sm-4 col-xs-6 '>
             	<input type="text" class="form-control" id="bi_barcode" ng-model='bi_barcode' placeholder="条码"autofocus="autofocus">
              </div>                       
           </div> 
           <div class="form-group">
              <label for="bi_outboxcode" class="col-sm-1 col-xs-2 control-label">箱号</label>
              <div class='col-sm-4 col-xs-6 '>
             	<input type="text" class="form-control" id="bi_outboxcode" ng-model='bi_outboxcode' placeholder="箱号" >
              </div>                            
           </div> 
           <div class="form-group">           
              <label for="pr_fbzs" class="col-sm-1 col-xs-2 control-label"> 剩余数:  </label>
              <div class='col-sm-3 col-xs-2'>
                	{{pr_fbzs}}  	
              </div>    
                <a class="btn btn-success btn-sm col-sm-1 m-l-30" ng-href="#/breakingBatch">拆批</a>	         
              <button class="btn btn-success btn-sm col-sm-1 m-l-30" ng-click="scan()" ng-disabled="form.$invalid" >确认</button>	              
           </div>               					
        </form>
	</div>	     
	 <div ng-show="barcodes" class="messsage col-xs-12">
     	 <div class="col-xs-8 m-l-10 ">{{barcodes.bi_barcode}}{{barcodes.bi_outboxcode}}</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 "  >
			<tr >
			<th width="10%">行</th>
			<th width="30%">批号</th>
			<th width="35%">规格</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_OUTQTY != 0">
	            <td >{{item.PD_PDNO}}</td>
	            <td >{{item.PD_BATCHCODE}}</td>
	            <td ><div class="text-overflow ">{{item.PR_SPEC}}</div></td>
	            <td  >{{item.PD_OUTQTY}}</td>	           
			</tr>
		</table>
	</div>
</div>