contacts.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  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="../../../fonts/font-awesome/css/font-awesome.min.css"/>
  12. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  14. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
  15. <link rel="stylesheet" href="../css/contacts.css" type="text/css" />
  16. </head>
  17. <body>
  18. <div class="h45">
  19. <div class="demo-comtop">
  20. <a class="mui-action-back"></a>
  21. <h1>通讯录</h1>
  22. <div class="header-link c-hide">
  23. <a class="c-fff c-f16" href="javascript:;">工作报告</a>
  24. </div>
  25. </div>
  26. </div>
  27. <div class="lin-search c-border-b">
  28. <div>
  29. <img src="../../../images/sousuo_icon.png" />搜索医生
  30. </div>
  31. </div>
  32. <div id="slider" class="mui-slider mui-fullscreen" style="top: 90px;">
  33. <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted bgc-fff">
  34. <a href="#item1" class="mui-control-item mui-active">团队</a>
  35. <a href="#item2" class="mui-control-item">专项</a>
  36. <a href="#item3" class="mui-control-item">社区中心</a>
  37. </div>
  38. <div class="mui-slider-group">
  39. <div id="item1" class="mui-slider-item mui-control-content">
  40. <div class="mui-scroll-wrapper">
  41. <div class="mui-scroll">
  42. <ul class="mui-table-view mui-table-view-chevron" id="teamList">
  43. </ul>
  44. </div>
  45. </div>
  46. </div>
  47. <div id="item2" class="mui-slider-item mui-control-content">
  48. <div class="mui-scroll-wrapper">
  49. <div class="mui-scroll">
  50. </div>
  51. </div>
  52. </div>
  53. <div id="item3" class="mui-slider-item mui-control-content">
  54. <div class="mui-scroll-wrapper" id="memberScroller">
  55. <div class="mui-scroll">
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. <script type="text/html" id="team-tmp">
  62. {{each list as it}}
  63. <li class="mui-table-view-cell mui-collapse">
  64. <a class="mui-navigate-right c-f16 c-323232 team-expand" href="#" data-code="{{it.id}}" data-leader="{{it.isTeamOwner}}">{{it.name}}</a>
  65. <ul class="mui-table-view mui-table-view-chevron" id="team_{{it.id}}">
  66. <li class="mui-table-view-cell link-team-chart" data-code="{{it.id}}" data-name="{{it.name}}">
  67. <a class="mui-navigate-right c-f16 c-333"><img src="../../tuandui/images/tuanduquanliao_icon.png" width="25" height="25" class="mr10">团队群聊</a>
  68. </li>
  69. </ul>
  70. </li>
  71. {{/each}}
  72. </script>
  73. <script type="text/html" id="member-tmp">
  74. {{each list as it}}
  75. <li class="mui-table-view-cell t-doctor" data-code="{{it.code}}" data-team="{{teamCode}}" data-leader="{{isTeamOwner}}">
  76. {{if isTeamOwner && it.level != 1}}
  77. <div class="mui-slider-right mui-disabled">
  78. <a class="mui-btn mui-btn-yellow zyjm" data-level="{{it.level}}">转移<br>居民</a>
  79. </div>
  80. {{/if}}
  81. <div class="mui-slider-handle ui-grid ui-grid-middle">
  82. <div class="ui-col-0 mr10"><img src="{{it.photo | getPhoto}}" class="c-images-cycle" width="50" height="50"></div>
  83. <div class="ui-col-1">
  84. <div class="c-f16 c-333">{{it.name}}<span class="c-f12 c-909090 ml10">{{it.jobName}}</span></div>
  85. <div class="c-f14 c-909090">{{it.level | getLevelName}}</div>
  86. </div>
  87. </div>
  88. </li>
  89. {{/each}}
  90. </script>
  91. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  92. <script src="../../../js/mui.js" type="text/javascript" charset="utf-8"></script>
  93. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  94. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  95. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  96. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  97. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  98. <script src="../js/contacts.js" type="text/javascript" charset="utf-8"></script>
  99. </body>
  100. </html>