locationTransfer.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <style>
  2. .m-b-6 {
  3. margin-bottom: 6px;
  4. }
  5. .m-t-6 {
  6. margin-top: 6px;
  7. }
  8. .m-l-10 {
  9. margin-left: 10px;
  10. }
  11. .row {
  12. margin-left: 0px;
  13. margin-right: 0px;
  14. }
  15. .border {
  16. border: solid 1px #DDDDDD;
  17. border-radius: 4px;
  18. }
  19. .selected {
  20. border: solid 2px #0099CC;
  21. }
  22. .order {
  23. border-bottom: solid 1px #0066CC;
  24. }
  25. .error {
  26. border: solid 1px #FF6666;
  27. border-radius: 4px;
  28. }
  29. .form-control{
  30. padding:1px 1px;
  31. }
  32. .form-group{
  33. margin-bottom:5px;
  34. }
  35. .col-xs-1,.col-xs-2,.col-xs-5 ,.col-xs-3,.col-xs-12,.col-xs-4{
  36. padding-left : 1px;
  37. padding-right: 1px;
  38. }
  39. .btn-sm, .btn-group-sm>.btn {
  40. padding: 2px 3px;
  41. }
  42. .text-overflow1 {
  43. word-break:keep-all;/* 不换行 */
  44. white-space:nowrap;/* 不换行 */
  45. overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
  46. text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
  47. }
  48. .ng-table-counts{
  49. display: none;
  50. }
  51. tr strong,tr td {WORD-WRAP:break-word;overflow:hidden;}
  52. .messsage{
  53. color:blue;
  54. }
  55. .modal-header{
  56. padding:5px;
  57. }
  58. </style>
  59. <div ng-controller="LocationTransferCtrl" style="min-height: 400px;">
  60. <div class="row ">
  61. <a ng-href="#/index" class="btn btn-success btn-sm col-md-2 col-xs-2 col-sm-offset-1 col-xs-offset-1" style="
  62. margin-left: 5px;">返回</a>
  63. </div>
  64. <div >
  65. <form class="form-horizontal col-xs-offset-2 col-sm-offset-1 " name="" id="form1">
  66. <div class="form-group">
  67. <label for="whcode" class="col-sm-1 col-xs-2 control-label">仓库</label>
  68. <div class='col-sm-4 col-xs-4 '>
  69. <input type="text" class="form-control" id="whcode" ng-model='whcode' placeholder="仓库" enter-As-Tab required>
  70. </div>
  71. </div>
  72. <div class="form-group">
  73. <label for="barcode" class="col-sm-1 col-xs-2 control-label">条码</label>
  74. <div class='col-sm-4 col-xs-5 '>
  75. <input type="text" class="form-control" id="barcode" ng-model='barcode' placeholder="条码" ng-keyup="enter($event)" enter-As-Tab>
  76. </div>
  77. </div>
  78. <div class="form-group">
  79. <label for="outboxcode" class="col-sm-1 col-xs-2 control-label " >外箱号</label>
  80. <div class='col-sm-3 col-xs-5'>
  81. <input type="text" class="form-control" id="outboxcode" ng-model='outboxcode' ng-keyup="enter($event,outboxcode)" placeholder="外箱号" >
  82. </div>
  83. <button class="btn btn-success btn-sm col-sm-1 m-l-10" ng-click="confirm()" >确认</button>
  84. </div>
  85. </form>
  86. <form class="form-horizontal col-xs-offset-2 col-sm-offset-1 " ng-show="true" name="" >
  87. <div class="form-group" >
  88. <label for="new_location" class="col-sm-1 col-xs-2 control-label">新储位</label>
  89. <div class='col-sm-4 col-xs-5 '>
  90. <input type="text" class="form-control" id="new_location" ng-model='new_location' ng-keyup="enter($event,new_location)" placeholder="新储位" required>
  91. </div>
  92. <button class="btn btn-success btn-sm col-sm-1 m-l-10" ng-click="transfer()" ng-disabled="new_location.$invalid" >转移</button>
  93. </div>
  94. </form>
  95. </div>
  96. <div class="col-sm-11 col-sm-offset-1 m-t-6">
  97. <table ng-table="tableParams"
  98. class="table table-bordered table-striped ng-table-rowselected col-xs-12" style="font-size:10px;" >
  99. <tr>
  100. <th width="15%">料号</th>
  101. <th width="14%">名称</th>
  102. <th width="30%">条码/外箱号</th>
  103. <th width="15%">数量</th>
  104. <th width="">原储位</th>
  105. </tr>
  106. <tr ng-repeat="item in $data"
  107. ng-click="item.$selected = !item.$selected; changeSelection(item)"
  108. ng-class="{'active': item.$selected} " >
  109. <td >{{item.bar_prodcode}}</td>
  110. <td ><div style=" width: 42px;" class="text-overflow1">{{item.pr_detail}}</div></td>
  111. <td >{{item.bar_code}}{{item.pa_outboxcode}}</td>
  112. <td >{{item.bar_remain}}</td>
  113. <td >{{item.bar_location}}</td>
  114. </tr>
  115. </table>
  116. </div>
  117. </div>