prescription-list.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  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. <meta name="renderer" content="webkit">
  7. <meta http-equiv="Cache-Control" content="no-siteapp" />
  8. <title>历史续方</title>
  9. <meta name="keywords" content="">
  10. <meta name="description" content="">
  11. <link rel="shortcut icon" href="favicon.ico">
  12. <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  13. <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  14. <link href="css/animate.min.css" rel="stylesheet">
  15. <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  16. <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
  17. <link href="js/plugins/artDialog/6.0.5/css/ui-dialog.min.css" rel="stylesheet">
  18. <link href="css/style.css" rel="stylesheet">
  19. <style>
  20. .fixed-table-container{
  21. border:none;
  22. }
  23. .bootstrap-table .table{
  24. border-bottom: none;
  25. border-collapse: separate !important;
  26. border-spacing: 0 10px;
  27. }
  28. .fixed-table-container tbody td{
  29. border-left: none;
  30. }
  31. .bootstrap-table .table tr{
  32. background-color: #f5f5fa;
  33. margin-top: 10px;
  34. }
  35. .status-tag{
  36. display: inline-block;
  37. background: #12b7f5;
  38. color: #fff;
  39. padding: 3px 10px;
  40. border-radius: 5px;
  41. }
  42. .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  43. border-top: none;
  44. }
  45. </style>
  46. </head>
  47. <body class="white-bg plr10">
  48. <form role="form" class="form-inline ptb10" onsubmit="return false;">
  49. <div class="form-group mr10">
  50. <label for="status">续方状态:</label>
  51. <select name="status" id="status" class="form-control input-sm">
  52. <option value="">所有状态</option>
  53. </select>
  54. </div>
  55. <div class="form-group mr10">
  56. <label for="disease">诊断结果:</label>
  57. <select name="disease" id="disease" class="form-control input-sm">
  58. <option value="">所有诊断</option>
  59. </select>
  60. </div>
  61. <div class="form-group mr10">
  62. <label for="time">续方时间:</label>
  63. <select name="time" id="time" class="form-control input-sm">
  64. <option value="0">全部</option>
  65. <option value="1">近一周</option>
  66. <option value="2">近一月</option>
  67. <option value="3">近半年</option>
  68. <option value="4">近一年</option>
  69. </select>
  70. </div>
  71. </form>
  72. <table id="prescriptTable" data-mobile-responsive="true" data-show-header="false" cellspacing="10" border="0">
  73. </table>
  74. <script type="text/html" id="status_tmp">
  75. {{each list as it}}
  76. <option value="{{it.code}}">{{it.value}}</option>
  77. {{/each}}
  78. </script>
  79. <script type="text/html" id="disease_tmp">
  80. {{each list as it}}
  81. <option value="{{it.code}}">{{it.name}}</option>
  82. {{/each}}
  83. </script>
  84. <script type="text/html" id="info_tmp">
  85. <div class="ui-grid pl10 ui-grid-middle mb10">
  86. <div class="ui-col-0" style="width: 130px"><span class="status-tag">{{status | getStatusName}}</span></div>
  87. <div class="ui-col-1">临床诊断:
  88. {{each prescriptionDt as it index}}
  89. {{if index == 0}}
  90. {{it.name}}
  91. {{else}}
  92. ,{{it.name}}
  93. {{/if}}
  94. {{/each}}
  95. </div>
  96. </div>
  97. {{each prescriptionInfo as dg key}}
  98. {{if key % 2 == 0}}
  99. <div class="ui-grid pl10 ptb5">
  100. {{/if}}
  101. <div class="ui-col-1" style="width:50%">
  102. <span class="mr30">{{dg.drugName}}</span>
  103. <span>{{dg.num}}{{dg.drugNumUnitName}}</span>
  104. </div>
  105. {{if key % 2 == 1}}
  106. </div>
  107. {{/if}}
  108. {{/each}}
  109. </script>
  110. <script src="js/jquery.min.js?v=2.1.4"></script>
  111. <script src="js/bootstrap.min.js?v=3.3.6"></script>
  112. <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
  113. <script src="js/plugins/layer/layer.min.js"></script>
  114. <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  115. <script src="js/hplus.min.js?v=4.1.0"></script>
  116. <script src="js/plugins/pace/pace.min.js"></script>
  117. <script src="js/plugins/toastr/toastr.min.js"></script>
  118. <script src="js/plugins/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  119. <script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
  120. <script src="js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
  121. <script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
  122. <script src="js/es6-promise.js"></script>
  123. <script src="js/underscore.js"></script>
  124. <script src="js/util.js"></script>
  125. <script src="js/template.js"></script>
  126. <script src="js/api-service.js"></script>
  127. <script src="js/prescription-list-api.js"></script>
  128. <script src="js/buz/prescription-list.js"></script>
  129. </body>
  130. </html>