produce.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>产品</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. <link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
  10. <link rel="stylesheet" href="../../../css/common/common.css">
  11. <link rel="stylesheet" type="text/css" href="../../../css/index/index-product/product.css" />
  12. </head>
  13. <body>
  14. <header id="header" class="mui-bar mui-bar-nav">
  15. <a class="mui-action-back mui-icon mui-icon-arrowleft">
  16. <span class="back">返回</span>
  17. </a>
  18. <h1 class="mui-title">产品</h1>
  19. </header>
  20. <div class="mui-content">
  21. <!--搜索框-->
  22. <div class="mui-input-row mui-search">
  23. <input type="search" class="mui-input-clear" placeholder="Search">
  24. </div>
  25. <div class="sign">
  26. <ul class="mui-table-view">
  27. </ul>
  28. </div>
  29. </div>
  30. <script src="../../../libs/mui.min.js"></script>
  31. <script type="text/javascript">
  32. window.onload = function() {
  33. mui.plusReady(function() {
  34. var str = plus.storage.getItem('user');
  35. var user = JSON.parse(str);
  36. var token = user.Data.Token;
  37. var postdata = {
  38. exist: "-1",
  39. pageIndex: 1, //页码
  40. pageSize: 1000, //页码大小
  41. }
  42. mui.ajax("http://www.bosshand.cn/api/Customer/GetProductSKUPageList", {
  43. headers: {
  44. authorization: token
  45. },
  46. type: "post",
  47. data: postdata,
  48. success: function(data) {
  49. var data = data.Data.list
  50. var html = '';
  51. for(var i = 0; i < data.length; i++) {
  52. html += '<li class="mui-table-view-cell" onclick="oPenDetails(' + data[i].Code + ')">'
  53. html += '<img class="mui-media-object mui-pull-left" src="http://www.bosshand.cn' + data[i].SkuIcon + '">'
  54. html += '<div class="mui-media-body">' + data[i].ProductName + '</div>'
  55. html += '<p class="mui-ellipsis">' + data[i].SkuName + '</p>'
  56. html += '</li>'
  57. }
  58. mui('.mui-table-view')[0].innerHTML = html
  59. },
  60. error: function(xhr, status) {
  61. }
  62. });
  63. })
  64. }
  65. function oPenDetails(code) {
  66. mui.openWindow({
  67. url: '../home-index-produce/produce-details.html',
  68. extras: {
  69. code: code
  70. },
  71. createNew: true, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示
  72. show: {
  73. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  74. },
  75. waiting: {
  76. autoShow: false, //自动显示等待框,默认为true
  77. }
  78. })
  79. }
  80. </script>
  81. </body>
  82. </html>