collectionList.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title>生产数据</title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
  9. <!--<link rel="stylesheet" type="text/css" href="../../css/aui.css"/>-->
  10. <link rel="stylesheet" type="text/css" href="../../css/popoPicker.css"/>
  11. <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
  12. <link rel="stylesheet" href="../../css/projeck.css">
  13. <style>
  14. body,html{
  15. background: #F5F5F5;
  16. }
  17. .api_layout{
  18. /*border-top: 1px solid #37b0e9;*/
  19. /*padding: 13px 10px;*/
  20. -webkit-box-sizing: border-box;
  21. -moz-box-sizing: border-box;
  22. box-sizing: border-box;
  23. }
  24. .collectionl_listContainer {
  25. display: flex;
  26. justify-content: space-between;
  27. align-items: center;
  28. background: #fff;
  29. padding: 10px;
  30. margin-top: 5px;
  31. }
  32. .collectionl_listContainer div:first-child {
  33. display: flex;
  34. justify-content: flex-start;
  35. align-items: center;
  36. margin-left: 15px;
  37. }
  38. .collectionl_listContainer div:first-child .page_name {
  39. margin-left: 10px;
  40. }
  41. .collectionl_listContainer div:first-child img{
  42. width: 45px;
  43. height: 45px;
  44. }
  45. .collectionl_listContainer div:last-child {
  46. margin-right: 20px;
  47. }
  48. .collectionl_listContainer div:last-child img {
  49. width: 15px;
  50. height: 15px;
  51. }
  52. </style>
  53. </head>
  54. <body>
  55. <div class="api_layout">
  56. <div id="collectionListContainer"></div>
  57. </div>
  58. <script type="text/template" id="collectionListTemplate">
  59. {{~it:value}}
  60. <div class="collectionl_listContainer" onclick="openBrowseQrcode('{{=value.pageId}}','{{=value.pageName}}')">
  61. <div>
  62. <img src="{{=value.url}}" alt="">
  63. <div class="page_name">{{=value.pageName}}</div>
  64. </div>
  65. <div><img src="../../image/more.png" alt=""></div>
  66. </div>
  67. {{~}}
  68. </script>
  69. <script src="../../script/api.js"></script>
  70. <script src="../../script/popoPicker.js"></script>
  71. <script src="../../script/doT.min.js"></script>
  72. <script src="../../script/f2.js"></script>
  73. <script src="../../script/config.js"></script>
  74. <script>
  75. var userNo = '';
  76. apiready = function () {
  77. var info = $api.getStorage('data');
  78. userNo = JSON.parse(info).data.user.staff_num;
  79. api.addEventListener({
  80. name: 'getCollectionListEvent'
  81. }, function(ret, err) {
  82. getCollectionList()
  83. });
  84. getCollectionList()
  85. };
  86. function getCollectionList() {
  87. let query = {
  88. userNo: userNo,
  89. pageNum: 1,
  90. pageSize: 10
  91. }
  92. $http.requestDataLoging(UrlRouter.getSelectPageCollect,'get',query).then(res => {
  93. if(res.status === 20000) {
  94. $apis.html(collectionListContainer, '#collectionListTemplate', res.data);
  95. }
  96. }).catch(err => {
  97. console.log(JSON.stringify(err));
  98. })
  99. }
  100. // 详情
  101. function openBrowseQrcode(pageId,pageName) {
  102. $event.openWin('browseQrcode_win','../browseQrcode/browseQrcode_win',{pageId:pageId,title:pageName},'');
  103. }
  104. </script>
  105. </body>
  106. </html>