郑州颐和随访系统UI

hzHavevisit.html 8.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>回访表</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  10. <link href="../css/WorkOrder/Search.css" rel="stylesheet">
  11. <link href="../css/init.css" rel="stylesheet" />
  12. </head>
  13. <body class="gray-bg">
  14. <div class="daoHang clearfix">
  15. <div class="dhLeft">
  16. <sapn><i class="syIcon"></i>位置:
  17. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  18. <a href="javaScript:;">工单管理</a>&gt;
  19. <a href="" class="nowPosition">患者已回访</a>
  20. </sapn>
  21. </div>
  22. <div class="dhRight">
  23. <a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
  24. </div>
  25. </div>
  26. <div class="wrapper wrapper-content animated fadeInRight">
  27. <div class="toolBox clearfix">
  28. <div class="pull-left">
  29. <div class="form-inline">
  30. <div class="time-box form-group">
  31. <i class="tub fa fa-calendar"></i>
  32. <input class="form-control search_time" type="text" id="sc_time" placeholder="请选择起止时间">
  33. </div>
  34. <div class="form-group">
  35. <input class="form-control" type="text" id="department" placeholder="请输入就诊科室">
  36. </div>
  37. <div class="form-group">
  38. <input class="form-control" type="text" id="dinoseT" placeholder="请输入就诊内容">
  39. </div>
  40. <div class="form-group">
  41. <select class="form-control selectpicker" id="callresult" data-live-search="true">
  42. <option value="">请选择呼叫结果</option>
  43. <option value="已回访">已回访</option>
  44. <option value="未回访">未回访</option>
  45. </select>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="pull-right">
  50. <button class="btns" id="sc_btns">搜索</button>
  51. <a class="btns" onclick="dcexcel(this)">导出</a>
  52. </div>
  53. </div>
  54. <div style="width: 100%;padding: 10px;">
  55. <table id="visitlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  56. <thead>
  57. <tr>
  58. <th data-field="Name" data-width="60" data-align="center">姓名</th>
  59. <th data-field="Sex" data-align="center">性别</th>
  60. <th data-field="Age" data-align="center">年龄</th>
  61. <th data-field="Address" data-align="center">家庭地址</th>
  62. <th data-field="Tel" data-align="center" data-formatter="formatterTel">联系方式</th>
  63. <th data-field="Admloc" data-align="center">就诊科室</th>
  64. <th data-field="Admdoc" data-align="center">就诊医生</th>
  65. <th data-field="DinoseT" data-align="center">就诊内容</th>
  66. <th data-field="CallResult" data-align="center">呼叫结果</th>
  67. <th data-field="ProcessingResults" data-align="center">回访结果</th>
  68. <th data-field="RevisitDays" data-align="center">回访时间</th>
  69. </tr>
  70. </thead>
  71. </table>
  72. </div>
  73. </div>
  74. <script src="../js/laydate/laydate.js"></script>
  75. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  76. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  77. <script type="text/javascript">
  78. laydate.render({
  79. elem: '#sc_time',
  80. range: '~',
  81. theme: '#1ab394',
  82. calendar: true
  83. });
  84. $('#sc_btns').click(function() {
  85. initTableLogs()
  86. })
  87. if($('#sc_time').val() == "") {
  88. function p(s) {
  89. return s < 10 ? '0' + s : s;
  90. }
  91. var currentYear = new Date().getFullYear();
  92. var currentMonth = new Date().getMonth() + 1;
  93. var currentDate = new Date().getDate();
  94. var prevCurrentYear = 0;
  95. var prevCurrentMonth = 0;
  96. if(currentMonth == 1) {
  97. prevCurrentYear = currentYear - 1;
  98. prevCurrentMonth = 12;
  99. } else {
  100. prevCurrentYear = currentYear;
  101. prevCurrentMonth = currentMonth - 1;
  102. }
  103. var current = currentYear + "-" + p(currentMonth) + "-" + p(currentDate);
  104. // var lastmonth = prevCurrentYear + "-" + p(prevCurrentMonth) + "-" + p(currentDate)
  105. var a = getPreDatetime(3600 * 1000 * 24 * 30);
  106. $('#sc_time').val(getPreDatetime(3600 * 1000 * 24 * 30) + " ~ " + current)
  107. initTableLogs();
  108. }
  109. function formatterTel(val, row) {
  110. if(row.Name == ' ') {
  111. row.Name = ''
  112. }
  113. if(row.Tel == ' ') {
  114. row.Tel = ''
  115. }
  116. if(row.Age == ' ') {
  117. row.Age = ''
  118. }
  119. if(row.Sex == ' ') {
  120. row.Sex = ''
  121. }
  122. if(row.Address == ' ') {
  123. row.Address = ''
  124. }
  125. if(row.Admloc == ' ') {
  126. row.Admloc = ''
  127. }
  128. if(row.DinoseT == ' ') {
  129. row.DinoseT = ''
  130. }
  131. console.log(row.DinoseT)
  132. console.log(row.Name)
  133. return '<div class="imgs" ><a class="xg" onclick= "btn_visit(\'' + row.EpisodID + '\',\'' + row.Name + '\',\'' + row.Tel +
  134. '\',\'' + row.Age + '\',\'' + row.Sex + '\',\'' + row.Address + '\',\'' + row.Admloc + '\',\'' + row.Admdoc + '\',\'' + row.DinoseT + '\')" >' + val + '</a></div>';
  135. }
  136. function btn_visit(oid, Name, Tel, Age, Sex, Address, Admloc, Admdoc, DinoseT) {
  137. console.log(Name)
  138. let stime = $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0]
  139. let etime = $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1]
  140. layer.open({
  141. type: 2,
  142. title: '回访信息',
  143. maxmin: true, //开启最大化最小化按钮
  144. shade: 0,
  145. area: ['80%', '90%'],
  146. content: '../commonTpl/LookHZYFMessage.html?oid=' + oid + '&stime=' + stime + '&etime=' + etime + '&Name=' + Name + '&Tel=' + Tel + '&Age=' + Age + '&Sex=' + Sex + '&Address=' + Address + '&Admloc=' + Admloc + '&Admdoc=' + Admdoc + '&DinoseT=' + DinoseT
  147. });
  148. }
  149. function dcexcel(obj) {
  150. console.log(1)
  151. var url = huayi.config.callcenter_url + "CustomerNew/ReturnVisitRecordListS?token=" + $.cookie("token");
  152. url += "&isexport=" + 1;
  153. url += "&dinoseT=" + $('#dinoseT').val();
  154. url += "&callresult=" + $("#callresult").val();
  155. url += "&admloc=" + $("#department").val();
  156. url += "&starttime=" + ($('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0]);
  157. url += "&endtime=" + ($('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1]);
  158. obj.href = url;
  159. }
  160. function initTableLogs() {
  161. //先销毁表格
  162. $('#visitlist').bootstrapTable('destroy');
  163. //初始化表格,动态从服务器加载数据
  164. $("#visitlist").bootstrapTable({
  165. method: "get", //使用get请求到服务器获取数据
  166. url: huayi.config.callcenter_url + "CustomerNew/ReturnVisitRecordList", //获取数据的Servlet地址
  167. contentType: 'application/x-www-form-urlencoded',
  168. striped: true, //表格显示条纹
  169. pagination: true, //启动分页
  170. pageSize: 10, //每页显示的记录数
  171. pageNumber: 1, //当前第几页
  172. pageList: [10, 20, 50, 100], //记录数可选列表
  173. search: false, //是否启用查询
  174. showColumns: false, //显示下拉框勾选要显示的列
  175. showRefresh: false, //显示刷新按钮
  176. sidePagination: "server", //表示服务端请求
  177. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  178. //设置为limit可以获取limit, offset, search, sort, order
  179. queryParamsType: "undefined",
  180. queryParams: function queryParams(params) { //设置查询参数
  181. var param = {
  182. PageIndex: params.pageNumber, //否 int 当前页
  183. PageSize: params.pageSize, //否 int 每页数
  184. dinoseT: $('#dinoseT').val(),
  185. callresult: $('#callresult').val(),
  186. admloc: $('#department').val(), //否 string 模糊搜索(
  187. starttime: $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0], //否 string 工单起止时间
  188. endtime: $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1], //否 string 工单起止时间
  189. token: $.cookie("token"),
  190. };
  191. return param;
  192. },
  193. responseHandler: function(res) {
  194. //格式化数据
  195. return {
  196. "total": res.total, //总页数
  197. "rows": res.rows //数据
  198. };
  199. },
  200. onLoadSuccess: function() { //加载成功时执行
  201. //layer.msg("加载成功");
  202. },
  203. onLoadError: function() { //加载失败时执行
  204. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  205. }
  206. });
  207. }
  208. function getPreDatetime(pdate) {
  209. var start = new Date()
  210. start.setTime(start.getTime() - pdate)
  211. start.getYear(); // 获取当前年份(2位)
  212. var YY = start.getFullYear() // 获取完整的年份(4位,1970-????)
  213. var MM = start.getMonth() + 1 // 获取当前月份(0-11,0代表1月)
  214. MM = MM > 9 ? MM : ('0' + MM);
  215. var DD = start.getDate() // 获取当前日(1-31)
  216. DD = DD > 9 ? DD : ('0' + DD)
  217. var lastmonth = YY + '-' + MM + '-' + DD;
  218. return lastmonth;
  219. }
  220. </script>
  221. </body>
  222. </html>