¿Porque no se muestra el listado de compras en mi componente vue compras.vue, y los proveedores en v-select de proveedores?

Estimados en mi proyecto laravel que se llama Proyectolaravel tengo un componente en la carpeta /resources/js/components/compra.vue no muestra el listado de compras inoveedores en el incialmente, ni la lista de proveedores en el formulario de igreso de compras (que usado la herramienta vue select para el listado de proveedores vue select

Pantalla de Compras (listado de compras que no muestra) Componente compras.vue no muestra listado Componente compras.vue formulario

Componente compra.vue

(Presento solo del componente compra.vue la parte del listado y formulario) y metodos para obtener los proveedores

Para Listado

                   <h2>Listado de Compras</h2><br/>                      <button class="btn btn-primary btn-lg" type="button" @click="mostrarDetalle()">                         <i class="fa fa-plus fa-2x"></i>&nbsp;&nbsp;Nueva Compra                     </button>                 </div>                 <!--- Listado-->                  <div class="card-body">                     <div class="form-group row">                         <div class="col-md-6">                             <div class="input-group">                                 <select class="form-control col-md-3" v-model="criterio">                                   <option value="tipo_identificacion">Tipo identificación</option>                                   <option value="num_compra">Número Compra</option>                                   <option value="fecha_compra">Fecha Compra</option>                                 </select>                                 <input type="text"  @keyup.enter="listarCompra(1,buscar,criterio);" v-model="buscar" class="form-control" placeholder="Buscar texto">                                 <button type="submit"  @click="listarCompra(1,buscar,criterio);" class="btn btn-primary"><i class="fa fa-search"></i> Buscar</button>                             </div>                         </div>                     </div>                     <table class="table table-bordered table-striped table-sm">                         <thead>                             <tr class="bg-primary">                                      <th>Ver Detalle</th>                                     <th>Fecha Compra</th>                                     <th>Número Compra</th>                                     <th>Proveedor</th>                                     <th>Tipo de identificación</th>                                     <th>Comprador</th>                                       <th>Total (USD$  )</th>                                     <th>Impuesto</th>                                     <th>Estado</th>                                     <th>Cambiar estado</th>                                     <th>Descargar Reporte</th>                             </tr>                         </thead>                         <tbody>                              <tr v-for="compra in arrayCompra" :key="compra.id">                                      <td>                                          <!--compra.id-->                                         <button type="button" @click="verCompra(compra.id)" class="btn btn-warning btn-sm">                                         <i class="fa fa-eye fa-2x"></i> Ver detalle                                         </button> &nbsp;                                       </td>                                     <td v-text="compra.fecha_compra"></td>                                     <td v-text="compra.num_compra"></td>                                     <td v-text="compra.nombre"></td>                                     <td v-text="compra.tipo_identificacion"></td>                                      <td v-text="compra.usuario"></td>                                      <td v-text="compra.total"></td>                                     <td v-text="compra.impuesto"></td>                                     <td>                                           <button type="button" v-if="compra.estado=='Registrado'" class="btn btn-success btn-sm">                                             <i class="fa fa-check fa-2x"></i> Registrado                                         </button>                                          <button type="button" v-else class="btn btn-danger btn-sm">                                              <i class="fa fa-times fa-2x"></i> Anulado                                         </button>                                      </td>                                       <td>                                         <template v-if="compra.estado=='Registrado'">                                             <button type="button" class="btn btn-danger btn-sm" @click="desactivarCompra(compra.id)">                                                 <i class="fa fa-times fa-2x"></i> Anular Compra                                             </button>                                         </template>                                          <template v-else>                                             <button type="button" class="btn btn-danger btn-sm">                                                  <i class="fa fa-check fa-2x"></i> Cambiado                                             </button>                                         </template>                                     </td>                                      <td>                                           <button type="button" @click="pdfCompra(compra.id)" class="btn btn-info btn-sm">                                         <i class="fa fa-file fa-2x"></i> Descargar PDF                                         </button> &nbsp;                                     </td>                               </tr>                          </tbody>                     </table>                     <nav>                         <ul class="pagination">                             <li class="page-item" v-f="pagination.current_page > 1">                                 <a class="page-link" href="#" @click.prevent="cambiarPagina(pagination.current_page - 1,buscar,criterio)">Anterior</a>                             </li>                              <li class="page-item" v-for="page in pagesNumber" :key="page" :class="[page == isActived ? 'active' : '']">                                 <a class="page-link" href="#" @click.prevent="cambiarPagina(page,buscar,criterio)" v-text="page"></a>                             </li>                               <li class="page-item" v-if="pagination.current_page < pagination.last_page">                                 <a class="page-link" href="#" @click.prevent="cambiarPagina(pagination.current_page + 1,buscar,criterio)">Siguiente</a>                             </li>                         </ul>                     </nav>                 </div>                 </template> 

Para el formulario de ingreso de compras:

                <template v-else>                 <span><strong>(*) Campo obligatorio</strong></span><br/>                  <h3 class="text-center">Llena el formulario</h3>                  <div class="card-body">                       <div class="form-group row border">                         <div class="col-md-8">                             <div class="form-group">                               <label class="text-uppercase"><strong>Numero Compra(*)</strong></label>                               <input type="text" class="form-control" v-model="num_compra" placeholder="">                           </div>                         </div>                          <div class="col-md-8">                              <div class="form-group">                                 <label class="text-uppercase"><strong>Proveedor(*)</strong></label>                                 <v-select                                   :on-search="selectProveedor"                                   label="nombre"                                   :options="arrayProveedor"                                   placeholder="Buscar Proveedores..."                                   :onChange="getDatosProveedor"                                  >                                 </v-select>                             </div>                         </div>                          <div class="col-md-8">                              <div class="form-group">                                 <label class="text-uppercase"><strong>Tipo Identificacion(*)</strong></label>                                 <select class="form-control" v-model="tipo_identificacion">                                     <option value="0">Seleccione</option>                                     <option value="FACTURA">Factura</option>                                     <option value="NV">Nota_vta</option>                                     <option value="PROFORMA">Proforma</option>                                     <option value="TICKET">Ticket</option>                                 </select>                             </div>                         </div>                          <div class="col-md-8">                             <label class="text-uppercase"><strong>Impuesto(*)</strong></label>                             <input type="text" class="form-control" v-model="impuesto">                         </div>                          <div class="form-group row">                              <div class="col-md-12">                                 <div v-show="errorCompra" class="form-group row div-error">                                     <div v-for="error in errorMostrarMsjCompra" :key="error" v-text="error">                                      </div>                                 </div>                                </div>                         </div>                          <br/><br/>                          <div class="form-group row border">                             <div class="col-md-6">                                 <div class="form-group">                                     <label>Producto <span class="text-error" v-show="idproducto==0">(*Ingrese codigo)</span></label>                                     <div class="form-inline">                                         <input type="text" class="form-control" v-model="codigo" @keyup.enter="buscarProducto()" placeholder="Ingrese codigo">                                         <button @click="abrirModal()" class="btn btn-primary">                                              <i class="fa fa-plus"></i>&nbsp;Agregar Producto                                         </button>                                         <input type="text" readonly class="form-control" v-model="producto">                                                </div>                                 </div>                             </div>                             <div class="col-md-2">                                 <div class="form-group">                                     <label>Precio <span class="text-error" v-show="precio==0">(*precio)</span></label>                                     <input type="number" value="0" step="any" class="form-comtrol" v-model="precio">                                 </div>                               </div>                             <div class="col-md-2">                                 <div class="form-group">                                     <label>Cantidad <span class="text-error" v-show="cantidad==0">(*valor)</span></label>                                     <input type="number" value="0" step="any" class="form-control" v-model="precio">                                 </div>                             </div>                             <div class="col-md-2">                                 <div class="form-group">                                     <button @click="agregarDetalle()" class="btn btn-primary form-control btnagregar"><i class="fa fa-plus fa-2x"></i> Agregar detalle</button>                                 </div>                                 </div>                         </div>                           <br/><br/>                          <div class="form-group row border">                              <h3>Lista Compra a Proveedores</h3>                              <div class="table-responsive col-md-12">                                 <table class="table table-bordered table-striped table table-sm">                                     <thead>                                         <tr class="bg-success">                                             <th>Eliminar</th>                                             <th>Producto</th>                                             <th>Precio (USD$  )</th>                                             <th>Cantidad</th>                                             <th>Total (USD$  )</th>                                         </tr>                                     </thead>                                     <tbody v-if="arrayDetalle.length">                                         <tr v-for="(detalle,index) in arrayDetalle" :key="detalle.id">                                             <td>                                                 <button @click="eliminarDetalle(index)" type="button" class="btn btn-danger btn-sm">                                                     <i class="fa fa-times fa-2x"></i>                                                 </button>                                             </td>                                             <td v-text="detalle.producto">                                             </td>                                             <td>                                                 <input v-model="detalle.precio" type="number" value="3" class="form-control">                                             </td>                                             <td>                                                 <input v-model="detalle.cantidad" type="number" value="2" class="form-control">                                             </td>                                             <td>                                                 {{detalle.precio*detalle.cantidad}}                                             </td>                                          </tr>                                         <tr style="background-color: grey;">                                             <td colspan="4" align="rigth"><strong>Sub-Total:</strong></td>                                             <td><strong> USD$   {{subTotal=((subTotal+(detalle.precio*detalle.cantidad))).toFixed(2)}}</strong></td>                                           </tr>                                         <tr style="background-color: grey;">                                             <td colspan="4" align="rigth"><strong>Impuesto:</strong></td>                                             <td><strong> USD$   {{subTotalImpuesto=(subTotal*impuesto).toFixed(2)}}</strong></td>                                           </tr>                                         <tr style="background-color: grey;">                                             <td colspan="4" align="rigth"><strong>Total:</strong></td>                                             <td><strong> USD$   {{total=calcularTotal}}</strong></td>                                           </tr>                                     </tbody>                                     <tbody v-else>                                         <tr>                                             <td colspan="5">                                                 No se ha agregado productos                                             </td>                                         </tr>                                     </tbody>                                 </table>                             </div>                         </div>                         <div class="form-group row">                             <div class="col-md-12">                                 <button type="button" class="btn btn-danger" @click="ocultarDetalle()"><i class="fa fa-times fa-2x"> Cerrar</i></button>                                 <button type="button" class="btn btn-success" @click="registrarCompra()"><i class="fa fa-save fa-2x"> Registrar Compra</i></button>                             </div>                         </div>                        </div>                       <!-- Fin Detalles -->                 </div>                 </template> 

Método del script para obtener listado que se llama listarCompras()

methods:{             listarCompra(page,buscar,criterio){                 let me=this;                 var url= 'http://localhost/proyectolaravel/public/compra?page=' + page + '&buscar='+ buscar + '&criterio='+criterio;                 axios.get(url).then(function (response) {                     // handle success                     //console.log(response);                     var respuesta = response.data;                     me.arrayCompra=respuesta.compras.data;                     me.pagination= respuesta.pagination;                 })                 .catch(function (error) {                     // handle error                     console.log(error);                 });            },          

Ahora métodos para Proveedores selectProveedor() y getDatosProveedor()

selectProveedor(search,loading){                let me=this;                loading(true)                 var url = 'http://localhost/proyectolaravel/public/proveedor/selectProveedor?filtro='+search;                axios.get(url).then(function (response) {                    let respuesta = response.data;                    q: search                    me.arrayProveedor=respuesta.proveedores;                    loading(false);                 })                .catch(function (erro){                    console.log(error);                });               },              getDatosProveedor(val1){                let me= this;                me.loading = true;                me.idproveedor = val1.id;                       },            

Su ayuda con esto que no muestra listado de compras y listado de proveedores

Pantalla de compra.vue que no muestra listado

Componente compra.vue no muestra listado

Componente compra.vue formulario de ingreso

Error que sale en el componente compra.vue Componente compra.vue error que sale

¿Por qué no se muestra el listado de mis datos en la vista?

Tengo el siguiente problema, necesito mostrar un listado de datos en una tabla,

en la vista se encuentra de la siguiente forma:

  <tr data-ng-repeat="item in (result=(listaTipos | filter:searchText | filter:searchComplete| orderBy: ord: ordStatus))"                                 data-ng-if="$  index >= (currentPage * pageSize) &&  $  index<((currentPage+1)*pageSize)">                              <td class="text-center" >{{$  index+1}}</td>                              <td class="text-center">{{item.name}}</td>                              <td class="text-center">{{item.seq}}</td> 

y dentro del controlador de js tengo lo siguiente:

var getListDocs = EstablishmentDocs.getListDocs(idemp)     getListDocs.then(function(data)              {         resultado = getListDocs.$  $  state.value;         for(var j=0;j<resultado.length;j++)         {             if(resultado[0] != ""){                 $  scope.valuesDocs = resultado[j].split("--");                 var valSequen = new Object()                 valSequen.id = $  scope.valuesDocs[0]                 valSequen.name = $  scope.valuesDocs[1]                 valSequen.seq = $  scope.valuesDocs[0]                 $  scope.listaTiposDoc.push(valSequen)             }         }         $  scope.listaTipos = $  scope.listaTiposDoc     }) 

la lista listaTipos si se llena pero es como que la lista pierde los valores, alguna recomendación?

Gracias.

Paginar listado de consulta que usa orderByChild (Firebase-PHP)

Consulto un listado que es ordenado por attr (numérico) y a su ves intento paginarlo con startAt y limitToFirst. El problema es que la consulta siempre arroja los mismo n registros.

Este es el segmento de código:

$  lastId = $  _POST['id'] ? $  _POST['id'] : '';  $  result= $  db->getReference('books')->orderByChild('year')->startAt($  lastId )->limitToFirst(10); 

¿ Podrían ayudarme en qué hago mal ?

JS – Mostrar listado de productos

Soy studiante de desarrollo web y me pidieron para un proyecto en clase que termine una página de eCommerce; el problema es que se atrasaron con el itinerario y no se dieron ninguno de los temas (JSON, FETCH etc) por lo que estoy perdido sobre como resolver este problema, he intentado estudiar por mi cuenta pero no logro entender, estoy muy frustrado.

function showProductsList(array) {     let htmlContentToAppend = "";     for (let i = 0; i < array.length; i++) {         let category = array[i];          htmlContentToAppend += `         <div class="list-group-item list-group-item-action">             <div class="row">                 <div class="col-3">                     <img src="` + category.imgSrc + `" alt="` + category.desc + `" class="img-thumbnail">                 </div>                 <div class="col">                     <div class="d-flex w-100 justify-content-between">                         <h4 class="mb-1">` + category.name + `</h4>                         <small class="text-muted">` + category.productCount + ` artículos</small>                     </div>                  </div>             </div>         </div>         `          document.getElementById("cat-list-container").innerHTML = htmlContentToAppend;     }

Acá tengo que lograr modificar esta funcion para que la página me muestre el listado de cosas en venta (está predefinido) pero no tengo idea de donde ir a buscar esos datos ni de que modificar.

Capaz estoy pidiendo demasiado pero alguien puede darme una mano?

function showProductsList(array) {     let htmlContentToAppend = "";     for (let i = 0; i < array.length; i++) {         let category = array[i];          htmlContentToAppend += `         <div class="list-group-item list-group-item-action">             <div class="row">                 <div class="col-3">                     <img src="` + category.imgSrc + `" alt="` + category.desc + `" class="img-thumbnail">                 </div>                 <div class="col">                     <div class="d-flex w-100 justify-content-between">                         <h4 class="mb-1">` + category.name + `</h4>                         <small class="text-muted">` + category.productCount + ` artículos</small>                     </div>                  </div>             </div>         </div>         `          document.getElementById("cat-list-container").innerHTML = htmlContentToAppend;     }

¿Cómo colocar un filtro en un listado de Laravel 5.5?

En mi sistema tengo varios listados a los que debo añadirles filtros. Estos filtros serán una lista desplegable.

A modo de ejemplo, tengo un listado de usuarios del sistema y un filtro por tipo de usuarios, con los siguientes valores: todos, administradores, usuarios; y dependiendo lo que se seleccione el listado debe actualizarse.

He visto un sin fin de vídeos en youtube y leído documentación y no me queda claro como hacer para lograr crear estos filtros a través de listas desplegables.

¿Podrías indicarme una fuente en donde se explique de forma sencilla como realizar esto en Laravel 5.5 o escribirme un pequeño ejemplo?

añadir filtros de búsqueda en un listado con paginación en php

Tengo un php que muestra un listado con paginación (hasta aquí funciona) y quiero añadirle un filtro. La cuestión sería que entre todos mis clientes (que es lo que lista) pueda elegir entre los que están activos o los que están de baja (un simple valor de la tabla en bd). El problema es que al añadirlo, si yo le doy al botón para que haga el filtrado lo hace pero si le doy a cualquiera de los botones de paginación no funciona; es como si cambiara el valor del filtro y además no muestra nada. EN el listado de los clientes, al lado de cada uno, aparece un botón de mostrar que lleva al detalle de cada cliente Adjunto código, yo creo que es algún problema con hacerlo en dos formularios y el orden pero estoy perdida. Muchas gracias por la ayuda.

<!DOCTYPE html> <html> <head> <title>Listado Clientes Baja</title> <script type="text/javascript" src="../jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css">  <script src="../bootstrap/js/bootstrap.min.js"></script> <meta charset="utf-8">   <script type="text/javascript">   function seleccionar(valor) {         let id = document.getElementById("id");        id.value = valor;   } </script>   <?php   header("Content-Type: text/html;charset=utf-8");   include ('../includes/conexion.php');   echo '<link rel="stylesheet" type="text/css" href="../estilos.css">'; ?>  </head> <body>    <?php    include '../cabecera.php';    include '../menu.php';    echo '<section class="contenedor-principal">';    ?>    <div class="container">      <div class="row">       <div class="col-md-6">   <div class="panel-body">     <?php    // filtro para mostrar clientes   echo '   <form name="formulario" method="post">     <select name="mostrar" id="mostrar">       <option value=""> selecciona tipo de clientes </option>       <option value="0" > Activos </option>       <option value="1"> Baja </option>     </select>      <input name="formulario" type="submit" value="Mostrar">   </form>   ';     // $  buscar = $  _POST['buscador'];    $  buscar = "";   echo "</br>";   $  clientes_mostrar =  $  _POST['mostrar'];   if($  clientes_mostrar == "0"){echo "LISTADO DE CLIENTES ACTIVOS"."</br>";}   else{echo "LISTADO DE CLIENTES DADOS DE BAJA"."</br>";}     echo '<form name="id" action="mostrarcliente.php"  method="post">';    $  registro_por_pagina = 10;   $  pagina = '';   if(isset($  _GET["pagina"]))   {    $  pagina = $  _GET["pagina"];   }   else   {    $  pagina = 1;   }    $  start_from = ($  pagina-1)*$  registro_por_pagina;    // echo "Nº página: ".$  pagina." --- comienzo: ".$  start_from."</br>";   // si no hay busqueda   if(empty($  buscar)){     $  query = "SELECT * FROM clientes WHERE borrado=$  clientes_mostrar order by id DESC LIMIT $  start_from, $  registro_por_pagina";   }   else{     $  query = "SELECT * FROM clientes WHERE borrado=$  clientes_mostrar AND (nombre LIKE '%" .$  buscar. "%' OR apellidos LIKE '%" .$  buscar. "%') order by id DESC LIMIT $  start_from, $  registro_por_pagina";   }    $  result = mysqli_query($  enlace, $  query);    ?>    <div class="table-responsive">       <table class="table table-bordered">        <tr>         <th>Nombre</th>         <th>Apellidos</th>         <th>Acciones</th>        </tr>      <?php       if ($  result = mysqli_query($  enlace,$  query)){        while($  row = mysqli_fetch_array($  result))        {         ?>        <tr>         <td><?php echo $  row["nombre"]; ?></td>         <td><?php echo $  row["apellidos"]; ?></td>         <td><input type="submit" value="Mostrar"           onclick="seleccionar(<?= htmlspecialchars(json_encode($  row["id"])) ?>)" />             </td>        </tr>        <?php        }       }        ?>       </table>      <div align="center">       <br />       <?php       $  page_query = "SELECT * FROM clientes WHERE borrado=$  clientes_mostrar ORDER BY id DESC";       $  page_result = mysqli_query($  enlace, $  page_query);       $  total_records = mysqli_num_rows($  page_result);       $  total_pages = ceil($  total_records/$  registro_por_pagina);       $  start_loop = $  pagina;       $  end_loop = $  total_pages;       $  diferencia = $  total_pages - $  pagina;        // echo "records: ".$  total_records." pages: ". $  total_pages." start: ".$  start_loop." end:".$  end_loop." diferencia: ".$  diferencia."</br>";        if($  diferencia > 10)       {         $  start_loop = $  total_pages - 10;          $  end_loop = $  start_loop + 9;       }       if($  pagina > 1)       {        echo "<a class='pagina' href='clientes_baja.php?pagina=1'>Primera</a>";        echo "<a class='pagina' href='clientes_baja.php?pagina=".($  pagina - 1)."'><<</a>";       }       for($  i=1; $  i<=$  end_loop; $  i++)       {             echo "<a class='pagina' href='clientes_baja.php?pagina=".$  i."'>".$  i."</a>";       }       if($  pagina < $  end_loop)       {        echo "<a class='pagina' href='clientes_baja.php?pagina=".($  pagina+1)."'>>></a>";        echo "<a class='pagina' href='clientes_baja.php?pagina=".$  total_pages."'>Última</a>";       }         ?>       </div>       <br /><br />     </div>    <?php   echo '<input type="hidden" name="id" id="id" value="" />';       echo '</form>';     echo "<br/>"."<br/>"."<br/>";     ?>      </div>   </div>     </div>   </div>   </section>   <?php    echo '<a href="../principal.php">Volver al Indice</a> <br/>';     include '../pie.php';   ?>  </body> </html>

Somar os valores de cada array único listado com o arry_unique() com o PHP

Preciso somar os valores de $ row94['valor'] de cada array único listado com o arry_unique.

    foreach($  resultsCarts as $  result2) : $  i++;     $  num_arr[] = $  result2['key_usuario'];     endforeach;      // Remove duplicate values     $  num_unique = array_unique($  num_arr);  foreach($  num_unique as $  value) : $  i++;           foreach($  resultsCarts as $  result4) : $  i++;         if (($  value==$  result4['key_usuario'])){          $  sql94 = "SELECT * FROM  qty where key_compra='".$  _SESSION['key_compra']."' and id_produto='".$  result4['id']."' and id_cliente='".$  result4['id_cliente']."' order by id";         $  result94 = $  conn->query($  sql94);          if ($  result94->num_rows > 0) {             // output data of each row             while($  row94 = $  result94->fetch_assoc()) {             $  soma_array[]= $  row94['valor'];             }}              else{                  echo "nao vai";             }          }          endforeach;          print_r($  soma_array);          echo array_sum($  soma_array);  endforeach; 

Mas não estou conseguindo, pois ele retorna assim:

Array ( [0] => 160 ) 160  Array ( [0] => 160 [1] => 212 [2] => 80 ) 452 

Quado deveria ser assim

 Array ( [0] => 160 ) 160   Array ( [0] => 212 [1] => 80 ) 292 

O que preciso fazer?

Deletar arquivo listado em uma tabela

tenho um arquivo php que lista os arquivos de um diretório através de uma tabela. na segunda coluna da tabela criei o link “excluir”. Ou seja, cada item tem um “excluír”,mas não sei como fazer para ele excluir o arquivo da mesma linha onde foi clicado.

Listar os arquivos já consegui, falta agora o comando para excluir.

Achei um artigo sobre isso, só que os dados vinham do mysql, não é o meu caso. Quem puder ajudar ficaria muito agradecido .

¿Como colorear lineas según un dato en un listado en Angular 7?

Pues he buscado pero no me queda nada claro. esto es tal como lo tengo para ilustraros del problema

<ng-container *ngFor="let dato of datos; let i = index" [ngStyle]="{'background-color': dato.versionapi = Inaccesible : 'red'}">     <div class="row justify-content-md-center" style="padding-bottom: 5%; border: 100px; background-color:#243a51; color:#ffffff">         <div class="col col col-lg-3">             {{ dato.nombre }}         </div>         <div class="col col col-lg-3">             {{ dato.ws }}         </div>         <div class="col col col-lg-3  row justify-content-center">             {{ dato.versionapi }}         </div>         <div class="col col col-lg-3  row justify-content-center">             {{ dato.ws_provider }}         </div>     </div>     <hr style="color: #000000;" /> </ng-container> 

La idea es que la fila en la que el dato.versionapi sea igual a Inaccesible toda la fila se ponga en rojo.