habilitamos las 4 areas

components/registro/CapturaDatos.vue

@@ -12,11 +12,25 @@
       CEDETEC
     </p>
 
+    <div class="block">
+      <b-radio v-model="idArea" v-if="area1" native-value="1"
+        ><b-icon icon="microsoft-windows" size="is-small"></b-icon>
+        Windows</b-radio
+      >
+      <b-radio v-model="idArea" v-if="area1" native-value="2"
+        ><b-icon icon="apple" size="is-small"></b-icon> Mac</b-radio
+      >
+      <b-radio v-model="idArea" v-if="area1" native-value="3"
+        ><b-icon icon="linux" size="is-small"></b-icon> Linux</b-radio
+      >
+      <b-radio v-model="idArea" v-if="area1" native-value="4"
+        ><b-icon icon="laptop" size="is-small"></b-icon> Mesa para
+        laptop</b-radio
+      >
+    </div>
+
     <div class="columns">
       <div class="column pr-5">
-        <b-field label="Ticket">
-          <b-input type="text" maxlength="10" v-model="folio"></b-input>
-        </b-field>
         <b-field label="Monto">
           <b-input v-model="monto" type="number" maxlength="5"></b-input>
         </b-field>
@@ -30,6 +44,9 @@
           >
           </b-datepicker>
         </b-field>
+        <b-field label="Ticket">
+          <b-input type="text" maxlength="7" v-model="folio"></b-input>
+        </b-field>
 
         <b-field>
           <b-upload

components/registro/DatosUsuario.vue

@@ -43,7 +43,7 @@ export default {
   methods: {
     icono(idArea) {
       if (idArea === 1) return 'microsoft-windows'
-      if (idArea === 2) return 'mac'
+      if (idArea === 2) return 'apple'
       return idArea === 3 ? 'linux' : 'laptop'
     },
     confirmacion(status) {