prescription-analysis.js 17 KB

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