response-speed-analysis.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. var reqList = [];
  2. var util = {};
  3. util.treeTableXcode = function(data, xcode) {
  4. xcode = xcode || "";
  5. for(var i = 0; i < data.length; i++) {
  6. var item = data[i];
  7. item.xcode = xcode + i;
  8. if(item.children && item.children.length > 0) {
  9. util.treeTableXcode(item.children, item.xcode + "-");
  10. }
  11. }
  12. };
  13. Vue.use(Vuedals.default);
  14. new Vue({
  15. el: "#main",
  16. data: {
  17. tableData: [],
  18. valueArea: "",
  19. optionsArea: [],
  20. roleType:"1", //1、调度员,2、服务医生
  21. dateValue: "",
  22. defaultValue: ['00:00:00', '23:59:59'],
  23. pickerOptions: {
  24. shortcuts: [{
  25. text: '最近一周',
  26. onClick: function(picker) {
  27. var end = new Date();
  28. var start = new Date();
  29. start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
  30. picker.$emit('pick', [start, end]);
  31. }
  32. }, {
  33. text: '最近一个月',
  34. onClick: function(picker) {
  35. var end = new Date();
  36. var start = new Date();
  37. start.setMonth(start.getMonth() - 1);
  38. picker.$emit('pick', [start, end]);
  39. }
  40. }, {
  41. text: '最近三个月',
  42. onClick: function(picker) {
  43. var end = new Date();
  44. var start = new Date();
  45. start.setMonth(start.getMonth() - 3);
  46. picker.$emit('pick', [start, end]);
  47. },
  48. }, {
  49. text: '最近半年',
  50. onClick: function(picker) {
  51. var end = new Date();
  52. var start = new Date();
  53. start.setMonth(start.getMonth() - 6);
  54. picker.$emit('pick', [start, end]);
  55. },
  56. }, {
  57. text: '最近一年',
  58. onClick: function(picker) {
  59. var end = new Date();
  60. var start = new Date();
  61. start.setFullYear(start.getFullYear() - 1);
  62. picker.$emit('pick', [start, end]);
  63. },
  64. }],
  65. disabledDate: function(d) {
  66. return d > new Date();
  67. }
  68. }
  69. },
  70. components: {
  71. vuedals: Vuedals.Component
  72. },
  73. mounted: function() {
  74. var vm = this
  75. //初始化时间
  76. var end = new Date();
  77. var start = new Date();
  78. start.setFullYear(start.getFullYear() - 1);
  79. vm.dateValue = [start, end]
  80. //初始化数据
  81. vm.getDistrict()
  82. $("#main").removeClass("c-hide");
  83. //监听后退按钮的操作
  84. EventBus.$on("back-click", function(arg) {
  85. history.go(-1);
  86. });
  87. //监听页面刷新
  88. EventBus.$on("refresh-click", function(arg) {
  89. alert("刷新")
  90. vm.initData()
  91. });
  92. window.onresize = function() {
  93. }
  94. },
  95. methods: {
  96. initData: function() {
  97. var vm=this
  98. var startDate,endDate
  99. if(typeof(vm.dateValue[0])!="string"){
  100. startDate=vm.dateValue[0].format("yyyy-MM-dd")
  101. endDate=vm.dateValue[1].format("yyyy-MM-dd")
  102. }else{
  103. startDate=vm.dateValue[0]
  104. endDate=vm.dateValue[1]
  105. }
  106. var params={
  107. userAgent:localStorage.getItem('wlyyAgentForDoc'),
  108. area:vm.valueArea,startDate:startDate,endDate:endDate,roleType:vm.roleType
  109. }
  110. statisticAPI.doorResponseAnalyze(params).then(function(res) {
  111. if(res.status == 200) {
  112. vm.tableData=res.data
  113. util.treeTableXcode(vm.tableData);
  114. } else {
  115. vm.$message.error(res.msg)
  116. }
  117. })
  118. },
  119. changeDateValue: function() {
  120. alert(JSON.stringify(this.dateValue))
  121. },
  122. getDistrict: function() {
  123. var vm=this
  124. var params={
  125. type:3,code:"350200"
  126. }
  127. homeAPI.getDistrict(params).then(function(res) {
  128. if(res.status == 200) {
  129. vm.optionsArea=res.list
  130. vm.valueArea=vm.optionsArea[0].code
  131. vm.initData()
  132. } else {
  133. vm.$message.error(res.msg)
  134. }
  135. })
  136. },
  137. exportData: function() {
  138. var vm=this
  139. var startDate,endDate
  140. if(typeof(vm.dateValue[0])!="string"){
  141. startDate=vm.dateValue[0].format("yyyy-MM-dd")
  142. endDate=vm.dateValue[1].format("yyyy-MM-dd")
  143. }else{
  144. startDate=vm.dateValue[0]
  145. endDate=vm.dateValue[1]
  146. }
  147. var params={
  148. userAgent:localStorage.getItem('wlyyAgentForDoc'),
  149. area:vm.valueArea,startDate:startDate,endDate:endDate,
  150. }
  151. var str = statisticAPI.doorResponseAnalyzeExport+"?area="+vm.valueArea+"&startDate="+startDate+"&endDate="+endDate+"&roleType="+vm.roleType;
  152. window.open(str, "接收包数据导出")//导出数据
  153. },
  154. treeClick: function(item, index) {
  155. if(item.open) {
  156. this.collapse(item, index);
  157. } else {
  158. this.expand(item, index);
  159. }
  160. },
  161. expand: function(item, index) {
  162. if(!item.children) {
  163. return index;
  164. }
  165. //展开
  166. for(var i = 0; item.children && i < item.children.length; i++) {
  167. var child = item.children[i];
  168. this.tableData.splice(++index, 0, child);
  169. if(child.children && child.children.length > 0 && child.open) {
  170. index = this.expand(child, index);
  171. }
  172. }
  173. item.open = true;
  174. return index;
  175. },
  176. collapse: function(item, index) {
  177. if(!item.children) {
  178. return index;
  179. }
  180. //收缩
  181. item.open = false;
  182. var len = 0;
  183. for(var i = index + 1; i < this.tableData.length - 1; i++) {
  184. var xcode = this.tableData[i].xcode;
  185. if(xcode.startsWith(item.xcode + "-")) {
  186. len++;
  187. } else {
  188. break;
  189. }
  190. }
  191. this.tableData.splice(index + 1, len);
  192. }
  193. }
  194. });