ZZDianXin_UI - 郑州电信 演示

work_order_details.js 7.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. var selid = helper.request.queryString("id");
  2. $(document).ready(function () {
  3. //工单详情
  4. getWorkOrderDetails();
  5. getWorkOrderRecord();
  6. // 工单详情、记录切换
  7. $(".ckxq ul li").click(function() {
  8. $(this).addClass("Active").siblings().removeClass("Active");
  9. var i = $(this).index();
  10. $(".gdxq").hide();
  11. $(".gdxq").eq(i).show();
  12. if(i === 0) {
  13. getWorkOrderDetails();
  14. } else if(i === 1) {
  15. getWorkOrderRecord();
  16. }
  17. });
  18. // 楼下组部分字段隐藏
  19. $.ajax({
  20. type: "get",
  21. url: huayi.config.callcenter_url + "UserAccount/GetNowUser",
  22. dataType: 'json',
  23. async: true,
  24. data: {
  25. token: $.cookie("token")
  26. },
  27. success: function(data) {
  28. if(data.state.toLowerCase() == 'success') {
  29. if(data.data.user.F_SeartGroup == '楼下组') {
  30. $('.up_floor').css('display','none')
  31. }
  32. }
  33. }
  34. });
  35. //提交
  36. $(".repeatSubmit").click(function() {
  37. submitRepeatWorkOrder();
  38. })
  39. })
  40. // 工单详情
  41. function getWorkOrderDetails() {
  42. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
  43. workid: selid,
  44. token: $.cookie("token")
  45. }, function(result) {
  46. if(result.state.toLowerCase() == "success") {
  47. if(result.data.data.length > 0) {
  48. var data = result.data.data[0];
  49. $("#complaintType2").text(data.F_Pietype);//派单类型
  50. $("#dealing").text(data.F_Dealing);//处理人姓名
  51. $("#dealingtel").text(data.F_Dealingtel);//处理人电话
  52. $("#complaintType1").text(data.F_Fixduty);//定责
  53. $("#xq_gdbh").text(data.F_WorkOrderId); //工单编号
  54. $("#xq_gdlx").text(data.F_Typeof); //工单类型
  55. $("#xq_cjsj").text(data.F_CreateTime); //创建时间
  56. $("#xq_gdzt").html(GetStateName(data.F_State)); //工单状态
  57. $("#xq_khxm").text(data.F_CusName); //客户姓名
  58. $("#xq_khdh").text(data.F_CusPhone); //客户电话
  59. $("#definition").text(data.F_Definition); //营业厅名称
  60. $("#buyAddress").text(data.F_BuyAddress); //购买地址
  61. $("#userDate").text(data.F_UserDate); //使用日期
  62. $('#county').text(data.F_County); //区县
  63. $("#F_complaint").text(data.SmallTypeName); //投诉类型
  64. $("#areaName").text(data.F_Area+"-"+data.F_Province+"-"+data.F_City); //区域
  65. $("#VipName").text(data.F_VIPName); //专员姓名
  66. $("#F_VipPhone").text(data.F_VIPPhone); //专员电话
  67. $("#conTent").text(data.F_Content); //事件描述
  68. $("#replycontent").text(data.F_Replycontent); //事件回复
  69. $("#remark").text(data.F_Remark); //备注
  70. }
  71. }
  72. })
  73. }
  74. function GetStateName(val) {
  75. if(val == 0) {
  76. return '<div class="warning">待处理</div> '
  77. } else {
  78. return '<div class="defauli">已处理</div>'
  79. }
  80. return str;
  81. }
  82. // 工单记录
  83. function getWorkOrderRecord() {
  84. //先销毁表格
  85. $('#workOrderRecord').bootstrapTable('destroy');
  86. //初始化表格,动态从服务器加载数据
  87. $('#workOrderRecord').bootstrapTable({
  88. method: "get", //使用get请求到服务器获取数据
  89. url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder", //获取数据的Servlet地址
  90. contentType: 'application/x-www-form-urlencoded',
  91. striped: true, //表格显示条纹
  92. pagination: false, //启动分页
  93. pageSize: 10, //每页显示的记录数
  94. pageNumber: 1, //当前第几页
  95. pageList: [10, 20, 50, 100], //记录数可选列表
  96. search: false, //是否启用查询
  97. showColumns: false, //显示下拉框勾选要显示的列
  98. showRefresh: false, //显示刷新按钮
  99. sidePagination: "server", //表示服务端请求
  100. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  101. //设置为limit可以获取limit, offset, search, sort, order
  102. queryParamsType: "undefined",
  103. queryParams: function queryParams(params) { //设置查询参数
  104. var param = {
  105. workid: selid, // 工单ID
  106. token: $.cookie("token")
  107. };
  108. return param;
  109. },
  110. responseHandler: function(res) {
  111. return {
  112. // "total": res.itemlasts.length,//总页数
  113. "rows": res.data.gcdata, //数据
  114. };
  115. },
  116. onLoadSuccess: function() { //加载成功时执行
  117. //layer.msg("加载成功");
  118. },
  119. onLoadError: function() { //加载失败时执行
  120. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  121. }
  122. });
  123. }
  124. // 工单详情中判断工单来源的值
  125. function workOrderDetailsSourceJudge (data) {
  126. if (data.F_Source === 1) {
  127. return 'PC';
  128. } else if (data.F_Source === 2) {
  129. return 'APP';
  130. } else if (data.F_Source === 3) {
  131. return '微信';
  132. } else {
  133. return '';
  134. }
  135. }
  136. // 工单详情中工单类别返回值判断
  137. function workOrderDetailsTypeJudge (data) {
  138. if (data.F_Type === 1) {
  139. return '咨询';
  140. } else if (data.F_Type === 2) {
  141. return '投诉';
  142. } else if (data.F_Type === 3) {
  143. return '重复';
  144. } else {
  145. return '';
  146. }
  147. }
  148. // 工单详情中工单状态返回值判断
  149. function workOrderDetailsStateJudge (data) {
  150. if (data.F_State === 0) {
  151. return '待提交';
  152. } else if (data.F_State === 1) {
  153. return '待分派';
  154. } else if (data.F_State === 2) {
  155. return '待接单';
  156. } else if (data.F_State === 3) {
  157. return '待处理';
  158. } else if (data.F_State === 4) {
  159. return '处理中';
  160. } else if (data.F_State === 5) {
  161. return '退回待分派';
  162. } else if (data.F_State === 6) {
  163. return '退回待提交';
  164. } else if (data.F_State === 10) {
  165. return '已完成';
  166. } else {
  167. return '';
  168. }
  169. }
  170. // 工单记录中工单状态返回值判断
  171. function formatterWorkOrderRecordStatus(val, row) {
  172. var formatterWorkOrderRecordStatusStr = '';
  173. if (row.F_WoState === 0){
  174. formatterWorkOrderRecordStatusStr = "待提交";
  175. }
  176. if (row.F_WoState === 1){
  177. formatterWorkOrderRecordStatusStr = "待分派";
  178. }
  179. if (row.F_WoState === 2){
  180. formatterWorkOrderRecordStatusStr = "待接单";
  181. }
  182. if (row.F_WoState === 3){
  183. formatterWorkOrderRecordStatusStr = "待处理";
  184. }
  185. if (row.F_WoState === 4){
  186. formatterWorkOrderRecordStatusStr = "处理中";
  187. }
  188. if (row.F_WoState === 5){
  189. formatterWorkOrderRecordStatusStr = "退回待分派";
  190. }
  191. if (row.F_OptType == 6){
  192. formatterWorkOrderRecordStatusStr = "退回待提交";
  193. }
  194. if (row.F_OptType == 10){
  195. formatterWorkOrderRecordStatusStr = "已完成";
  196. }
  197. return formatterWorkOrderRecordStatusStr;
  198. }
  199. // 提交重复工单
  200. //function submitRepeatWorkOrder () {
  201. // var laye = layer.confirm("您确定要提交重复工单吗?", {
  202. // btn: ["确定", "取消"]
  203. // }, function () {
  204. // $.ajax({
  205. // type: "post",
  206. // url: huayi.config.callcenter_url + "WorkOrder/Repeat",
  207. // async: true,
  208. // dataType: "json",
  209. // data: {
  210. // token: $.cookie("token"),
  211. // orderid: selid,
  212. // isbj: 1
  213. // },
  214. // success: function (data) {
  215. // if (data.state.toLowerCase() == 'success') {
  216. // layer.msg("标记重复工单成功!");
  217. // //工单列表
  218. // parent.$("#workorderlist").bootstrapTable('refresh');
  219. // //历史工单列表
  220. // parent.$("#orderlist").bootstrapTable('refresh');
  221. // //工单详情
  222. // getWorkOrderDetails();
  223. // getWorkOrderRecord();
  224. // } else {
  225. // layer.msg("标记重复工单失败!");
  226. // }
  227. // }
  228. // });
  229. // }, function(){
  230. // layer.close(laye)
  231. // })
  232. //}