immune-date.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>预约详情</title>
  6. <meta name="format-detection" content="telephone=no" />
  7. <meta name="viewport" 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. <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
  11. <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
  12. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  13. <link rel="stylesheet" href="../../qygl/font-awesome/css/font-awesome.min.css" />
  14. <style>
  15. .c-74bf00{color: #74bf00;}
  16. .pt6{padding-top: 6px;}
  17. .time-list{
  18. height: 30px;
  19. line-height: 30px;
  20. border-top: 1px solid #f1f1f1;
  21. }
  22. .time-list:first-child{
  23. border-top: 0;
  24. }
  25. .time{
  26. font-size: 12px;
  27. text-align: center;
  28. color: #74bf00;
  29. border-right: 1px solid #f1f1f1;
  30. }
  31. .time:last-child{
  32. border-right: 0;
  33. }
  34. .time.disabled{
  35. color: #909090;
  36. }
  37. </style>
  38. </head>
  39. <body style="background-color: #f3f3f3;">
  40. <div class="main">
  41. </div>
  42. <script type="text/html" id="info_tmp">
  43. <div class="section-1 c-border-b ptb10 bgc-fff">
  44. <div class="ui-grid ui-grid-middle plr10">
  45. <div class="ui-col-0 pr15">
  46. <img src="{{ORG_PHOTO | getOrgPhoto}}" width="60">
  47. </div>
  48. <div class="ui-col-1">
  49. <div class="c-f16 c-323232">{{ORG_NAME}}</div>
  50. <div class="c-f14 c-323232 pt5">电话:{{ORG_PHONE}}</div>
  51. <div class="c-f14 c-323232 pt5">地址:{{ORG_ADDRESS}}</div>
  52. </div>
  53. </div>
  54. <div class="c-f12 c-666 mt10 plr10 c-nowrap-multi">简介:{{ORG_INFO}}</div>
  55. </div>
  56. <div class="c-f12 c-666 ptb10 plr10">
  57. <img src="../images/shijian_icon.png" width="14" class="pr10" style="vertical-align: baseline;">排班信息
  58. </div>
  59. <div class="section-2">
  60. {{each DateNumbers as it index}}
  61. <div class="div-item-content {{if index > 0}}c-border-t{{/if}}">
  62. <div class="bgc-fff pt6 pb10 plr10 ui-grid ui-grid-middle yy-info" data-org="{{ZONE_CODE}}" data-sid="{{it.ID}}" data-time="{{it.TIME}}">
  63. <div class="ui-col-1">
  64. <div class="c-f14">{{it.DATEVO | formatDate : 'yyyy-MM-dd'}} </div>
  65. <div class="c-f12 c-909090 mt5">
  66. <span class="mr30">{{it.WEEK | getWeek}} {{it.TIME == 'PM' ? '下午' : '上午'}}</span>
  67. <!--<span>收费金额:{{it.FEE}}元</span>-->
  68. </div>
  69. </div>
  70. <div class="ui-col-0 c-f14 width-20 c-74bf00">·预约</div>
  71. <div class="ui-col-0">
  72. <i class="fa fa-chevron-circle-down c-666"></i>
  73. </div>
  74. </div>
  75. <ul class="mtb10 mlr10 time-section c-hide" data-id="{{it.ID}}">
  76. </ul>
  77. </div>
  78. {{/each}}
  79. </div>
  80. </script>
  81. <script type="text/html" id="section-info-tmp">
  82. {{each list as val key}}
  83. {{if key%3 == 0}}
  84. <li class="ui-grid bgc-fff time-list">
  85. {{/if}}
  86. <div class="ui-col-1 time {{if val.USED == 1}}disabled{{/if}}" data-start="{{val.START_TIME}}" data-time="{{val.TIME}}">
  87. {{val.START_TIME_VO | formatDate : "HH:ss"}}-{{val.END_TIME_VO | formatDate : "HH:ss"}}
  88. </div>
  89. {{if key%3 == 2}}
  90. </li>
  91. {{/if}}
  92. {{/each}}
  93. </script>
  94. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  95. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  96. <script type="text/javascript" src="../../../js/weixin_common.js"></script>
  97. <script type="text/javascript" src="../../../js/common_http.js"></script>
  98. <script type="text/javascript" src="../../../js/app.js"></script>
  99. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  100. <script src="../js/immune-date.js"></script>
  101. </body>
  102. </html>