Суммирование с группой по функции в коде vuejs - PullRequest
Новая
       6

Суммирование с группой по функции в коде vuejs

0 голосов
/ 18 января 2019

Я пытаюсь суммировать с groupBy и sumBy с lodash на коде vuejs. Я тоже попробую эту ссылку https://codepen.io/cmtliton/pen/bjNNNq?editors=1010

new Vue({
  el: '#app',
  data () {
    return {
      SaleReports : [
        {
		ProductId: "PVk2WIKjZJ",
		quantity: 2,
		MRP: 15
	},
	{
		ProductId: "PQ_bCOJx5h",
		quantity: 2,
		MRP: 250
	},
	{
		ProductId: "PVk2WIKjZJ",
		quantity: 1,
		MRP: 15
	},
	{
		ProductId: "PQ_bCOJx5h",
		quantity: 1,
		MRP: 250
	}
      ],
      SummationReports : []
    }
  },
  computed: {
    getSummationSalesReport () {
      return _(this.SaleReports)
        .groupBy('ProductId')
        .map((g, ProductId) => {
          return {
            ProductId: ProductId,
            quantity: _.sumBy(g, 'quantity'),
            MRP: _.sumBy(g, 'MRP' * 'quantity')
          }
        })
        .values()
        .value()
    }
  },
  methods: {
    
  },
  created () {
    this.SummationReports = this.getSummationSalesReport
  }
})



  {{$data | json}}

Мне нужен результат, как показано ниже: 

"SummationReports": [
    {
      "ProductId": "PVk2WIKjZJ",
      "quantity": 3,
      "MRP": 750
    },
    {
      "ProductId": "PQ_bCOJx5h",
      "quantity": 3,
      "MRP": 45
    }
  ]

1 Ответ

0 голосов
/ 18 января 2019

Вы можете использовать вычисленное свойство непосредственно в представлении - нет необходимости назначать его вручную данным.

Кроме того, _.sumBy() принимает только одно свойство. Получите quantity с помощью _.sumBy(), а для MRP получите 1-й элемент MRP и умножьте его на сумму quantity. 

new Vue({
  el: '#app',
  data() {
    return {
      SaleReports: [{"ProductId":"PVk2WIKjZJ","quantity":2,"MRP":15},{"ProductId":"PQ_bCOJx5h","quantity":2,"MRP":250},{"ProductId":"PVk2WIKjZJ","quantity":1,"MRP":15},{"ProductId":"PQ_bCOJx5h","quantity":1,"MRP":250}],
    }
  },
  computed: {
    SummationReports() {
      return _(this.SaleReports)
        .groupBy('ProductId')
        .map((g, ProductId) => {
          const quantity = _.sumBy(g, 'quantity')
          
          return ({
            ProductId: ProductId,
            quantity,
            MRP: quantity * _.get(g, '[0].MRP'),
          })
        })
        .values()
        .value()
    }
  },
})
/** hide the annoying vue dev mode messages **/
.as-console-wrapper {
  display: none !important;
}



  {{ SummationReports }}
...