settings.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>SIMC 终端控制系统</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <!--标准mui.css-->
  10. <link rel="stylesheet" href="css/mui.min.css">
  11. <!--App自定义的css-->
  12. <link rel="stylesheet" type="text/css" href="css/app.css" />
  13. <style>
  14. .mui-content-padded{
  15. padding: 2px 0;
  16. }
  17. .mui-row{
  18. font-size: 20px;
  19. }
  20. .mui-col-xs-3{
  21. padding: 2px 2px;
  22. }
  23. .mui-content {
  24. padding: 10px 10px 0 10px;
  25. background-color: rgba(255, 255, 255, 0);
  26. }
  27. .mui-input-group{
  28. background-color: rgba(255, 255, 255, 0);
  29. color: #FFFFFF;
  30. }
  31. .mui-content-padded a {
  32. width: 50px;
  33. height: 50px;
  34. display: inline-block;
  35. text-align: center;
  36. background-color: #103543;
  37. border: 1px solid #FFF;
  38. border-radius: 25px;
  39. background-clip: padding-box;
  40. }
  41. .mui-content-padded a .mui-icon {
  42. margin-top: 12px;
  43. }
  44. </style>
  45. </head>
  46. <body style="background-image: url(img/bg.png);">
  47. <div id="title" style="height: 4%;text-align: center;padding-top: 10px;padding-bottom: 5px;background: url(img/title_bg.png) no-repeat 0 17px;background-size:100%;">
  48. <a style="color: #FFFFFF;font-size: 20px;">华力西曼克</a>
  49. </div>
  50. <div class="mui-content">
  51. <div class="mui-content-padded" style="height:auto;min-height: 459px;">
  52. <form class="mui-input-group">
  53. <div class="mui-input-row">
  54. <label>IP地址</label>
  55. <input type="text" id="ip" placeholder="请填写IP地址" value="">
  56. </div>
  57. <div class="mui-input-row">
  58. <label>agvID</label>
  59. <input type="text" id="agvid" placeholder="请填写agvID" value="">
  60. </div>
  61. <div class="mui-input-row">
  62. <label>mapID</label>
  63. <input type="text" id="mapid" placeholder="请填写mapID" value="">
  64. </div>
  65. <div class="mui-button-row">
  66. <button id="update" type="button" class="mui-btn mui-btn-success">应用更新</button>&nbsp;&nbsp;
  67. <button id="default" type="button" class="mui-btn mui-btn-default">默认值</button>&nbsp;&nbsp;
  68. <button id="confirm" type="button" class="mui-btn mui-btn-primary">确认</button>&nbsp;&nbsp;
  69. <button id="cancel" type="button" class="mui-btn mui-btn-danger">取消</button>
  70. </div>
  71. </form>
  72. </div>
  73. <div class="mui-content-padded">
  74. <div class="mui-row">
  75. <div class="mui-col mui-col-xs-12" style="text-align:center;">
  76. <a href="index.html">
  77. <span class="mui-icon mui-icon-arrowright" style="color: #fff;"></span>
  78. </a>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </body>
  84. <script src="js/mui.js"></script>
  85. <script src="js/jquery.min.js"></script>
  86. <script src="js/mui.min.js"></script>
  87. <script>
  88. $(function() {
  89. if (localStorage.getItem("ip") != "" || localStorage.getItem("ip") != null) {
  90. $("#ip").val(localStorage.getItem("ip"))
  91. }
  92. if (localStorage.getItem("agvid") != "" || localStorage.getItem("agvid") != null) {
  93. $("#agvid").val(localStorage.getItem("agvid"));
  94. }
  95. if (localStorage.getItem("mapid") != "" || localStorage.getItem("mapid") != null) {
  96. $("#mapid").val(localStorage.getItem("mapid"));
  97. }
  98. })
  99. $("#default").click(function() {
  100. if (localStorage.getItem("defaultip") == "" || localStorage.getItem("defaultip") == null) {
  101. defaultip = "192.168.66.4";
  102. } else {
  103. defaultip = localStorage.getItem("defaultip");
  104. }
  105. $("#ip").val(defaultip);
  106. $("#agvid").val("1");
  107. $("#mapid").val("2020032608412704");
  108. })
  109. $("#cancel").click(function() {
  110. window.location.href = "index.html";
  111. })
  112. $("#confirm").click(function() {
  113. var ip = $("#ip").val();
  114. var agvid = $("#agvid").val();
  115. var mapid = $("#mapid").val();
  116. if (ip != "" && ip != null) {
  117. localStorage.setItem("ip", ip);
  118. localStorage.setItem("defaultip", ip);
  119. }
  120. if (agvid != "" && agvid != null) {
  121. localStorage.setItem("agvid", agvid);
  122. }
  123. if (mapid != "" && mapid != null) {
  124. localStorage.setItem("mapid", mapid);
  125. }
  126. window.location.href = "index.html";
  127. })
  128. mui.init()
  129. $("#update").click(function() {
  130. dowload()
  131. })
  132. function dowload() {
  133. var options = {
  134. method: "GET"
  135. };
  136. dtask = plus.downloader.createDownload("http://192.168.1.230:3000/wcs/agv-summoner/raw/master/releases/agv-summoner.apk", options);
  137. dtask.addEventListener("statechanged", function(task, status) {
  138. switch (task.state) {
  139. case 1: // 开始
  140. mui.toast("开始下载...")
  141. break;
  142. case 2: // 已连接到服务器
  143. mui.toast("连接到服务器...")
  144. break;
  145. case 3: // 已接收到数据
  146. //alert(task.downloadedSize) // 已下载文件大小
  147. //alert(task.totalSize) // 文件大小
  148. break;
  149. case 4: // 下载完成
  150. mui.toast("下载完成!")
  151. //console.log(task.totalSize)
  152. plus.io.resolveLocalFileSystemURL(task.filename, function(entry) {
  153. if (entry.isFile) {
  154. plus.runtime.install(entry.toLocalURL(), {}, function() {
  155. alert("安装成功")
  156. entry.remove();//删除文件
  157. }, function() {
  158. alert("安装失败")
  159. });
  160. } else {
  161. // 不存在
  162. alert("文件不存在")
  163. }
  164. //alert(entry.toLocalURL()+"") // 显示下载的文件存储绝对地址
  165. //console.log(entry.toLocalURL()) //绝对地址
  166. }, function(e) {});
  167. //alert(task.filename) // 显示下载好的文件名称
  168. //console.log("task.filename", task.filename)
  169. break;
  170. }
  171. });
  172. dtask.start();
  173. }
  174. </script>
  175. </html>