subsidy-cost.js 5.3 KB

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