PingAnYeXianSZCG_Web 前端代码

WorkOrder.js 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406
  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. $(".setwin").click(function() {
  14. $(".t-shade").removeClass("cx");
  15. $(".gjsu").removeClass("cx");
  16. $(".cbgd").removeClass("cx");
  17. //图片清空
  18. $(".space").html('');
  19. })
  20. //详情
  21. $(".ckxq ul li").click(function() {
  22. $(this).addClass("Active").siblings().removeClass("Active");
  23. var i = $(this).index();
  24. $(".gdxq").hide();
  25. $(".gdxq").eq(i).show();
  26. if(i > 0) {
  27. cljl(i);
  28. }
  29. });
  30. $(".Closed").click(function() {
  31. $(".ckxq").addClass("Hidens");
  32. });
  33. /*tree下拉框效果*/
  34. $(".inpBox .tree").click(function() {
  35. if($(this).parent().find(".addTree").is(":hidden")) {
  36. $(this).parent().find(".addTree").show();
  37. } else {
  38. $(this).parent().find(".addTree").hide();
  39. }
  40. });
  41. /*普通下拉框效果*/
  42. $(".inpBox .select").click(function() {
  43. if($(this).parent().find(".xl_common").is(":hidden")) {
  44. $(this).parent().find(".xl_common").show();
  45. } else {
  46. $(this).parent().find(".xl_common").hide();
  47. }
  48. });
  49. $(".xl").click(function() {
  50. if($(this).parent().find(".addTree").is(":hidden")) {
  51. $(this).parent().find(".addTree").show();
  52. } else {
  53. $(this).parent().find(".addTree").hide();
  54. }
  55. if($(this).parent().find(".xl_common").is(":hidden")) {
  56. $(this).parent().find(".xl_common").show();
  57. } else {
  58. $(this).parent().find(".xl_common").hide();
  59. }
  60. });
  61. $(".inpBox").mouseleave(function() {
  62. $(this).children(".addTree").hide();
  63. $(this).children(".xl_common").hide();
  64. })
  65. $(".xl_box").on("click", "li", function() {
  66. var obj = $(this).parent().parent().parent();
  67. obj.find("input").eq(0).val($(this).text());
  68. obj.find("input").eq(1).val($(this).attr("itemid"));
  69. obj.find(".xl_common").hide();
  70. })
  71. $("input[name='ltype']").click(function() {
  72. var val = $("input[name='ltype']:checked").val();
  73. if(val == '0') {
  74. $(".js").show();
  75. } else if(val == '1') {
  76. $(".js").hide();
  77. }
  78. })
  79. if($("#zrbmtree")) {
  80. getBM($("#zrbmtree"));
  81. }
  82. })
  83. function View(val) {
  84. return '<div class="imgs" ><a class="xg" onclick= ck("' + val + '") >' + val + '</a></div>';
  85. }
  86. function OverTime(val, row) {
  87. var cs = 'Ctime';
  88. if(row.LimitTime) {
  89. if(row.totalhour * 1 > row.LimitTime * 1) {
  90. cs = 'overTime';
  91. }
  92. }
  93. return '<div class="' + cs + '" ><a class="xg" ></a></div>';
  94. }
  95. function ck(val) {
  96. selid = val;
  97. $(".ckxq").removeClass("Hidens");
  98. $(".ckxq ul li").eq(0).trigger("click");
  99. xq();
  100. }
  101. function xq() {
  102. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
  103. "orderid": selid,
  104. "token": $.cookie("token")
  105. }, function(result) {
  106. if(result.state.toLowerCase() == "success") {
  107. if(result.data.data.length > 0) {
  108. var data = result.data.data[0];
  109. $("#xq_gdbh").text(data.WorkOrderID);
  110. $("#xq_gdlx").text(GetTypeName(data.Type));
  111. $("#xq_cjsj").text(data.CreateTime);
  112. $("#xq_gdzt").html(GetStateName(data.State));
  113. $("#xq_khxm").text(data.Customer);
  114. $("#xq_khdh").text(data.CustomerTel);
  115. $("#xq_wtlx").text(Type(data.Type));//工单来源
  116. $("#xq_zxgh").text(data.CreateUser);
  117. $("#xq_zxxm").text(data.CreateUserName);
  118. $("#xq_clnr").text(data.Answer);
  119. $("#xq_gdnr").text(data.Detail);
  120. $("#xq_xxsh").text(Audit(data.IsAudit));//信息审核
  121. $("#xq_xxfl").text(data.InfoType);
  122. //交办单位 Unit
  123. $("#xq_jbdw").text(data.Unit);
  124. $(".gdxq").eq(0).find(".allbc").remove();
  125. var Files = data.File;
  126. console.log(Files);
  127. $("#IMG_box").empty();
  128. if(Files){
  129. $(Files).each(function(i, n) {
  130. $('<div class="img-box"><img src="' + n.F_FileUrl + '" alt="" class="image-item" /><div>').appendTo("#IMG_box");
  131. })
  132. //图片放大
  133. $('.image-item').click(function() {
  134. })
  135. }
  136. // if(result.data.item.length > 0) {
  137. // var html = '<div class="allbc">补充记录' +
  138. // '<table class="table table-hover table-striped"><thead><tr><th><div class="th-inner">补充人</div></th>' +
  139. // '<th><div class="th-inner">补充详情</div></th><th><div class="th-inner">创建时间</div></th></tr></thead><tbody>';
  140. //
  141. // $(result.data.item).each(function(i, n) {
  142. // html += '<td>' + n.CreateUserName + '</td><td>' + n.Detail + '</td><td>' + n.CreateTime + '</td>';
  143. // })
  144. // html += '</tbody></table></div>';
  145. // $(".gdxq").eq(0).append($(html));
  146. // }
  147. /***************************图片信息*/
  148. }
  149. }
  150. })
  151. }
  152. function cljl(type) {
  153. //先销毁表格
  154. var table = $(".gdxq").eq(type).find("table");
  155. table.bootstrapTable('destroy');
  156. //初始化表格,动态从服务器加载数据
  157. table.bootstrapTable({
  158. method: "get", //使用get请求到服务器获取数据
  159. url: huayi.config.callcenter_url + "WorkOrder/GetItemList", //获取数据的Servlet地址
  160. striped: true, //表格显示条纹
  161. pagination: true, //启动分页
  162. pageSize: 5, //每页显示的记录数
  163. pageNumber: 1, //当前第几页
  164. pageList: [10, 20, 50, 100], //记录数可选列表
  165. search: false, //是否启用查询
  166. showColumns: false, //显示下拉框勾选要显示的列
  167. showRefresh: false, //显示刷新按钮
  168. sidePagination: "server", //表示服务端请求
  169. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  170. //设置为limit可以获取limit, offset, search, sort, order
  171. queryParamsType: "undefined",
  172. queryParams: function queryParams(params) { //设置查询参数
  173. var param = {
  174. page: params.pageNumber,
  175. pagesize: params.pageSize,
  176. type: type,
  177. id: selid,
  178. token: $.cookie("token")
  179. };
  180. return param;
  181. },
  182. onLoadSuccess: function() { //加载成功时执行
  183. //layer.msg("加载成功");
  184. },
  185. onLoadError: function() { //加载失败时执行
  186. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  187. }
  188. });
  189. }
  190. function GetTypeName(val) {
  191. var str = '';
  192. switch(val + '') {
  193. case '1':
  194. str = "咨询";
  195. break;
  196. case '2':
  197. str = "报修服务";
  198. break;
  199. case '3':
  200. str = "投诉建议";
  201. break;
  202. }
  203. return str;
  204. }
  205. function GetStateName(val) {
  206. // var str = '';
  207. // switch (val + '') {
  208. // case '0': str = "待指派"; break;
  209. // case '1': str = "处理中"; break;
  210. // case '2': str = "已完结"; break;
  211. // }
  212. if(val == 0) {
  213. return '<div class="warning">待指派</div>'
  214. } else if(val == 1) {
  215. return '<div class="primary">处理中</div>'
  216. } else if(val == 2) {
  217. return '<div class="defauli">已完结</div>'
  218. }
  219. return str;
  220. }
  221. function ComXQ(val, row) {
  222. var str = '';
  223. if(row.IsLast) {
  224. str = str + row.DealUserName + " 完结工单。" + "<br>";
  225. }
  226. if(row.DealTime) {
  227. str = str + row.DealUserName + " 处理工单:" + "<br>";
  228. str = str + row.Detail + "<br>";
  229. }
  230. if(row.SureUserName) {
  231. str = str + row.SureUserName + " 接单。" + "<br>";
  232. }
  233. if(row.ToDeptName) {
  234. str = str + row.CreateUserName + " 指派工单给 " + row.ToDeptName + " ";
  235. if(row.ToUserName) {
  236. str = str + row.ToUserName;
  237. }
  238. str = str + "<br>";
  239. }
  240. if(row.IsStart) {
  241. str = str + row.CreateUserName + " 重新开启工单。" + "<br>";
  242. }
  243. return str;
  244. }
  245. //获取部门
  246. var setting = {
  247. data: {
  248. key: {
  249. name: "F_DeptName"
  250. },
  251. simpleData: {
  252. enable: true,
  253. idKey: "F_DeptId",
  254. pIdKey: "F_ParentId",
  255. rootPId: 0
  256. }
  257. },
  258. callback: {
  259. onClick: zTreeOnClick
  260. }
  261. };
  262. function getBM(obj) {
  263. $.getJSON(huayi.config.callcenter_url + 'Department/GetAllList', {
  264. "token": $.cookie("token")
  265. }, function(result) {
  266. if(result.state.toLowerCase() == "success") {
  267. $.fn.zTree.init(obj, setting, result.data);
  268. }
  269. })
  270. }
  271. function zTreeOnClick(event, treeId, treeNode) {
  272. if(event) {
  273. event.stopPropagation();
  274. }
  275. var obj = $("#" + event.data.treeId).parent();
  276. obj.parent().find("input").eq(0).val(treeNode.F_DeptName);
  277. obj.parent().find("input").eq(1).val(treeNode.F_DeptId);
  278. obj.hide();
  279. getRY($(".clid"), $("#clbm").val());
  280. };
  281. //获取人员
  282. function getRY(obj, deptid) {
  283. obj.empty();
  284. obj.append('<li itemid="">--请选择--</li>');
  285. obj.parent().parent().find("input").eq(0).val("--请选择--");
  286. obj.parent().parent().find("input").eq(1).val("");
  287. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetDeptUserList', {
  288. "deptid": deptid,
  289. "token": $.cookie("token")
  290. }, function(result) {
  291. if(result.state.toLowerCase() == "success") {
  292. $(result.data).each(function(i, n) {
  293. obj.append('<li itemid="' + n.F_UserId + '">' + n.F_UserName + '</li>');
  294. })
  295. obj.find("li").click(function(event) {
  296. if(event) {
  297. event.stopPropagation();
  298. }
  299. $(this).parent().parent().parent().find("input").eq(0).val($(this).text());
  300. $(this).parent().parent().parent().find("input").eq(1).val($(this).attr("itemid"));
  301. $(this).parent().parent().hide();
  302. });
  303. }
  304. })
  305. }
  306. function Appoint(val, row) {
  307. return czhtml(val, row, "处理");
  308. }
  309. function Dispose(val, row) {
  310. return czhtml(val, row, "处理");
  311. }
  312. function Expedite(val, row) {
  313. return czhtml(val, row, "催办");
  314. }
  315. function Comment(val, row) {
  316. return czhtmls(val, row, "评论");
  317. }
  318. function czhtml(val, row, str) {
  319. return '<div class="imgs" ><a class="xg" itemstr=\'' + JSON.stringify(row) + '\' onclick= oper("' + val + '",this) >' + str + '</a></div>';
  320. }
  321. function czhtmls(val, row, str) {
  322. return '<div class="imgs" ><a class="xg" onclick= opers("' + val + '",this) >' + str + '</a></div>';
  323. }
  324. function oper(val, obj) {
  325. layer.open({
  326. type: 2,
  327. content: "WorkOrderDeal.html?str="+val, //iframe的url,no代表不显示滚动条
  328. title: '处理工单',
  329. area: ['55%', '68%'], //宽高
  330. })
  331. }
  332. function opers(val, obj) {
  333. layer.open({
  334. type: 2,
  335. content: "WorkEvaluate.html?str="+val, //iframe的url,no代表不显示滚动条
  336. title: '评价工单',
  337. area: ['55%', '68%'], //宽高
  338. })
  339. }
  340. /// 审核信息
  341. function Audit(val) {
  342. var str = '';
  343. switch(val + '') {
  344. case '0':
  345. str = "未审核";
  346. break;
  347. case '1':
  348. str = "无效";
  349. break;
  350. case '2':
  351. str = "有效";
  352. break;
  353. }
  354. return str;
  355. }
  356. //限制字符串长度
  357. function Detail(val) {
  358. if(val) {
  359. var str = '<div '
  360. if(val.length > 10) {
  361. str = str + ' title="' + val + '" ';
  362. val = val.substr(0, 10) + "...";
  363. }
  364. return str + '>' + val + '</div>';
  365. } else {
  366. return '';
  367. }
  368. }
  369. function Type(val){
  370. var str = '';
  371. switch(val + '') {
  372. case '1':
  373. str = "手工制单";
  374. break;
  375. case '2':
  376. str = "电话";
  377. break;
  378. case '3':
  379. str = "微信";
  380. break;
  381. }
  382. return str;
  383. }