prescription-analysis.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516
  1. var reqList = [];
  2. var agePie,
  3. ageBar;
  4. Vue.use(Vuedals.default);
  5. new Vue({
  6. el: "#main",
  7. data: {
  8. appname: "长处方分析",
  9. isback: true,
  10. isrefresh: true,
  11. isfilter: true,
  12. isopen: true,
  13. //页面请求参数
  14. level: '',
  15. area: '',
  16. areaTitle: '',
  17. userRole: {},
  18. lowLevel: '3', //市级对应lowLevel为3,逐级递减
  19. dateType: 1, //折线图坐标值1-日,2-周,3-月
  20. startDate: "",
  21. endDate: "",
  22. tagCode: 1, //顶部各个tag标签对应的值
  23. sumType: 1, //记录从筛选页面选择的统计维度 1-订单统计,2-费用统计,3-配送统计,4-年龄统计
  24. sumTypeName: "订单统计",
  25. disease: "", //疾病类型
  26. diseaseName: "全部",
  27. orderTagDatas: {
  28. total: 0,
  29. finishCount: 0,
  30. patientCancelCount: 0,
  31. noReviewedCount: 0,
  32. processingCount: 0,
  33. payOuttimeCount: 0
  34. },
  35. paymentData: {
  36. sum: 0,
  37. avg: 0
  38. },
  39. expressData: {
  40. self: 0,
  41. doctor: 0,
  42. delivery: 0
  43. },
  44. ageDatas: [
  45. {name: "0~6岁", color: "#ff5442", value: 0},
  46. {name: "7~18岁", color: "#ffc800", value: 0},
  47. {name: "19~30岁", color: "#4ce428", value: 0},
  48. {name: "31~50岁", color: "#24bbfa", value: 0},
  49. {name: "51~64岁", color: "#fb5dab", value: 0},
  50. {name: "65岁以上", color: "#9b5ffd", value: 0}]
  51. },
  52. components: {
  53. vuedals: Vuedals.Component
  54. },
  55. mounted: function(){
  56. //初始化数据
  57. initData(this);
  58. //获得顶部各tab的值
  59. loadData([0,1,2], this); //参数组数表示请求的区域为上中下
  60. //存储请求所带的参数
  61. reqList.push({
  62. level: this.level,
  63. area: this.area,
  64. areaTitle: this.areaTitle,
  65. endDate: this.endDate,
  66. startDate: this.startDate,
  67. lowLevel: this.lowLevel,
  68. tagCode: this.tagCode,
  69. sumType: this.sumType,
  70. disease: this.disease,
  71. dateType: this.dateType
  72. });
  73. //设置监听器, 监听折线图日期变化
  74. var vm = this;
  75. //监听后退按钮的操作
  76. EventBus.$on("back-click", function(arg){
  77. EventBus.$emit('update-statistics-time', {}); //更新统计时间
  78. if(reqList.length == 1){
  79. history.go(-1);
  80. }
  81. else{
  82. var preInfo = reqList.pop();
  83. var info = reqList[reqList.length - 1];
  84. vm.level = info.level;
  85. vm.area = info.area;
  86. vm.areaTitle = info.areaTitle;
  87. vm.lowLevel = info.lowLevel;
  88. vm.tagCode = info.tagCode;
  89. vm.sumType = info.sumType;
  90. vm.disease = info.disease;
  91. vm.dateType = info.dateType;
  92. loadData([0,1,2], vm);
  93. EventBus.$emit('update-area-name', {areaName: vm.areaTitle});
  94. }
  95. });
  96. //监听页面刷新
  97. EventBus.$on("refresh-click", function(arg){
  98. loadData([0,1,2], vm);
  99. });
  100. //弹出筛选框
  101. EventBus.$on('filter-click', function(arg) {
  102. //弹框显示筛选条件
  103. Vuedals.Bus.$emit('new', {
  104. title: '条件筛选',
  105. onClose:function(data){
  106. vm.sumType = data.sumType;
  107. vm.sumTypeName = data.sumTypeName;
  108. vm.disease = data.disease;
  109. vm.diseaseName = data.diseaseName;
  110. //将参数职位初始值
  111. vm.level = vm.userRole.code == '350200' ? 4 : vm.userRole.code.length == 6 ? 3 : 2;
  112. vm.lowLevel = vm.level - 1;
  113. vm.area = vm.userRole.code;
  114. vm.areaTitle = vm.userRole.name;
  115. vm.dateType = 1;
  116. vm.tagCode = 1;
  117. EventBus.$emit('update-area-name', {areaName: vm.areaTitle});
  118. //然后清空请求列表数组
  119. reqList.splice(0, reqList.length);
  120. loadData([0, 1, 2], vm);//刷新数据
  121. //存储请求所带的参数
  122. reqList.push({
  123. level: vm.level,
  124. area: vm.area,
  125. areaTitle: vm.areaTitle,
  126. endDate: vm.endDate,
  127. startDate: vm.startDate,
  128. lowLevel: vm.lowLevel,
  129. tagCode: vm.tagCode,
  130. sumType: vm.sumType,
  131. disease: vm.disease,
  132. dateType: vm.dateType
  133. });
  134. EventBus.$emit('update-statistics-year',{selectDate: vm.sumTypeName} );//显示统计维度的名称
  135. EventBus.$emit('update-dimension-name', {dimensionVal: vm.diseaseName});//显示疾病类型的名称
  136. EventBus.$emit('update-statistics-time', {});//更新统计时间
  137. },
  138. component: 'prescription-filter',
  139. props: {
  140. sumType: vm.sumType,
  141. disease: vm.disease
  142. }
  143. });
  144. });
  145. $("#main").removeClass("c-hide");
  146. window.onresize = function() {
  147. if(agePie){
  148. agePie.resize();
  149. }
  150. if(ageBar){
  151. ageBar.resize();
  152. }
  153. if(window.lineCharts){
  154. window.lineCharts.resize(); //日周月折线图
  155. }
  156. if(window.barCharts){
  157. window.barCharts.resize(); //日周月折线图
  158. }
  159. }
  160. },
  161. methods: {
  162. changeTagCode: function(val){
  163. this.tagCode = val;
  164. if(this.sumType == 2){
  165. //费用统计只查看人均费用的变化趋势
  166. loadData([2], this);
  167. }else{
  168. loadData([1,2], this);
  169. }
  170. //存储请求所带的参数
  171. reqList.push({
  172. level: this.level,
  173. area: this.area,
  174. areaTitle: this.areaTitle,
  175. endDate: this.endDate,
  176. startDate: this.startDate,
  177. lowLevel: this.lowLevel,
  178. tagCode: this.tagCode,
  179. sumType: this.sumType,
  180. disease: this.disease,
  181. dateType: this.dateType
  182. })
  183. },
  184. getBarData: function(arg){
  185. this.dateType = arg.dateType;
  186. loadData([1], this);
  187. },
  188. getPaymentLineData: function(arg){
  189. this.dateType = arg.dateType;
  190. loadData([1], this);
  191. },
  192. getBottomAreaData: function(arg){
  193. //如果level改变,则需要重新加载整个页面的数据,否则只需加载底部区域数据
  194. if(arg.level == this.level){
  195. this.lowLevel = arg.lowLevel || 3;
  196. loadData([2], this);
  197. }else{
  198. this.level = arg.level;
  199. //长处方这边level改了lowLevel也需要跟着一起变
  200. this.lowLevel = arg.level - 1;
  201. this.area = arg.area;
  202. this.areaTitle = arg.areaTitle;
  203. loadData([0,1,2], this);
  204. }
  205. EventBus.$emit('update-area-name', {areaName: this.areaTitle});
  206. //存储请求所带的参数
  207. reqList.push({
  208. level: this.level,
  209. area: this.area,
  210. areaTitle: this.areaTitle,
  211. endDate: this.endDate,
  212. startDate: this.startDate,
  213. lowLevel: this.lowLevel,
  214. tagCode: this.tagCode,
  215. sumType: this.sumType,
  216. disease: this.disease,
  217. dateType: this.dateType
  218. })
  219. }
  220. }
  221. });
  222. function initData(vm){
  223. //获得缓存中缓存的角色权限
  224. var userRole = window.sessionStorage.getItem("selectedRole");
  225. if(!userRole){
  226. return false;
  227. }
  228. vm.userRole = JSON.parse(userRole);
  229. vm.level = vm.userRole.code == '350200' ? 4 : vm.userRole.code.length == 6 ? 3 : 2;
  230. vm.lowLevel = vm.level - 1;
  231. vm.area = vm.userRole.code;
  232. vm.areaTitle = vm.userRole.name;
  233. EventBus.$emit('update-area-name', {areaName: vm.areaTitle});
  234. var now = new Date();
  235. vm.endDate = now.format("yyyy-MM-dd");
  236. EventBus.$emit('update-statistics-year',{selectDate: vm.sumTypeName} );//显示统计维度的名称
  237. EventBus.$emit('update-dimension-name', {dimensionVal: vm.diseaseName});//显示疾病类型的名称
  238. }
  239. function initReqParams(vm){
  240. //sumType: 1-订单统计,2-费用统计,3-配送统计,4-年龄统计
  241. var reqParam = [];
  242. switch(vm.sumType){
  243. case 1:
  244. //tagCode: 1.总量,2.已完成,3.居民取消,4.审核不通过,5.进行中,6.其他原因取消
  245. reqParam = [{
  246. url: "/statistics/getPrescriptionCount",
  247. data: {level: vm.level, area: vm.area, disease: vm.disease}
  248. },{
  249. url: "/statistics/getPrescriptionTotalHistogram",
  250. data: {level: vm.level, area: vm.area, disease: vm.disease, type: vm.tagCode, interval: vm.dateType}
  251. },{
  252. url: "/statistics/getPrescriptionTotalLowLevel",
  253. data: {level: vm.level, lowlevel: vm.lowLevel, area: vm.area, disease: vm.disease, type: vm.tagCode}
  254. }];
  255. break;
  256. case 2:
  257. //dateType: 折线图坐标值1-日,2-周,3-月
  258. //tagCode: 1.总量,2.平均值
  259. vm.startDate = getBeforeMonthStartDate(3, vm.dateType);
  260. reqParam = [{
  261. url: "/statistics/getPrescriptionCost",
  262. data: {level: vm.level, area: vm.area, disease: vm.disease}
  263. },{
  264. url: "/statistics/getPrescriptionCostAvgLine",
  265. data: {level: vm.level, area: vm.area, disease: vm.disease, type: vm.dateType, startDate: vm.startDate, endDate: vm.endDate}
  266. },{
  267. url: "/statistics/getPrescriptionCostLowLevel",
  268. data: {level: vm.level, lowlevel: vm.lowLevel, area: vm.area, disease: vm.disease, type: vm.tagCode}
  269. }];
  270. break;
  271. case 3:
  272. //tagCode: 1.自取,2.快递配送,3.健管师配送
  273. reqParam = [{
  274. url: "/statistics/getPrescriptionDispatchingTotal",
  275. data: {level: vm.level, area: vm.area, disease: vm.disease}
  276. },{
  277. url: "/statistics/getPrescriptionDispatchingHistogram",
  278. data: {level: vm.level, area: vm.area, disease: vm.disease, type: vm.tagCode, interval: vm.dateType}
  279. },{
  280. url: "/statistics/getPrescriptionDispatchingLowLevel",
  281. data: {level: vm.level, lowlevel: vm.lowLevel, area: vm.area, disease: vm.disease, type: vm.tagCode}
  282. }];
  283. break;
  284. case 4:
  285. reqParam = [{
  286. url: "/statistics/getPrescriptionAgeTotal",
  287. data: {level: vm.level, area: vm.area, disease: vm.disease}
  288. },{
  289. url: "/statistics/getPrescriptionAgeHistogram",
  290. data: {level: vm.level, area: vm.area, disease: vm.disease}
  291. },{
  292. url: "/statistics/getPrescriptionAgeLowLevel",
  293. data: {level: vm.level, lowlevel: vm.lowLevel, area: vm.area, disease: vm.disease}
  294. }];
  295. break;
  296. default:
  297. reqParam = [];
  298. break;
  299. };
  300. return reqParam;
  301. }
  302. function loadData(loadArr, vm){
  303. //获取其他请求的参数
  304. var reqParams = initReqParams(vm),
  305. reqPromise = [];
  306. for(i=0; i<loadArr.length; i++){
  307. var j = loadArr[i];
  308. var param = reqParams[j];
  309. reqPromise.push(httpRequest.get(param.url, {data: param.data}));
  310. }
  311. if(reqPromise.length > 0){
  312. Promise.all(reqPromise).then(function(ress){
  313. var res1, res2, res2;
  314. for(var i=0; i<loadArr.length; i++){
  315. var j = loadArr[i] + 1;
  316. if(j == 1){
  317. res1 = ress[i];
  318. }
  319. if(j == 2){
  320. res2 = ress[i];
  321. }
  322. if(j == 3){
  323. res3 = ress[i];
  324. }
  325. }
  326. if(res1){
  327. if(res1.status == 200){
  328. handleTopPanelData(res1.data, vm);
  329. }else{
  330. console.log(res1.msg);
  331. }
  332. }
  333. if(res2){
  334. if(res2.status == 200){
  335. handleSecondPanelData(res2.data, vm);
  336. }else{
  337. console.log(res2.msg);
  338. }
  339. }
  340. if(res3){
  341. if(res3.status == 200){
  342. listHandle(res3.data, vm);
  343. }else{
  344. console.log(res3.msg);
  345. }
  346. }
  347. })
  348. }
  349. }
  350. function handleTopPanelData(data, vm){
  351. switch(vm.sumType){
  352. case 1:
  353. vm.orderTagDatas = {
  354. total: data.total,
  355. finishCount: data.finishCount,
  356. patientCancelCount: data.patientCancelCount,
  357. noReviewedCount: data.noReviewedCount,
  358. processingCount: data.processingCount,
  359. payOuttimeCount: data.payOuttimeCount
  360. };
  361. break;
  362. case 2:
  363. vm.paymentData = {
  364. sum: data.sum,
  365. avg: data.avg
  366. }
  367. break;
  368. case 3:
  369. vm.expressData = {
  370. self: data.seltTotal,
  371. doctor: data.doctorTotal,
  372. delivery: data.deliveryTotal
  373. }
  374. break;
  375. case 4:
  376. var len = vm.ageDatas.length,
  377. color = ['#ff5442', '#ffc800 ','#4ce428', '#24bbfa','#fb5dab', "#9b5ffd"],
  378. objName = ['0age', '7age', '19age', '31age', '51age', '65age'],
  379. arr = [];
  380. for(i=0; i<len; i++){
  381. vm.ageDatas[i].value = data[objName[i]];
  382. }
  383. //绘制饼图
  384. agePie = drawPieChart("agePie", vm.ageDatas, color);
  385. }
  386. }
  387. function handleSecondPanelData(data, vm){
  388. switch(vm.sumType){
  389. case 1:
  390. case 3:
  391. var color = "#17b3ec",
  392. xAxisData = [],
  393. seriesData = [];
  394. for(i=0; i<data.length; i++){
  395. var item = data[i];
  396. xAxisData.push(item.date);
  397. seriesData.push(item.count);
  398. }
  399. var names;
  400. if(vm.sumType == 1){
  401. names = ["续方总量", "已完成", "居民取消", "审核未通过", "进行中", "其他原因取消"];
  402. }else if(vm.sumType == 3){
  403. names = ["居民自取", "物流配送", "健管师配送"];
  404. }
  405. EventBus.$emit("draw-bar-chart", {
  406. panelName: "近半年统计",
  407. xData: xAxisData,
  408. yData: seriesData,
  409. quotaName: names[vm.tagCode - 1],
  410. color: color,
  411. unit: "笔",
  412. selectedDateType: vm.dateType
  413. });
  414. break;
  415. case 2:
  416. var yDatas = [],
  417. colors = ['#12b7f5'];
  418. var xData = _.map(data, function(o){
  419. return o.date;
  420. });
  421. var yData = _.map(data, function(o){
  422. return o.avg;
  423. });
  424. yDatas.push(yData);
  425. EventBus.$emit("draw-line-chart", {
  426. panelName : "近三个月人均费用趋势",
  427. quotaNames : ["人均费用"],
  428. xData : xData,
  429. yDatas : yDatas,
  430. colors : colors,
  431. unit: "元",
  432. selectedDateType: vm.dateType
  433. });
  434. break;
  435. case 4:
  436. var color = "#17b3ec",
  437. xAxisData = ['0~6岁', '7~18岁', '19~30岁', '31~50岁', '51~64岁', '65岁以上'],
  438. fieldName = ['0ageRate', '7ageRate', '19ageRate', '31ageRate', '51ageRate', '65ageRate']
  439. seriesData = [];
  440. for(i=0; i<6; i++){
  441. seriesData.push(data[fieldName[i]]);
  442. }
  443. ageBar = drawBarChart("ageBar", xAxisData, seriesData, color, "人均使用次数");
  444. break;
  445. }
  446. }
  447. function listHandle(data, vm){
  448. var list = data;
  449. var topArr = soreRank(getKeyValueArr(list, 'val'));
  450. var arr = _.map(list, function(o, index){
  451. var cols = [o.name, o.val];
  452. return {
  453. rank: topArr[index],
  454. code: o.code,
  455. name: o.name,
  456. cols: cols
  457. }
  458. });
  459. var headers = {
  460. '1': ["排名", "续方总量", "已完成", "居民取消", "审核未通过", "进行中", "其他原因取消"],
  461. '2': ["排名", "费用总计", "人均费用"],
  462. '3': ["排名", "居民自取", "物流配送", "健管师配送"],
  463. '4': ["排名", "总人数"]
  464. };
  465. EventBus.$emit("render-area-data",{
  466. level: vm.level,
  467. area: vm.area,
  468. lowLevel: vm.lowLevel,
  469. headers:["排名", headers[vm.sumType][vm.tagCode]],
  470. rows: arr
  471. });
  472. }
  473. /*
  474. * months : 月份差距(例如months=3,则获取今天往前数3个月的那天的值)
  475. */
  476. function getBeforeMonthStartDate(months,type){
  477. //type: 折线图坐标值1-日,2-周,3-月
  478. //从1号开始算每个月开始的时间
  479. var sDate = new Date(),
  480. now = new Date();
  481. sDate.setMonth(now.getMonth() - months + 1);// 包含本月算一个月
  482. var sDateStr = sDate.format("yyyy-MM-dd");
  483. var startDate = "";
  484. if(type == '3'){
  485. startDate = sDateStr.substr(0,8)+"01";
  486. }else{
  487. startDate = sDateStr;
  488. }
  489. return startDate;
  490. }