Geen omschrijving

liuzhangtu.js 34KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331
  1. $("#save_ssss").click(function() {
  2. partpaat()
  3. })
  4. var bigdataList = null;
  5. setTimeout(function() {
  6. partpaat();
  7. }, 3000);
  8. function partpaat(sd, ed) {
  9. var myCha = echarts.init(document.getElementById('cha'));
  10. var myChart = echarts.init(document.getElementById('chart'));
  11. var myChaaaa = echarts.init(document.getElementById('dback1'));
  12. var myChartaaa = echarts.init(document.getElementById('dback'));
  13. var myChaccc = echarts.init(document.getElementById('mold1'));
  14. var myChartbbb = echarts.init(document.getElementById('mold'));
  15. var myCharrr = echarts.init(document.getElementById('genre1'));
  16. var myCharteee = echarts.init(document.getElementById('genre'));
  17. var myChaqqq = echarts.init(document.getElementById('other1'));
  18. var myChartwww = echarts.init(document.getElementById('other'));
  19. var myChalll = echarts.init(document.getElementById('uction1'));
  20. var myChartppp = echarts.init(document.getElementById('uction'));
  21. var myChreti = echarts.init(document.getElementById('sippu1'));
  22. var myChreti1 = echarts.init(document.getElementById('sippu'));
  23. var myKouc = echarts.init(document.getElementById('siupi1'));
  24. var myKouc1 = echarts.init(document.getElementById('siupi'));
  25. var myKucot = echarts.init(document.getElementById('siupiac1'));
  26. var myKucot1 = echarts.init(document.getElementById('siupiac'));
  27. var myTou = echarts.init(document.getElementById('siyi1'));
  28. var myTou1 = echarts.init(document.getElementById('siyi'));
  29. var myRi = echarts.init(document.getElementById('siout1'));
  30. var myRi1 = echarts.init(document.getElementById('siout'));
  31. var myEkit = echarts.init(document.getElementById('seytio1'));
  32. var myEkit1 = echarts.init(document.getElementById('seytio'));
  33. $.ajax({
  34. type: "get",
  35. url: huayi.config.callcenter_url + "WOReport/GetBigdataList",
  36. async: true,
  37. dataType: "json",
  38. data: {
  39. stime: sd,
  40. endtime: ed,
  41. salesBase: $('#xiaoshou').val(), //销售基地
  42. product: $('#Product_Category').val(), //产品
  43. channel: $('#customer_taxPointDes').val(), //渠道类型
  44. area: $('#customer_comaddress').val(), //大区
  45. branch: $('#customer_legalName').val(), //分公司
  46. isEnd: $('#customer_exceed').val(),
  47. type: $('#styqu').val(), //反馈类型
  48. },
  49. success: function(data) {
  50. if(data.state.toLowerCase() == "success") {
  51. //bigdataList = data.rows;
  52. var con = data.rows;
  53. $('.my_numet').html(con.salesBase[0].number); //基地反馈统计
  54. $('.my_yer').html(con.salesBase[0].Lastyear);
  55. $('.my_moye').html(con.salesBase[0].Lastmonth);
  56. $('.ch_numet').html(con.product[0].number); //产品反馈统计
  57. $('.ch_yer').html(con.product[0].Lastyear);
  58. $('.ch_moye').html(con.product[0].Lastmonth);
  59. $('.qd_numet').html(con.channel[0].number); //渠道反馈统计
  60. $('.qd_yer').html(con.channel[0].Lastyear);
  61. $('.qd_moye').html(con.channel[0].Lastmonth);
  62. $('.gdz_numet').html(con.state[0].number); //工单统计
  63. $('.gdz_yer').html(con.state[0].Lastyear);
  64. $('.gdz_moye').html(con.state[0].Lastmonth);
  65. $('.cq_numet').html(con.overdue[0].number); //超期部门统计
  66. $('.cq_yer').html(con.overdue[0].Lastyear);
  67. $('.cq_moye').html(con.overdue[0].Lastmonth);
  68. $('.myd_numet').html(con.satisfaction[0].number); //满意度统计
  69. $('.myd_yer').html(con.satisfaction[0].Lastyear);
  70. $('.myd_moye').html(con.satisfaction[0].Lastmonth);
  71. var channel = con.channel.slice(1);
  72. var overdue = con.overdue.slice(1);
  73. var product = con.product.slice(1);
  74. var stateaa = con.state.slice(1);
  75. var satisfaction = con.satisfaction.slice(1);
  76. var type_data = con.salesBase.slice(1);
  77. // 聚到类型
  78. var type_data_ccc = [];
  79. var type_data_name_arry2 = [];
  80. $(channel).each(function(i, n) {
  81. //type_data_arry.push(n.name)
  82. //数据
  83. var type_data_obj2 = {};
  84. type_data_obj2.name = n.name;
  85. type_data_obj2.value = n.number;
  86. type_data_ccc.push(type_data_obj2);
  87. //名称
  88. var type_data_name_obj2 = {};
  89. type_data_name_obj2 = n.name;
  90. type_data_name_arry2.push(type_data_name_obj2);
  91. })
  92. // 基地反馈
  93. var type_data_arry = [];
  94. var data_arr = type_data_arry.shift(0);
  95. var type_data_name_arry = [];
  96. $(type_data).each(function(i, n) {
  97. //type_data_arry.push(n.name)
  98. //数据
  99. var type_data_obj = {};
  100. type_data_obj.name = n.name;
  101. type_data_obj.value = n.number;
  102. type_data_arry.push(type_data_obj);
  103. //名称
  104. var type_data_name_obj = {};
  105. type_data_name_obj = n.name;
  106. type_data_name_arry.push(type_data_name_obj);
  107. })
  108. // 产品类型
  109. var type_data_aaa = [];
  110. var type_data_name_arry1 = [];
  111. $(product).each(function(i, n) {
  112. //type_data_arry.push(n.name)
  113. //数据
  114. var type_data_obj1 = {};
  115. type_data_obj1.name = n.name;
  116. type_data_obj1.value = n.number;
  117. type_data_aaa.push(type_data_obj1);
  118. //名称
  119. var type_data_name_obj1 = {};
  120. type_data_name_obj1 = n.name;
  121. type_data_name_arry1.push(type_data_name_obj1);
  122. })
  123. // 超期部门
  124. var type_data_bbb = [];
  125. var type_data_name_arry3 = [];
  126. $(overdue).each(function(i, n) {
  127. //type_data_arry.push(n.name)
  128. //数据
  129. var type_data_obj3 = {};
  130. type_data_obj3.name = n.name;
  131. type_data_obj3.value = n.number;
  132. type_data_bbb.push(type_data_obj3);
  133. //名称
  134. var type_data_name_obj3 = {};
  135. type_data_name_obj3 = n.name;
  136. type_data_name_arry3.push(type_data_name_obj3);
  137. })
  138. // 满意度
  139. var type_data_nnn = [];
  140. var type_data_name_arry4 = [];
  141. $(satisfaction).each(function(i, n) {
  142. //type_data_arry.push(n.name)
  143. //数据
  144. var type_data_obj4 = {};
  145. type_data_obj4.name = n.name;
  146. type_data_obj4.value = n.number;
  147. type_data_nnn.push(type_data_obj4);
  148. //名称
  149. var type_data_name_obj4 = {};
  150. type_data_name_obj4 = n.name;
  151. type_data_name_arry4.push(type_data_name_obj4);
  152. })
  153. // 工单
  154. var type_data_uuu = [];
  155. var type_data_name_arry5 = [];
  156. $(stateaa).each(function(i, n) {
  157. //type_data_arry.push(n.name)
  158. //数据
  159. var type_data_obj5 = {};
  160. type_data_obj5.name = n.name;
  161. type_data_obj5.value = n.number;
  162. type_data_uuu.push(type_data_obj5);
  163. //名称
  164. var type_data_name_obj5 = {};
  165. type_data_name_obj5 = n.name;
  166. type_data_name_arry5.push(type_data_name_obj5);
  167. })
  168. myChart.setOption({
  169. color: ['#1852B5'],
  170. textStyle: {
  171. fontSize: 14 * getHeightScale,
  172. },
  173. tooltip: {
  174. "textStyle": {
  175. "fontSize": 18 * getHeightScale,
  176. }
  177. },
  178. xAxis: {
  179. data: type_data_name_arry, //["合计", "咨询", "投诉", "抽检", "建议及其他", ""], ["咨询", "投诉", "抽检", "建议", "合计"]
  180. axisLine: { //这是x轴文字颜色
  181. lineStyle: {
  182. color: "#FFFFFF",
  183. }
  184. }
  185. },
  186. yAxis: {
  187. splitLine: {    
  188. show: false  
  189. },
  190. axisLine: { //这是x轴文字颜色
  191. lineStyle: {
  192. color: "#000946",
  193. }
  194. }
  195. },
  196. series: [{
  197. name: '反馈类型统计',
  198. type: 'bar',
  199. x: 'center',
  200. // barGap:'2%', //两个柱子距离
  201. barWidth: 20 * getHeightScale,
  202. data: type_data_arry
  203. }]
  204. });
  205. myCha.setOption({
  206. textStyle: {
  207. fontSize: 14 * getHeightScale,
  208. },
  209. tooltip: {
  210. trigger: 'item',
  211. formatter: "{a} <br/>{b} : {c} ({d}%)"
  212. },
  213. series: [{
  214. name: '访问来源',
  215. type: 'pie',
  216. radius: '55%',
  217. center: ['50%', '60%'],
  218. data: type_data_arry,
  219. type_data_name_arry,
  220. label: {
  221. normal: {
  222. position: 'inner',
  223. show: false
  224. }
  225. },
  226. itemStyle: {
  227. emphasis: {
  228. shadowBlur: 10 * getHeightScale,
  229. shadowOffsetX: 0,
  230. shadowColor: 'rgba(0, 0, 0, 0.5)'
  231. },
  232. normal: {
  233. color: function(params) {
  234. //自定义颜色
  235. var colorList = [
  236. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  237. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  238. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  239. ];
  240. return colorList[params.dataIndex]
  241. }
  242. }
  243. }
  244. }]
  245. });
  246. myChartaaa.setOption({
  247. color: ['#1852B5'],
  248. textStyle: {
  249. fontSize: 14 * getHeightScale,
  250. },
  251. tooltip: {},
  252. xAxis: {
  253. splitNumber: 5,
  254. data: type_data_name_arry1, //["合计", "尿素", "复合肥", "水溶肥", "车用尿素", "三聚氰胺", "甲醇", "糖醇", "腐殖酸", "二甲醚", "糖醛", "液氨", "其他", ""],
  255. axisLine: { //这是x轴文字颜色
  256. lineStyle: {
  257. color: "#FFFFFF",
  258. }
  259. },
  260. },
  261. yAxis: {
  262. splitLine: {    
  263. show: false  
  264. },
  265. axisLine: { //这是x轴文字颜色
  266. lineStyle: {
  267. color: "#000946",
  268. }
  269. }
  270. },
  271. series: [{
  272. name: '产品类型统计',
  273. type: 'bar',
  274. barWidth: 20 * getHeightScale,
  275. data: type_data_aaa,
  276. }]
  277. });
  278. myChaaaa.setOption({
  279. textStyle: {
  280. fontSize: 14 * getHeightScale,
  281. },
  282. tooltip: {
  283. trigger: 'item',
  284. formatter: "{a} <br/>{b} : {c} ({d}%)"
  285. },
  286. series: [{
  287. name: '访问来源',
  288. type: 'pie',
  289. radius: '55%',
  290. center: ['50%', '60%'],
  291. data: type_data_aaa,
  292. type_data_name_arry1,
  293. label: {
  294. normal: {
  295. position: 'inner',
  296. show: false
  297. }
  298. },
  299. itemStyle: {
  300. emphasis: {
  301. shadowBlur: 10 * getHeightScale,
  302. shadowOffsetX: 0,
  303. shadowColor: 'rgba(0, 0, 0, 0.5)'
  304. },
  305. normal: {
  306. color: function(params) {
  307. //自定义颜色
  308. var colorList = [
  309. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  310. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  311. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  312. ];
  313. return colorList[params.dataIndex]
  314. }
  315. }
  316. }
  317. }]
  318. });
  319. myChartbbb.setOption({
  320. color: ['#1852B5'],
  321. textStyle: {
  322. fontSize: 14 * getHeightScale,
  323. },
  324. tooltip: {},
  325. xAxis: {
  326. data: type_data_name_arry2, //["合计", "总经销", "二级商", "种田大户", "农户", "化工客户", "公司员工", "其他"],
  327. axisLine: { //这是x轴文字颜色
  328. lineStyle: {
  329. color: "#FFFFFF",
  330. }
  331. },
  332. },
  333. yAxis: {
  334. splitLine: {    
  335. show: false  
  336. },
  337. axisLine: { //这是x轴文字颜色
  338. lineStyle: {
  339. color: "#000946",
  340. }
  341. }
  342. },
  343. series: [{
  344. name: '渠道类型统计',
  345. type: 'bar',
  346. barWidth: 20 * getHeightScale,
  347. data: type_data_ccc,
  348. }]
  349. });
  350. myChaccc.setOption({
  351. textStyle: {
  352. fontSize: 14 * getHeightScale,
  353. },
  354. tooltip: {
  355. trigger: 'item',
  356. formatter: "{a} <br/>{b} : {c} ({d}%)"
  357. },
  358. series: [{
  359. name: '渠道类型统计',
  360. type: 'pie',
  361. radius: '55%',
  362. center: ['50%', '60%'],
  363. data: type_data_ccc,
  364. type_data_name_arry2,
  365. label: {
  366. normal: {
  367. position: 'inner',
  368. show: false
  369. }
  370. },
  371. itemStyle: {
  372. emphasis: {
  373. shadowBlur: 10 * getHeightScale,
  374. shadowOffsetX: 0,
  375. shadowColor: 'rgba(0, 0, 0, 0.5)'
  376. },
  377. normal: {
  378. color: function(params) {
  379. //自定义颜色
  380. var colorList = [
  381. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  382. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  383. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  384. ];
  385. return colorList[params.dataIndex]
  386. }
  387. }
  388. }
  389. }]
  390. });
  391. myCharteee.setOption({
  392. color: ['#1852B5'],
  393. textStyle: {
  394. fontSize: 14 * getHeightScale,
  395. },
  396. xAxis: {
  397. data: type_data_name_arry3, // ["合计", "市场管理科", "呼叫中心", "车用尿素", ""],
  398. axisLine: { //这是x轴文字颜色
  399. lineStyle: {
  400. color: "#FFFFFF",
  401. }
  402. }
  403. },
  404. yAxis: {
  405. splitLine: {    
  406. show: false  
  407. },
  408. axisLine: { //这是x轴文字颜色
  409. lineStyle: {
  410. color: "#000946",
  411. }
  412. }
  413. },
  414. series: [{
  415. name: '超期部门统计',
  416. type: 'bar',
  417. barWidth: 20 * getHeightScale,
  418. data: type_data_bbb,
  419. }]
  420. });
  421. myCharrr.setOption({
  422. textStyle: {
  423. fontSize: 14 * getHeightScale,
  424. },
  425. tooltip: {
  426. trigger: 'item',
  427. formatter: "{a} <br/>{b} : {c} ({d}%)"
  428. },
  429. series: [{
  430. name: '超期部门统计',
  431. type: 'pie',
  432. radius: '55%',
  433. center: ['50%', '60%'],
  434. data: type_data_bbb,
  435. type_data_name_arry3,
  436. label: {
  437. normal: {
  438. position: 'inner',
  439. show: false
  440. }
  441. },
  442. itemStyle: {
  443. emphasis: {
  444. shadowBlur: 10 * getHeightScale,
  445. shadowOffsetX: 0,
  446. shadowColor: 'rgba(0, 0, 0, 0.5)'
  447. },
  448. normal: {
  449. color: function(params) {
  450. //自定义颜色
  451. var colorList = [
  452. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  453. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  454. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  455. ];
  456. return colorList[params.dataIndex]
  457. }
  458. }
  459. }
  460. }]
  461. });
  462. myChartwww.setOption({
  463. color: ['#1852B5'],
  464. textStyle: {
  465. fontSize: 14 * getHeightScale,
  466. },
  467. tooltip: {},
  468. xAxis: {
  469. data: type_data_name_arry4, //["合计", "非常满意", "满意", "一般", "不满意", ""],
  470. axisLine: { //这是x轴文字颜色
  471. lineStyle: {
  472. color: "#FFFFFF",
  473. }
  474. }
  475. },
  476. yAxis: {
  477. splitLine: {    
  478. show: false  
  479. },
  480. axisLine: { //这是x轴文字颜色
  481. lineStyle: {
  482. color: "#000946",
  483. }
  484. }
  485. },
  486. series: [{
  487. name: '满意度统计',
  488. type: 'bar',
  489. barWidth: 20 * getHeightScale,
  490. data: type_data_nnn,
  491. }]
  492. });
  493. myChaqqq.setOption({
  494. tooltip: {
  495. trigger: 'item',
  496. formatter: "{a} <br/>{b} : {c} ({d}%)"
  497. },
  498. series: [{
  499. name: '满意度统计',
  500. type: 'pie',
  501. radius: '55%',
  502. center: ['50%', '60%'],
  503. data: type_data_nnn,
  504. type_data_name_arry4,
  505. label: {
  506. normal: {
  507. position: 'inner',
  508. show: false
  509. }
  510. },
  511. itemStyle: {
  512. emphasis: {
  513. shadowBlur: 10 * getHeightScale,
  514. shadowOffsetX: 0,
  515. shadowColor: 'rgba(0, 0, 0, 0.5)'
  516. },
  517. normal: {
  518. color: function(params) {
  519. //自定义颜色
  520. var colorList = [
  521. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  522. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  523. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  524. ];
  525. return colorList[params.dataIndex]
  526. }
  527. }
  528. }
  529. }]
  530. });
  531. myChartppp.setOption({
  532. color: ['#1852B5'],
  533. textStyle: {
  534. fontSize: 14 * getHeightScale,
  535. },
  536. tooltip: {},
  537. xAxis: {
  538. data: type_data_name_arry5,
  539. axisLine: { //这是x轴文字颜色
  540. lineStyle: {
  541. color: "#FFFFFF",
  542. }
  543. }
  544. },
  545. yAxis: {
  546. splitLine: {    
  547. show: false  
  548. },
  549. axisLine: { //这是x轴文字颜色
  550. lineStyle: {
  551. color: "#000946",
  552. }
  553. }
  554. },
  555. series: [{
  556. name: '工单',
  557. type: 'bar',
  558. barWidth: 20 * getHeightScale,
  559. data: type_data_uuu,
  560. }]
  561. });
  562. myChalll.setOption({
  563. textStyle: {
  564. fontSize: 14 * getHeightScale,
  565. },
  566. tooltip: {
  567. trigger: 'item',
  568. formatter: "{a} <br/>{b} : {c} ({d}%)"
  569. },
  570. series: [{
  571. name: '访问来源',
  572. type: 'pie',
  573. radius: '55%',
  574. center: ['50%', '60%'],
  575. data: type_data_uuu,
  576. type_data_name_arry5,
  577. label: {
  578. normal: {
  579. position: 'inner',
  580. show: false
  581. }
  582. },
  583. itemStyle: {
  584. emphasis: {
  585. shadowBlur: 10 * getHeightScale,
  586. shadowOffsetX: 0,
  587. shadowColor: 'rgba(0, 0, 0, 0.5)'
  588. },
  589. normal: {
  590. color: function(params) {
  591. //自定义颜色
  592. var colorList = [
  593. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  594. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  595. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  596. ];
  597. return colorList[params.dataIndex]
  598. }
  599. },
  600. }
  601. }]
  602. });
  603. myKouc1.setOption({
  604. color: ['#1852B5'],
  605. title: {
  606. text: '基地反馈统计',
  607. x: 'center',
  608. textStyle: {
  609. "color": "#53FEC0",
  610. fontSize: 24 * getHeightScale,
  611. }
  612. },
  613. textStyle: {
  614. fontSize: 14 * getHeightScale,
  615. },
  616. tooltip: {},
  617. xAxis: {
  618. data: type_data_name_arry, //["合计", "咨询", "投诉", "抽检", "建议及其他", ""], ["咨询", "投诉", "抽检", "建议", "合计"]
  619. axisLine: { //这是x轴文字颜色
  620. lineStyle: {
  621. color: "#FFFFFF",
  622. }
  623. },
  624. axisLabel: { //调整x轴的lable
  625. textStyle: {
  626. fontSize: 16 * getHeightScale // 让字体变大
  627. }
  628. }
  629. },
  630. yAxis: {
  631. splitLine: {    
  632. show: false  
  633. },
  634. axisLine: { //这是x轴文字颜色
  635. lineStyle: {
  636. color: "#FFFFFF",
  637. }
  638. },
  639. axisLabel: { //调整x轴的lable
  640. textStyle: {
  641. fontSize: 16 * getHeightScale // 让字体变大
  642. }
  643. }
  644. },
  645. dataZoom: [{
  646. show: false, //是否显示下方滚动条
  647. realtime: true,
  648. start: 0, //显示数据开始位置
  649. end: 50 //显示数据结束位置
  650. },
  651. {
  652. type: 'inside',
  653. realtime: true,
  654. start: 0,
  655. end: 50
  656. }
  657. ],
  658. series: [{
  659. name: '基地反馈统计',
  660. type: 'bar',
  661. x: 'center',
  662. // barGap:'2%', //两个柱子距离
  663. barWidth: 20 * getHeightScale,
  664. data: type_data_arry
  665. }]
  666. });
  667. myKouc.setOption({
  668. textStyle: {
  669. fontSize: 18 * getHeightScale,
  670. },
  671. tooltip: {
  672. trigger: 'item',
  673. formatter: "{a} <br/>{b} : {c} ({d}%)"
  674. },
  675. series: [{
  676. name: '基地反馈统计',
  677. type: 'pie',
  678. radius: '55%',
  679. center: ['50%', '60%'],
  680. data: type_data_arry,
  681. type_data_name_arry,
  682. itemStyle: {
  683. emphasis: {
  684. shadowBlur: 10 * getHeightScale,
  685. shadowOffsetX: 0,
  686. shadowColor: 'rgba(0, 0, 0, 0.5)'
  687. },
  688. normal: {
  689. color: function(params) {
  690. //自定义颜色
  691. var colorList = [
  692. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  693. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  694. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  695. ];
  696. return colorList[params.dataIndex]
  697. }
  698. }
  699. }
  700. }]
  701. });
  702. myKucot1.setOption({
  703. color: ['#1852B5'],
  704. title: {
  705. text: '产品类型统计',
  706. x: 'center',
  707. textStyle: {
  708. "color": "#53FEC0",
  709. fontSize: 24 * getHeightScale,
  710. }
  711. },
  712. textStyle: {
  713. fontSize: 14 * getHeightScale,
  714. },
  715. tooltip: {},
  716. xAxis: {
  717. splitNumber: 5,
  718. data: type_data_name_arry1, //["合计", "尿素", "复合肥", "水溶肥", "车用尿素", "三聚氰胺", "甲醇", "糖醇", "腐殖酸", "二甲醚", "糖醛", "液氨", "其他", ""],
  719. axisLine: { //这是x轴文字颜色
  720. lineStyle: {
  721. color: "#FFFFFF",
  722. }
  723. },
  724. axisLabel: { //调整x轴的lable
  725. textStyle: {
  726. fontSize: 16 * getHeightScale // 让字体变大
  727. }
  728. }
  729. },
  730. yAxis: {
  731. splitLine: {    
  732. show: false  
  733. },
  734. axisLine: { //这是x轴文字颜色
  735. lineStyle: {
  736. color: "#FFFFFF",
  737. }
  738. },
  739. axisLabel: { //调整x轴的lable
  740. textStyle: {
  741. fontSize: 16 * getHeightScale // 让字体变大
  742. }
  743. }
  744. },
  745. dataZoom: [{
  746. show: false, //是否显示下方滚动条
  747. realtime: true,
  748. start: 0, //显示数据开始位置
  749. end: 50 //显示数据结束位置
  750. },
  751. {
  752. type: 'inside',
  753. realtime: true,
  754. start: 0,
  755. end: 50
  756. }
  757. ],
  758. series: [{
  759. name: '产品类型统计',
  760. type: 'bar',
  761. barWidth: 20 * getHeightScale,
  762. data: type_data_aaa,
  763. }]
  764. });
  765. myKucot.setOption({
  766. textStyle: {
  767. fontSize: 14 * getHeightScale,
  768. },
  769. tooltip: {
  770. trigger: 'item',
  771. formatter: "{a} <br/>{b} : {c} ({d}%)"
  772. },
  773. series: [{
  774. name: '产品类型统计',
  775. type: 'pie',
  776. radius: '55%',
  777. center: ['50%', '60%'],
  778. data: type_data_aaa,
  779. type_data_name_arry1,
  780. itemStyle: {
  781. emphasis: {
  782. shadowBlur: 10 * getHeightScale,
  783. shadowOffsetX: 0,
  784. shadowColor: 'rgba(0, 0, 0, 0.5)'
  785. },
  786. normal: {
  787. color: function(params) {
  788. //自定义颜色
  789. var colorList = [
  790. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  791. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  792. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  793. ];
  794. return colorList[params.dataIndex]
  795. }
  796. }
  797. }
  798. }]
  799. });
  800. myTou1.setOption({
  801. color: ['#1852B5'],
  802. title: {
  803. text: '渠道类型统计',
  804. x: 'center',
  805. textStyle: {
  806. "color": "#53FEC0",
  807. fontSize: 24 * getHeightScale,
  808. }
  809. },
  810. textStyle: {
  811. fontSize: 14 * getHeightScale,
  812. },
  813. tooltip: {},
  814. xAxis: {
  815. data: type_data_name_arry2, //["合计", "总经销", "二级商", "种田大户", "农户", "化工客户", "公司员工", "其他"],
  816. axisLine: { //这是x轴文字颜色
  817. lineStyle: {
  818. color: "#FFFFFF",
  819. }
  820. },
  821. axisLabel: { //调整x轴的lable
  822. textStyle: {
  823. fontSize: 16 * getHeightScale // 让字体变大
  824. }
  825. }
  826. },
  827. yAxis: {
  828. splitLine: {    
  829. show: false  
  830. },
  831. axisLine: { //这是x轴文字颜色
  832. lineStyle: {
  833. color: "#FFFFFF",
  834. }
  835. },
  836. axisLabel: { //调整x轴的lable
  837. textStyle: {
  838. fontSize: 16 * getHeightScale // 让字体变大
  839. }
  840. }
  841. },
  842. dataZoom: [{
  843. show: false, //是否显示下方滚动条
  844. realtime: true,
  845. start: 0, //显示数据开始位置
  846. end: 150 //显示数据结束位置
  847. },
  848. {
  849. type: 'inside',
  850. realtime: true,
  851. start: 0,
  852. end: 50
  853. }
  854. ],
  855. series: [{
  856. name: '渠道类型统计',
  857. type: 'bar',
  858. barWidth: 20 * getHeightScale,
  859. data: type_data_ccc,
  860. }]
  861. });
  862. myTou.setOption({
  863. tooltip: {
  864. trigger: 'item',
  865. formatter: "{a} <br/>{b} : {c} ({d}%)"
  866. },
  867. series: [{
  868. name: '渠道类型统计',
  869. type: 'pie',
  870. radius: '55%',
  871. center: ['50%', '60%'],
  872. data: type_data_ccc,
  873. type_data_name_arry2,
  874. itemStyle: {
  875. emphasis: {
  876. shadowBlur: 10 * getHeightScale,
  877. shadowOffsetX: 0,
  878. shadowColor: 'rgba(0, 0, 0, 0.5)'
  879. },
  880. normal: {
  881. color: function(params) {
  882. //自定义颜色
  883. var colorList = [
  884. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  885. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  886. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  887. ];
  888. return colorList[params.dataIndex]
  889. }
  890. }
  891. }
  892. }]
  893. });
  894. myRi1.setOption({
  895. color: ['#1852B5'],
  896. title: {
  897. text: '超期部门统计',
  898. x: 'center',
  899. textStyle: {
  900. "color": "#53FEC0",
  901. fontSize: 24 * getHeightScale,
  902. }
  903. },
  904. textStyle: {
  905. fontSize: 14 * getHeightScale,
  906. },
  907. tooltip: {},
  908. xAxis: {
  909. data: type_data_name_arry3, // ["合计", "市场管理科", "呼叫中心", "车用尿素", ""],
  910. axisLine: { //这是x轴文字颜色
  911. lineStyle: {
  912. color: "#FFFFFF",
  913. }
  914. },
  915. axisLabel: { //调整x轴的lable
  916. textStyle: {
  917. fontSize: 16 * getHeightScale // 让字体变大
  918. }
  919. }
  920. },
  921. yAxis: {
  922. splitLine: {    
  923. show: false  
  924. },
  925. axisLine: { //这是x轴文字颜色
  926. lineStyle: {
  927. color: "#FFFFFF",
  928. }
  929. },
  930. axisLabel: { //调整x轴的lable
  931. textStyle: {
  932. fontSize: 16 * getHeightScale // 让字体变大
  933. }
  934. }
  935. },
  936. dataZoom: [{
  937. show: false, //是否显示下方滚动条
  938. realtime: true,
  939. start: 0, //显示数据开始位置
  940. end: 50 //显示数据结束位置
  941. },
  942. {
  943. type: 'inside',
  944. realtime: true,
  945. start: 0,
  946. end: 50
  947. }
  948. ],
  949. series: [{
  950. name: '超期部门统计',
  951. type: 'bar',
  952. barWidth: 20 * getHeightScale,
  953. data: type_data_bbb,
  954. }]
  955. });
  956. myRi.setOption({
  957. textStyle: {
  958. fontSize: 14 * getHeightScale,
  959. },
  960. tooltip: {
  961. trigger: 'item',
  962. formatter: "{a} <br/>{b} : {c} ({d}%)"
  963. },
  964. series: [{
  965. name: '超期部门统计',
  966. type: 'pie',
  967. radius: '55%',
  968. center: ['50%', '60%'],
  969. data: type_data_bbb,
  970. type_data_name_arry3,
  971. itemStyle: {
  972. emphasis: {
  973. shadowBlur: 10,
  974. shadowOffsetX: 0,
  975. shadowColor: 'rgba(0, 0, 0, 0.5)'
  976. },
  977. normal: {
  978. color: function(params) {
  979. //自定义颜色
  980. var colorList = [
  981. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  982. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  983. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  984. ];
  985. return colorList[params.dataIndex]
  986. }
  987. }
  988. }
  989. }]
  990. });
  991. myEkit1.setOption({
  992. color: ['#1852B5'],
  993. title: {
  994. text: '满意度统计',
  995. x: 'center',
  996. textStyle: {
  997. "color": "#53FEC0",
  998. fontSize: 24 * getHeightScale,
  999. }
  1000. },
  1001. textStyle: {
  1002. fontSize: 14 * getHeightScale,
  1003. },
  1004. tooltip: {},
  1005. xAxis: {
  1006. data: type_data_name_arry4, //["合计", "非常满意", "满意", "一般", "不满意", ""],
  1007. axisLine: { //这是x轴文字颜色
  1008. lineStyle: {
  1009. color: "#FFFFFF",
  1010. }
  1011. },
  1012. axisLabel: { //调整x轴的lable
  1013. textStyle: {
  1014. fontSize: 16 * getHeightScale // 让字体变大
  1015. }
  1016. }
  1017. },
  1018. yAxis: {
  1019. splitLine: {    
  1020. show: false  
  1021. },
  1022. axisLine: { //这是x轴文字颜色
  1023. lineStyle: {
  1024. color: "#FFFFFF",
  1025. }
  1026. },
  1027. axisLabel: { //调整x轴的lable
  1028. textStyle: {
  1029. fontSize: 16 * getHeightScale // 让字体变大
  1030. }
  1031. }
  1032. },
  1033. dataZoom: [{
  1034. show: false, //是否显示下方滚动条
  1035. realtime: true,
  1036. start: 0, //显示数据开始位置
  1037. end: 300 //显示数据结束位置
  1038. },
  1039. {
  1040. type: 'inside',
  1041. realtime: true,
  1042. start: 0,
  1043. end: 50
  1044. }
  1045. ],
  1046. series: [{
  1047. name: '满意度统计',
  1048. type: 'bar',
  1049. barWidth: 20 * getHeightScale,
  1050. data: type_data_nnn,
  1051. }]
  1052. });
  1053. myEkit.setOption({
  1054. tooltip: {
  1055. trigger: 'item',
  1056. formatter: "{a} <br/>{b} : {c} ({d}%)"
  1057. },
  1058. series: [{
  1059. name: '满意度统计',
  1060. type: 'pie',
  1061. radius: '55%',
  1062. center: ['50%', '60%'],
  1063. data: type_data_nnn,
  1064. type_data_name_arry4,
  1065. itemStyle: {
  1066. emphasis: {
  1067. shadowBlur: 10,
  1068. shadowOffsetX: 0,
  1069. shadowColor: 'rgba(0, 0, 0, 0.5)'
  1070. },
  1071. normal: {
  1072. color: function(params) {
  1073. //自定义颜色
  1074. var colorList = [
  1075. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  1076. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  1077. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  1078. ];
  1079. return colorList[params.dataIndex]
  1080. }
  1081. }
  1082. }
  1083. }]
  1084. });
  1085. myChreti1.setOption({
  1086. color: ['#1852B5'],
  1087. title: {
  1088. text: '工单总量统计',
  1089. x: 'center',
  1090. textStyle: {
  1091. "color": "#53FEC0",
  1092. fontSize: 24 * getHeightScale,
  1093. }
  1094. },
  1095. tooltip: {},
  1096. legend: {},
  1097. xAxis: [{
  1098. data: type_data_name_arry5,
  1099. axisLine: { //这是x轴文字颜色
  1100. lineStyle: {
  1101. color: "#FFFFFF",
  1102. }
  1103. },
  1104. axisLabel: { //调整x轴的lable
  1105. textStyle: {
  1106. fontSize: 16 * getHeightScale // 让字体变大
  1107. }
  1108. }
  1109. }],
  1110. yAxis: {
  1111. splitLine: {    
  1112. show: false  
  1113. },
  1114. axisLine: { //这是x轴文字颜色
  1115. lineStyle: {
  1116. color: "#FFFFFF",
  1117. }
  1118. },
  1119. axisLabel: { //调整x轴的lable
  1120. textStyle: {
  1121. fontSize: 16 * getHeightScale // 让字体变大
  1122. }
  1123. }
  1124. },
  1125. dataZoom: [{
  1126. show: false, //是否显示下方滚动条
  1127. realtime: true,
  1128. start: 0, //显示数据开始位置
  1129. end: 50 //显示数据结束位置
  1130. },
  1131. {
  1132. type: 'inside',
  1133. realtime: true,
  1134. start: 0,
  1135. end: 50
  1136. }
  1137. ],
  1138. series: [{
  1139. name: '工单总量统计',
  1140. type: 'bar',
  1141. barWidth: 20 * getHeightScale,
  1142. data: type_data_uuu,
  1143. }]
  1144. });
  1145. myChreti.setOption({
  1146. textStyle: {
  1147. fontSize: 14 * getHeightScale,
  1148. },
  1149. tooltip: {
  1150. trigger: 'item',
  1151. formatter: "{a} <br/>{b} : {c} ({d}%)"
  1152. },
  1153. series: [{
  1154. name: '工单总量统计',
  1155. type: 'pie',
  1156. radius: '55%',
  1157. center: ['50%', '60%'],
  1158. data: type_data_uuu,
  1159. type_data_name_arry5,
  1160. itemStyle: {
  1161. emphasis: {
  1162. shadowBlur: 10 * getHeightScale,
  1163. shadowOffsetX: 0,
  1164. shadowColor: 'rgba(0, 0, 0, 0.5)'
  1165. },
  1166. normal: {
  1167. color: function(params) {
  1168. //自定义颜色
  1169. var colorList = [
  1170. '#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
  1171. '#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
  1172. '#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
  1173. ];
  1174. return colorList[params.dataIndex]
  1175. }
  1176. }
  1177. }
  1178. }]
  1179. });
  1180. }
  1181. }
  1182. });
  1183. }
  1184. $(document).ready(function() {
  1185. DQQ($("#customer_comaddress")); //大区
  1186. XSJD($("#xiaoshou")); //销售基地
  1187. ZXCPMC($("#Product_Category")); //产品名称
  1188. ZXCPMC($("#product_name")); //三屏产品名称
  1189. QDLXX($("#customer_taxPointDes")); //渠道类型
  1190. XSJD($("#category")); //销售基地
  1191. });
  1192. //渠道类型
  1193. function QDLXX(obj) {
  1194. obj.empty();
  1195. obj.append('<option selected="selected" value="">渠道类型</option>');
  1196. $.getJSON(huayi.config.callcenter_url + "WOReport/GetDicValueListByFlag", {
  1197. // "token": $.cookie("token"),
  1198. flag: "QDLX",
  1199. }, function(data) {
  1200. if(data.state.toLowerCase() == "success") {
  1201. var content = data.data;
  1202. $(content).each(function(i, n) {
  1203. $("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
  1204. })
  1205. }
  1206. })
  1207. }
  1208. //产品名称
  1209. function ZXCPMC(obj) {
  1210. obj.empty();
  1211. obj.append('<option selected="selected" value="">产品名称</option>');
  1212. $.getJSON(huayi.config.callcenter_url + "WOReport/GetDicValueListByFlag", {
  1213. // "token": $.cookie("token"),
  1214. flag: "CPZL",
  1215. }, function(data) {
  1216. if(data.state.toLowerCase() == "success") {
  1217. var content = data.data;
  1218. $(content).each(function(i, n) {
  1219. $("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
  1220. })
  1221. }
  1222. })
  1223. }
  1224. //销售基地
  1225. function XSJD(obj) {
  1226. obj.empty();
  1227. obj.append('<option selected="selected" value="">基地</option>');
  1228. $.getJSON(huayi.config.callcenter_url + "WOReport/GetDicValueListByFlag", {
  1229. // "token": $.cookie("token"),
  1230. flag: "XSJD",
  1231. }, function(data) {
  1232. if(data.state.toLowerCase() == "success") {
  1233. var content = data.data;
  1234. $(content).each(function(i, n) {
  1235. $("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
  1236. })
  1237. }
  1238. })
  1239. }
  1240. function DQQ(obj) {
  1241. obj.empty();
  1242. obj.append('<option selected="selected" value="">大区</option>');
  1243. $.getJSON(huayi.config.callcenter_url + "Department/GetList", {
  1244. // "token": $.cookie("token"),
  1245. F_Layer: 1,
  1246. }, function(data) {
  1247. if(data.state.toLowerCase() == "success") {
  1248. var content = data.data;
  1249. $(content).each(function(i, n) {
  1250. $("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo(obj);
  1251. })
  1252. }
  1253. })
  1254. }
  1255. function KEFENGONG(obj) {
  1256. obj.empty();
  1257. obj.append('<option selected="selected" value="">分公司</option>');
  1258. $.getJSON(huayi.config.callcenter_url + "Department/GetList", {
  1259. // "token": $.cookie("token"),
  1260. F_Layer: 2,
  1261. F_DeptName: $("#customer_comaddress").find("option:selected").text(),
  1262. }, function(data) {
  1263. if(data.state.toLowerCase() == "success") {
  1264. var content = data.data;
  1265. $(content).each(function(i, n) {
  1266. $("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo(obj);
  1267. })
  1268. }
  1269. })
  1270. }
  1271. $('#customer_comaddress').on('change', function() {
  1272. $.getJSON(huayi.config.callcenter_url + "Department/GetList", {
  1273. // "token": $.cookie("token"),
  1274. F_Layer: 2,
  1275. F_DeptName: $("#customer_comaddress").find("option:selected").text(),
  1276. }, function(data) {
  1277. if(data.state.toLowerCase() == "success") {
  1278. var content = data.data;
  1279. $(content).each(function(i, n) {
  1280. $("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo("#customer_legalName");
  1281. })
  1282. KEFENGONG($("#customer_legalName"));
  1283. }
  1284. })
  1285. });