PingAnYeXianSZCG_Web 前端代码

WorkOrder.js 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319
  1. $(document).ready(function () {
  2. initTable();
  3. $(".ss").click(function () {
  4. stype = 1;
  5. initTable();
  6. })
  7. /*高级查询*/
  8. $(".gjss").click(function () {
  9. $(".t-shade").addClass("cx");
  10. $(".gjsu").addClass("cx");
  11. $('.clgd').removeClass("cx");
  12. });
  13. $("#gjss").click(function () {
  14. stype = 2;
  15. initTable();
  16. $(".t-shade").removeClass("cx");
  17. $(".gjsu").removeClass("cx");
  18. })
  19. $(".setwin").click(function () {
  20. $(".t-shade").removeClass("cx");
  21. $(".gjsu").removeClass("cx");
  22. $(".cbgd").removeClass("cx");
  23. })
  24. //详情
  25. $(".ckxq ul li").click(function () {
  26. $(this).addClass("Active").siblings().removeClass("Active");
  27. var i = $(this).index();
  28. $(".gdxq").hide();
  29. $(".gdxq").eq(i).show();
  30. if (i > 0) { cljl(i); }
  31. });
  32. $(".Closed").click(function () {
  33. $(".ckxq").addClass("Hidens");
  34. });
  35. /*tree下拉框效果*/
  36. $(".inpBox .tree").click(function () {
  37. if ($(this).parent().find(".addTree").is(":hidden")) {
  38. $(this).parent().find(".addTree").show();
  39. }
  40. else {
  41. $(this).parent().find(".addTree").hide();
  42. }
  43. });
  44. /*普通下拉框效果*/
  45. $(".inpBox .select").click(function () {
  46. if ($(this).parent().find(".xl_common").is(":hidden")) {
  47. $(this).parent().find(".xl_common").show();
  48. }
  49. else {
  50. $(this).parent().find(".xl_common").hide();
  51. }
  52. });
  53. $(".xl").click(function () {
  54. if ($(this).parent().find(".addTree").is(":hidden")) {
  55. $(this).parent().find(".addTree").show();
  56. }
  57. else {
  58. $(this).parent().find(".addTree").hide();
  59. }
  60. if ($(this).parent().find(".xl_common").is(":hidden")) {
  61. $(this).parent().find(".xl_common").show();
  62. }
  63. else {
  64. $(this).parent().find(".xl_common").hide();
  65. }
  66. });
  67. $(".inpBox").mouseleave(function () {
  68. $(this).children(".addTree").hide();
  69. $(this).children(".xl_common").hide();
  70. })
  71. $(".xl_box").on("click", "li", function () {
  72. var obj = $(this).parent().parent().parent();
  73. obj.find("input").eq(0).val($(this).text());
  74. obj.find("input").eq(1).val($(this).attr("itemid"));
  75. obj.find(".xl_common").hide();
  76. })
  77. $("input[name='ltype']").click(function () {
  78. var val = $("input[name='ltype']:checked").val();
  79. if (val == '0') {
  80. $(".js").show();
  81. }
  82. else if (val == '1') {
  83. $(".js").hide();
  84. }
  85. })
  86. if ($("#zrbmtree")) {
  87. getBM($("#zrbmtree"));
  88. }
  89. })
  90. function View(val) {
  91. return '<div class="imgs" ><a class="xg" onclick= ck("' + val + '") >' + val + '</a></div>';
  92. }
  93. function OverTime(val, row) {
  94. var cs = 'Ctime';
  95. if (row.LimitTime) {
  96. if (row.totalhour * 1 > row.LimitTime * 1) {
  97. cs = 'overTime';
  98. }
  99. }
  100. return '<div class="' + cs + '" ><a class="xg" ></a></div>';
  101. }
  102. function ck(val) {
  103. selid = val;
  104. $(".ckxq").removeClass("Hidens");
  105. $(".ckxq ul li").eq(0).trigger("click");
  106. xq();
  107. }
  108. function xq() {
  109. $.getJSON(huayi.config.callcenter_url+'WorkOrder/GetWorkOrder', { "orderid": selid, "token": $.cookie("token") }, function (result) {
  110. if (result.state.toLowerCase() == "success") {
  111. if (result.data.data.length > 0) {
  112. var data = result.data.data[0];
  113. $("#xq_gdbh").text(data.WorkOrderID);
  114. $("#xq_gdlx").text(GetTypeName(data.Type));
  115. $("#xq_cjsj").text(data.CreateTime);
  116. $("#xq_gdzt").html(GetStateName(data.State));
  117. $("#xq_khxm").text(data.Customer);
  118. $("#xq_khdh").text(data.CustomerTel);
  119. $("#xq_wtlx").text(data.TypeClassName);
  120. $("#xq_zxgh").text(data.CreateUser);
  121. $("#xq_zxxm").text(data.CreateUserName);
  122. $("#xq_gdnr").text(data.Detail);
  123. $(".gdxq").eq(0).find(".allbc").remove();
  124. if (result.data.item.length > 0) {
  125. var html = '<div class="allbc">补充记录'
  126. + '<table class="table table-hover table-striped"><thead><tr><th><div class="th-inner">补充人</div></th>'
  127. + '<th><div class="th-inner">补充详情</div></th><th><div class="th-inner">创建时间</div></th></tr></thead><tbody>';
  128. $(result.data.item).each(function (i, n) {
  129. html += '<td>' + n.CreateUserName + '</td><td>' + n.Detail + '</td><td>' + n.CreateTime + '</td>';
  130. })
  131. html += '</tbody></table></div>';
  132. $(".gdxq").eq(0).append($(html));
  133. }
  134. }
  135. }
  136. })
  137. }
  138. function cljl(type) {
  139. //先销毁表格
  140. var table = $(".gdxq").eq(type).find("table");
  141. table.bootstrapTable('destroy');
  142. //初始化表格,动态从服务器加载数据
  143. table.bootstrapTable({
  144. method: "get", //使用get请求到服务器获取数据
  145. url: huayi.config.callcenter_url+"WorkOrder/GetItemList", //获取数据的Servlet地址
  146. striped: true, //表格显示条纹
  147. pagination: true, //启动分页
  148. pageSize: 5, //每页显示的记录数
  149. pageNumber: 1, //当前第几页
  150. pageList: [10, 20, 50, 100], //记录数可选列表
  151. search: false, //是否启用查询
  152. showColumns: false, //显示下拉框勾选要显示的列
  153. showRefresh: false, //显示刷新按钮
  154. sidePagination: "server", //表示服务端请求
  155. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  156. //设置为limit可以获取limit, offset, search, sort, order
  157. queryParamsType: "undefined",
  158. queryParams: function queryParams(params) { //设置查询参数
  159. var param = {
  160. page: params.pageNumber,
  161. pagesize: params.pageSize,
  162. type: type,
  163. id: selid,
  164. token: $.cookie("token")
  165. };
  166. return param;
  167. },
  168. onLoadSuccess: function () { //加载成功时执行
  169. //layer.msg("加载成功");
  170. },
  171. onLoadError: function () { //加载失败时执行
  172. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  173. }
  174. });
  175. }
  176. function GetTypeName(val) {
  177. var str = '';
  178. switch (val + '') {
  179. case '1': str = "咨询"; break;
  180. case '2': str = "报修服务"; break;
  181. case '3': str = "投诉建议"; break;
  182. }
  183. return str;
  184. }
  185. function GetStateName(val) {
  186. // var str = '';
  187. // switch (val + '') {
  188. // case '0': str = "待指派"; break;
  189. // case '1': str = "处理中"; break;
  190. // case '2': str = "已完结"; break;
  191. // }
  192. if(val==0){
  193. return '<div class="warning">待指派</div>'
  194. }else if(val==1){
  195. return '<div class="primary">处理中</div>'
  196. }else if(val==2){
  197. return '<div class="defauli">已完结</div>'
  198. }
  199. return str;
  200. }
  201. function ComXQ(val, row) {
  202. var str = '';
  203. if (row.IsLast) {
  204. str = str + row.DealUserName + " 完结工单。" + "<br>";
  205. }
  206. if (row.DealTime) {
  207. str = str + row.DealUserName + " 处理工单:" + "<br>";
  208. str = str + row.Detail + "<br>";
  209. }
  210. if (row.SureUserName) {
  211. str = str + row.SureUserName + " 接单。" + "<br>";
  212. }
  213. if (row.ToDeptName) {
  214. str = str + row.CreateUserName + " 指派工单给 " + row.ToDeptName + " ";
  215. if (row.ToUserName) {
  216. str = str + row.ToUserName;
  217. }
  218. str = str + "<br>";
  219. }
  220. if (row.IsStart) {
  221. str = str + row.CreateUserName + " 重新开启工单。" + "<br>";
  222. }
  223. return str;
  224. }
  225. //获取部门
  226. var setting = {
  227. data: {
  228. key: {
  229. name: "F_DeptName"
  230. },
  231. simpleData: {
  232. enable: true,
  233. idKey: "F_DeptId",
  234. pIdKey: "F_ParentId",
  235. rootPId: 0
  236. }
  237. },
  238. callback: {
  239. onClick: zTreeOnClick
  240. }
  241. };
  242. function getBM(obj) {
  243. $.getJSON(huayi.config.callcenter_url+'Department/GetAllList', { "token": $.cookie("token") }, function (result) {
  244. if (result.state.toLowerCase() == "success") {
  245. $.fn.zTree.init(obj, setting, result.data);
  246. }
  247. })
  248. }
  249. function zTreeOnClick(event, treeId, treeNode) {
  250. if (event) {
  251. event.stopPropagation();
  252. }
  253. var obj = $("#" + event.data.treeId).parent();
  254. obj.parent().find("input").eq(0).val(treeNode.F_DeptName);
  255. obj.parent().find("input").eq(1).val(treeNode.F_DeptId);
  256. obj.hide();
  257. getRY($(".clid"), $("#clbm").val());
  258. };
  259. //获取人员
  260. function getRY(obj, deptid) {
  261. obj.empty();
  262. obj.append('<li itemid="">--请选择--</li>');
  263. obj.parent().parent().find("input").eq(0).val("--请选择--");
  264. obj.parent().parent().find("input").eq(1).val("");
  265. $.getJSON(huayi.config.callcenter_url+'UserAccount/GetDeptUserList', { "deptid": deptid, "token": $.cookie("token") }, function (result) {
  266. if (result.state.toLowerCase() == "success") {
  267. $(result.data).each(function (i, n) {
  268. obj.append('<li itemid="' + n.F_UserId + '">' + n.F_UserName + '</li>');
  269. })
  270. obj.find("li").click(function (event) {
  271. if (event) {
  272. event.stopPropagation();
  273. }
  274. $(this).parent().parent().parent().find("input").eq(0).val($(this).text());
  275. $(this).parent().parent().parent().find("input").eq(1).val($(this).attr("itemid"));
  276. $(this).parent().parent().hide();
  277. });
  278. }
  279. })
  280. }
  281. function Appoint(val, row) {
  282. return czhtml(val, row, "处理");
  283. }
  284. function Dispose(val, row) {
  285. return czhtml(val, row, "处理");
  286. }
  287. function Expedite(val, row) {
  288. return czhtml(val, row, "催办");
  289. }
  290. function Comment(val, row) {
  291. return czhtml(val, row, "评论");
  292. }
  293. function czhtml(val, row,str) {
  294. return '<div class="imgs" ><a class="xg" itemstr=\'' + JSON.stringify(row) + '\' onclick= oper("' + val + '",this) >' + str + '</a></div>';
  295. }
  296. function oper(val, obj) {
  297. zpid = val;
  298. var zp = JSON.parse($(obj).attr("itemstr"));
  299. $("#cl_gdbh").text(zp.WorkOrderID);
  300. $("#cl_gdlx").text(GetTypeName(zp.Type));
  301. $("#cl_khxm").text(zp.Customer);
  302. $("#cl_khdh").text(zp.CustomerTel);
  303. $("#cl_gdnr").text(zp.Detail);
  304. $("#clbmname").val("");
  305. $("#clbm").val("");
  306. $("#clidname").val("");
  307. $("#clid").val("");
  308. $(".clid").empty();
  309. $("#cont").val("");
  310. $(".t-shade").addClass("cx");
  311. $(".clgd").addClass("cx");
  312. }