新手操作指南Demo - 使用双汇UI代码

WorkOrderDetails.js 7.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  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. $(".repeatSubmit").click(function() {
  20. submitRepeatWorkOrder();
  21. })
  22. })
  23. // 工单详情
  24. function getWorkOrderDetails() {
  25. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetDetails', {
  26. id: selid,
  27. token: $.cookie("token")
  28. }, function(result) {
  29. if(result.state.toLowerCase() == "success") {
  30. if(result.rows.length > 0) {
  31. var data = result.rows[0];
  32. $("#detailWorkOrderId").text(data.F_WorkOrderId);
  33. $("#detailSource").text(workOrderDetailsSourceJudge(data)); //工单来源
  34. $("#detailType").text(workOrderDetailsTypeJudge(data)); //工单类别
  35. $("#detailAreaName").html(data.F_AreaName);
  36. $("#detailOfficeName").text(data.F_OfficName);
  37. $("#detailCreateTime").text(data.F_CreateTime);
  38. $("#detailDealTimely").text(data.F_DealTimely); //重要级别
  39. $("#detailReason").text(data.F_Reason); //重要原因
  40. $("#detailCusName").text(data.F_CusName);
  41. $("#detailCusPhone").text(data.F_CusPhone);
  42. $("#detailAddress").text(data.F_AddRess);
  43. $("#detailProductType").text(data.F_ProductType); //产品代码
  44. $("#detailProductName").text(data.F_ProductName);
  45. $('#detailSpecifications').text(data.F_Specifications);
  46. $("#detailPRoductDate").text(data.F_ProductDate);
  47. $("#detailBatchNumber").text(data.F_BatchNumber);
  48. $("#detailManufacturer").text(data.F_Manufacturer);
  49. $("#detailProblemCode").text(data.F_ProblemCode); //问题代码
  50. $("#detailQualityProblem").text(data.F_QualityProblem);
  51. $("#detailNotifications").text(data.F_Notifications);
  52. $("#detailReceivingPerson").text(data.F_ReceivingPerson);
  53. $("#detailSerialNumber").text(data.F_SerialNumber);
  54. $("#detailState").text(workOrderDetailsStateJudge(data)); //工单状态
  55. $("#detailContent").text(data.F_Content);
  56. $("#detailDealResult").text(data.F_DealResult); //落实情况
  57. $("#detailDealUser").text(data.F_DealUser);
  58. $("#detailDealTime").text(data.F_DealTime);
  59. }
  60. }
  61. })
  62. }
  63. // 工单记录
  64. function getWorkOrderRecord() {
  65. //先销毁表格
  66. $('#workOrderRecord').bootstrapTable('destroy');
  67. //初始化表格,动态从服务器加载数据
  68. $('#workOrderRecord').bootstrapTable({
  69. method: "get", //使用get请求到服务器获取数据
  70. url: huayi.config.callcenter_url + "WorkOrder/GetItemList", //获取数据的Servlet地址
  71. contentType: 'application/x-www-form-urlencoded',
  72. striped: true, //表格显示条纹
  73. pagination: true, //启动分页
  74. pageSize: 5, //每页显示的记录数
  75. pageNumber: 1, //当前第几页
  76. pageList: [5, 10, 20], //记录数可选列表
  77. search: false, //是否启用查询
  78. showColumns: false, //显示下拉框勾选要显示的列
  79. showRefresh: false, //显示刷新按钮
  80. sidePagination: "server", //表示服务端请求
  81. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  82. //设置为limit可以获取limit, offset, search, sort, order
  83. queryParamsType: "undefined",
  84. queryParams: function queryParams(params) { //设置查询参数
  85. var param = {
  86. id: selid, // 工单ID
  87. token: $.cookie("token"),
  88. pageindex: params.pageNumber, //页码
  89. pagesize: params.pageSize, //条数
  90. };
  91. return param;
  92. },
  93. // responseHandler: function(res) {
  94. // return {
  95. // "total": res.itemlasts.length,//总页数
  96. // "rows": res.itemlasts //数据
  97. // };
  98. // },
  99. onLoadSuccess: function() { //加载成功时执行
  100. //layer.msg("加载成功");
  101. },
  102. onLoadError: function() { //加载失败时执行
  103. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  104. }
  105. });
  106. }
  107. // 工单详情中判断工单来源的值
  108. function workOrderDetailsSourceJudge (data) {
  109. if (data.F_Source === 1) {
  110. return 'PC';
  111. } else if (data.F_Source === 2) {
  112. return 'APP';
  113. } else if (data.F_Source === 3) {
  114. return '微信';
  115. } else {
  116. return '';
  117. }
  118. }
  119. // 工单详情中工单类别返回值判断
  120. function workOrderDetailsTypeJudge (data) {
  121. if (data.F_Type === 1) {
  122. return '咨询';
  123. } else if (data.F_Type === 2) {
  124. return '投诉';
  125. } else if (data.F_Type === 3) {
  126. return '重复';
  127. } else {
  128. return '';
  129. }
  130. }
  131. // 工单详情中工单状态返回值判断
  132. function workOrderDetailsStateJudge (data) {
  133. if (data.F_State === 0) {
  134. return '待提交';
  135. } else if (data.F_State === 1) {
  136. return '待分派';
  137. } else if (data.F_State === 2) {
  138. return '待接单';
  139. } else if (data.F_State === 3) {
  140. return '待处理';
  141. } else if (data.F_State === 4) {
  142. return '处理中';
  143. } else if (data.F_State === 5) {
  144. return '退回待分派';
  145. } else if (data.F_State === 6) {
  146. return '退回待提交';
  147. } else if (data.F_State === 10) {
  148. return '已完成';
  149. } else {
  150. return '';
  151. }
  152. }
  153. // 工单记录中工单状态返回值判断
  154. function formatterWorkOrderRecordStatus(val, row) {
  155. var formatterWorkOrderRecordStatusStr = '';
  156. if (row.F_WoState === 0){
  157. formatterWorkOrderRecordStatusStr = "待提交";
  158. }
  159. if (row.F_WoState === 1){
  160. formatterWorkOrderRecordStatusStr = "待分派";
  161. }
  162. if (row.F_WoState === 2){
  163. formatterWorkOrderRecordStatusStr = "待接单";
  164. }
  165. if (row.F_WoState === 3){
  166. formatterWorkOrderRecordStatusStr = "待处理";
  167. }
  168. if (row.F_WoState === 4){
  169. formatterWorkOrderRecordStatusStr = "处理中";
  170. }
  171. if (row.F_WoState === 5){
  172. formatterWorkOrderRecordStatusStr = "退回待分派";
  173. }
  174. if (row.F_OptType == 6){
  175. formatterWorkOrderRecordStatusStr = "退回待提交";
  176. }
  177. if (row.F_OptType == 10){
  178. formatterWorkOrderRecordStatusStr = "已完成";
  179. }
  180. return formatterWorkOrderRecordStatusStr;
  181. }
  182. // 提交重复工单
  183. function submitRepeatWorkOrder () {
  184. var laye = layer.confirm("您确定要提交重复工单吗?", {
  185. btn: ["确定", "取消"]
  186. }, function () {
  187. $.ajax({
  188. type: "post",
  189. url: huayi.config.callcenter_url + "WorkOrder/Repeat",
  190. async: true,
  191. dataType: "json",
  192. data: {
  193. token: $.cookie("token"),
  194. orderid: selid,
  195. isbj: 1
  196. },
  197. success: function (data) {
  198. if (data.state.toLowerCase() == 'success') {
  199. layer.msg("标记重复工单成功!");
  200. //工单列表
  201. parent.$("#workorderlist").bootstrapTable('refresh');
  202. //工单详情
  203. getWorkOrderDetails();
  204. getWorkOrderRecord();
  205. } else {
  206. layer.msg("标记重复工单失败!");
  207. }
  208. }
  209. });
  210. }, function(){
  211. layer.close(laye)
  212. })
  213. }