header-prompt.js 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. Vue.component('header-prompt', {
  2. template: '<div class="cb-ebebf5 height-30 lheight-30 pl20 c-f12">\
  3. <span class="c-666">{{areaName}}</span> (\
  4. <span class="c-666">{{jieZhiTime}}</span>)\
  5. <span class="c-12b7f5 ml20 mr20">{{selectDate}}</span>\
  6. <span class="c-12b7f5">{{dimensionVal}}</span>\
  7. </div>',
  8. props: [],
  9. data: function() {
  10. return {
  11. areaName:"",
  12. jieZhiTime:"",
  13. selectDate:"",
  14. dimensionVal:""
  15. }
  16. },
  17. mounted: function() {
  18. var vm = this;
  19. getJieZhiTime(vm);
  20. //更新区域名称
  21. EventBus.$on('update-area-name', function(arg) {
  22. vm.areaName = arg.areaName;
  23. });
  24. //更新统计时间
  25. EventBus.$on('update-statistics-time', function(arg) {
  26. getJieZhiTime(vm);
  27. });
  28. //更新年份
  29. EventBus.$on('update-statistics-year', function(arg) {
  30. vm.selectDate = arg.selectDate;
  31. });
  32. //更新维度名称
  33. EventBus.$on('update-dimension-name', function(arg) {
  34. vm.dimensionVal = arg.dimensionVal;
  35. });
  36. },
  37. methods: {
  38. }
  39. })
  40. //获取统计时间
  41. function getJieZhiTime(vm){
  42. statisticAPI.statisticsTime({}).then(function(res) {
  43. if(res.status=="200"){
  44. var date = (res.data && res.data.substring(11,16)) || "";
  45. vm.jieZhiTime = date;
  46. }
  47. })
  48. }