Merge branch 'tomy' of https://repositorio.acatlan.unam.mx/CIDWA/servicio_social_front into dev

components/responsable/inputTable.vue

@@ -1,39 +1,71 @@
 <template>
   <div class="container">
     <div class="columns">
-      <div class="column is-3">
-        <b-field>
-          <b-input placeholder="No.Cuenta"
-              minlength="9"
-              maxlength="9"
-              icon="school"
-              rounded></b-input>
-        </b-field>
-      </div>
 
-      <div class="column is-3">
-        <b-field>
-          <b-input placeholder="Nombre"
-          icon="account"
-          rounded></b-input>
-        </b-field>
-      </div>
+        <div class="column is-2 mb-0 ">
+          <b-field >
+            <b-input
+                placeholder="No.Cuenta"
+                icon="school"
+                rounded
+                v-model="numeroCuenta"
+                maxlength="9"
+
+                ></b-input>
+          </b-field>
+        </div>
+
+        <div class="column is-2 mb-4 pb-4">
+          <b-field>
+            <b-input
+            type="name"
+            placeholder="Nombre"
+            icon="account"
+            rounded
+            v-model="nombre"
+            ></b-input>
+          </b-field>
+        </div>
+
+        <div class="column is-2">
+          <b-field>
+            <b-select placeholder="Status" icon="information" value="1" expanded rounded v-model="status">
+              <optgroup label="Status">
+                <option value="1">Pre-registro</option>
+                <option value="2">Pre-validado</option>
+                <option value="3">Registro</option>
+                <option value="4">Pre-término</option>
+                <option value="5">Término</option>
+                <option value="6">Liberado</option>
+                <option value="7">Rechazado</option>
+              </optgroup>
+            </b-select>
+          </b-field>
+        </div>
+
+        <div class="column is-3 px-5">
+          <div class="buttons">
+            <b-button
+            class="button"
+            :class="botonCarta()"
+            :icon-right="iconoCarta()"
+            expanded>
+              Carta de término
+            </b-button>
+          </div>
+        </div>
+
+        <div class="column is-3 pr-5">
+          <div class="buttons">
+            <b-button class="button"
+            :class="botonCuestionario()"
+            :icon-right="iconoCuestionario()"
+            expanded>
+              Cuestionario
+            </b-button>
+          </div>
+        </div>
 
-      <div class="column is-3">
-        <b-field>
-          <b-select placeholder="Status" icon="information" expanded rounded>
-            <optgroup label="Status">
-              <option value="Pre-registro">Pre-registro</option>
-              <option value="Pre-validado">Pre-validado</option>
-              <option value="Registro">Registro</option>
-              <option value="Pre-término">Pre-término</option>
-              <option value="Término">Término</option>
-              <option value="Liberado">Liberado</option>
-              <option value="Rechazado">Rechazado</option>
-            </optgroup>
-          </b-select>
-        </b-field>
-      </div>
     </div>
 
     <div class="columns">
@@ -44,9 +76,11 @@
               paginated
               per-page="5"
               hoverable
-              striped>
+              striped
+               v-show="numeroCuenta"
+              >
 
-              <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
+              <b-table-column field="nombre" label="Nombre" v-slot="props" centereds>
                   <span @click="cualquiera(props.row.nombre)">{{ props.row.nombre }}</span>
               </b-table-column>
 
@@ -76,9 +110,15 @@
 </template>
 
 <script>
+// import validator from 'validator'
 export default {
   data () {
     return {
+      numeroCuenta: '',
+      nombre: '',
+      status: 1,
+      cartaTermino: false,
+      cuestionario: true,
       data: [
         {
           idRegistro: 1, // span
@@ -94,7 +134,7 @@ export default {
           idRegistro: 1, // span
           nombre: 'Andrés Hernan Saavedra Trejo',
           carrera: 'Matemáticas Aplicadas y Computación',
-          numeroCuenta: '41908550',
+          numeroCuenta: '42008550',
           fechaInicio: '1/01/2020',
           fechaFin: '1/06/2020',
           status: 'pre-registro',
@@ -170,7 +210,8 @@ export default {
           status: 'rechazado',
           idStatus: 1
         }
-      ]
+      ],
+      newSearch: {}
     }
   },
   methods: {
@@ -196,11 +237,58 @@ export default {
         return 'is-danger'
       }
     },
+    botonCarta () {
+      if (this.cartaTermino === true) {
+        return 'is-success'
+      } else {
+        return 'is-danger'
+      }
+    },
+    botonCuestionario () {
+      if (this.cuestionario === true) {
+        return 'is-success'
+      } else {
+        return 'is-danger'
+      }
+    },
+    iconoCarta () {
+      if (this.cartaTermino === true) {
+        return 'check'
+      } else {
+        return 'close'
+      }
+    },
+    iconoCuestionario () {
+      if (this.cuestionario === true) {
+        return 'check'
+      } else {
+        return 'close'
+      }
+    },
     cualquiera (variable) {
       console.log(variable)
-    }
+      console.log(this.numeroCuenta)
+      console.log(this.nombre)
+      console.log(this.status)
+    },
+    addSearch (e) {
+      e.preventDefault()
+      console.log('Agregando busqueda')
+    }/*
+    esNumero (numero) {
+      const ultimaLetra = numero.length - 1
+
+      if (numero && !validator.isNumeric(numero[ultimaLetra])) { return numero.substr(0, ultimaLetra) }
+      return numero
+    }/*
+    maxLength (str, max) {
+      if (str.lenght > max) { return str.substr(0, max) }
+      return str
+    } */
   }
+
 }
 </script>
 
-<style></style>
+<style>
+</style>

pages/responsable/index.vue

@@ -6,12 +6,12 @@
         Para registrar a un alumno de servicio social pulsa el botón
         <strong> Agregar Alumno </strong> y sigue las instrucciones. <br />
         Para visualizar los datos completos de un alumno ya registrado o subir
-        su carta de término, poulsa su nombre y se desplegará la ficha técnica
+        su carta de término, pulsa su nombre y se desplegará la ficha técnica
         con toda la información.
       </p>
 
       <div class="buttons section pl-0 pb-0">
-        <b-button type="is-info">
+        <b-button type="is-info" @click="agregarAlumno()">
           Agregar alumno
         </b-button>
       </div>
@@ -29,6 +29,11 @@ import InputTable from '../../components/responsable/inputTable'
 export default {
   components: {
     InputTable
+  },
+  methods: {
+    agregarAlumno () {
+      this.$router.push('/responsable/nuevo')
+    }
   }
 }
 </script>