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

<style>
	.m-b-6 {
		margin-bottom: 6px;
	}
	.m-t-6 {
		margin-top: 6px;
	}
	.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-5 ,.col-xs-3,.col-xs-12,.col-xs-4,.col-xs-6,.col-xs-8{
	    padding-left : 1px;
	    padding-right: 1px;	
	}
	
	.btn-sm, .btn-group-sm>.btn {
		padding: 2px 3px;
	}
	
  .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;一起使用。*/
    }
    
    .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="InMMOperationCtrl" 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 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>		     
		 <button type="button"  ng-show="order"  class="btn btn-success btn-sm col-xs-offset-2" ng-click="getList(order.PI_INOUTNO)">已采集列表 </button>
		 <button type="button" ng-show="order"  class="btn btn-success btn-sm col-xs-offset-2" ng-click='submitGet()' >提交采集</button>
	</div>
	  <div ng-show="order" class="row  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" ng-bind="bi_prodcode"><b></b></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="scanProductForm" id="form1">
           <div class="form-group">
             <label for="bi_barcode" class="col-sm-1 col-xs-2 control-label" name="required-label">条码</label>
             <div class='col-sm-4 col-xs-5 '>
             	<input type="text" class="form-control" id="bi_barcode" ng-model='bi_barcode' placeholder="条码"  ng-keyup="enter($event)" required enter-As-Tab autofocus="autofocus">
             </div>
             <!--  <label for="bi_location" class="col-sm-1 col-xs-2 m-l-10 control-label nec" >储位</label>
             <div class='col-sm-3 col-xs-2'>
             	<input type="text" class="form-control" id="bi_location" ng-model='bi_location' ng-keyup="enter($event,bi_barcode)" placeholder="扫描储位标签" required>
             </div> -->
           </div>
           <div class="form-group">
             <label for="bi_inqty" class="col-sm-1 col-xs-2 control-label " name="required-label">数量</label>
             <div class='col-sm-3 col-xs-3 '>
             	<input type="text" class="form-control" id="bi_inqty" ng-model='bi_inqty'  ng-pattern="/^\+?[1-9][0-9]*$/"  placeholder="最小包装数" required>
             </div>    
              <label for="pr_fbzs" class="col-sm-1 col-xs-2 m-l-10 control-label"> 剩余数: </label>
              <div class='col-sm-3 col-xs-2'>
             	 {{pr_fbzs}}
              </div>
              <button class="btn btn-success btn-sm col-sm-1 m-l-10" ng-click="scan()" ng-disabled="scanProductForm.$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 text-overflow1 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="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>