tuanduishezhi.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>团队设置</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
  12. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  13. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  14. <link rel="stylesheet" href="../css/tuandui.css" type="text/css" />
  15. <link rel="stylesheet" href="../css/tuanduishezhi.css" type="text/css" />
  16. </head>
  17. <body>
  18. <!--
  19. 作者:lcl0338@126.com
  20. 时间:2016-09-18
  21. 描述:头部
  22. -->
  23. <div class="h45">
  24. <div class="demo-comtop">
  25. <a class="mui-action-back"></a>
  26. <h1 id="teamName"></h1>
  27. </div>
  28. </div>
  29. <!--
  30. 作者:lcl0338@126.com
  31. 时间:2016-09-18
  32. 描述:列表内容
  33. -->
  34. <div id="wrapper" style="top:46px;">
  35. <div id="scroller">
  36. <!--
  37. 作者:lcl0338@126.com
  38. 时间:2016-09-29
  39. 描述:暂时隐藏
  40. -->
  41. <!--<div id='teamNameWrapper' class="lin-frm-row">
  42. <div class="lin-title">团队名称</div>
  43. <div id="teamName" class="lin-cont"></div>
  44. <div class="lin-arrow"></div>
  45. </div>
  46. <div class="lin-frm-row" style="margin-top: 15px;">
  47. <div class="lin-title">团队成员</div>
  48. <div id="memberNum" class="lin-cont" style="text-align: left;"> (10人)</div>
  49. </div>-->
  50. <ul class="lin-g-member">
  51. <!--
  52. 作者:lcl0338@126.com
  53. 时间:2016-09-29
  54. 描述:暂时隐藏
  55. -->
  56. <!--<li id='addBtn'><img src="../images/yaoqing_icon.png"><p>邀请</p></li>-->
  57. </ul>
  58. </div>
  59. </div>
  60. </body>
  61. <script type="text/html" id="members_tmpl">
  62. {{each data as v i}}
  63. <li class="member" data-type="{{v.type}}" data-code="{{v.code}}"><img src="{{v.photo | setPhoto}}"><p>{{v.name}}</p></li>
  64. {{/each}}
  65. </script>
  66. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  67. <script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
  68. <script src="../../../js/mui.min.js" type="text/javascript"></script>
  69. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  70. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  71. <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
  72. <script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
  73. <script>
  74. (function(doc, win) {
  75. var docEl = doc.documentElement,
  76. resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  77. recalc = function() {
  78. var clientWidth = docEl.clientWidth;
  79. if(!clientWidth) return;
  80. docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
  81. };
  82. if(!doc.addEventListener) return;
  83. win.addEventListener(resizeEvt, recalc, false);
  84. doc.addEventListener('DOMContentLoaded', recalc, false);
  85. })(document, window);
  86. var teamCode, teamName, self;
  87. mui.plusReady(function(){
  88. self = plus.webview.currentWebview();
  89. loaded();
  90. if(self.members){
  91. memberTotal = self.members.length;
  92. setTeamName(self.teamName, memberTotal);
  93. $('.lin-g-member').prepend(template('members_tmpl', {data: self.members}));
  94. myScroll.refresh();
  95. } else {
  96. setTeamName(self.teamName, 0);
  97. teamCode = self.teamCode;
  98. initMembers();
  99. }
  100. })
  101. /**
  102. * 初始化iscroll
  103. */
  104. function loaded () {
  105. document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
  106. myScroll = new IScroll('#wrapper', { probeType: 3, mouseWheel: true });
  107. }
  108. function setTeamName(name, num){
  109. teamName = name;
  110. $('#teamName').html(teamName+ "("+ num + "人)");
  111. }
  112. var memberTotal;
  113. function initMembers(){
  114. sendGet("/doctor/admin-teams/"+ teamCode +"/members", {}, null, function(res){
  115. if(res.status==200){
  116. /*$('#memberNum').html(' ('+ res.data.length+'人)');*/
  117. setTeamName(teamName, res.data.length);
  118. memberTotal = res.data.length;
  119. $('.lin-g-member').prepend(template('members_tmpl', res));
  120. myScroll.refresh();
  121. }
  122. else
  123. mui.toast(res.msg);
  124. })
  125. }
  126. /**
  127. * 团队名称点击事件
  128. */
  129. $('#teamNameWrapper').on('tap', function(){
  130. mui.openWindow({
  131. url: "bianji.html",
  132. extras: {
  133. teamCode: teamCode,
  134. teamName: teamName
  135. }
  136. })
  137. })
  138. /**
  139. * 点击添加事件
  140. */
  141. $('#addBtn').on('tap', function(){
  142. mui.openWindow({
  143. url: "tianjiachengyuan.html",
  144. id: "tianjiachengyuan.html",
  145. extras: {teamCode: teamCode}
  146. });
  147. })
  148. /**
  149. * 点击成员事件
  150. */
  151. $('.lin-g-member').on('tap', 'li.member', function(){
  152. if(self.type == 2)
  153. return;
  154. var type = $(this).attr('data-type');
  155. var code = $(this).attr('data-code');
  156. if(type == "patient"){
  157. mui.openWindow('../../huanzhe/html/huanzhexinxi.html', 'huanzhexinxi3', {
  158. extras: {
  159. patiCode: code
  160. }
  161. });
  162. } else {
  163. mui.openWindow({
  164. url: "../../mine/html/zuyuanziliao.html",
  165. id: "zuyuanziliao",
  166. extras: {
  167. docCode: code
  168. }
  169. })
  170. }
  171. })
  172. /**
  173. * 更新团队名称
  174. */
  175. window.addEventListener("updateTeamName", function(e){
  176. setTeamName(e.detail.teamName);
  177. })
  178. /**
  179. * 更新团队成员
  180. */
  181. window.addEventListener("updateTeamMember", function(e){
  182. var data = e.detail.data;
  183. var d = [];
  184. for(var k in data){
  185. d.push(data[k]);
  186. }
  187. memberTotal += d.length;
  188. $('#memberNum').html(' ('+ memberTotal +'人)');
  189. $('#addBtn').before(template('members_tmpl', {data: d}));
  190. myScroll.refresh();
  191. })
  192. template.helper("setPhoto", function(p) {
  193. return getImgUrl(p);
  194. });
  195. </script>
  196. </html>