Skip to main content
se añadieron 177 caracteres en el cuerpo
Origen Enlace

Cuando ejecuto la pagina, usando el DevTools de Chrome puedo ver que ya me carga el ArrayIngresosVentas:Object y ya tiene los arrays wingresos y wventas con todos sus campos y valores, pero no se como leer los datos, intenté un v-for pero como estoy tratando de pintar la informacion en etiquetas span... no funciona, presenta los datos pero repetidos, estuve tratando de usar un foreach pero no sirve dentro de un template. Me podrían dar una idea de como

Ya pude leer los datos?? Muchas gracias usando un v-for dentro de un div, el problema es que cuando solo pongo dos datos para presentar.. todo bien, pero cuando pongo un tercer dato... me triplica los span los primeros con inforacion y el tercero en blanco

Cuando ejecuto la pagina, usando el DevTools de Chrome puedo ver que ya me carga el ArrayIngresosVentas:Object y ya tiene los arrays wingresos y wventas con todos sus campos y valores, pero no se como leer los datos, intenté un v-for pero como estoy tratando de pintar la informacion en etiquetas span... no funciona, presenta los datos pero repetidos, estuve tratando de usar un foreach pero no sirve dentro de un template. Me podrían dar una idea de como leer los datos?? Muchas gracias

Cuando ejecuto la pagina, usando el DevTools de Chrome puedo ver que ya me carga el ArrayIngresosVentas:Object y ya tiene los arrays wingresos y wventas con todos sus campos y valores, pero no se como leer los datos, intenté un v-for pero como estoy tratando de pintar la informacion en etiquetas span... no funciona, presenta los datos pero repetidos, estuve tratando de usar un foreach pero no sirve dentro de un template.

Ya pude leer los datos usando un v-for dentro de un div, el problema es que cuando solo pongo dos datos para presentar.. todo bien, pero cuando pongo un tercer dato... me triplica los span los primeros con inforacion y el tercero en blanco

se eliminaron 1026 caracteres en el cuerpo
Origen Enlace
$wIngresosVentas = [
        'ingresos' => [
            'val_total' => $ingresosValorTotal,
            'val_mes' => $ingresosValorMes,
            'qtx_total' => $ingresosQtxTotal,
            'qtx_mes' => $ingresosQtxMes,
            'msj' => 'Ingresos'
        ],
        'ventas' => [
            'val_total' => $ventasValorTotal,
            'val_mes' => $ventasValorMes,
            'qtx_total' => $ventasQtxTotal,
            'qtx_mes' => $ventasQtxMes,
            'msj' => 'Ventas'
        ]
    ];
    return ['wIngresosVentas' => $wIngresosVentas];

y los quiero leer en un archivo .vue, ya declaré el array y sus variables

<script>
  export default {
    data (){
      return {
        ArrayIngresosVentas:[],
        ingresosValorTotal:0,
        ingresosValorMes:0,
        ingresosQtxTotal:0,
        ingresosQtxTotal:0,        
      }
    },

    methods : {
      widgetIngresos(){
        let me=this;
        var url= '/dashboard/widgetIngresosVentas';
        axios.get(url).then(function (response) {
          var respuesta= response.data;
          me.ArrayIngresosVentas = respuesta.wIngresosVentas.data;
        })
        .catch(function (error) {
          console.log(error);
        });
      }      
    },
    mounted() {
    
    }
  }
</script>

Y no se como leer los datos, ya he hecho funciones que extraen datos de una tabla y los he podido leer haciendo uso de --> v-for="objeto in arrayObjeto" :key="objeto.id" pero en éste caso es un array que con datos simples. Quizás sea algo muy sencillo pero no tengo idea que hacer. Espero me puedan ayudar, muchas gracias

El codigo de la función en el controlador es la siguiente:

public function widgetIngresosVentas(Request $request){
    //if (!$request->ajax()) return redirect('/');

    $fechaActual= date('m');        

    $ingresosValorTotal = DB::table('ingresos')->sum('total');
    $ingresosValorMes = DB::table('ingresos')->whereMonth('fecha_hora', $fechaActual)->sum('total');        
    $ingresosQtxTotal = DB::table('ingresos')->count();
    $ingresosQtxMes = DB::table('ingresos')->whereMonth('fecha_hora', $fechaActual)->count(); 

    $ventasValorTotal = DB::table('ventas')->sum('total');
    $ventasValorMes = DB::table('ventas')->whereMonth('fecha_hora', $fechaActual)->sum('total');        
    $ventasQtxTotal = DB::table('ventas')->count();
    $ventasQtxMes = DB::table('ventas')->whereMonth('fecha_hora', $fechaActual)->count(); 

    $wIngresosVentas = [
        'wingresos' => [
            'val_total''i_val_total' => $ingresosValorTotal,
            'val_mes''i_val_mes' => $ingresosValorMes,
            'qtx_total''i_qtx_total' => $ingresosQtxTotal,
            'qtx_mes''i_qtx_mes' => $ingresosQtxMes,
            'msj''i_msj' => 'Ingresos'
        ],
        'wventas' => [
            'val_total''v_val_total' => $ventasValorTotal,
            'val_mes''v_val_mes' => $ventasValorMes,
            'qtx_total''v_qtx_total' => $ventasQtxTotal,
            'qtx_mes''v_qtx_mes' => $ventasQtxMes,
            'msj''v_msj' => 'Ventas'
        ]
    ];
    return ['wIngresosVentas' => $wIngresosVentas];
}

