erweima.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  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" type="text/css" href="../../../common/css/jy-style.css">
  15. <link rel="stylesheet" type="text/css" href="../css/yy-style.css">
  16. <style>
  17. #ewmimg{ position: relative;z-index: 10;width: 240px;height: 240px;padding: 10px;border: 2px solid #f1f1f1;margin: 20px auto 10px auto;}
  18. #ewmimg img{width: 100%; height: 100%;}
  19. .info { display: block;overflow: hidden !important;margin: 0 auto;width: 280px;}
  20. .info dt{ float:left; display: inline; width: 70px; height: 70px; border-radius: 50%; overflow: hidden;margin: 13px 10px 0 0}
  21. .info dt img{ width: 70px; height: 70px;overflow: hidden; float:left; display: inline;}
  22. .info dd{ display: block;}
  23. .info dd p{ padding: 10px 0 5px;}
  24. .info dd cite{ display: block; line-height: 20px;}
  25. .c-dn{display: none;}
  26. </style>
  27. </head>
  28. <body>
  29. <div class="h45">
  30. <div class="demo-comtop">
  31. <a class="mui-action-back"></a>
  32. <h1>个人名片</h1>
  33. </div>
  34. </div>
  35. <div class="plr15 ptb15 c-dn div-main">
  36. <div class="bgc-fff pt10 pb50 plr15 " style="border-radius: 10px">
  37. <dl class="info">
  38. <dt><img src="../../../common/cross/images/d-male.png"></dt>
  39. <dd>
  40. <p><strong></strong><font></font></p>
  41. <cite></cite>
  42. </dd>
  43. </dl>
  44. <p class="c-333 c-f16 c-t-center" id="info"></p>
  45. <div class="" id="ewmimg">
  46. <!--<div id="qrcode">
  47. </div>-->
  48. <!--<img src="../../../common/images/cl-ewm.png" alt="二维码">-->
  49. <img src="" alt="二维码" >
  50. </div>
  51. <p class="c-909090 c-f14 c-t-center">用微信扫一扫即可关注咨询</p>
  52. </div>
  53. <!--<div class="plr10 mt20 pb20">
  54. <a id="share" class="c-btn c-btn-full c-btn-37a6ec border-radius-rounded">分享我的二维码名片</a>
  55. </div>-->
  56. </div>
  57. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  58. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  59. <script type="text/javascript" src="../../../js/common_http.js"></script>
  60. <script src="../js/jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>
  61. <script type="text/javascript">
  62. var shares = {};
  63. mui.plusReady(function() {
  64. plus.nativeUI.showWaiting();
  65. var self = plus.webview.currentWebview();
  66. var code = self.code;
  67. var name = self.name;
  68. var job = self.job || "";
  69. var photo = self.photo;//头像
  70. var hospitalName = self.hospitalName;//地址
  71. var sex = self.sex;//性别
  72. console.log(JSON.stringify(self))
  73. // $("#info").text(name + " " + job);
  74. var docInfo = JSON.parse(plus.storage.getItem("docInfo"));//获取医生形象
  75. console.log(docInfo.mobile)
  76. /*二维码*/
  77. $("#ewmimg img").attr("src",server+"/qrcode/doctor_img?doctor="+docInfo.code)
  78. if(photo==""){
  79. if(sex==2){
  80. $(".info").find("img").attr("src","../../../images/d-female.png")
  81. }else{
  82. $(".info").find("img").attr("src","../../../images/d-male.png")
  83. }
  84. }else{
  85. $(".info").find("img").attr("src",getImgUrl(photo))
  86. }
  87. $(".info").find("strong").html(name)
  88. $(".info").find("font").html(job)
  89. $(".info").find("cite").html(hospitalName)
  90. // var docUrl =
  91. // "https://open.weixin.qq.com/connect/oauth2/authorize?appid="+ appId +"&redirect_uri="+server1+"wx%2fhtml%2fssgg%2fhtml%2fdoctor-homepage.html?response_type=code&scope=snsapi_base&state=" + code + "#wechat_redirect";
  92. // $("#qrcode").qrcode({
  93. // render: "canvas", //也可以替换为table
  94. // width: 240,
  95. // height: 240,
  96. // text: docUrl
  97. // });
  98. plus.nativeUI.closeWaiting();
  99. $(".div-main").show();
  100. //分享
  101. // plus.share.getServices(function(s) {
  102. // if (s && s.length > 0) {
  103. // for (var i = 0; i < s.length; i++) {
  104. // var t = s[i];
  105. // shares[t.id] = t;
  106. // }
  107. // }
  108. // }, function() {
  109. // });
  110. // });
  111. //分享链接点击事件
  112. // document.getElementById("share").addEventListener('tap', function() {
  113. // var ids = [{
  114. // id: "weixin",
  115. // ex: "WXSceneSession"
  116. // }, {
  117. // id: "weixin",
  118. // ex: "WXSceneTimeline"
  119. // }, {
  120. // id: "sinaweibo"
  121. // }, {
  122. // id: "tencentweibo"
  123. // }, {
  124. // id: "qq"
  125. // }],
  126. // bts = [{
  127. // title: "发送给微信好友"
  128. // }, {
  129. // title: "分享到微信朋友圈"
  130. // }, {
  131. // title: "分享到新浪微博"
  132. // }, {
  133. // title: "分享到腾讯微博"
  134. // }, {
  135. // title: "分享到QQ"
  136. // }];
  137. // plus.nativeUI.actionSheet({
  138. // cancel: "取消",
  139. // buttons: bts
  140. // },
  141. // function(e) {
  142. // var i = e.index;
  143. // if (i > 0) {
  144. // var s_id = ids[i - 1].id;
  145. // var share = shares[s_id];
  146. // if (share) {
  147. // if (share.authenticated) {
  148. // shareMessage(share, ids[i - 1].ex);
  149. // } else {
  150. // share.authorize(function() {
  151. // shareMessage(share, ids[i - 1].ex);
  152. // }, function(e) {
  153. // });
  154. // }
  155. // } else {
  156. // mui.toast("无法获取分享服务")
  157. // }
  158. // }
  159. // });
  160. });
  161. </script>
  162. </body>
  163. </html>