patientIDCards.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="format-detection" content="telephone=no"/>
  6. <meta name="viewport"
  7. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  8. <meta name="apple-mobile-web-app-capable" content="yes"/>
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  10. <title>我的卡包</title>
  11. <meta name="keywords" content="">
  12. <meta name="description" content="">
  13. <link rel="shortcut icon" href="../../../favicon.ico">
  14. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  15. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  17. <link rel="stylesheet" href="../css/payment.css" />
  18. </head>
  19. <style>
  20. body:after{
  21. background: none;
  22. }
  23. </style>
  24. <body class="bgc-f2f3f4">
  25. <div id="app" v-cloak>
  26. <div class="c-f14 c-fff ptb10 bgc-000 pl15"><img src="../images/tishi02_icon.png" width="13" class="mr10"/>查看就诊卡信息,快速进行在线缴费</div>
  27. <div class="plr15" v-show="length!=0">
  28. <div class="mt10" @click="gotoEHCard('')" v-if="!hasEleCard">
  29. <img src="../images/jiankangkabao_img.png" style="width: 100%;"/>
  30. </div>
  31. <div class="bgc-fff mt10 c-radius-20 c-f14" :class="item.type=='1'?'jiuzhen':'electronic'" v-for="(item,i) in dataList" v-key="i" @click="gotoPay(item.id,item.type)">
  32. <div class="pt12 pb5 pl15">
  33. <span class="c-333333">{{item.cardNo}}&nbsp;({{item.name}})&nbsp;</span>
  34. <span style="float: right;">
  35. <span class="card-icon c-f14">{{item.type=='1'?'就诊卡':'健康卡'}}</span>
  36. </span>
  37. </div>
  38. <div class="geduan"></div>
  39. <div class="pt5 pb10 c-t-center">
  40. <span v-if="item.isDefault==1" class="c-4dcd70"><img src="../images/xuanzhemoren_btn.png" width="22" class="mr5"/>默认</span>
  41. <span v-else class="c-c8c8c8" v-on:click.stop="setDefault(item.id,1)"><img src="../images/quxiaomoren_btn.png" width="22" class="mr5"/>设为默认</span>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="default-div" v-show="length==0">
  46. <img src="../images/wushuju.png" width="222"/>
  47. <div class="c-999 c-f14 pt30" @click="gotoBindingCard">
  48. 暂无就诊卡或健康卡,请添加
  49. </div>
  50. </div>
  51. <div :class="BtnClass" class="c-100">
  52. <div class="pb20 plr15" style="margin: 0 auto 10px;">
  53. <button type="button" class="c-btn-fff c-btn-full c-btn-big" style="height: 45px;color:#999999;" @click="gotoBindingCard"><img src="../images/tianjia_icon.png" width="22" class="mr10"/>添加就诊卡或健康卡</button>
  54. <!--<div class="mt10 c-t-center c-c8c8c8 c-f14">还可以添加<span class="c-4dcd70">{{surplus}}</span>张</div>-->
  55. </div>
  56. </div>
  57. </div>
  58. <script src="../../../js/post.js"></script>
  59. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
  60. <script src="../js/patientIDCards.js"></script>
  61. </body>
  62. </html>