app.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title></title>
  6. <meta
  7. name="viewport"
  8. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
  9. />
  10. <link href="./css/mui.min.css" rel="stylesheet" />
  11. <link rel="stylesheet" type="text/css" href="./css/loading.css" />
  12. </head>
  13. <body>
  14. <div id="app">
  15. <header class="mui-bar mui-bar-nav" style="z-index: 999">
  16. <h1 class="mui-title">盘点-离线</h1>
  17. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  18. </header>
  19. <div class="mui-content">
  20. <div class="mui-row">
  21. <div @click="offlineInventory" class="mui-col-sm-4 mui-col-xs-4">
  22. <div class="menu-icon" style="text-align: center">
  23. <span
  24. class="mui-icon mui-icon-compose"
  25. style="color: green; text-align: center"
  26. ></span>
  27. </div>
  28. <p class="menu-text" style="text-align: center">离线盘点</p>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <script type="text/javascript" src="./js/UrlApi.js"></script>
  34. <script
  35. src="./js/loading.js"
  36. type="text/javascript"
  37. charset="utf-8"
  38. ></script>
  39. <script src="./js/mui.js"></script>
  40. <script
  41. src="./js/jquery-2.2.0.min.js"
  42. type="text/javascript"
  43. charset="utf-8"
  44. ></script>
  45. <script
  46. src="./js/promise.min.js"
  47. type="text/javascript"
  48. charset="utf-8"
  49. ></script>
  50. <script src="./js/mui.picker.js"></script>
  51. <script src="./js/mui.poppicker.js"></script>
  52. <script
  53. src="./js/common.js"
  54. type="text/javascript"
  55. charset="utf-8"
  56. ></script>
  57. <script
  58. src="./js/vue.min.js"
  59. type="text/javascript"
  60. charset="utf-8"
  61. ></script>
  62. <script src="./js/vue.min.js"></script>
  63. <script
  64. src="./js/index.db.js"
  65. type="text/javascript"
  66. charset="utf-8"
  67. ></script>
  68. <script src="./js/loading.js"></script>
  69. <script src="./js/uuid.js" type="text/javascript" charset="utf-8"></script>
  70. <script type="text/javascript" src="./js/RfidMiddlewareApi.js"></script>
  71. <script type="text/javascript" src="./js/ZXingScannerApi.js"></script>
  72. <script type="text/javascript" src="./js/UrlApi.js"></script>
  73. <script
  74. src="./js/vue-tap.js"
  75. type="text/javascript"
  76. charset="utf-8"
  77. ></script>
  78. <script type="text/javascript">
  79. mui.init();
  80. var app = new Vue({
  81. el: "#app",
  82. data: {},
  83. methods: {
  84. /**
  85. * 跳转离线盘点页面
  86. */
  87. offlineInventory: function () {
  88. window.location.href = "./pages/check/Menu.html";
  89. },
  90. },
  91. mounted: function () {
  92. var _self = this;
  93. if(!plugin.urlApi.getApiUrl()){
  94. const ip = Common.getRootPath();
  95. localStorage.setItem("ipServer", ip);
  96. console.log(ip)
  97. } else {
  98. localStorage.setItem("ipServer", plugin.urlApi.getApiUrl());
  99. }
  100. _self.offlineInventory()
  101. },
  102. });
  103. </script>
  104. <style scoped>
  105. table {
  106. table-layout: fixed;
  107. text-align: center;
  108. vertical-align: middle;
  109. position: relative;
  110. width: 100%;
  111. }
  112. table thead th {
  113. height: 50px;
  114. text-align: center;
  115. border-bottom: 1px solid gainsboro;
  116. }
  117. table td {
  118. border: 0;
  119. padding: 15px;
  120. position: relative;
  121. font-size: smaller;
  122. border-bottom: 1px solid gainsboro;
  123. }
  124. table tr td {
  125. overflow: hidden;
  126. white-space: nowrap;
  127. text-overflow: ellipsis;
  128. -o-text-overflow: ellipsis;
  129. -moz-text-overflow: ellipsis;
  130. -webkit-text-overflow: ellipsis;
  131. }
  132. .menu-icon {
  133. width: 100%;
  134. height: 50px;
  135. margin: 0 auto;
  136. width: 100px;
  137. border-radius: 0px;
  138. margin-top: 15px;
  139. }
  140. .menu-icon span {
  141. font-size: 26px;
  142. line-height: 50px;
  143. margin: 0px;
  144. width: 100%;
  145. color: #122b40;
  146. }
  147. </style>
  148. </body>
  149. </html>