mandar número de equipos que tiene el carrito en desactivación

components/inputs/InputLetra.vue

@@ -1,5 +1,5 @@
 <template>
-  <b-field class="column mb-0 pb-0" label="Letra" :class="columnSize">
+  <b-field class="column mb-0 pb-0 mx-0 px-0" label="Letra" :class="columnSize">
     <b-input
       icon="alphabetical"
       maxlength="1"

components/inputs/InputNumero.vue

@@ -1,5 +1,9 @@
 <template>
-  <b-field class="column mb-0 pb-0" label="Número" :class="columnSize">
+  <b-field
+    class="column mb-0 pb-0 mx-0 px-0"
+    :label="label"
+    :class="columnSize"
+  >
     <b-input
       icon="numeric"
       type="number"
@@ -18,6 +22,7 @@ export default {
     ejecutar: { typeof: Function, required: true, default: () => {} },
     numeroPadre: { typeof: Number, required: true, default: 1 },
     columnSize: { typeof: String, required: false, default: '' },
+    label: { typeof: String, required: false, default: 'Número' },
   },
   data: () => {
     return { numero: 1 }
@@ -31,7 +36,7 @@ export default {
     },
   },
   created() {
-    if (this.numeroPadre) this.numero = this.numeroPadre
+    this.numero = this.numeroPadre
   },
 }
 </script>

components/layouts/Header.vue

@@ -22,7 +22,7 @@
         </a>
 
         <div
-          class="column is-5-mobile is-3-tablet is-one-fifth-widescreen mr-3"
+          class="column is-2-mobile is-2-desktop is-2-touch is-1-widescreen mr-3"
           v-else
         >
           <b-image :src="logo" alt="logo" />

components/layouts/Menu.vue

@@ -219,13 +219,6 @@
                   "
                   v-if="idTipoUsuario === 3"
                 />
-
-                <!-- <b-menu-item
-                  label="Reportes"
-                  :disabled="activo('/admin/administrador/reportes')"
-                  :icon="icono('/admin/administrador/reportes')"
-                  @click="opcionMenu('/admin/administrador/reportes')"
-                /> -->
               </b-menu-item>
 
               <b-menu-item

components/panel_admin/AdminCarrito.vue

@@ -21,12 +21,22 @@
       />
     </b-field>
 
-    <b-field v-if="carrito.activo">
+    <InputNumero
+      label="Número de equipos que tiene el carrito."
+      :ejecutar="warning"
+      :numeroPadre="numeroEquipos"
+      @numero="(nuevoNumero) => (numeroEquipos = nuevoNumero)"
+      v-if="laboratorioMovil"
+    />
+
+    <b-field v-if="carrito.activo" :class="laboratorioMovil ? 'mt-4' : ''">
       <b-checkbox v-model="laboratorioMovil"> Laboratorio móvil </b-checkbox>
     </b-field>
 
     <BotonDesactivar
-      :disabled="carrito.activo && !motivo"
+      :disabled="
+        (carrito.activo && !motivo) || (laboratorioMovil && !numeroEquipos)
+      "
       :activarDesactivar="activarDesactivar"
       :row="carrito"
       :msjWarning="`¿Estas segur@ de querer ${
@@ -80,7 +90,13 @@ export default {
     operador: { type: Object, required: true, default: () => ({}) },
   },
   data() {
-    return { motivo: '', laboratorioMovil: false, numero: 1, letra: 'C' }
+    return {
+      motivo: '',
+      laboratorioMovil: false,
+      numero: 1,
+      numeroEquipos: 0,
+      letra: 'C',
+    }
   },
   methods: {
     activarDesactivar() {
@@ -91,6 +107,7 @@ export default {
       }
 
       if (this.motivo) data.motivo = this.motivo
+      if (this.numeroEquipos) data.numero_equipos = Number(this.numeroEquipos)
       this.updateIsLoading(true)
       return axios
         .put(`${process.env.api}/carrito`, data, this.$getToken.token())
@@ -147,6 +164,9 @@ export default {
       this.letra = this.carrito.carrito.slice(0, 1)
       this.numero = parseInt(this.carrito.carrito.slice(1, 3))
     },
+    laboratorioMovil() {
+      if (!this.laboratorioMovil) this.numeroEquipos = 0
+    },
   },
 }
 </script>

components/tablaBuscador/TablaBuscadorCarrito.vue

@@ -202,7 +202,6 @@ export default {
       if (this.idModulo) data += `&id_modulo=${this.idModulo}`
       if (this.idTipoCarrito) data += `&id_tipo_carrito=${this.idTipoCarrito}`
       if (data[0] === '&') data = data.slice(1, data.length)
-      console.log(data)
       return axios
         .get(
           `${process.env.api}/carrito-motivo/laboratorio-movil?${data}`,
@@ -210,15 +209,18 @@ export default {
         )
         .then((res) => {
           const data = []
+          let resultado = 0
 
-          for (let i = 0; i < res.data.length; i++)
+          for (let i = 0; i < res.data.length; i++) {
+            resultado += res.data[i].numero_equipos
             data.push({
               id_motivo: res.data[i].id_motivo,
               fecha_creacion: moment(res.data[i].fecha_creacion).format(
                 'DD/MM/YYYY hh:mm'
               ),
-              motivo: res.data[i].motivo,
               laboratorioMovil: res.data[i].laboratorioMovil,
+              motivo: res.data[i].motivo,
+              numero_equipos: res.data[i].numero_equipos,
               id_carrito: res.data[i].carrito.id_carrito,
               carrito: res.data[i].carrito.carrito,
               id_modulo: res.data[i].carrito.modulo.id_modulo,
@@ -226,6 +228,20 @@ export default {
               institucion: res.data[i].carrito.modulo.institucion.institucion,
               operador: res.data[i].operador.operador,
             })
+          }
+          data.push({
+            id_motivo: '',
+            fecha_creacion: '',
+            laboratorioMovil: '',
+            motivo: res.data.length,
+            numero_equipos: resultado,
+            id_carrito: '',
+            carrito: '',
+            id_modulo: '',
+            modulo: '',
+            institucion: '',
+            operador: '',
+          })
           return data
         })
         .catch((err) => {

components/tablas/TablaMotivosCarrito.vue

@@ -34,6 +34,15 @@
       <p>{{ props.row.operador.operador }}</p>
     </b-table-column>
 
+    <b-table-column
+      field="operador"
+      label="Operador que cambio el status"
+      v-slot="props"
+      centered
+    >
+      <p>{{ props.row.numero_equipos }}</p>
+    </b-table-column>
+
     <b-table-column
       field="laboraotrioMovil"
       label="Laboratorio móvil"