admin casi terminado

components/admin/Archivo.vue

@@ -34,9 +34,9 @@
         <b-input maxlength="500" type="textarea" v-model="mensajeRechazo" />
       </b-field>
 
-      <div>
+      <b-field>
         <b-button
-          class="is-link"
+          type="is-link"
           :disabled="!mensajeRechazo"
           @click="
             imprimirWarning(
@@ -45,9 +45,9 @@
             )
           "
         >
-          Rechazar documento
+          Rechazar {{ title }}
         </b-button>
-      </div>
+      </b-field>
     </div>
   </div>
 </template>
@@ -56,12 +56,6 @@
 import axios from 'axios'
 
 export default {
-  data() {
-    return {
-      rechazar: false,
-      mensajeRechazo: '',
-    }
-  },
   props: {
     title: { type: String, required: true },
     admin: { type: Object, required: true },
@@ -71,6 +65,12 @@ export default {
     imprimirWarning: { type: Function, required: true },
     updateIsLoading: { type: Function, required: true },
   },
+  data() {
+    return {
+      rechazar: false,
+      mensajeRechazo: '',
+    }
+  },
   methods: {
     updateRechazar() {
       if (this.rechazar) this.mensajeRechazo = ''

components/admin/CancelarServicio.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="my-5">
-    <div>
+  <div class="mt-5">
+    <b-field>
       <b-button
-        class="is-danger"
+        type="is-danger"
         :disabled="
           alumno.Status.idStatus === 6 || alumno.Status.idStatus === 10
         "
@@ -10,16 +10,16 @@
       >
         Cancelar
       </b-button>
-    </div>
+    </b-field>
 
     <div class="mt-2" v-if="cancelar">
       <b-field label="Razón de la cancelación:">
         <b-input maxlength="500" type="textarea" v-model="mensajeCancelar" />
       </b-field>
 
-      <div>
+      <b-field>
         <b-button
-          class="is-link"
+          type="is-link"
           :disabled="!mensajeCancelar"
           @click="
             imprimirWarning(
@@ -30,7 +30,7 @@
         >
           Cancelar servicio
         </b-button>
-      </div>
+      </b-field>
     </div>
   </div>
 </template>
@@ -39,12 +39,6 @@
 import axios from 'axios'
 
 export default {
-  data() {
-    return {
-      cancelar: false,
-      mensajeCancelar: '',
-    }
-  },
   props: {
     idServicio: { type: Number, required: true },
     admin: { type: Object, required: true },
@@ -54,6 +48,12 @@ export default {
     imprimirWarning: { type: Function, required: true },
     updateIsLoading: { type: Function, required: true },
   },
+  data() {
+    return {
+      cancelar: false,
+      mensajeCancelar: '',
+    }
+  },
   methods: {
     updateCancelar() {
       if (this.cancelar) this.mensajeCancelar = ''

components/admin/CargaMasiva.vue

@@ -23,7 +23,7 @@
 
           <p class="is-size-7">
             Si al momento de elegir un archivo este no se selecciona, haga click
-            en cancelar en la ventana emergente y trate de nuevo.
+            en cancelar en la ventana emergente e intente de nuevo.
           </p>
         </div>
       </b-upload>
@@ -54,12 +54,6 @@
 import axios from 'axios'
 
 export default {
-  data() {
-    return {
-      csv: {},
-      link: `${process.env.api}/plantilla.csv`,
-    }
-  },
   props: {
     admin: { type: Object, required: true },
     imprimirError: { type: Function, required: true },
@@ -67,6 +61,12 @@ export default {
     imprimirWarning: { type: Function, required: true },
     updateIsLoading: { type: Function, required: true },
   },
+  data() {
+    return {
+      link: `${process.env.api}/plantilla.csv`,
+      csv: {},
+    }
+  },
   methods: {
     validarExt() {
       const extPermitidas = /(.csv)$/i

components/admin/ConfirmarServicio.vue

@@ -7,7 +7,7 @@
     </b-field>
 
     <b-field
-      class="my-5"
+      class="mt-5"
       v-if="alumno.Status.idStatus === 1 || alumno.Status.idStatus === 5"
     >
       <b-button
@@ -34,9 +34,6 @@
 import axios from 'axios'
 
 export default {
-  data() {
-    return { vistoBuenoAcatlan: false }
-  },
   props: {
     idServicio: { type: Number, required: true },
     admin: { type: Object, required: true },
@@ -46,6 +43,9 @@ export default {
     imprimirWarning: { type: Function, required: true },
     updateIsLoading: { type: Function, required: true },
   },
+  data() {
+    return { vistoBuenoAcatlan: false }
+  },
   methods: {
     confirmarServicio() {
       if (this.alumno.Status.idStatus === 1)

components/admin/Cuestionarios.vue

@@ -24,7 +24,7 @@
       </b-select>
     </b-field>
 
-    <div class="pb-5 pt-3">
+    <b-field class="pb-5 pt-3">
       <b-button
         type="is-info"
         @click="descargar()"
@@ -32,7 +32,7 @@
       >
         Descargar Excel
       </b-button>
-    </div>
+    </b-field>
   </div>
 </template>
 
@@ -41,18 +41,18 @@ import axios from 'axios'
 import fileDownload from 'js-file-download'
 
 export default {
-  data() {
-    return {
-      selectedCuestionario: '',
-      selectedYear: '',
-    }
-  },
   props: {
     years: { type: Array, required: true },
     admin: { type: Object, required: true },
     imprimirError: { type: Function, required: true },
     updateIsLoading: { type: Function, required: true },
   },
+  data() {
+    return {
+      selectedCuestionario: '',
+      selectedYear: '',
+    }
+  },
   methods: {
     descargar() {
       this.updateIsLoading(true)

components/admin/EditarCasoEspecial.vue

@@ -79,18 +79,20 @@
       />
     </b-field>
 
-    <b-button
-      class="my-5 is-success"
-      @click="
-        imprimirWarning(
-          '¿Estás segura(a) de querer actualizar estos datos?',
-          actualizar
-        )
-      "
-      :disabled="!mostrarBoton()"
-    >
-      Actualizar Datos
-    </b-button>
+    <b-field class="mt-5">
+      <b-button
+        type="is-success"
+        :disabled="!mostrarBoton()"
+        @click="
+          imprimirWarning(
+            '¿Estás segura(a) de querer actualizar estos datos?',
+            actualizar
+          )
+        "
+      >
+        Actualizar Datos
+      </b-button>
+    </b-field>
   </div>
 </template>
 
@@ -111,7 +113,6 @@ export default {
   },
   data() {
     return {
-      isLoading: false,
       minDate1: new Date('2020-01-01'),
       nuevo: {},
     }

components/admin/GustavoBazPrada.vue

@@ -12,7 +12,7 @@
       </b-select>
     </b-field>
 
-    <div class="pb-5 pt-3">
+    <b-field class="pb-5 pt-3">
       <b-button
         type="is-info"
         @click="descargar()"
@@ -20,7 +20,7 @@
       >
         Descargar Excel
       </b-button>
-    </div>
+    </b-field>
   </div>
 </template>
 
@@ -29,17 +29,17 @@ import axios from 'axios'
 import fileDownload from 'js-file-download'
 
 export default {
-  data() {
-    return {
-      selectedYearGustavoBaz: '',
-    }
-  },
   props: {
     years: { type: Array, required: true },
     admin: { type: Object, required: true },
     imprimirError: { type: Function, required: true },
     updateIsLoading: { type: Function, required: true },
   },
+  data() {
+    return {
+      selectedYearGustavoBaz: '',
+    }
+  },
   methods: {
     descargar() {
       this.updateIsLoading(true)

components/admin/InformacionResponsable.vue

@@ -60,6 +60,11 @@
 import axios from 'axios'
 
 export default {
+  props: {
+    admin: { type: Object, required: true },
+    imprimirError: { type: Function, required: true },
+    updateIsLoading: { type: Function, required: true },
+  },
   data() {
     return {
       idResponsable: null,
@@ -68,11 +73,6 @@ export default {
       responsable: {},
     }
   },
-  props: {
-    admin: { type: Object, required: true },
-    imprimirError: { type: Function, required: true },
-    updateIsLoading: { type: Function, required: true },
-  },
   methods: {
     obtenerResponsable() {
       this.updateIsLoading(true)

components/admin/InformacionServicio.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="mb-5">
+  <div class="mb-5">
     <div class="mb-5">
       <h4 class="is-size-4 pb-2">Datos del programa</h4>
 
@@ -21,9 +21,7 @@
 
       <b-field label="Programa de Acatlan:">
         <p class="input">
-          <span>
-            {{ alumno.Programa.acatlan ? 'Si' : 'No' }}
-          </span>
+          {{ alumno.Programa.acatlan ? 'Si' : 'No' }}
         </p>
       </b-field>
     </div>
@@ -93,7 +91,7 @@
 
     <b-field>
       <b-button
-        class="boton is-info"
+        type="is-info"
         @click="editar()"
         :disabled="
           alumno.Status.idStatus === 6 || alumno.Status.idStatus === 10
@@ -102,7 +100,7 @@
         Editar información
       </b-button>
     </b-field>
-  </section>
+  </div>
 </template>
 
 <script>

components/admin/ReasignarProgramas.vue

@@ -2,10 +2,12 @@
   <div class="mt-6">
     <h3 class="title">Reasignación de programas</h3>
 
-    <p class="is-size-6 mb-4">
-      A continuación inserte el usaurio que desea eliminiar, los programas que
-      este usuario tenga seran asignados a este: {{ responsable.usuario }}
-    </p>
+    <div class="is-size-6 mb-4">
+      <p>
+        A continuación inserte el usaurio que desea eliminiar, los programas que
+        este usuario tenga seran asignados a: {{ responsable.usuario }}
+      </p>
+    </div>
 
     <b-field label="Usuario/Correo electrónico">
       <b-input

components/admin/Reporte.vue

@@ -24,11 +24,11 @@
       />
     </b-field>
 
-    <div class="pb-5 pt-3">
-      <b-button type="is-info" @click="descargar()" :disabled="validarFechas()">
+    <b-field class="pb-5 pt-3">
+      <b-button type="is-link" @click="descargar()" :disabled="validarFechas()">
         Descargar Excel
       </b-button>
-    </div>
+    </b-field>
   </div>
 </template>
 
@@ -38,6 +38,11 @@ import moment from 'moment'
 import fileDownload from 'js-file-download'
 
 export default {
+  props: {
+    admin: { type: Object, required: true },
+    imprimirError: { type: Function, required: true },
+    updateIsLoading: { type: Function, required: true },
+  },
   data() {
     return {
       selectedFin: [],
@@ -46,11 +51,6 @@ export default {
       minDate: new Date('January 1, 2020'),
     }
   },
-  props: {
-    admin: { type: Object, required: true },
-    imprimirError: { type: Function, required: true },
-    updateIsLoading: { type: Function, required: true },
-  },
   methods: {
     validarFechas() {
       const fechaInicio = moment(new Date(this.selectedInicio))

components/admin/TablaCasosEspecialesAdmin.vue

@@ -73,6 +73,10 @@ import TablaServiciosSociales from '@/components/TablaServiciosSociales'
 
 export default {
   components: { TablaServiciosSociales },
+  props: {
+    admin: { type: Object, required: true },
+    imprimirError: { type: Function, required: true },
+  },
   data() {
     return {
       isLoading: false,
@@ -86,10 +90,6 @@ export default {
       searchAnterior: {},
     }
   },
-  props: {
-    admin: { type: Object, required: true },
-    imprimirError: { type: Function, required: true },
-  },
   methods: {
     onPageChange(page) {
       this.page = page

components/admin/TablaResponsables.vue

@@ -65,7 +65,7 @@
       </b-table-column>
 
       <b-table-column field="estado" label="Estado" v-slot="props" centered>
-        <span :class="style(props.row.activo)">
+        <span class="tag" :class="style(props.row.activo)">
           {{ props.row.activo ? 'Activo' : 'Desactivado' }}
         </span>
       </b-table-column>
@@ -77,6 +77,10 @@
 import axios from 'axios'
 
 export default {
+  props: {
+    admin: { type: Object, required: true },
+    imprimirError: { type: Function, required: true },
+  },
   data() {
     return {
       isLoading: false,
@@ -89,17 +93,10 @@ export default {
       searchAnterior: {},
     }
   },
-  props: {
-    admin: { type: Object, required: true },
-    imprimirError: { type: Function, required: true },
-  },
   methods: {
     style(activo) {
-      let style = 'tag'
-
-      if (activo) style += ' is-success'
-      else style += ' is-danger'
-      return style
+      if (activo) return 'is-success'
+      else return 'is-danger'
     },
     onPageChange(page) {
       this.page = page

components/admin/TituloStatus.vue

@@ -1,15 +1,13 @@
 <template>
   <div class="mb-5">
     <h3 class="title" v-if="alumno.Status.idStatus === 1">
-      <strong> Confirmar el pre-registro del alumno </strong>
+      Confirmar el pre-registro del alumno
     </h3>
 
-    <h3 class="title" v-if="alumno.Status.idStatus === 4">
-      <strong> Término </strong>
-    </h3>
+    <h3 class="title" v-if="alumno.Status.idStatus === 4">Término</h3>
 
     <h3 class="title" v-if="alumno.Status.idStatus === 5">
-      <strong> Validar el término del alumno </strong>
+      Validar el término del alumno
     </h3>
   </div>
 </template>

nuxt.config.js

@@ -1,7 +1,7 @@
 export default {
   /* Server de pruebas */
-  server: { port: 3016 },
-  // server: { port: 8080 },
+  // server: { port: 3016 },
+  server: { port: 8080 },
   ssr: false,
   target: 'static',
   head: {
@@ -24,9 +24,9 @@ export default {
   axios: {},
   build: {},
   env: {
-    // api: 'http://localhost:3000',
+    api: 'http://localhost:3000',
     // api: "https://890af9d598a4.ngrok.io"
-    api: 'https://venus.acatlan.unam.mx/ss-pruebas',
+    // api: 'https://venus.acatlan.unam.mx/ss-pruebas',
     // api: "https://venus.acatlan.unam.mx/serviciosocial",
   },
 }

pages/admin/casos_especiales/caso_especial/editar/index.vue

@@ -12,6 +12,8 @@
       :updateIsLoading="updateIsLoading"
     />
 
+    <BotonRegresar path="/admin/casos_especiales/caso_especial" />
+
     <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading" />
   </section>
 </template>

pages/admin/casos_especiales/index.vue

@@ -3,6 +3,8 @@
     <BotonRegresar path="/admin" />
 
     <TablaCasosEspecialesAdmin :admin="admin" :imprimirError="imprimirError" />
+
+    <BotonRegresar path="/admin" />
   </section>
 </template>
 

pages/admin/registros/index.vue

@@ -14,8 +14,6 @@
     <Reporte
       :admin="admin"
       :imprimirError="imprimirError"
-      :imprimirMensaje="imprimirMensaje"
-      :imprimirWarning="imprimirWarning"
       :updateIsLoading="updateIsLoading"
     />
 
@@ -26,6 +24,8 @@
       :updateIsLoading="updateIsLoading"
     />
 
+    <BotonRegresar path="/admin" />
+
     <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading" />
   </section>
 </template>
@@ -77,42 +77,6 @@ export default {
         this.$router.push('/')
       }
     },
-    imprimirMensaje(message, title = '¡Felicidades!', onConfirm = () => {}) {
-      this.$buefy.dialog.alert({
-        ariaRole: 'alertdialog',
-        ariaModal: true,
-        type: 'is-success',
-        title,
-        message,
-        confirmText: 'Ok',
-        hasIcon: true,
-        iconPack: 'mdi',
-        icon: 'check-circle',
-        onConfirm: () => onConfirm(),
-      })
-    },
-    imprimirWarning(
-      message,
-      onConfirm = () => {},
-      title = '¡Espera un minuto!',
-      onCancel = () => {}
-    ) {
-      this.$buefy.dialog.alert({
-        ariaRole: 'alertdialog',
-        ariaModal: true,
-        type: 'is-warning',
-        title,
-        message,
-        confirmText: 'Confirmar',
-        canCancel: true,
-        cancelText: 'Cancelar',
-        hasIcon: true,
-        iconPack: 'mdi',
-        icon: 'help-circle',
-        onConfirm: () => onConfirm(),
-        onCancel: () => onCancel(),
-      })
-    },
     getLocalhostInfo() {
       this.admin.idUsuario = Number(localStorage.getItem('idUsuario'))
       this.admin.idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))

pages/admin/responsables/index.vue

@@ -12,6 +12,8 @@
 
     <TablaResponsables :admin="admin" :imprimirError="imprimirError" />
 
+    <BotonRegresar path="/admin" />
+
     <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading" />
   </section>
 </template>

pages/admin/responsables/responsable/editar/index.vue

@@ -59,7 +59,6 @@ export default {
         )
         .then((res) => {
           this.responsable = res.data
-          // this.nuevo.activo = this.responsable.activo
           this.updateIsLoading(false)
         })
         .catch((err) => {

pages/admin/servicio/index.vue

@@ -4,7 +4,7 @@
 
     <h3 class="title">{{ alumno.Status.status }}</h3>
 
-    <Informacion :alumno="alumno" />
+    <InformacionServicio :alumno="alumno" />
 
     <TituloStatus :alumno="alumno" />
 
@@ -81,7 +81,7 @@ import axios from 'axios'
 import Archivo from '@/components/admin/Archivo'
 import CancelarServicio from '@/components/admin/CancelarServicio'
 import ConfirmarServicio from '@/components/admin/ConfirmarServicio'
-import Informacion from '@/components/admin/InformacionServicio'
+import InformacionServicio from '@/components/admin/InformacionServicio'
 import TituloStatus from '@/components/admin/TituloStatus'
 
 export default {
@@ -89,7 +89,7 @@ export default {
     Archivo,
     CancelarServicio,
     ConfirmarServicio,
-    Informacion,
+    InformacionServicio,
     TituloStatus,
   },
   data() {