Bez popisu

receivingDepartment.html 5.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  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. <link href="../css/init.css" rel="stylesheet" />
  8. <script src="../Script/Common/huayi.load.js"></script>
  9. <script src="../Script/Common/huayi.config.js"></script>
  10. <link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  11. <link href="../css/Table/table1.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 id="ReIndex" href="javaScript:;" class="indexreturn">首页</a>&gt;
  18. <a href="javaScript:;">话务管理</a>&gt;
  19. <a href="javascript:location.reload()" class="now_position">接收部门管理</a>
  20. </sapn>
  21. </div>
  22. </div>
  23. <div class="wrapper wrapper-content animated fadeInRight">
  24. <div class="th-box">
  25. <div class="form-inline th-bar clearfix">
  26. <!-- <div class="form-group">
  27. <select class="form-control selectpicker" id="sc_group" data-live-search="true">
  28. </select>
  29. </div>
  30. <div class="form-group time-box">
  31. <i class="tub fa fa-search"></i>
  32. <input type="text" class="form-control" id="KeyWord" placeholder="请输入关键字">
  33. </div> -->
  34. <div class="form-group pull-right tool_bars">
  35. <!-- <input type="button" class="btn_gray" id="sc_btns" value="搜索" /> -->
  36. <input type="button" class="btn_gray" authorize="yes" id="HY_add" onclick="btn_add()" value="添加" />
  37. </div>
  38. </div>
  39. </div>
  40. <div style="width: 100%;padding: 10px;">
  41. <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-click-to-select="true">
  42. <thead>
  43. <tr>
  44. <th data-field="deptname" data-align="center">接收部门</th>
  45. <th data-field="peoplename" data-align="center">负责人</th>
  46. <th data-field="usercode" data-align="center">负责人工号</th>
  47. <th data-align="center" data-formatter="operation">操作</th>
  48. </tr>
  49. </thead>
  50. </table>
  51. </div>
  52. </div>
  53. <script src="../js/laydate/laydate.js"></script>
  54. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  55. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  56. <script type="text/javascript">
  57. function btn_add(){
  58. layer.open({
  59. type: 2,
  60. content: "template/addOrEditreceivingDepartment.html?state=1",
  61. title: '添加接收部门',
  62. area: ['50%', '45%'], //宽高
  63. });
  64. }
  65. initTable()
  66. function operation(v,row){
  67. var str = '<ul class="tool_downs">' +
  68. '<li><a class="aBtn" authorize="yes" id="HY_discharge_' + row.id + '" onclick="btn_delete(\'' + row.id +
  69. '\')">删除</a><li>' +
  70. // '<li><a class="aBtn" authorize="yes" id="HY_remarks_' + row.id + '" onclick="btn_detial(\'' + row.id +'\')">详情</a><li>'+
  71. '<li id="callDetail"><a class="aBtn" authorize="yes" id="HY_callDetail_' + row.id + '" onclick="btn_edit(\'' +
  72. row.id +'\')">编辑</a><li>'+
  73. '</ul>';
  74. return str
  75. }
  76. function btn_edit(id){
  77. layer.open({
  78. type: 2,
  79. content: "template/addOrEditreceivingDepartment.html?state=0&id=" + id,
  80. title: '工单详情',
  81. area: ['70%', '75%'], //宽高
  82. });
  83. }
  84. function btn_delete(id){
  85. layer.confirm('您确定要删除接收部门吗?', {
  86. icon: 7,
  87. btn: ['确定', '取消'],
  88. yes: function(index, layero) {
  89. $.ajax({
  90. type: "get",
  91. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/delecallcomedeptorpeo",
  92. dataType: 'json',
  93. async: true,
  94. data: {
  95. id: id
  96. },
  97. success: function(data) {
  98. /*验证请求*/
  99. if(data.state == "success") {
  100. layer.msg("删除成功");
  101. initTable()
  102. } else {
  103. layer.msg(data.message);
  104. }
  105. }
  106. })
  107. },
  108. });
  109. }
  110. function initTable() {
  111. var $tableLeft = $('#list');
  112. $tableLeft.bootstrapTable('destroy');
  113. //先销毁表格
  114. $tableLeft.bootstrapTable({
  115. method: "get", //使用get请求到服务器获取数据
  116. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getcallcomedeptorpeo",
  117. contentType: "application/x-www-form-urlencoded",
  118. striped: true, //表格显示条纹
  119. pagination: true, //启动分页
  120. pageSize: 500, //每页显示的记录数
  121. pageNumber: 1, //当前第几页
  122. fixedColumns: true,
  123. fixedNumber: 3,
  124. pageList: [500, 1000, 1500], //记录数可选列表
  125. search: false, //是否启用查询
  126. showColumns: false, //显示下拉框勾选要显示的列
  127. showRefresh: false, //显示刷新按钮
  128. sidePagination: "server", //表示服务端请求
  129. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  130. //设置为limit可以获取limit, offset, search, sort, order
  131. queryParamsType: "undefined",
  132. queryParams: function queryParams(params) { //设置查询参数
  133. console.log(params)
  134. var param = {
  135. PageIndex: params.pageNumber,
  136. PageSize: params.pageSize
  137. };
  138. return param;
  139. },
  140. responseHandler: function(data) {
  141. return {
  142. "rows": data.data.rows,//数据
  143. "total":data.data.total
  144. };
  145. },
  146. onLoadSuccess: function(data) { //加载成功时执行
  147. },
  148. onLoadError: function() { //加载失败时执行
  149. layer.msg("加载数据失败", {
  150. time: 1500,
  151. icon: 2
  152. });
  153. }
  154. });
  155. }
  156. </script>
  157. </body>
  158. </html>