From 7cdaad08054b65fe51365b9e47148460e082b7f6 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Mon, 4 Jan 2021 18:02:57 -0600
Subject: [PATCH] botonesCuestionario

---
 components/responsable/cartaAceptacion.vue |   4 +-
 components/responsable/cartaTermino.vue    |   4 +-
 components/responsable/cuestionario.vue    | 107 ++++++++++++---------
 3 files changed, 67 insertions(+), 48 deletions(-)

diff --git a/components/responsable/cartaAceptacion.vue b/components/responsable/cartaAceptacion.vue
index 127b991..c800b9e 100644
--- a/components/responsable/cartaAceptacion.vue
+++ b/components/responsable/cartaAceptacion.vue
@@ -40,8 +40,8 @@
     <b-field class="centro">
       <b-button
         :disabled="file == ''"
-        class="border-info my-5"
-        type="is-info"
+        class="border-success my-5"
+        type="is-success"
         @click="Enviar()"
         >Enviar</b-button
       >
diff --git a/components/responsable/cartaTermino.vue b/components/responsable/cartaTermino.vue
index 73c2db2..a7df06b 100644
--- a/components/responsable/cartaTermino.vue
+++ b/components/responsable/cartaTermino.vue
@@ -40,8 +40,8 @@
     <b-field class="centro">
       <b-button
         :disabled="file == ''"
-        class="border-info my-5 is-medium"
-        type="is-info"
+        class="border-success my-5 is-medium"
+        type="is-success"
         @click="Enviar()"
       >
         Enviar
diff --git a/components/responsable/cuestionario.vue b/components/responsable/cuestionario.vue
index 77c1609..2dcae7a 100644
--- a/components/responsable/cuestionario.vue
+++ b/components/responsable/cuestionario.vue
@@ -1,6 +1,15 @@
 <template>
   <div v-if="this.idServicio && this.cuestionario" class="container">
     <div class="section">
+      <b-button
+        class="border-info my-5"
+        type="is-info is-light"
+        icon-left="arrow-left-box"
+        tag="router-link"
+        to="/responsable"
+        >Regresar</b-button
+      >
+
       <h1 class="title is-3">
         Estimad(a) responsable de programa de servicio social:
       </h1>
@@ -55,10 +64,10 @@
       </p>
 
       <div class="level mt-5">
-        <p class="level-item has-text-centered">4)Exelente</p>
-        <p class="level-item has-text-around">3)Bueno</p>
-        <p class="level-item has-text-around">2)Regular</p>
-        <p class="level-item has-text-around">1)Deficiente</p>
+        <p class="level-item has-text-centered">4) Exelente</p>
+        <p class="level-item has-text-around">3) Bueno</p>
+        <p class="level-item has-text-around">2) Regular</p>
+        <p class="level-item has-text-around">1) Deficiente</p>
       </div>
     </section>
 
@@ -72,10 +81,11 @@
             placeholder="Seleccionar"
             v-model="calificaciones.calificacion1"
           >
-            <option value="1">1</option>
-            <option value="2">2</option>
-            <option value="3">3</option>
-            <option value="4">4</option>
+            <option value="">Seleccionar</option>
+            <option value="1">Deficiente</option>
+            <option value="2">Regular</option>
+            <option value="3">Bueno</option>
+            <option value="4">Exelente</option>
           </b-select>
         </b-field>
       </div>
@@ -86,11 +96,15 @@
           2. Conocimientos técnicos para las funciones encomendadas
         </p>
         <b-field class="column is-2">
-          <b-select placeholder="Seleccionar" calificaciones.calificacion2>
-            <option value="1">1</option>
-            <option value="2">2</option>
-            <option value="3">3</option>
-            <option value="4">4</option>
+          <b-select
+            placeholder="Seleccionar"
+            v-model="calificaciones.calificacion2"
+          >
+            <option value="">Seleccionar</option>
+            <option value="1">Deficiente</option>
+            <option value="2">Regular</option>
+            <option value="3">Bueno</option>
+            <option value="4">Exelente</option>
           </b-select>
         </b-field>
       </div>
@@ -101,11 +115,15 @@
           3. Iniciativa para la implementación de mejoras en la empresa
         </p>
         <b-field class="column is-2">
-          <b-select placeholder="Seleccionar" calificaciones.calificacion3>
-            <option value="1">1</option>
-            <option value="2">2</option>
-            <option value="3">3</option>
-            <option value="4">4</option>
+          <b-select
+            placeholder="Seleccionar"
+            v-model="calificaciones.calificacion3"
+          >
+            <option value="">Seleccionar</option>
+            <option value="1">Deficiente</option>
+            <option value="2">Regular</option>
+            <option value="3">Bueno</option>
+            <option value="4">Exelente</option>
           </b-select>
         </b-field>
       </div>
@@ -117,11 +135,15 @@
           encomendadas
         </p>
         <b-field class="column is-2">
-          <b-select placeholder="Seleccionar" calificaciones.calificacion4>
-            <option value="1">1</option>
-            <option value="2">2</option>
-            <option value="3">3</option>
-            <option value="4">4</option>
+          <b-select
+            placeholder="Seleccionar"
+            v-model="calificaciones.calificacion4"
+          >
+            <option value="">Seleccionar</option>
+            <option value="1">Deficiente</option>
+            <option value="2">Regular</option>
+            <option value="3">Bueno</option>
+            <option value="4">Exelente</option>
           </b-select>
         </b-field>
       </div>
@@ -130,11 +152,15 @@
       <div class="columns">
         <p class="column is- 9">5. Desempeño general de sus funciones</p>
         <b-field class="column is-2">
-          <b-select placeholder="Seleccionar" calificaciones.calificacion5>
-            <option value="1">1</option>
-            <option value="2">2</option>
-            <option value="3">3</option>
-            <option value="4">4</option>
+          <b-select
+            placeholder="Seleccionar"
+            v-model="calificaciones.calificacion5"
+          >
+            <option value="">Seleccionar</option>
+            <option value="1">Deficiente</option>
+            <option value="2">Regular</option>
+            <option value="3">Bueno</option>
+            <option value="4">Exelente</option>
           </b-select>
         </b-field>
       </div>
@@ -158,22 +184,15 @@
         calificaciones.calificacion7
       ></b-input>
 
-      <b-button
-        class="border-info my-5"
-        type="is-info is-light"
-        icon-left="arrow-left-box"
-        tag="router-link"
-        to="/responsable"
-        >Regresar</b-button
-      >
-
-      <b-button
-        class="border-info my-5"
-        type="is-info"
-        tag="router-link"
-        to="/responsable"
-        >Enviar</b-button
-      >
+      <b-field class="centro">
+        <b-button
+          :disabled="file == ''"
+          class="border-success my-5"
+          type="is-success"
+          @click="Enviar()"
+          >Enviar</b-button
+        >
+      </b-field>
     </section>
   </div>
 </template>