2

Tengo un componente: (la w es de un framework personal pero funciona igual que una tabla de bootstrap b-table)

         <w-summary-table
          :items="items">
        </w-summary-table>

y en data tengo el listado armado sin calcular los valores sino que estan escritos:

items: [
        {message: 'SUBTOTAL', value: 100},
        {message: 'DESCUENTO', value: 20},
        {message: 'ENVÍO', value: 10},
        {message: 'IMPUESTO', value: 21},
        {message: 'TOTAL', value: 111}
      ]

pero tengo crear la funcion que traiga subtotal,descuento,envio,impuesto y total para poder generalizar esos datos ya que esta tabla corresponde a un listado de carritos abandonados de una web.

Los parametros en mi modelo de datos son:

subtotal,discount,taxes,shipping,total.

Tambien cuento con price,quantity,summary.

Como calcular el valor de la columna total dado el valor de las otras columnas?

9
  • No termino de comprender bien tu pregunta. A que te referis con calcular?
    – gbianchi
    Commented el 14 may. 2019 a las 13:18
  • @gbianchi ahi edité, lo que necesito es crear la funcion que traiga los valores de subtotal,discount,taxes,shipping,total. Commented el 14 may. 2019 a las 13:23
  • Y para que queres tener eso en una funcion si esta en el data?
    – gbianchi
    Commented el 14 may. 2019 a las 13:23
  • La pregunta no sera, como calcular el valor de la columna total? dado el valor de las otras columnas? y si es asi, falta que nos digas como es el calculo, y como haces para motrar columnas calculadas en tu modelo.
    – gbianchi
    Commented el 14 may. 2019 a las 13:29
  • Y la formula sera subtotal - descuento + impuesto + envio?
    – gbianchi
    Commented el 14 may. 2019 a las 13:42

2 respuestas 2

0

Si como vos decis esto es una tabla como de bootstrap, entonces lo que necesitas hacer es una columna con un formato calculado.

Para ello, tenes que crear una columna particular (Yo siempre uso columnas declaradas).

En este caso, deberias declarar un array de columnas para que sepa que formato aplicar a cada una (en lugar de usar columnas por defecto):

La documentacion de b-table, en su parte Formater Callback da una solucion para esto

data() {
  return {
    columnas: [
      {
        key: 'Total ',
        label: 'Total Calculado',
        formatter: (value, key, item) => {
          return item.subtotal - item.descuento + item.impuesto + item.envio;
        }
      }
    ],
1
  • Muchas gracias! siempre tu ayuda es muy util. y me guió a la solución que adjunto debajo. Commented el 14 may. 2019 a las 17:25
0

lo solucioné incluyendo en mis computed con:

items () {
      return [
        {message: 'SUBTOTAL', value: this.cartSummary.products_amount},
        {message: 'DESCUENTO', value: this.cartSummary.discount.value},
        {message: 'ENVÍO', value: this.cartSummary.shipping_amount},
        {message: 'IMPUESTO', value: this.cartSummary.taxes.value},
        {message: 'TOTAL', value: this.cartSummary.final_amount}
      ]
    },

Donde value contiene los valores que me trae desde el servidor ya calculados.

1
  • 1
    No entiendo para nada tu solucion. Esas son variables computadas? y que contienen? si devolvers una sola linea, que sentido tiene hacer todo esto?
    – gbianchi
    Commented el 14 may. 2019 a las 17:35

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.