equip_allot_info.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  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,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
  8. <link href="../css/mui.min.css" rel="stylesheet" />
  9. <link rel="stylesheet" type="text/css" href="../css/common.css" />
  10. <style type="text/css">
  11. .nullData {
  12. top: 45px;
  13. }
  14. .allotBtn{
  15. display: none;
  16. }
  17. .equipTitle {
  18. color: #21b2e7;
  19. font-size: 14px;
  20. }
  21. .mui-table-view-cell p {
  22. color: #333;
  23. font-size: 16px;
  24. margin-top: 4px;
  25. }
  26. .mui-content>.mui-table-view:first-child{
  27. margin-top: 0;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <header class="mui-bar mui-bar-nav">
  33. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  34. <h1 class="mui-title" id="title"></h1>
  35. <a class="headRightIcon fa fa-sitemap mui-pull-right" id="allotBtn">分配</a>
  36. </header>
  37. <div class="mui-content">
  38. <!--<input type="hidden" name="userId" id="userId" value="" />-->
  39. <ul class="mui-table-view" id="equip">
  40. </ul>
  41. </div>
  42. <script src="../js/jquery-2.1.0.js"></script>
  43. <script src="../js/mui.min.js"></script>
  44. <script src="../js/common.js"></script>
  45. <script type="text/javascript">
  46. var userId;
  47. mui.init();
  48. mui.plusReady(function() {
  49. var self = plus.webview.currentWebview();
  50. console.log(self.userId);
  51. userId = self.userId;
  52. pulldownRefresh()
  53. })
  54. function pulldownRefresh(){
  55. mui.ajax('http://120.27.222.26/app_usermanage_detail', {
  56. data: {
  57. userId: userId,
  58. },
  59. dataType: 'json', //服务器返回json格式数据
  60. type: 'post', //HTTP请求类型
  61. timeout: 10000, //超时时间设置为10秒;
  62. success: function(data) {
  63. $('#allotBtn').show();
  64. $('.nullData').remove();
  65. $('#title').html(data.username+'用户');
  66. var tel = data.tel || '暂未填写';
  67. var usertype;
  68. if(data.usertype == 0){
  69. usertype = '超级管理员';
  70. }else if(data.usertype == 1){
  71. usertype = '管理员';
  72. }else if(data.usertype == 2){
  73. usertype = '用户';
  74. }
  75. var is_use = data.is_active?'不可用':'可用';
  76. var html = '<li class="mui-table-view-cell" id="123456"><span class="equipTitle">用户名</span><p>'+data.username+'</p></li>'+
  77. '<li class="mui-table-view-cell" id="11"><span class="equipTitle">用户邮箱</span><p>'+data.email+'</p></li>'+
  78. '<li class="mui-table-view-cell" id="22"><span class="equipTitle">用户电话</span><p>'+tel+'</p></li>'+
  79. '<li class="mui-table-view-cell" id="22"><span class="equipTitle">用户类型</span><p>'+usertype+'</p></li>'+
  80. '<li class="mui-table-view-cell" id="22"><span class="equipTitle">是否可用</span><p>'+is_use+'</p></li>'+
  81. '<li class="mui-table-view-cell" id="22"><span class="equipTitle">创建时间</span><p>'+data.creatTime+'</p></li>';
  82. $('#equip').html(html);
  83. },
  84. error: function(xhr, type, errorThrown) {
  85. $('#allotBtn').hide();
  86. $('#equiplist').empty();
  87. mui('.mui-content')[0].appendChild(netStyle('../images/error.png'));
  88. mui.toast('数据请求失败');
  89. }
  90. });
  91. }
  92. mui('.mui-bar').on('tap','.fa-sitemap',function(){
  93. if(userId){
  94. mui.openWindow({
  95. url:'equip_allot_item.html',
  96. id:'equip_allot_item',
  97. extras: {
  98. userId: userId
  99. }
  100. })
  101. }else{
  102. mui.toast('当前设备请求失败');
  103. }
  104. })
  105. </script>
  106. </body>
  107. </html>