addPosonal.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  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" href="../../css/projeck.css">
  11. <style>
  12. @media screen and (-webkit-min-device-pixel-ratio:1.5) {
  13. .aui-list{
  14. background-image:none!important;
  15. }
  16. }
  17. .aui-list.aui-list-in .aui-list-item{
  18. background-size:93% 1px;
  19. }
  20. .aui-list.aui-list-in .aui-list-item:last-child{
  21. background-position:0.75rem bottom;
  22. }
  23. .api_layout .aui-list .aui-list-item{
  24. height: 60px;
  25. line-height: normal;
  26. }
  27. .api_layout .aui-list .aui-list-item-inner{
  28. height: 60px;
  29. line-height: normal;
  30. }
  31. .aui-list-item-arrow:before{
  32. border: 1px solid #939393;
  33. border-top: none;
  34. border-right: none;
  35. }
  36. .col_ p{
  37. font-size: 15px;
  38. color: #121212;
  39. width: 85%;
  40. display: -webkit-box; display: -webkit-flex; display: flex;
  41. -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;
  42. overflow: hidden;
  43. text-overflow: ellipsis;
  44. white-space: nowrap;
  45. }
  46. .col_ p span:last-child{
  47. font-size: 14px;
  48. color: #a7a5bb;
  49. margin-top: 3px;
  50. }
  51. .personal_centerInfo img{
  52. width: 50px;
  53. height: 50px;
  54. margin-right: 10px;
  55. border: 1px solid #f2f2f2;
  56. border-radius: 50%;
  57. }
  58. .personal_center span{
  59. display: block;
  60. }
  61. .personal_center span:first-child{
  62. font-size: 16px;
  63. }
  64. .personal_center span:last-child{
  65. font-size: 15px;
  66. color: #a7a5bb;
  67. }
  68. .personal_centerInfo{
  69. padding: 10px 0 10px 0.75rem ;
  70. background: #fff;
  71. }
  72. </style>
  73. </head>
  74. <body>
  75. <div class="api_layout" id="api_layout">
  76. <!-- <div>
  77. <div class="personal_centerInfo flex-start">
  78. <img src="http://jiewei-icon.oss-cn-beijing.aliyuncs.com/icon/default-avatar.png" alt="">
  79. <div class="personal_center">
  80. <span>张三</span>
  81. <span>李四</span>
  82. </div>
  83. </div>
  84. <ul class="aui-list aui-list-in">
  85. <li class="aui-list-item col_">
  86. <div class="aui-list-item-inner aui-list-item-arrow">
  87. <p>
  88. <span>页面未测试数据,正式数据为接入</span>
  89. <span>2019-06-11</span>
  90. </p>
  91. </div>
  92. </li>
  93. <li class="aui-list-item col_">
  94. <div class="aui-list-item-inner aui-list-item-arrow">
  95. <p>
  96. <span>页面未测试数据,正式数据为接入</span>
  97. <span>2019-06-11</span>
  98. </p>
  99. </div>
  100. </li>
  101. <li class="aui-list-item col_">
  102. <div class="aui-list-item-inner aui-list-item-arrow">
  103. <p>
  104. <span>页面未测试数据,正式数据为接入</span>
  105. <span>2019-06-11</span>
  106. </p>
  107. </div>
  108. </li>
  109. </ul>
  110. </div> -->
  111. </div>
  112. <div class="noText">
  113. <img src="../../image/noText.png" alt="">
  114. </div>
  115. </body>
  116. </html>
  117. <script type="text/template" id="templateQrcode">
  118. {{~it:value}}
  119. <li class="aui-list-item col_" onclick="QRcodeDetaile('{{=value.id}}','{{=value.title}}')">
  120. <div class="aui-list-item-inner aui-list-item-arrow">
  121. <p>{{=value.title}}</p>
  122. </div>
  123. </li>
  124. {{~}}
  125. </script>
  126. <script type="text/javascript" src="../../script/api.js"></script>
  127. <!-- <script src="../../script/aui-toast.js" charset="utf-8"></script> -->
  128. <!-- <script src="../../script/fastclick.min.js" charset="utf-8"></script> -->
  129. <script src="../../script/doT.min.js" charset="utf-8"></script>
  130. <script src="../../script/config.js" charset="utf-8"></script>
  131. <script type="text/javascript">
  132. var toast = new auiToast();
  133. apiready = function () {
  134. var info = $api.getStorage('data'),
  135. token = JSON.parse(info).data.access_token;
  136. };
  137. function seachQrcodeFun1(value) {
  138. // var data = {
  139. // title:value,
  140. // departmentId:'',
  141. // pageNumber:0,
  142. // pageSize:0
  143. // };
  144. // $http.fnReuestData(UrlRouter.seachQrcode,'','get',data,function (ret,err) {
  145. // toast.hide();
  146. // if (ret && ret.code == 200) {
  147. // $apis.html(Qrcode_itme,'#templateQrcode',ret.data)
  148. // }
  149. // })
  150. }
  151. function QRcodeDetaile(pageid,text) {
  152. $event.openWin('QrcodeDetaile','../Qrcode/QrcodeDetaile',{pageId:pageid,id:'',departmentId:'',flag:false,title:text},'');
  153. }
  154. </script>