recipe.html 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  3. <head>
  4. <th:block th:include="include :: header('处方登记列表')" />
  5. <th:block th:include="include :: layout-latest-css" />
  6. <th:block th:include="include :: ztree-css" />
  7. </head>
  8. <body class="gray-bg">
  9. <div class="ui-layout-center">
  10. <div class="container-div">
  11. <div class="row">
  12. <div class="col-sm-12 search-collapse">
  13. <div class="query-condition-container">
  14. <h4 class="query-condition-title">查询条件</h4>
  15. <div class="query-buttons">
  16. <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
  17. <a class="btn btn-warning btn-rounded btn-sm" onclick="resetPre()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
  18. </div>
  19. </div>
  20. <form id="user-form" class="customize-search-form">
  21. <div class="customize-form-group-container">
  22. <div class="customize-form-group">
  23. <label>患者信息:</label>
  24. <input type="text" class="styled-input" placeholder="请输入患者姓名或手机号" name="query"/>
  25. </div>
  26. <div class="customize-form-group">
  27. <label>销售单号:</label>
  28. <input type="text" class="styled-input" name="saleOrderNumber"/>
  29. </div>
  30. <div class="customize-form-group">
  31. <label>处方单号:</label>
  32. <input type="text" class="styled-input" name="prescriptionNumber"/>
  33. </div>
  34. <div class="customize-form-group">
  35. <label>处方类型</label>
  36. <select name="prescriptionType" th:with="type=${@dict.getType('sys_select_prescription_ype')}" class="styled-input">
  37. <option value="">全部</option>
  38. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
  39. ></option>
  40. </select>
  41. </div>
  42. <div class="customize-form-group select-time">
  43. <label>处方登记日期:</label>
  44. <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="beginTime"/>
  45. <span>-</span>
  46. <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="endTime"/>
  47. </div>
  48. <div class="customize-form-group">
  49. <label>订单状态</label>
  50. <select name="status" th:with="type=${@dict.getType('sys_select_order_status')}" class="styled-input">
  51. <option value="">全部</option>
  52. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
  53. ></option>
  54. </select>
  55. </div>
  56. </div>
  57. </form>
  58. </div>
  59. <div class="btn-group-sm" id="toolbar" role="group">
  60. <!-- <a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="dtp:recipe:add">-->
  61. <!-- <i class="fa fa-plus"></i> 处方登记APP-->
  62. <!-- </a>-->
  63. <a class="btn btn-success" onclick="$.operate.addTab2()" shiro:hasPermission="dtp:recipe:add">
  64. <i class="fa fa-plus"></i> 新建登记
  65. </a>
  66. </div>
  67. <div class="col-sm-12 select-table table-striped" style="width: 100%; overflow-x: hidden;">
  68. <table id="bootstrap-table" class="fixed-layout-table"></table>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. <th:block th:include="include :: footer" />
  74. <th:block th:include="include :: layout-latest-js" />
  75. <th:block th:include="include :: bootstrap-table-fixed-columns-js" />
  76. <th:block th:include="include :: ztree-js" />
  77. <script th:inline="javascript">
  78. var editFlag = [[${@permission.hasPermi('system:user:edit')}]];
  79. var removeFlag = [[${@permission.hasPermi('system:user:remove')}]];
  80. var prefix = ctx + "dtp/recipe";
  81. $(function() {
  82. var panehHidden = false;
  83. if ($(this).width() < 1590) {
  84. panehHidden = true;
  85. }
  86. $('body').layout({ initClosed: panehHidden, west__size: 185, resizeWithWindow: false });
  87. // 回到顶部绑定
  88. if ($.fn.toTop !== undefined) {
  89. var opt = {
  90. win:$('.ui-layout-center'),
  91. doc:$('.ui-layout-center')
  92. };
  93. $('#scroll-up').toTop(opt);
  94. }
  95. queryUserList();
  96. });
  97. function queryUserList() {
  98. var options = {
  99. url: prefix + "/list",
  100. viewUrl: prefix + "/viewInfo/{id}",
  101. createUrl: prefix + "/add",
  102. createUrl2: prefix + "/newRecipe",
  103. updateUrl: prefix + "/viewEditInfo/{id}",
  104. removeUrl: prefix + "/remove",
  105. exportUrl: prefix + "/export",
  106. //importUrl: prefix + "/importData",
  107. importTemplateUrl: prefix + "/importTemplate",
  108. sortName: "id",
  109. sortOrder: "desc",
  110. modalName: "处方登记信息",
  111. fitColumns: true,
  112. striped: true,
  113. autoRowHeight: true,
  114. rowNumbers: true,
  115. showFooter:true, //是否显示表格底部区域。
  116. clickToSelect: true, //是否启用点击行时选中整行的功能。
  117. singleSelect: true, //是否仅允许选择一行
  118. fixedColumns: true,
  119. //fixedNumber: 3,
  120. fixedRightNumber: 1,
  121. columns: [{
  122. checkbox: true
  123. }, {
  124. field: "id",
  125. title: "ID",
  126. visible: false,
  127. }, {
  128. field: "prescriptionNumber",
  129. title: "处方单号"
  130. }, {
  131. field: "saleOrderNumber",
  132. title: "销售单号"
  133. }, {
  134. field: "hospital",
  135. title: "医院"
  136. }, {
  137. field: "department",
  138. title: "科室"
  139. }, {
  140. field: "prescribingDoctor",
  141. title: "处方医生"
  142. }, {
  143. field: "attendingDoctor",
  144. title: "主管医生"
  145. }, {
  146. field: "patientName",
  147. title: "患者姓名"
  148. }, {
  149. field: "gender",
  150. title: "性别"
  151. }, {
  152. field: "age",
  153. title: "年龄"
  154. } ,{
  155. field: "patientPhone",
  156. title: "患者手机号"
  157. }, {
  158. field: "storeName",
  159. title: "建档门店",
  160. visible: false,
  161. }, {
  162. field: "registrant",
  163. title: "登记人"
  164. }, {
  165. field: "reviewingName",
  166. title: "审核药师姓名"
  167. }, {
  168. field: "prescriptionType",
  169. title: "处方类型",
  170. formatter: function(value, row, index) {
  171. switch (value) {
  172. case 1:
  173. return "电子处方";
  174. break;
  175. case 2:
  176. return "纸质处方";
  177. break;
  178. default:
  179. return "";
  180. }
  181. }
  182. }, {
  183. field: "status",
  184. title: "状态",
  185. formatter: function(value, row, index) {
  186. switch (value) {
  187. case 1:
  188. return "订单已完成";
  189. break;
  190. case 2:
  191. return "待上传处方";
  192. break;
  193. case 3:
  194. return "待确认信息";
  195. break;
  196. case 4:
  197. return "待处方登记";
  198. break;
  199. case 5:
  200. return "待订单销售";
  201. break;
  202. case 6:
  203. return "待绑定患者";
  204. break;
  205. case 7:
  206. return "处方已完成";
  207. break;
  208. case 8:
  209. return "订单已退款";
  210. break;
  211. default:
  212. return "待确认信息";
  213. }
  214. }
  215. }, {
  216. field: "createdTime",
  217. title: "创建时间"
  218. }, {
  219. field: "updatedTime",
  220. title: "最后更新时间",
  221. visible: false,
  222. }, {
  223. field: "prescriptionImageUrl",
  224. title: "处方图片URL",
  225. visible: false,
  226. }, {
  227. field: "invoiceImageUrl",
  228. title: "发票图片URL",
  229. visible: false,
  230. }, {
  231. field: "prescriptionIssueDate",
  232. title: "处方开具日期"
  233. }, {
  234. field: "saleDate",
  235. title: "销售日期"
  236. }, {
  237. field: "registrationDate",
  238. title: "处方登记日期"
  239. }, {
  240. field: "drugVarietyCount",
  241. title: "药品品种数",
  242. visible: false,
  243. }, {
  244. field: "drugQuantity",
  245. title: "处方取药数量"
  246. }, {
  247. field: "invoiceCode",
  248. title: "发票编码",
  249. visible: false,
  250. }, {
  251. field: "drugsLinkId",
  252. title: "处方关联的处方购药药表ID",
  253. visible: false,
  254. }, {
  255. field: "reviewStatus",
  256. title: "处方审核状态",
  257. formatter: function(value, row, index) {
  258. switch (value) {
  259. case 0:
  260. return "审核不通过";
  261. break;
  262. case 1:
  263. return "审核通过";
  264. break;
  265. default:
  266. return "待审核";
  267. }
  268. }
  269. }, {
  270. field: "source",
  271. title: "处方来源",
  272. visible: false,
  273. }, {
  274. field: "drugRoute",
  275. title: "用药途径",
  276. visible: false,
  277. }, {
  278. field: "storeId",
  279. title: "建档门店ID",
  280. visible: false,
  281. }, {
  282. field: "remarks",
  283. title: "备注",
  284. visible: false,
  285. }, {
  286. title: '操作',
  287. align: 'center',
  288. width: 165,
  289. formatter: function(value, row, index) {
  290. if (row.id) {
  291. var actions = [];
  292. actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.editTab(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
  293. actions.push('<a class="btn btn-warning btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.view(\'' + row.id + '\')"><i class="fa fa-eye"></i>详情</a> ');
  294. actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a> ');
  295. return actions.join('');
  296. } else {
  297. return "";
  298. }
  299. }
  300. }]
  301. };
  302. $.table.init(options);
  303. }
  304. /* 自定义重置-表单重置/隐藏框/树节点选择色/搜索 */
  305. function resetPre() {
  306. resetDate();
  307. $("#user-form")[0].reset();
  308. $("#deptId").val("");
  309. $("#parentId").val("");
  310. $(".curSelectedNode").removeClass("curSelectedNode");
  311. $.table.search();
  312. }
  313. </script>
  314. </body>
  315. <style>
  316. .modal {
  317. display: none;
  318. position: fixed;
  319. z-index: 1;
  320. left: 0;
  321. top: 0;
  322. width: 100%;
  323. height: 100%;
  324. overflow: auto;
  325. background-color: rgba(0,0,0,0.4);
  326. }
  327. .modalbudan{
  328. display: none;
  329. }
  330. .modal-content {
  331. background-color: #fefefe;
  332. margin: 15% auto;
  333. padding: 20px;
  334. border: 1px solid #888;
  335. width: 90%;
  336. }
  337. .close {
  338. color: #aaa;
  339. float: right;
  340. font-size: 28px;
  341. font-weight: bold;
  342. }
  343. .close:hover,
  344. .close:focus {
  345. color: black;
  346. text-decoration: none;
  347. cursor: pointer;
  348. }
  349. .error-message {
  350. color: red;
  351. display: none;
  352. }
  353. </style>
  354. </html>