checkBarcode.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <style>
  2. .m-b-6 {
  3. margin-bottom: 6px;
  4. }
  5. .m-b-3 {
  6. margin-bottom: 5px;
  7. }
  8. .m-t-6 {
  9. margin-top: 6px;
  10. }
  11. .m-l-10 {
  12. margin-left: 10px;
  13. }
  14. .m-l-15 {
  15. margin-left: 15px;
  16. }
  17. .row {
  18. margin-left: 0px;
  19. margin-right: 0px;
  20. }
  21. .border {
  22. border: solid 1px #DDDDDD;
  23. border-radius: 4px;
  24. }
  25. .col-xs-7, .col-xs-2,.col-xs-4,.col-xs-3,.col-xs-6 {
  26. padding-left:1px;
  27. padding-right:1px;
  28. }
  29. input{
  30. line-height:28px;
  31. }
  32. .text-overflow {
  33. word-break:keep-all;/* 不换行 */
  34. white-space:nowrap;/* 不换行 */
  35. overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
  36. text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
  37. }
  38. </style>
  39. <div ng-controller="CheckCtrl" style="min-height: 400px;">
  40. <div><a ng-href="#/checkContents" class="m-l-15 btn btn-success btn-sm m-t-6 m-b-6" > 返回 </a></div>
  41. <div style="margin-bottom:12px">
  42. <input type="text" class="col-xs-6 m-l-15 " id="barcode" ng-model="barcode" placeholder="条码号" ng-keyup="searchBarcode($event)" required>
  43. <input type="text" class="col-xs-2 m-l-10" id="whcode" ng-model="whcode" placeholder="仓库" ng-keyup="searchBarcode($event)" >
  44. <button class="btn btn-success btn-sm m-l-10 " ng-click="checkBarcode(barcode,whcode)" >查找</button>
  45. </div>
  46. <div ng-show="barData" class="col-xs-offset-2" style="font-size:14px;">
  47. <div class="col-xs-3 ">条码号:</div>
  48. <div class="col-xs-7">{{barData.bar_code}}</div>
  49. <div class="col-xs-3" >数量:</div>
  50. <div class="col-xs-7">{{barData.bar_remain}}{{barData.pr_unit}}</div>
  51. <div class="col-xs-3" >规格:</div>
  52. <div class="col-xs-7 text-overflow ">{{barData.pr_spec}}</div>
  53. <div class="col-xs-3" >批号:</div>
  54. <div class="col-xs-7 ">{{barData.bar_batchcode}}</div>
  55. <div class="col-xs-3">料号:</div>
  56. <div class="col-xs-7"> {{barData.bar_prodcode}}</div>
  57. <div class="col-xs-3" >名称:</div>
  58. <div class="col-xs-7 text-overflow ">{{barData.pr_detail}}</div>
  59. <div class="col-xs-3">仓库:</div>
  60. <div class="col-xs-7">{{barData.bar_whcode}}</div>
  61. <div class="col-xs-12">
  62. <div class="col-xs-3">供应商:</div>
  63. <div class="col-xs-7">{{barData.ve_shortname}}</div>
  64. </div>
  65. <div ng-show="false">
  66. <div class="col-xs-4">储位:</div>
  67. <div class="col-xs-6">{{barData.bar_location}} </div>
  68. </div>
  69. </div>
  70. </div>