开封利通水务前端

contabs.min.js 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
  1. $(function() {
  2. function f(l) {
  3. var k = 0;
  4. $(l).each(function() {
  5. k += $(this).outerWidth(true)
  6. });
  7. return k
  8. }
  9. function g(n) {
  10. var o = f($(n).prevAll()),
  11. q = f($(n).nextAll());
  12. var l = f($(".content-tabs").children().not(".J_menuTabs"));
  13. var k = $(".content-tabs").outerWidth(true) - l;
  14. var p = 0;
  15. if($(".page-tabs-content").outerWidth() < k) {
  16. p = 0
  17. } else {
  18. if(q <= (k - $(n).outerWidth(true) - $(n).next().outerWidth(true))) {
  19. if((k - $(n).next().outerWidth(true)) > q) {
  20. p = o;
  21. var m = n;
  22. while((p - $(m).outerWidth()) > ($(".page-tabs-content").outerWidth() - k)) {
  23. p -= $(m).prev().outerWidth();
  24. m = $(m).prev()
  25. }
  26. }
  27. } else {
  28. if(o > (k - $(n).outerWidth(true) - $(n).prev().outerWidth(true))) {
  29. p = o - $(n).prev().outerWidth(true)
  30. }
  31. }
  32. }
  33. $(".page-tabs-content").animate({
  34. marginLeft: 0 - p + "px"
  35. }, "fast")
  36. }
  37. function a() {
  38. var o = Math.abs(parseInt($(".page-tabs-content").css("margin-left")));
  39. var l = f($(".content-tabs").children().not(".J_menuTabs"));
  40. var k = $(".content-tabs").outerWidth(true) - l;
  41. var p = 0;
  42. if($(".page-tabs-content").width() < k) {
  43. p=p;
  44. // return false
  45. } else {
  46. var m = $(".J_menuTab:first");
  47. var n = 0;
  48. while((n + $(m).outerWidth(true)) <= o) {
  49. n += $(m).outerWidth(true);
  50. m = $(m).next()
  51. }
  52. n = 0;
  53. if(f($(m).prevAll()) > k) {
  54. while((n + $(m).outerWidth(true)) < (k) && m.length > 0) {
  55. n += $(m).outerWidth(true);
  56. m = $(m).prev()
  57. }
  58. p = f($(m).prevAll())
  59. }
  60. }
  61. $(".page-tabs-content").animate({
  62. marginLeft: 0 - p + "px"
  63. }, "fast")
  64. }
  65. function b() {
  66. var o = Math.abs(parseInt($(".page-tabs-content").css("margin-left")));
  67. var l = f($(".content-tabs").children().not(".J_menuTabs"));
  68. var k = $(".content-tabs").outerWidth(true) - l;
  69. var p = 0;
  70. if($(".page-tabs-content").width() < k) {
  71. return false
  72. } else {
  73. var m = $(".J_menuTab:first");
  74. var n = 0;
  75. while((n + $(m).outerWidth(true)) <= o) {
  76. n += $(m).outerWidth(true);
  77. m = $(m).next()
  78. }
  79. n = 0;
  80. while((n + $(m).outerWidth(true)) < (k) && m.length > 0) {
  81. n += $(m).outerWidth(true);
  82. m = $(m).next()
  83. }
  84. p = f($(m).prevAll());
  85. if(p > 0) {
  86. $(".page-tabs-content").animate({
  87. marginLeft: 0 - p + "px"
  88. }, "fast")
  89. }
  90. }
  91. }
  92. $(".J_menuItem").each(function(k) {
  93. if(!$(this).attr("data-index")) {
  94. $(this).attr("data-index", k)
  95. }
  96. });
  97. function c() {
  98. var o = $(this).attr("href"),
  99. m = $(this).data("index"),
  100. l = $.trim($(this).text()),
  101. k = true;
  102. if(o == undefined || $.trim(o).length == 0) {
  103. return false
  104. }
  105. $(".J_menuTab").each(function() {
  106. if($(this).data("id") == o) {
  107. if(!$(this).hasClass("active")) {
  108. $(this).addClass("active").siblings(".J_menuTab").removeClass("active");
  109. g(this);
  110. $(".J_mainContent .J_iframe").each(function() {
  111. if($(this).data("id") == o) {
  112. $(this).show().siblings(".J_iframe").hide();
  113. return false
  114. }
  115. })
  116. }
  117. k = false;
  118. return false;
  119. }
  120. });
  121. if(k) {
  122. console.log(o)
  123. if(o == './TelCall/SeatMonitor.html' || o.substring(0,28) == './callScreen/callScreen.html') { //来电弹屏
  124. var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  125. $(".J_menuTab").removeClass("active");
  126. var n = '<iframe class="J_iframe J_iframeNew" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  127. $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  128. $(".J_menuTabs .page-tabs-content").append(p);
  129. g($(".J_menuTab.active"))
  130. } else if(o == './WorkOrder/AddWorkOrder.html') { //手工制单
  131. var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  132. $(".J_menuTab").removeClass("active");
  133. var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  134. $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  135. $(".J_menuTabs .page-tabs-content").append(p);
  136. g($(".J_menuTab.active"))
  137. } else if(o == './WorkOrder/WorkOrderAppoint.html') { //待指派工单
  138. var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  139. $(".J_menuTab").removeClass("active");
  140. var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  141. $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  142. $(".J_menuTabs .page-tabs-content").append(p);
  143. g($(".J_menuTab.active"))
  144. } else if(o == './WorkOrder/WorkOrderAssigned.html'){ //已指派工单
  145. var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  146. $(".J_menuTab").removeClass("active");
  147. var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  148. $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  149. $(".J_menuTabs .page-tabs-content").append(p);
  150. g($(".J_menuTab.active"))
  151. } else if(o == './WorkOrder/WorkOrderReceive.html') { //待接单工单
  152. var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  153. $(".J_menuTab").removeClass("active");
  154. var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  155. $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  156. $(".J_menuTabs .page-tabs-content").append(p);
  157. g($(".J_menuTab.active"))
  158. } else if(o == './WorkOrder/WorkOrderDispose.html') { //待处理工单
  159. var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  160. $(".J_menuTab").removeClass("active");
  161. var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  162. $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  163. $(".J_menuTabs .page-tabs-content").append(p);
  164. g($(".J_menuTab.active"))
  165. } else if(o == './WorkOrder/WorkOrderParty.html') { //已处理工单
  166. var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  167. $(".J_menuTab").removeClass("active");
  168. var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  169. $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  170. $(".J_menuTabs .page-tabs-content").append(p);
  171. g($(".J_menuTab.active"))
  172. } else if(o == './WorkOrder/WorkOrderPartake.html') { //已参与工单
  173. var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  174. $(".J_menuTab").removeClass("active");
  175. var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  176. $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  177. $(".J_menuTabs .page-tabs-content").append(p);
  178. g($(".J_menuTab.active"))
  179. } else if (o == './WorkOrder/WorkOrderAwaitVist.html') { //待回访工单
  180. var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  181. $(".J_menuTab").removeClass("active");
  182. var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  183. $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  184. $(".J_menuTabs .page-tabs-content").append(p);
  185. g($(".J_menuTab.active"))
  186. } else if (o == './WorkOrder/WorkOrderBeen.html') { //已回访工单
  187. var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  188. $(".J_menuTab").removeClass("active");
  189. var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  190. $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  191. $(".J_menuTabs .page-tabs-content").append(p);
  192. g($(".J_menuTab.active"))
  193. } else if (o == './WorkOrder/WorkOrderSearch.html') { //综合查询
  194. var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  195. $(".J_menuTab").removeClass("active");
  196. var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  197. $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  198. $(".J_menuTabs .page-tabs-content").append(p);
  199. g($(".J_menuTab.active"))
  200. } else {
  201. $(".J_mainContent .J_iframe0").show();
  202. $(".J_mainContent .J_iframe0").attr("src", o);
  203. if(o !== './TelCall/SeatMonitor.html') {
  204. $(".J_menuTab").removeClass("active");
  205. $(".J_menuTab").eq(0).addClass("active").text(l);
  206. $(".J_menuTab.active").attr("data-id",o);
  207. }
  208. }
  209. }
  210. //改之前
  211. // $(".J_mainContent").empty();
  212. // var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  213. // $(".J_menuTab").removeClass("active");
  214. // var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  215. // $(".J_mainContent").append(n);
  216. // $(".J_menuTabs .page-tabs-content").append(p);
  217. // g($(".J_menuTab.active"));
  218. //多标签
  219. // $(".J_menuTab").each(function() {
  220. // if($(this).data("id") == o) {
  221. // if(!$(this).hasClass("active")) {
  222. // $(this).addClass("active").siblings(".J_menuTab").removeClass("active");
  223. // g(this);
  224. // $(".J_mainContent .J_iframe").each(function() {
  225. // if($(this).data("id") == o) {
  226. // $(this).show().siblings(".J_iframe").hide();
  227. // return false
  228. // }
  229. // })
  230. // }
  231. // k = false;
  232. // return false
  233. // }
  234. // });
  235. // if(k) {
  236. //
  237. // var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
  238. // $(".J_menuTab").removeClass("active");
  239. // var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
  240. // $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
  241. // $(".J_menuTabs .page-tabs-content").append(p);
  242. // g($(".J_menuTab.active"))
  243. // }
  244. ///多标签结束
  245. return false
  246. }
  247. $(".J_menuItem").on("click", c);
  248. function h() {
  249. var m = $(this).parents(".J_menuTab").data("id");
  250. var l = $(this).parents(".J_menuTab").width();
  251. if($(this).parents(".J_menuTab").hasClass("active")) {
  252. if($(this).parents(".J_menuTab").next(".J_menuTab").size()) {
  253. var k = $(this).parents(".J_menuTab").next(".J_menuTab:eq(0)").data("id");
  254. $(this).parents(".J_menuTab").next(".J_menuTab:eq(0)").addClass("active");
  255. $(".J_mainContent .J_iframe").each(function() {
  256. if($(this).data("id") == k) {
  257. $(this).show().siblings(".J_iframe").hide();
  258. return false
  259. }
  260. });
  261. var n = parseInt($(".page-tabs-content").css("margin-left"));
  262. if(n < 0) {
  263. $(".page-tabs-content").animate({
  264. marginLeft: (n + l) + "px"
  265. }, "fast")
  266. }
  267. $(this).parents(".J_menuTab").remove();
  268. $(".J_mainContent .J_iframe").each(function() {
  269. if($(this).data("id") == m) {
  270. $(this).remove();
  271. return false
  272. }
  273. })
  274. }
  275. if($(this).parents(".J_menuTab").prev(".J_menuTab").size()) {
  276. var k = $(this).parents(".J_menuTab").prev(".J_menuTab:last").data("id");
  277. $(this).parents(".J_menuTab").prev(".J_menuTab:last").addClass("active");
  278. $(".J_mainContent .J_iframe").each(function() {
  279. if($(this).data("id") == k) {
  280. $(this).show().siblings(".J_iframe").hide();
  281. return false
  282. }
  283. });
  284. $(this).parents(".J_menuTab").remove();
  285. $(".J_mainContent .J_iframe").each(function() {
  286. if($(this).data("id") == m) {
  287. $(this).remove();
  288. return false
  289. }
  290. })
  291. }
  292. } else {
  293. $(this).parents(".J_menuTab").remove();
  294. $(".J_mainContent .J_iframe").each(function() {
  295. if($(this).data("id") == m) {
  296. $(this).remove();
  297. return false
  298. }
  299. });
  300. g($(".J_menuTab.active"))
  301. }
  302. return false
  303. }
  304. $(".J_menuTabs").on("click", ".J_menuTab i", h);
  305. function i() {
  306. $(".page-tabs-content").children("[data-id]").not(":first").not(".active").each(function() {
  307. $('.J_iframe[data-id="' + $(this).data("id") + '"]').remove();
  308. $(this).remove()
  309. });
  310. $(".page-tabs-content").css("margin-left", "0")
  311. }
  312. $(".J_tabCloseOther").on("click", i);
  313. function j() {
  314. g($(".J_menuTab.active"))
  315. }
  316. $(".J_tabShowActive").on("click", j);
  317. function e() {
  318. if(!$(this).hasClass("active")) {
  319. var k = $(this).data("id");
  320. $(".J_mainContent .J_iframe").each(function() {
  321. if($(this).data("id") == k) {
  322. $(this).show().siblings(".J_iframe").hide();
  323. return false
  324. }
  325. });
  326. $(this).addClass("active").siblings(".J_menuTab").removeClass("active");
  327. g(this)
  328. }
  329. }
  330. $(".J_menuTabs").on("click", ".J_menuTab", e);
  331. function d() {
  332. var l = $('.J_iframe[data-id="' + $(this).data("id") + '"]');
  333. var k = l.attr("src")
  334. }
  335. $(".J_menuTabs").on("dblclick", ".J_menuTab", d);
  336. $(".J_tabLeft").on("click", a);
  337. $(".J_tabRight").on("click", b);
  338. $(".J_tabCloseAll").on("click", function() {
  339. $(".page-tabs-content").children("[data-id]").not(":first").each(function() {
  340. $('.J_iframe[data-id="' + $(this).data("id") + '"]').remove();
  341. $(this).remove()
  342. });
  343. $(".page-tabs-content").children("[data-id]:first").each(function() {
  344. $('.J_iframe[data-id="' + $(this).data("id") + '"]').show();
  345. $(this).addClass("active")
  346. });
  347. $(".page-tabs-content").css("margin-left", "0")
  348. })
  349. });