appointment-search.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <!--360浏览器优先以webkit内核解析-->
  7. <title>厦门i健康-客户服务平台</title>
  8. <!--<link rel="shortcut icon" href="favicon.ico">-->
  9. <link href="../../../../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet" />
  10. <link href="../../../../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet" />
  11. <link href="../../../../css/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet" />
  12. <link href="../../../../css/animate.min.css" rel="stylesheet" />
  13. <link href="../../../../css/style1.min.css?v=4.1.0" rel="stylesheet" />
  14. <style>
  15. body {
  16. padding-top: 20px;
  17. }
  18. .w260 {
  19. width: 260px;
  20. }
  21. .btn-12b7f5 {
  22. background-color: #12b7f5;
  23. border-color: #12b7f5;
  24. color: #fff;
  25. }
  26. .btn-2dbe55 {
  27. background-color: #2dbe55;
  28. border-color: #2dbe55;
  29. color: #fff;
  30. }
  31. .dataCell {
  32. float: left;
  33. padding-top: 2px;
  34. vertical-align: middle;
  35. }
  36. .dataCell label {
  37. margin-bottom: 0;
  38. }
  39. .cellTitle {
  40. display: inline-block;
  41. vertical-align: middle;
  42. text-align: left;
  43. padding-left: 10px;
  44. min-width: 80px;
  45. font-size: 12px;
  46. text-align: right;
  47. }
  48. #searchPhone input {
  49. vertical-align: middle;
  50. }
  51. #searchPhone:after {
  52. position: absolute;
  53. top: 50%;
  54. right: 10px;
  55. margin-top: -8px;
  56. content: '';
  57. width: 20px;
  58. height: 20px;
  59. background: url(../../img/sousuo_icon.png);
  60. background-size: 20px;
  61. vertical-align: middle;
  62. }
  63. .operation-icon {
  64. display: inline-block;
  65. width: 30px;
  66. height: 30px;
  67. background-size: 30px;
  68. vertical-align: middle;
  69. }
  70. .chakan-icon {
  71. background: url(../../img/chakan02_icon.png) no-repeat;
  72. }
  73. .shanchu-icon {
  74. background: url(../../img/quxiaoyuyue02_icon.png) no-repeat;
  75. }
  76. .chakan-icon:active {
  77. background: url(../../img/chakan01_icon.png) no-repeat;
  78. }
  79. .shanchu-icon:active {
  80. background: url(../../img/quxiaoyuyue01_icon.png) no-repeat;
  81. }
  82. .chakan-icon:hover {
  83. background: url(../../img/chakan03_icon.png) no-repeat;
  84. }
  85. .shanchu-icon:hover {
  86. background: url(../../img/quxiaoyuyue03_icon.png) no-repeat;
  87. }
  88. </style>
  89. </head>
  90. <body>
  91. <div id="app">
  92. <appointment-search-bar :card="patientIdcard"></appointment-search-bar>
  93. <appointment-table></appointment-table>
  94. </div>
  95. <script src="../../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
  96. <script src="../../../../js/vue.js"></script>
  97. <script src="../../../../js/underscore.js"></script>
  98. <script src="../../../../js/es6-promise.js"></script>
  99. <script src="../../../../js/util.js"></script>
  100. <script src="../../../../js/validate/jquery.validate.min.js"></script>
  101. <script src="../../../../js/validate/messages_zh.min.js"></script>
  102. <script src="../../../../plugins/toastr/toastr.min.js"></script>
  103. <script src="../../../../plugins/datepicker/bootstrap-datepicker.js"></script>
  104. <script src="../../../../plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>
  105. <script src="../../../../plugins/jqgrid/jquery.jqGrid.minffe4.js"></script>
  106. <script src="../../../../component/common/event-bus.js"></script>
  107. <script src="../../component/appointment/appointment-search-bar.js"></script>
  108. <script src="../../component/appointment/appointment-table.js"></script>
  109. <script src="../../js/api-service.js"></script>
  110. <script src="appointment-search.js"></script>
  111. </body>
  112. </html>