y el codigolos quiero leer en elun archivo vue (modificado con otro ejemplo que acabo de encontrar) es.vue, ya declaré el array y sus variables

widgetIngresos<script>
  export default {
    data (){
      return {
        ArrayIngresosVentas:[],
        ingresosValorTotal:0,
        ingresosValorMes:0,
        ingresosQtxTotal:0,
        ingresosQtxTotal:0,        
      }
    },

    methods : {
widgetIngresos(){
    let me=this;
      var url= '/dashboard/widgetIngresosVentas';
      axios.get(url).then(responsefunction =>(response) {
      this    //console.ArrayIngresosVentaslog(response);
 =         var respuesta= response.data.data;
          me.ArrayIngresosVentas = respuesta.wIngresosVentas;           
      })
      .catch(efunction =>(error) {
          console.log(eerror);
      });
  },

    mounted() {
    
    }
  }
</script>

estoy consultado enCuando ejecuto la pagina, usando el DevTools de Chrome y el arreglopuedo ver que ya me aparece sincarga el ArrayIngresosVentas:Object y ya tiene los arrays wingresos y wventas con todos sus campos y valores, pero no se como leer los datos, me sale asiintenté un v-for pero como estoy tratando de pintar la informacion en etiquetas span... no funciona, presenta los datos pero repetidos, estuve tratando de usar un foreach pero no sirve dentro de un template. Me podrían dar una idea de como leer los datos?? Muchas gracias

data
    ArrayIngresosVentas: Array[0]
$wIngresosVentas = [
        'ingresos' => [
            'val_total' => $ingresosValorTotal,
            'val_mes' => $ingresosValorMes,
            'qtx_total' => $ingresosQtxTotal,
            'qtx_mes' => $ingresosQtxMes,
            'msj' => 'Ingresos'
        ],
        'ventas' => [
            'val_total' => $ventasValorTotal,
            'val_mes' => $ventasValorMes,
            'qtx_total' => $ventasQtxTotal,
            'qtx_mes' => $ventasQtxMes,
            'msj' => 'Ventas'
        ]
    ];
    return ['wIngresosVentas' => $wIngresosVentas];

y los quiero leer en un archivo .vue, ya declaré el array y sus variables

<script>
  export default {
    data (){
      return {
        ArrayIngresosVentas:[],
        ingresosValorTotal:0,
        ingresosValorMes:0,
        ingresosQtxTotal:0,
        ingresosQtxTotal:0,        
      }
    },

    methods : {
      widgetIngresos(){
        let me=this;
        var url= '/dashboard/widgetIngresosVentas';
        axios.get(url).then(function (response) {
          var respuesta= response.data;
          me.ArrayIngresosVentas = respuesta.wIngresosVentas.data;
        })
        .catch(function (error) {
          console.log(error);
        });
      }      
    },
    mounted() {
    
    }
  }
</script>

Y no se como leer los datos, ya he hecho funciones que extraen datos de una tabla y los he podido leer haciendo uso de --> v-for="objeto in arrayObjeto" :key="objeto.id" pero en éste caso es un array que con datos simples. Quizás sea algo muy sencillo pero no tengo idea que hacer. Espero me puedan ayudar, muchas gracias

El codigo de la función en el controlador es la siguiente:

public function widgetIngresosVentas(Request $request){
    //if (!$request->ajax()) return redirect('/');

    $fechaActual= date('m');        

    $ingresosValorTotal = DB::table('ingresos')->sum('total');
    $ingresosValorMes = DB::table('ingresos')->whereMonth('fecha_hora', $fechaActual)->sum('total');        
    $ingresosQtxTotal = DB::table('ingresos')->count();
    $ingresosQtxMes = DB::table('ingresos')->whereMonth('fecha_hora', $fechaActual)->count(); 

    $ventasValorTotal = DB::table('ventas')->sum('total');
    $ventasValorMes = DB::table('ventas')->whereMonth('fecha_hora', $fechaActual)->sum('total');        
    $ventasQtxTotal = DB::table('ventas')->count();
    $ventasQtxMes = DB::table('ventas')->whereMonth('fecha_hora', $fechaActual)->count(); 

    $wIngresosVentas = [
        'wingresos' => [
            'val_total' => $ingresosValorTotal,
            'val_mes' => $ingresosValorMes,
            'qtx_total' => $ingresosQtxTotal,
            'qtx_mes' => $ingresosQtxMes,
            'msj' => 'Ingresos'
        ],
        'wventas' => [
            'val_total' => $ventasValorTotal,
            'val_mes' => $ventasValorMes,
            'qtx_total' => $ventasQtxTotal,
            'qtx_mes' => $ventasQtxMes,
            'msj' => 'Ventas'
        ]
    ];
    return ['wIngresosVentas' => $wIngresosVentas];
}

y el codigo en el archivo vue (modificado con otro ejemplo que acabo de encontrar) es

widgetIngresos(){       
    var url= '/dashboard/widgetIngresosVentas';
    axios.get(url).then(response => {
      this.ArrayIngresosVentas = response.data.data;
    }).catch(e => {
        console.log(e);
    });
  }

estoy consultado en el DevTools de Chrome y el arreglo me aparece sin datos, me sale asi

data
    ArrayIngresosVentas: Array[0]
public function widgetIngresosVentas(Request $request){
    //if (!$request->ajax()) return redirect('/');

    $fechaActual= date('m');        

    $ingresosValorTotal = DB::table('ingresos')->sum('total');
    $ingresosValorMes = DB::table('ingresos')->whereMonth('fecha_hora', $fechaActual)->sum('total');        
    $ingresosQtxTotal = DB::table('ingresos')->count();
    $ingresosQtxMes = DB::table('ingresos')->whereMonth('fecha_hora', $fechaActual)->count(); 

    $ventasValorTotal = DB::table('ventas')->sum('total');
    $ventasValorMes = DB::table('ventas')->whereMonth('fecha_hora', $fechaActual)->sum('total');        
    $ventasQtxTotal = DB::table('ventas')->count();
    $ventasQtxMes = DB::table('ventas')->whereMonth('fecha_hora', $fechaActual)->count(); 

    $wIngresosVentas = [
        'wingresos' => [
            'i_val_total' => $ingresosValorTotal,
            'i_val_mes' => $ingresosValorMes,
            'i_qtx_total' => $ingresosQtxTotal,
            'i_qtx_mes' => $ingresosQtxMes,
            'i_msj' => 'Ingresos'
        ],
        'wventas' => [
            'v_val_total' => $ventasValorTotal,
            'v_val_mes' => $ventasValorMes,
            'v_qtx_total' => $ventasQtxTotal,
            'v_qtx_mes' => $ventasQtxMes,
            'v_msj' => 'Ventas'
        ]
    ];
    return ['wIngresosVentas' => $wIngresosVentas];
}

y los quiero leer en un archivo .vue, ya declaré el array y sus variables

<script>
  export default {
    data (){
      return {
        ArrayIngresosVentas:[],
        ingresosValorTotal:0,
        ingresosValorMes:0,
        ingresosQtxTotal:0,
        ingresosQtxTotal:0,        
      }
    },

    methods : {
widgetIngresos(){
    let me=this;
      var url= '/dashboard/widgetIngresosVentas';
      axios.get(url).then(function (response) {
          //console.log(response);
          var respuesta= response.data;
          me.ArrayIngresosVentas = respuesta.wIngresosVentas;           
      })
      .catch(function (error) {
          console.log(error);
      });
  },

    mounted() {
    
    }
  }
</script>

Cuando ejecuto la pagina, usando el DevTools de Chrome puedo ver que ya me carga el ArrayIngresosVentas:Object y ya tiene los arrays wingresos y wventas con todos sus campos y valores, pero no se como leer los datos, intenté un v-for pero como estoy tratando de pintar la informacion en etiquetas span... no funciona, presenta los datos pero repetidos, estuve tratando de usar un foreach pero no sirve dentro de un template. Me podrían dar una idea de como leer los datos?? Muchas gracias

se añadieron 1575 caracteres en el cuerpo; título editado
Origen Enlace

y el codigo en el archivo vue (modificado con otro ejemplo que acabo de encontrar) es

widgetIngresos(){       
    var url= '/dashboard/widgetIngresosVentas';
    axios.get(url).then(response => {
      this.ArrayIngresosVentas = response.data.data;
    }).catch(e => {
        console.log(e);
    });
  }

estoy consultado en el DevTools de Chrome y el arreglo me aparece sin datos, me sale asi

data
    ArrayIngresosVentas: Array[0]

y el codigo en el archivo vue (modificado con otro ejemplo que acabo de encontrar) es

widgetIngresos(){       
    var url= '/dashboard/widgetIngresosVentas';
    axios.get(url).then(response => {
      this.ArrayIngresosVentas = response.data.data;
    }).catch(e => {
        console.log(e);
    });
  }

estoy consultado en el DevTools de Chrome y el arreglo me aparece sin datos, me sale asi

data
    ArrayIngresosVentas: Array[0]
se añadieron 1575 caracteres en el cuerpo; título editado
Origen Enlace
Loading
Origen Enlace
Loading