smfw-comprehensive-analysis.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372
  1. var reqList = [{}]; //记录请求的参数和url,用于后退时使用
  2. var colors={"0":"#5b9db5","1":"#ed7d31","2":"#a5a5a5",
  3. "3":"#ffc000","4":"#44c274","5":"#70ad47",
  4. "6":"#255e91","7":"#9e480e","8":"#7e7e7e","9":"#997300","10":"#264478","11":"#43682b","12":"#5b9db5"}
  5. Vue.use(Vuedals.default);
  6. new Vue({
  7. el: "#main",
  8. data: {
  9. isloading:false, //加载中
  10. start:"",
  11. end:"",
  12. dateValue: "",
  13. initDate:"",
  14. pickerOptions: {
  15. disabledDate: function(d) {
  16. return d > new Date();
  17. }
  18. },
  19. pieData:[], //饼图数据
  20. tabnumber:0,
  21. diagnosisList:[], //疾病分析列表
  22. itemList:[], //服务项目列表
  23. drugList:[], //药品分析列表
  24. tabledata0:[], //表格数据
  25. topData:{},
  26. //请求页面所需参数
  27. levelList:[{level:"4",areaLevel:"2"},{level:"3",areaLevel:"3"},{level:"2",areaLevel:"4"}], //两种搜索,地区等级对比
  28. areaLevel:"", // 2、市,3、区,4、社区,5、团队
  29. initareaLevel:"",
  30. initlevel: '',
  31. initarea: '',
  32. level: '',
  33. area: '',
  34. areaTitle: '',
  35. index: '121',
  36. lowLevel: '',
  37. initlowLevel:"",
  38. lowCode: '',
  39. chooseYear: '',
  40. userRole: '',
  41. ptab:"1",
  42. tableParams:[{isloading:false,noMore:false,page:1}, //疾病分析
  43. {isloading:false,noMore:false,page:1},//药品分析
  44. {isloading:false,noMore:false,page:1}], //服务项分析
  45. pieShow:true,
  46. pageSize:100,
  47. },
  48. components: {
  49. vuedals: Vuedals.Component
  50. },
  51. mounted: function () {
  52. var vm=this
  53. //初始化数据
  54. initData(vm);
  55. vm.getData()
  56. vm.bindEvent()
  57. },
  58. methods: {
  59. getData:function(isNext,type){ //是否下转
  60. var vm = this
  61. var params={
  62. areaLevel: vm.areaLevel,
  63. level: vm.level,
  64. area: vm.area,
  65. endDate: vm.start,
  66. startDate: vm.end,
  67. lowLevel: vm.lowLevel
  68. }
  69. _.each(vm.tableParams,function(item,index){
  70. vm.tableParams[index].page=1 //重新搜索时,上边三个表格重新加载
  71. })
  72. loadData([0,1,2,3,4], vm); //刷新数据
  73. if(isNext){
  74. //存储请求所带的参数
  75. reqList.push(params);
  76. }else{
  77. reqList[reqList.length-1]=params
  78. }
  79. },
  80. //加载上边三个表格
  81. loadTableData:function(index){
  82. var vm = this
  83. vm.tableParams[index].isloading=true
  84. vm.tableParams[index].page++
  85. loadData([index], vm); //刷新数据
  86. },
  87. //表格tab切换/下转
  88. getnewdata:function(arg){
  89. var vm = this
  90. vm.lowLevel=arg.lowLevel||""
  91. if(arg.level){
  92. vm.level = arg.level
  93. vm.areaLevel = _.find(vm.levelList,{level:vm.level}).areaLevel
  94. }
  95. if(arg.area){
  96. vm.area = arg.area
  97. }
  98. if(arg.areaTitle){
  99. vm.areaTitle = arg.areaTitle
  100. }
  101. vm.getData(arg.level) //有传level,说明是下转
  102. },
  103. //时间选择
  104. changeDate: function () {
  105. var vm=this
  106. if(vm.dateValue){
  107. if(vm.initDate==vm.dateValue){
  108. vm.end = new Date().format("yyyy-MM-dd");
  109. var start= new Date();
  110. start.setDate(1)
  111. vm.start = start.format("yyyy-MM-dd")
  112. }else{
  113. var year=vm.dateValue.split("-")[0]
  114. var month=vm.dateValue.split("-")[1]
  115. vm.start=new Date(vm.dateValue).format("yyyy-MM-dd")
  116. vm.end=new Date(year,month,0).format("yyyy-MM-dd")
  117. }
  118. //搜索时,取消下转记录
  119. vm.area=vm.initarea
  120. vm.areaLevel=vm.initareaLevel
  121. vm.level=vm.initlevel
  122. vm.lowLevel = vm.initlowLevel
  123. reqList=[{}]; //搜索时清空历史记录,重新搜索
  124. vm.getData()
  125. vm.initTable()
  126. }
  127. },
  128. showTab:function(){
  129. },
  130. bindEvent:function(){
  131. var vm=this
  132. //监听后退按钮的操作
  133. EventBus.$on("back-click", function (arg) {
  134. EventBus.$emit('update-statistics-time', {}); //更新统计时间
  135. if (reqList.length == 1) {
  136. history.go(-1);
  137. } else {
  138. var preInfo = reqList.pop();
  139. var info = reqList[reqList.length - 1];
  140. vm.areaLevel = info.areaLevel;
  141. vm.level = info.level;
  142. vm.area = info.area;
  143. vm.lowLevel = info.lowLevel;
  144. vm.getData()
  145. vm.$refs.tableRef0.changeTab({level:vm.level,lowlevel:vm.lowLevel}) //表格tab
  146. }
  147. });
  148. //监听页面刷新
  149. EventBus.$on("refresh-click", function (arg) {
  150. EventBus.$emit('update-statistics-time', {}); //更新统计时间
  151. loadData([0, 1,2,3,4], vm);
  152. });
  153. $("#main").removeClass("c-hide");
  154. },
  155. initTable:function(){
  156. var vm=this
  157. vm.$refs.tableRef1.initTable({
  158. //表格表头
  159. headers:[{thead:"排名",param:"name",canclick:true},{thead:"工单量(个)",param:"orderCount"}],
  160. })
  161. vm.$refs.tableRef2.initTable({
  162. //表格表头
  163. headers:[{thead:"排名",param:"name",canclick:true},{thead:"使用人数(人)",param:"patientCount"},{thead:"工单量(个)",param:"orderCount"}],
  164. })
  165. vm.$refs.tableRef3.initTable({
  166. //表格表头
  167. headers:[{thead:"排名",param:"name",canclick:true},{thead:"使用人数(人)",param:"patientCount"},{thead:"工单量(个)",param:"orderCount"}],
  168. })
  169. vm.$refs.tableRef0.initTable({
  170. tabList:[{name:"各区",level:"4",lowlevel:"3",isShow:true},{name:"社区",level:"3",lowlevel:"2",isShow:true},{name:"团队",level:"2",lowlevel:"1",isShow:true}],
  171. //表格表头
  172. headers:[{thead:"排名",param:"name",canclick:true},{thead:"合计工单(个)",param:"all"}],
  173. tabnumber:vm.tabnumber
  174. })
  175. },
  176. },
  177. })
  178. function initData(vm) {
  179. //获得缓存中缓存的角色权限
  180. var userRole = window.sessionStorage.getItem("selectedRole");
  181. if (!userRole) {
  182. return false;
  183. }
  184. vm.userRole = JSON.parse(userRole);
  185. //level:2、市,3、区,4、社区,5、团队
  186. vm.initareaLevel = vm.areaLevel = vm.userRole.code == '350200' ? 2 : vm.userRole.code.length == 6 ? 3 : 4;
  187. vm.initlevel = vm.level = vm.userRole.code == '350200' ? 4 : vm.userRole.code.length == 6 ? 3 : 2;
  188. // vm.lowLevel = vm.initlowLevel = vm.userRole.code == '350200' ? 3 : vm.userRole.code.length == 6 ? 2 : 1;
  189. vm.initarea =vm.area = vm.userRole.code;
  190. vm.areaTitle = vm.userRole.name;
  191. vm.tabnumber=vm.areaLevel==4?1:vm.areaLevel==3?2:3 //表格显示的tab数
  192. //初始化时间
  193. var now = new Date();
  194. vm.end = new Date().format("yyyy-MM-dd");
  195. var start= new Date();
  196. start.setDate(1)
  197. vm.start = start.format("yyyy-MM-dd")
  198. vm.initDate=vm.dateValue=now.format("yyyy-MM")
  199. vm.initTable()
  200. }
  201. function initReqParams(vm) {
  202. var reqParam = [{
  203. url: "doctor/statisticAnalyze/getDoorDiagnosisAnalysis", //疾病列表
  204. reqType: 'get',
  205. data:{
  206. area: vm.area,
  207. level: vm.areaLevel, //等级,2市 3区 4社区 5团队
  208. page: vm.tableParams[0].page,
  209. pageSize: vm.pageSize,
  210. endDate: vm.end
  211. },
  212. },{
  213. url: "doctor/statisticAnalyze/getDoorDrugCodeAnalysis", //药品分析列表
  214. reqType: 'get',
  215. data:{
  216. area: vm.area,
  217. level: vm.areaLevel, //等级,2市 3区 4社区 5团队
  218. page: vm.tableParams[1].page,
  219. pageSize: vm.pageSize,
  220. subjectClass: "010"
  221. },
  222. },{
  223. url: "doctor/statisticAnalyze/getDoorDrugCodeAnalysis", //服务项列表
  224. reqType: 'get',
  225. data:{
  226. area: vm.area,
  227. level: vm.areaLevel, //等级,2市 3区 4社区 5团队
  228. page: vm.tableParams[2].page,
  229. pageSize: vm.pageSize,
  230. subjectClass: "020"
  231. },
  232. },{
  233. url: "doctor/statisticAnalyze/doorAggregateAnalysis", //头中部数据
  234. reqType: 'get',
  235. data:{
  236. startDate: vm.start,
  237. endDate: vm.end,
  238. area: vm.area,
  239. level: vm.areaLevel, //2、市,3、区,4、社区,5、团队
  240. },
  241. },{
  242. url: "doctor/statisticAnalyze/order_lowlevel_all", //工单列表--表格
  243. reqType: 'get',
  244. data:{
  245. startDate: vm.start,
  246. endDate: vm.end,
  247. area: vm.area,
  248. level: vm.level, //2、市,3、区,4、社区,5、团队
  249. sort: 1,
  250. lowLevel:vm.lowLevel||"", //等级 1:团队 2社区机构 3区级 4市级
  251. },
  252. },]
  253. return reqParam;
  254. }
  255. function loadData(loadArr, vm) {
  256. //获取其他请求的参数
  257. var reqParams = initReqParams(vm),
  258. reqPromise = [],
  259. newArr = []; //记录非顶部请求的请求数组
  260. for (i = 0; i < loadArr.length; i++) {
  261. var j = loadArr[i];
  262. var param = reqParams[j];
  263. reqPromise.push(httpRequest.get(param.url, {
  264. data: param.data
  265. }));
  266. newArr.push(loadArr[i]);
  267. }
  268. vm.isloading=true
  269. if (reqPromise.length > 0) {
  270. Promise.all(reqPromise).then(function (ress) {
  271. var res1, res2, res3, res4, res5;
  272. for (var i = 0; i < loadArr.length; i++) {
  273. var j = loadArr[i] + 1;
  274. if (j == 1) { res1 = ress[i]; }
  275. if (j == 2) { res2 = ress[i]; }
  276. if (j == 3) { res3 = ress[i]; }
  277. if (j == 4) { res4 = ress[i]; }
  278. if (j == 5) { res5 = ress[i]; }
  279. }
  280. if (res4 && res4.status == 200) {
  281. vm.topData=res4.data
  282. var voucherList=_.map(vm.topData.voucherList,function(item,index){
  283. return {
  284. code:item.slaveKey1,
  285. amount:item.result1,
  286. name:item.slaveKey1Name,
  287. }
  288. })
  289. if(voucherList.length==0||(voucherList.length==1&&!voucherList.name)){
  290. vm.pieShow=false
  291. }else{
  292. vm.pieShow=true
  293. }
  294. setTimeout(function(){
  295. //服务人群分析-饼图
  296. handlePieData({elId:"pieChart",arry: voucherList, title:{},colors: colors,param:"total",position:['30%', '51%']})
  297. },10)
  298. }
  299. if (res5 && res5.status == 200) {
  300. vm.tabledata0=listHandle(res5.data["index_121"],"all", vm);
  301. }
  302. if (res1 && res1.status == 200) {
  303. if(vm.tableParams[0].page==1){
  304. vm.diagnosisList=[]
  305. }
  306. vm.diagnosisList=listHandle(vm.diagnosisList.concat(res1.data),"orderCount",vm)
  307. vm.tableParams[0].isloading=false
  308. if(res1.data.length<vm.pageSize){
  309. vm.tableParams[0].noMore=true
  310. }else{
  311. vm.tableParams[0].noMore=false
  312. }
  313. vm.tableParams[0].isloading=false
  314. }
  315. if (res2 && res2.status == 200) {
  316. if(vm.tableParams[1].page==1){
  317. vm.drugList=[]
  318. }
  319. vm.drugList=listHandle(vm.drugList.concat(res2.data),"orderCount",vm)
  320. vm.tableParams[1].isloading=false
  321. if(res2.data.length< vm.pageSize){
  322. vm.tableParams[1].noMore=true
  323. }else{
  324. vm.tableParams[1].noMore=false
  325. }
  326. vm.tableParams[1].isloading=false
  327. }
  328. if (res3 && res3.status == 200) {
  329. if(vm.tableParams[2].page==1){
  330. vm.itemList=[]
  331. }
  332. vm.itemList=listHandle(vm.itemList.concat(res3.data),"orderCount",vm)
  333. vm.tableParams[2].isloading=false
  334. if(res3.data.length< vm.pageSize){
  335. vm.tableParams[2].noMore=true
  336. }else{
  337. vm.tableParams[2].noMore=false
  338. }
  339. vm.tableParams[0].isloading=false
  340. }
  341. vm.isloading=false
  342. })
  343. }
  344. }
  345. function listHandle(list,param, vm){
  346. var topArr = [];
  347. if(list.length==1&&!list[0].name){
  348. list=[]
  349. }
  350. topArr = soreRank(getKeyValueArr(list, param||"amount"));
  351. var newlist = _.map(list, function(o, index){
  352. o.rank=topArr[index]
  353. return o
  354. });
  355. EventBus.$emit("render-area-data",{
  356. });
  357. return newlist
  358. }