Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
 
 
 
 
 
 

273 řádky
9.2 KiB

  1. $(function() {
  2. var f = {};
  3. var d = {};
  4. function e(i) {
  5. top.learun.httpSync('get', top.$.rootUrl + '/LR_Desktop/DTTitle/GetID', '{}', function(res) {
  6. var background = res.Background;
  7. var color = res.Color;
  8. if(background){
  9. $("#TitleColor").css({background: background, color: color, borderColor: 'transparent'})
  10. }
  11. })
  12. if(i.length > 0) {
  13. $("#lr_target").lrscroll();
  14. var j = 210;
  15. var h = 0;
  16. var k = $("#lr_target").width() - 10;
  17. var j = k / i.length;
  18. if(j < 210) {
  19. j = 210
  20. }
  21. h = j * i.length;
  22. var g = $("#lr_target .lr-scroll-box");
  23. g.css("width", h);
  24. $.each(i,
  25. function(m, n) {
  26. f[n.F_Id] = n;
  27. var l = ' <div class="lr-item-20"> <div class="task-stat" > <div class="visual"> <i class="' + n.F_Icon + '"></i> </div> <div class="details"> <div class="number" data-value="' + n.F_Id + '"></div> <div class="desc">' + n.F_Name + "</div> </div>";
  28. if(n.F_Url) {
  29. l += '<a class="more" data-Id="' + n.F_Id + '" > 查看更多 <i class="fa fa-arrow-circle-right"></i> </a>'
  30. }
  31. l += "</div> </div>";
  32. g.append(l);
  33. top.learun.httpAsync("GET", top.$.rootUrl + "/LR_Desktop/DTTarget/GetSqlData", {
  34. Id: n.F_Id
  35. },
  36. function(o) {
  37. if(o) {
  38. g.find('[data-value="' + o.Id + '"]').text(o.value)
  39. }
  40. })
  41. });
  42. g.find(".lr-item-20 .more").on("click",
  43. function() {
  44. var l = $(this).attr("data-Id");
  45. top.learun.frameTab.open({
  46. F_ModuleId: l,
  47. F_FullName: f[l].F_Name,
  48. F_UrlAddress: f[l].F_Url
  49. });
  50. return false
  51. });
  52. g.find(".lr-item-20").css("width", j);
  53. $("#lr_target").resize(function() {
  54. var m = $("#lr_target").width() - 10;
  55. var l = m / i.length;
  56. if(l < 210) {
  57. l = 210
  58. }
  59. h = l * i.length;
  60. g.css("width", h);
  61. g.find(".lr-item-20").css("width", l)
  62. })
  63. }
  64. }
  65. function c(h) {
  66. if(h.length > 0) {
  67. var g = $(".lr-desktop-panel>.lr-scroll-box");
  68. $.each(h,
  69. function(j, k) {
  70. d[k.F_Id] = k;
  71. var stylex = k.Background? 'background:' + k.Background + ';color:' + k.Color + ';border-color:transparent' : '';
  72. var i = '<div class="col-xs-6" data-Id="' + k.F_Id + '"> <div style="'+ stylex +'" class="portal-panel-title "><i class="' + k.F_Icon + '"></i>&nbsp;&nbsp;' + k.F_Name + '<span class="menu" title="更多"> <span style="border:1px solid ' + k.Color + '" class="point"></span><span style="border:1px solid ' + k.Color + '" class="point"></span><span style="border:1px solid ' + k.Color + '" class="point"></span> </span> </div> <div class="portal-panel-content" style="overflow: hidden;padding-top: 20px; padding-left: 30px; padding-right: 50px;height:225px;" data-value="' + k.F_Id + '" ></div></div>';
  73. g.append(i);
  74. top.learun.httpAsync("GET", top.$.rootUrl + "/LR_Desktop/DTList/GetSqlData", {
  75. Id: k.F_Id
  76. },
  77. function(m) {
  78. if(m) {
  79. var l = g.find('[data-value="' + m.Id + '"]');
  80. $.each(m.value,
  81. function(p, q) {
  82. var o = ' <div class="lr-msg-line"> <a href="#" style="text-decoration: none;" >' + q.f_title + "</a> <label>" + q.f_time + "</label> </div>";
  83. var n = $(o);
  84. n.find("a")[0].item = q;
  85. l.append(n)
  86. });
  87. l.find(".lr-msg-line>a").on("click",
  88. function() {
  89. var n = $(this).parents(".col-xs-6");
  90. var o = n.attr("data-Id");
  91. var p = $(this)[0].item;
  92. if(d[o].F_ItemUrl) {
  93. top.learun.frameTab.open({
  94. F_ModuleId: "dtlist" + p.f_id,
  95. F_FullName: p.f_title,
  96. F_UrlAddress: d[o].F_ItemUrl + p.f_id
  97. })
  98. } else {
  99. //判断点击项是否为‘待办’的子项
  100. if(d[o].F_Id == "33d50f1a-a64d-4b86-a6d4-2d937226de95") {
  101. if(p.f_tasktype != 2) {
  102. top.learun.frameTab.open({
  103. F_ModuleId: p.f_id + "_homeopen",
  104. F_Icon: 'fa magic',
  105. F_FullName: '审核流程【' + p.f_processname + '/' + p.f_content + '】',
  106. F_UrlAddress: '/LR_NewWorkFlow/NWFProcess/Index'
  107. //F_UrlAddress: '/LR_WorkFlowModule/WfMyTask/CustmerWorkFlowForm?tabIframeId=' + p.f_id + '&type=' + p.f_tasktype + '' + "&processId=" + p.f_processid + "&taskId=" + p.f_id
  108. });
  109. }
  110. } else {
  111. top["dtlist" + p.f_id] = p;
  112. top.learun.frameTab.open({
  113. F_ModuleId: "dtlist" + p.f_id,
  114. F_FullName: p.f_title,
  115. F_UrlAddress: "/Utility/ListContentIndex?id=" + p.f_id
  116. })
  117. }
  118. }
  119. return false
  120. })
  121. }
  122. })
  123. });
  124. //青桔课堂图片插入
  125. var htmlQj = '<div class="col-xs-12" id="qjImg" style="position: relative;border-radius: 4px;overflow: hidden;">' +
  126. '<a href="/Home/GoQingJu" target="_blank"><img src="/Content/images/qj.jpg" alt="" style="width: 100%;display: block;margin: 20px 0 10px" /></a>' +
  127. '<div class="qjClose" style="background: #7c89f3;border-radius: 2px;text-align: center;line-height: 24px;width: 50px;font-size: 12px;color: #fff;position: absolute;top: 31px;right: 13px;height: 24px;cursor: pointer;">关闭</div>' +
  128. '</div>';
  129. //g.append(htmlQj);
  130. g.find(".portal-panel-title>.menu").on("click",
  131. function() {
  132. var i = $(this).parents(".col-xs-6");
  133. var j = i.attr("data-Id");
  134. top.learun.frameTab.open({
  135. F_ModuleId: j,
  136. F_FullName: d[j].F_Name,
  137. F_UrlAddress: d[j].F_Url
  138. });
  139. return false
  140. }).end().on('click', '.qjClose', function() {
  141. $(this).parent().addClass('active').slideUp(500)
  142. });
  143. if(h.length % 2 > 0) {
  144. g.find('[data-value="' + h[h.length - 1].F_Id + '"]').css("height", 425)
  145. }
  146. }
  147. }
  148. var b = {};
  149. function a(h) {
  150. if(h.length > 0) {
  151. var g = $(".lr-desktop-panel>.lr-scroll-box");
  152. $.each(h,
  153. function(j, k) {
  154. var stylex = k.Background? 'background:' + k.Background + ';color:' + k.Color + ';border-color:transparent' : '';
  155. var i = ' <div class="col-xs-' + (12 / parseInt(k.F_Proportion1)) + '"> <div style="'+ stylex+'" class="portal-panel-title"> <i class="' + k.F_Icon + '"></i>&nbsp;&nbsp;' + k.F_Name + ' </div> <div class="portal-panel-content"> <div id="' + k.F_Id + '" class="lr-chart-container" data-type="' + k.F_Type + '" ></div> </div> </div>';
  156. g.append(i);
  157. b[k.F_Id] = echarts.init(document.getElementById(k.F_Id));
  158. top.learun.httpAsync("GET", top.$.rootUrl + "/LR_Desktop/DTChart/GetSqlData", {
  159. Id: k.F_Id
  160. },
  161. function(l) {
  162. if(l) {
  163. var o = $("#" + l.Id).attr("data-type");
  164. var m = [];
  165. var p = [];
  166. $.each(l.value,
  167. function(q, r) {
  168. m.push(r.name);
  169. p.push(r.value)
  170. });
  171. var n = {};
  172. switch(o) {
  173. case "0":
  174. n.legend = {
  175. bottom: "bottom",
  176. data: m
  177. };
  178. n.series = [{
  179. name: "占比",
  180. type: "pie",
  181. radius: "75%",
  182. center: ["50%", "50%"],
  183. label: {
  184. normal: {
  185. formatter: "{b}:{c}: ({d}%)",
  186. textStyle: {
  187. fontWeight: "normal",
  188. fontSize: 12,
  189. color: "#333"
  190. }
  191. }
  192. },
  193. data: l.value,
  194. itemStyle: {
  195. emphasis: {
  196. shadowBlur: 10,
  197. shadowOffsetX: 0,
  198. shadowColor: "rgba(0, 0, 0, 0.5)"
  199. }
  200. }
  201. }];
  202. n.color = ["#df4d4b", "#304552", "#52bbc8", "rgb(224,134,105)", "#8dd5b4", "#5eb57d", "#d78d2f"];
  203. break;
  204. case "1":
  205. n.tooltip = {
  206. trigger: "axis"
  207. };
  208. n.grid = {
  209. bottom: "8%",
  210. containLabel: true
  211. };
  212. n.xAxis = {
  213. type: "category",
  214. boundaryGap: false,
  215. data: m
  216. };
  217. n.yAxis = {
  218. type: "value"
  219. };
  220. n.series = [{
  221. type: "line",
  222. data: p
  223. }];
  224. break;
  225. case "2":
  226. n.tooltip = {
  227. trigger: "axis"
  228. };
  229. n.grid = {
  230. bottom: "8%",
  231. containLabel: true
  232. };
  233. n.xAxis = {
  234. type: "category",
  235. boundaryGap: false,
  236. data: m
  237. };
  238. n.yAxis = {
  239. type: "value"
  240. };
  241. n.series = [{
  242. type: "bar",
  243. data: p
  244. }];
  245. break
  246. }
  247. b[l.Id].setOption(n)
  248. }
  249. })
  250. });
  251. window.onresize = function(i) {
  252. $.each(b,
  253. function(j, k) {
  254. k.resize(i)
  255. })
  256. }
  257. }
  258. }
  259. $(".lr-desktop-panel").lrscroll();
  260. top.learun.clientdata.getAsync("desktop", {
  261. callback: function(g) {
  262. e(g.target || []);
  263. c(g.list || []);
  264. a(g.chart || [])
  265. }
  266. })
  267. });