refresh.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
  7. <title>关于更新</title>
  8. <link rel="stylesheet" href="../css/mui.min.css">
  9. <link rel="stylesheet" type="text/css" href="../css/reset.css" />
  10. <link rel="stylesheet" href="../css/iconfont.css" />
  11. <style type="text/css">
  12. html {
  13. height: 100%;
  14. }
  15. body,
  16. .mui-content {
  17. height: 100%;
  18. background: #fff;
  19. }
  20. .page {
  21. height: 100%;
  22. overflow: hidden;
  23. }
  24. .logo {
  25. text-align: center;
  26. margin: 7rem 0 4.5rem;
  27. }
  28. .logo>img {
  29. width: 40%;
  30. }
  31. .title {
  32. line-height: 30px;
  33. font-weight: bold;
  34. font-size: 20px;
  35. margin-top: 15px;
  36. letter-spacing: 2px;
  37. }
  38. .version {
  39. font-size: 14px;
  40. }
  41. .innerDiv {
  42. width: 90%;
  43. margin: 0 auto;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <!--<header class="mui-bar mui-bar-nav">
  49. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  50. <h1 class="mui-title">关于</h1>
  51. </header>-->
  52. <div class="mui-content">
  53. <div class="page">
  54. <div class="logo">
  55. <img src="../images/commonLogoTxt.png" alt="智慧农业物联网" />
  56. <div class="title">智慧农业</div>
  57. <div class="version">Version <span></span></div>
  58. </div>
  59. <div class="innerDiv">
  60. <ul class="mui-table-view">
  61. <li class="mui-table-view-cell" id="lookHistory">
  62. <a class="mui-navigate-right">更新记录</a>
  63. </li>
  64. <li class="mui-table-view-cell" id="refresh">
  65. <a class="mui-navigate-right">检查新版本</a>
  66. </li>
  67. </ul>
  68. </div>
  69. </div>
  70. </div>
  71. </body>
  72. <script src="../js/jquery-2.1.0.js"></script>
  73. <script src="../js/mui.min.js"></script>
  74. <script>
  75. var wgtVer;
  76. mui.init();
  77. var userinfoData;
  78. mui.plusReady(function() {
  79. //获取当前版本号
  80. plus.runtime.getProperty(plus.runtime.appid, function(inf) {
  81. wgtVer = inf.version; //获取版本号
  82. $('.version span').html(wgtVer)
  83. getuserinfo()
  84. });
  85. })
  86. document.getElementById('lookHistory').addEventListener('tap', function() {
  87. mui.openWindow({
  88. url:'appUpdateList.html',
  89. id:'appUpdateList'
  90. })
  91. })
  92. document.getElementById('refresh').addEventListener('tap', function() {
  93. if($(this).children().children().length) {
  94. var wait = plus.nativeUI.showWaiting('下载更新中,请勿关闭');
  95. //创建一个下载任务
  96. var dtask = plus.downloader.createDownload("http://www.yfzhwlw.com/app_file/yfApp2.apk", {
  97. method: "GET"
  98. }, function(d, status) {
  99. if(status == 200) {
  100. console.log("Download success: " + d.filename);
  101. plus.runtime.install(d.filename); // 安装下载的apk文件
  102. } else {
  103. mui.alert('更新失败')
  104. // plus.runtime.install('../H5B2852C7_0925104810.apk'); // 安装下载的apk文件
  105. }
  106. wait.close();
  107. });
  108. //开始下载
  109. dtask.start();
  110. } else {
  111. mui.toast('当前已是最新版本')
  112. }
  113. // console.log($(this).children().append('<span class="mui-badge mui-badge-danger">更新</span>'))
  114. })
  115. function getuserinfo() {
  116. mui.ajax('http://192.168.1.11:8000/edition', {
  117. data: {
  118. },
  119. dataType: 'json', //服务器返回json格式数据
  120. type: 'post', //HTTP请求类型
  121. timeout: 10000, //超时时间设置为10秒;
  122. success: function(data) {
  123. var currNum = 0,
  124. newsNum = 0;
  125. var currdver = wgtVer.split('.');
  126. for(var i = 0; i < currdver.length; i++) {
  127. currNum += parseInt(currdver[i]);
  128. }
  129. var newsdver = data.edition_num.split('.');
  130. for(var i = 0; i < newsdver.length; i++) {
  131. newsNum += parseInt(newsdver[i]);
  132. }
  133. if(currNum != newsNum) {
  134. $('#refresh').children().html('检查新版本');
  135. $('#refresh').children().append('<span class="mui-badge mui-badge-danger">更新</span>')
  136. }
  137. },
  138. error: function(xhr, type, errorThrown) {
  139. console.log(type)
  140. }
  141. });
  142. }
  143. //刷新
  144. // document.getElementById('refresh').addEventListener('tap', function() {
  145. // var btnArray = ['确定', '取消'];
  146. // mui.confirm('确定更新到最新版本?', '版本更新', btnArray, function(e) {
  147. // if(e.index == 0) {
  148. // console.log('是');
  149. // } else {
  150. // console.log('否');
  151. // }
  152. // })
  153. //获取当前版本号
  154. // plus.runtime.getProperty(plus.runtime.appid, function(inf) {
  155. // wgtVer = inf.version;//获取版本号
  156. // console.log(wgtVer)
  157. // var wait = plus.nativeUI.showWaiting('下载更新中,请勿关闭');
  158. // //创建一个下载任务
  159. // var dtask = plus.downloader.createDownload( "", {method:"GET"}, function ( d, status ) {
  160. // if ( status == 200 ) {
  161. // console.log( "Download success: " + d.filename );
  162. // plus.runtime.install(d.filename); // 安装下载的apk文件
  163. // }else{
  164. // mui.alert('更新失败')
  165. //// plus.runtime.install('../H5B2852C7_0925104810.apk'); // 安装下载的apk文件
  166. // }
  167. // wait.close();
  168. // });
  169. // //开始下载
  170. // dtask.start();
  171. // });
  172. // })
  173. </script>
  174. </html>