patientIDCards.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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="bgc-fff mt10 jiuzhen c-radius-20 c-f14" v-for="(item,i) in dataList" v-key="i" @click="gotoPay(item.id)">
  29. <div class="pt12 pb5 pl15">
  30. <span class="c-333333">{{item.cardNo}}&nbsp;({{item.name}})&nbsp;</span>
  31. <span style="float: right;">
  32. <span class="card-icon c-f14">就诊</span>
  33. </span>
  34. </div>
  35. <div class="geduan"></div>
  36. <div class="pt5 pb10 c-t-center">
  37. <span v-if="item.isDefault==1" class="c-4dcd70"><img src="../images/xuanzhemoren_btn.png" width="22" class="mr5"/>默认</span>
  38. <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>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="default-div" v-show="length==0">
  43. <img src="../images/wushuju.png" width="222"/>
  44. <div class="c-999 c-f14 pt30" @click="gotoBindingCard">
  45. 暂无就诊卡,请添加
  46. </div>
  47. </div>
  48. <div :class="BtnClass" class="c-100">
  49. <div class="pb20 plr15" style="margin: 0 auto 10px;">
  50. <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>
  51. <div class="mt10 c-t-center c-c8c8c8 c-f14">还可以添加<span class="c-4dcd70">{{surplus}}</span>张</div>
  52. </div>
  53. </div>
  54. </div>
  55. <script src="../../../js/post.js"></script>
  56. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
  57. <script src="../js/patientIDCards.js"></script>
  58. </body>
  59. </html>