地铁二期项目正式开始

WorkOrderFrom.js 7.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  1. layui.use('element', function () {
  2. var $ = layui.jquery
  3. , element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块
  4. $('.site-demo-active').on('click', function () {
  5. var othis = $(this), type = othis.data('type');
  6. active[type] ? active[type].call(this, othis) : '';
  7. });
  8. //Hash地址的定位
  9. var layid = location.hash.replace(/^#test=/, '');
  10. element.tabChange('test', layid);
  11. element.on('tab(test)', function (elem) {
  12. location.hash = 'test=' + $(this).attr('lay-id');
  13. });
  14. });
  15. layui.use('laydate', function () {
  16. var laydate = layui.laydate;
  17. //日期时间范围
  18. laydate.render({
  19. elem: '#test10'
  20. // , type: 'datetime'
  21. , range: true
  22. });
  23. });
  24. layui.use(['table', 'jquery'], function () {
  25. var table = layui.table;
  26. var form = layui.form,
  27. layer = parent.layer === undefined ? layui.layer : parent.layer,
  28. $ = layui.jquery;
  29. //监听表格复选框选择
  30. table.on('checkbox(demo)', function (obj) {
  31. console.log(obj);
  32. });
  33. //监听工具条
  34. table.on('tool(demo)', function (obj) {
  35. var data = obj.data;
  36. var strDate = $("#test10").val();
  37. if (obj.event === 'view') {
  38. var Qdyw = data.渠道;
  39. switch (Qdyw) {
  40. case "语音业务数": Qdyw = "1"; break;
  41. case "微信业务数": Qdyw = "3"; break;
  42. case "微博业务数": Qdyw = "4"; break;
  43. case "合计(含未分类)": Qdyw = "0"; break;
  44. default: Qdyw = ""; break;
  45. }
  46. layer.open({
  47. type: 2,
  48. anim: 4,
  49. scrollbar: false,
  50. content: '/WorkOrder/WorkOrderAllListReport/?Qdyw=' + Qdyw + '&strDate=' + strDate ,
  51. area: ['90%', '90%'],
  52. id: 'WorkOrderAllListReport',
  53. title: '渠道业务工单---'
  54. });
  55. }
  56. });
  57. $ = layui.$, active = {
  58. //查询按钮
  59. reload: function () {
  60. Init();
  61. //执行重载
  62. table.reload('recordtable', {
  63. where: {
  64. dateParty: $("#test10").val()
  65. , NowDateTime: new Date()
  66. }
  67. });
  68. }
  69. //本周
  70. , oneWeek: function () {
  71. var thisDateParty = getWeekStartDate() + ' - ' + getWeekEndDate();
  72. $("#test10").val(thisDateParty);
  73. Init();
  74. //执行重载
  75. table.reload('recordtable', {
  76. where: {
  77. dateParty: thisDateParty
  78. , NowDateTime: new Date()
  79. }
  80. });
  81. }
  82. //本月
  83. , oneMonth: function () {
  84. var thisDateParty = getMonthStartDate() + ' - ' + getMonthEndDate();
  85. $("#test10").val(thisDateParty);
  86. Init();
  87. //执行重载
  88. table.reload('recordtable', {
  89. where: {
  90. dateParty: thisDateParty
  91. , NowDateTime: new Date()
  92. }
  93. });
  94. }
  95. //本年
  96. , oneYear: function () {
  97. var thisDateParty = nowYear + '-01-01' + ' - ' + formatDate(now);
  98. $("#test10").val(thisDateParty);
  99. Init();
  100. //执行重载
  101. table.reload('recordtable', {
  102. where: {
  103. dateParty: thisDateParty
  104. , NowDateTime: new Date()
  105. }
  106. });
  107. }
  108. };
  109. $('.searchfilter .layui-btn').on('click', function () {
  110. var type = $(this).data('type');
  111. active[type] ? active[type].call(this) : '';
  112. });
  113. // 路径配置
  114. require.config({
  115. paths: {
  116. echarts: '/Content/dist'
  117. }
  118. });
  119. function Init() {
  120. var format, bottom, datas;
  121. $.ajax({
  122. url: "/Report/WorkOrderFromChartData",
  123. type: "get",
  124. contentType: "application/json",
  125. dataType: "text",
  126. cache: false,
  127. data: {
  128. NowDateTime: new Date(), dateParty: $("#test10").val()
  129. },
  130. success: function (result, status) {
  131. if (status) {
  132. var dataModel = JSON.parse(result);
  133. format = dataModel.format;
  134. bottom = JSON.parse(dataModel.bottom);
  135. datas = dataModel.datas;
  136. // 使用
  137. require(
  138. [
  139. 'echarts',
  140. 'echarts/chart/pie' // 使用柱状图就加载bar模块,按需加载
  141. ],
  142. function (ec) {
  143. var dahuatheme
  144. require(['echarts/theme/dahua'], function (theme) {
  145. dahuatheme = theme;
  146. });
  147. // 基于准备好的dom,初始化echarts图表
  148. var myChart = ec.init(document.getElementById('divimagereport'), dahuatheme);
  149. option = {
  150. title: {
  151. show: false,
  152. text: '',
  153. subtext: '',
  154. x: 'center'
  155. },
  156. tooltip: {
  157. trigger: 'item',
  158. formatter: "{a} <br/>{b} : {c} ({d}%)"
  159. },
  160. toolbox: {
  161. show: true,
  162. feature: {
  163. dataView: {
  164. show: true,
  165. title: '数据视图',
  166. readOnly: true,
  167. lang: ['数据视图', '关闭', '刷新']
  168. },
  169. saveAsImage: {
  170. show: true,
  171. title: '保存为图片',
  172. type: 'png',
  173. lang: ['点击保存']
  174. }
  175. }
  176. },
  177. legend: {
  178. show: true,
  179. orient: 'horizontal',
  180. bottom: 20,
  181. data: bottom
  182. },
  183. series: [
  184. {
  185. name: '渠道',
  186. type: 'pie',
  187. radius: '55%',
  188. center: ['50%', '55%'],
  189. data: eval(datas)
  190. ,
  191. itemStyle: {
  192. emphasis: {
  193. shadowBlur: 10,
  194. shadowOffsetX: 0,
  195. shadowColor: 'rgba(0, 0, 0, 0.5)'
  196. }
  197. }
  198. }
  199. ]
  200. };
  201. // 为echarts对象加载数据
  202. myChart.setOption(option);
  203. }
  204. );
  205. }
  206. }
  207. });
  208. }
  209. Init();
  210. });