You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

228 lines
5.4 KiB

  1. var inSec3Row = $('.inSec3Row');
  2. var layer = null;
  3. layui.use('form', function() {
  4. layer = layui.layer;
  5. let form = layui.form;
  6. // form.render()
  7. //监听select选择 专业总览
  8. form.on('select', function(data) {
  9. //console.log(data);
  10. });
  11. });
  12. $(window).load(function() {
  13. //监测页面变化
  14. resizes()
  15. setTimeout(function() {
  16. resizes()
  17. }, 0)
  18. //导航栏
  19. $(".headModeList li").eq(0).removeClass("active");
  20. $(".headModeList li").eq(1).addClass("active");
  21. $(".headModeList li").eq(2).removeClass("active");
  22. $(".headModeTxt").find('span').html($(".headModeList li").eq(1).find('a').html());
  23. //右侧菜单显示隐藏
  24. $('.index_sec2').on('click', '.inSecLeftCon', function() {
  25. var ind = $(this).index();
  26. var parents = $(this).parents('.index_sec2');
  27. if(ind == 3){
  28. parents.find('.inSec2TabBox').removeClass('active').eq(1).addClass('active').end().end().find('.inSec2Con').removeClass('active').eq(1).addClass('active').end().end().find('.inSec2Con')
  29. }else{
  30. parents.find('.inSec2TabBox').removeClass('active').eq(0).addClass('active').end().end().find('.inSec2Con').removeClass('active').eq(0).addClass('active').end().end().find('.inSec2Llist li').removeClass('active').eq(ind).addClass('active').end().end().find('.inSec3WorkBox').css('display', 'none').eq(ind).fadeIn();
  31. }
  32. parents.addClass('active')
  33. $('.indexSec3Box').css('paddingRight', '445px')
  34. }).on('click', '.aRight', function() {
  35. var parents = $(this).parents('.index_sec2');
  36. parents.removeClass('active');
  37. $('.indexSec3Box').css('paddingRight', '0')
  38. })
  39. //右侧tab切换
  40. $('.inSec2Tab').on('click', '.inSec2TabBox', function() {
  41. var ind = $(this).index();
  42. $(this).addClass('active').siblings().removeClass('active');
  43. $('.indexSec2Box .inSec2Con').removeClass('active').eq(ind).addClass('active');
  44. })
  45. //办公事项
  46. $('.inSec3Con').on('click', '.workList li', function() {
  47. if ($(this).hasClass('active')) return;
  48. var ind = $(this).index();
  49. $(this).addClass('active').siblings().removeClass('active').parents('.inSec3Con').find('.inSec3WorkBox').css(
  50. 'display', 'none').eq(ind).fadeIn();
  51. })
  52. //办公业务流量
  53. //serviceEchart()
  54. //专业总览
  55. //majorEchart()
  56. }).resize(function() {
  57. resizes()
  58. })
  59. function resizes() {
  60. }
  61. //专业总览
  62. //function majorEchart() {
  63. // var myChart5 = echarts.init(document.getElementById('major'));
  64. // option = {
  65. // tooltip: {
  66. // trigger: 'item',
  67. // formatter: '{b} : {c}'
  68. // },
  69. // series: [{
  70. // name: '专业学生',
  71. // type: 'pie',
  72. // radius: [60, 75],
  73. // center: ['50%', '50%'],
  74. // label: {
  75. // // show: true
  76. // show: false
  77. // },
  78. // color: ['#6C5CEA', '#57C5F5', '#E7C900', '#FF9C95', '#59D078', '#C97FEF', '#ECBD02', '#DF59B8', '#F6685E',
  79. // '#00E7B9', '#7A74F1', '#4A9ADE', '#33F0E5', '#ECBD02', '#DF59B8'
  80. // ],
  81. // // hoverAnimation: false,
  82. // data: [{
  83. // value: 10,
  84. // name: '物理',
  85. // },
  86. // {
  87. // value: 5,
  88. // name: '数学',
  89. // },
  90. // {
  91. // value: 15,
  92. // name: '化学',
  93. // },
  94. // {
  95. // value: 15,
  96. // name: '历史',
  97. // },
  98. // {
  99. // value: 5,
  100. // name: '医学',
  101. // },
  102. // {
  103. // value: 15,
  104. // name: '计算机',
  105. // },
  106. // {
  107. // value: 15,
  108. // name: '矿业',
  109. // }
  110. // ]
  111. // }, {
  112. // name: '班级总数',
  113. // type: 'pie',
  114. // radius: [50, 65],
  115. // center: ['17%', '50%'],
  116. // label: {
  117. // // show: true
  118. // show: false
  119. // },
  120. // color: ['#59D078', '#57C5F5', '#E7C900'],
  121. // // hoverAnimation: false,
  122. // data: [{
  123. // value: 10,
  124. // name: '班级总数',
  125. // }]
  126. // }, {
  127. // name: '专业教室',
  128. // type: 'pie',
  129. // radius: [50, 65],
  130. // center: ['83%', '50%'],
  131. // label: {
  132. // // show: true
  133. // show: false
  134. // },
  135. // color: ['#3E49E2', '#677BF5', '#67A0F5', '#E7C900'],
  136. // // hoverAnimation: false,
  137. // data: [{
  138. // value: 10,
  139. // name: '教室1',
  140. // }, {
  141. // value: 5,
  142. // name: '教室2',
  143. // }, {
  144. // value: 20,
  145. // name: '教室3',
  146. // }, {
  147. // value: 30,
  148. // name: '教室4',
  149. // }]
  150. // }, ]
  151. // };
  152. // // 使用刚指定的配置项和数据显示图表。
  153. // myChart5.setOption(option);
  154. // window.addEventListener("resize", function() {
  155. // myChart5.resize();
  156. // });
  157. //}
  158. //办公业务流量
  159. //function serviceEchart() {
  160. // // 基于准备好的dom,初始化echarts实例
  161. // myChart2 = echarts.init(document.getElementById('serviceEchart'));
  162. // option = {
  163. // tooltip: {
  164. // trigger: 'axis'
  165. // },
  166. // color: ['#CB0005', '#EF9116', '#466AD2', '#7408A6', '#0CB5C4', '#DEBC03', '#0BB56C', '#CB1FA1'],
  167. // legend: {
  168. // data: ['语文'],
  169. // icon: "circle",
  170. // itemWidth: 7,
  171. // right: '40px',
  172. // top: '20px'
  173. // },
  174. // grid: {
  175. // left: '3%',
  176. // right: '3%',
  177. // bottom: '3%',
  178. // top: '23%',
  179. // containLabel: true
  180. // },
  181. // xAxis: {
  182. // type: 'category',
  183. // name: '星期',
  184. // boundaryGap: false,
  185. // data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
  186. // formatter: function(params) {
  187. // console.log(params)
  188. // // return params[0].name + ' : ' + params[0].value + ' 小时';
  189. // },
  190. // },
  191. // yAxis: {
  192. // type: 'value',
  193. // name: '办公量',
  194. // },
  195. // series: [{
  196. // name: '办公量',
  197. // type: 'line',
  198. // stack: '总量',
  199. // // lineStyle: {
  200. // // color: '#000'
  201. // // },
  202. // data: [120, 132, 101, 134, 90, 230, 210]
  203. // }]
  204. // };
  205. // // 使用刚指定的配置项和数据显示图表。
  206. // myChart2.setOption(option);
  207. // window.addEventListener("resize", function() {
  208. // myChart2.resize();
  209. // });
  210. //}