From 50c090f9c1882b47f843e98989851df67d8984f6 Mon Sep 17 00:00:00 2001
From: mxrco <yosoymarco3@gmail.com>
Date: Mon, 25 Jan 2021 13:45:58 -0600
Subject: [PATCH] status 6 y 10

---
 components/admin/servicio/modificar/form.vue | 249 ++++++++++---------
 components/admin/servicio/vistaServicio.vue  |  25 +-
 2 files changed, 153 insertions(+), 121 deletions(-)

diff --git a/components/admin/servicio/modificar/form.vue b/components/admin/servicio/modificar/form.vue
index 17d4da5..8de4a9a 100644
--- a/components/admin/servicio/modificar/form.vue
+++ b/components/admin/servicio/modificar/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="container" :class="{ pad: padding }">
     <BotonRegresar :path="'/admin/servicio'" />
     <br /><br />
     <p class="is-size-2">Editar información del alumno</p>
@@ -13,128 +13,130 @@
         >
         </b-input>
       </b-field>
-      <b-field label="Fecha de inicio">
-        <b-datepicker
-          :placeholder="fecha(viejo.fechaInicio)"
-          icon="calendar-today"
-          v-model="fechaInicio[0]"
-          :min-date="minDate1"
-        >
-        </b-datepicker>
-      </b-field>
-      <transition name="fade">
-        <b-field label="Fecha de fin" v-if="fechaInicio[0]">
+      <div v-if="status6()">
+        <b-field label="Fecha de inicio">
           <b-datepicker
             :placeholder="fecha(viejo.fechaInicio)"
-            v-model="fechaFin[0]"
-            :min-date="minDate2"
+            icon="calendar-today"
+            v-model="fechaInicio[0]"
+            :min-date="minDate1"
+          >
+          </b-datepicker>
+        </b-field>
+        <transition name="fade">
+          <b-field label="Fecha de fin" v-if="fechaInicio[0]">
+            <b-datepicker
+              :placeholder="fecha(viejo.fechaInicio)"
+              v-model="fechaFin[0]"
+              :min-date="minDate2"
+              icon="calendar-today"
+            >
+            </b-datepicker>
+          </b-field>
+        </transition>
+        <b-field label="Dirección">
+          <b-input
+            type="text"
+            v-model="nuevo.direccion"
+            :placeholder="viejo.direccion"
+          >
+          </b-input>
+        </b-field>
+        <b-field label="Teléfono">
+          <b-input
+            type="number"
+            :placeholder="viejo.telefono"
+            v-model="nuevo.telefono"
+            maxlength="10"
+          ></b-input>
+        </b-field>
+        <b-field label="Fecha de nacimiento">
+          <b-datepicker
+            :placeholder="fecha(viejo.fechaNacimiento)"
+            v-model="fechaNacimiento[0]"
             icon="calendar-today"
           >
           </b-datepicker>
         </b-field>
-      </transition>
-      <b-field label="Dirección">
-        <b-input
-          type="text"
-          v-model="nuevo.direccion"
-          :placeholder="viejo.direccion"
-        >
-        </b-input>
-      </b-field>
-      <b-field label="Teléfono">
-        <b-input
-          type="number"
-          :placeholder="viejo.telefono"
-          v-model="nuevo.telefono"
-          maxlength="10"
-        ></b-input>
-      </b-field>
-      <b-field label="Fecha de nacimiento">
-        <b-datepicker
-          :placeholder="fecha(viejo.fechaNacimiento)"
-          v-model="fechaNacimiento[0]"
-          icon="calendar-today"
-        >
-        </b-datepicker>
-      </b-field>
-      <p class="is-size-5" v-if="viejo.cartaAceptacion">Carta de aceptación</p>
-      <br />
-      <b-field v-if="viejo.cartaAceptacion">
-        <b-upload
-          v-model="nuevo.cartaAceptacion"
-          type="is-black"
-          v-on:input="validarExt(1)"
-          accept="application/pdf"
-          drag-drop
-          expanded
-        >
-          <section class="section">
-            <div class="content has-text-centered">
-              <p>
-                <b-icon icon="upload" size="is-large"></b-icon>
-              </p>
-              <p>
-                {{
-                  nuevo.cartaAceptacion.name ||
-                    "Arrastra aquí tu archivo o da click para buscar"
-                }}
-              </p>
-            </div>
-          </section>
-        </b-upload>
-      </b-field>
-      <p class="is-size-5" v-if="viejo.cartaTermino">Carta de término</p>
-      <br />
-      <b-field v-if="viejo.cartaTermino">
-        <b-upload
-          v-model="nuevo.cartaTermino"
-          type="is-black"
-          v-on:input="validarExt(2)"
-          accept="application/pdf"
-          drag-drop
-          expanded
-        >
-          <section class="section">
-            <div class="content has-text-centered">
-              <p>
-                <b-icon icon="upload" size="is-large"></b-icon>
-              </p>
-              <p>
-                {{
-                  nuevo.cartaTermino.name ||
-                    "Arrastra aquí tu archivo o da click para buscar"
-                }}
-              </p>
-            </div>
-          </section>
-        </b-upload>
-      </b-field>
-      <p class="is-size-5" v-if="viejo.informeGlobal">Informe global</p>
-      <br />
-      <b-field v-if="viejo.informeGlobal">
-        <b-upload
-          v-model="nuevo.informeGlobal"
-          type="is-black"
-          v-on:input="validarExt(3)"
-          accept="application/pdf"
-          drag-drop
-          expanded
-        >
-          <section class="section">
-            <div class="content has-text-centered">
-              <p>
-                <b-icon icon="upload" size="is-large"></b-icon>
-              </p>
-              <p>
-                {{
-                  nuevo.informeGlobal.name ||
-                    "Arrastra aquí tu archivo o da click para buscar"
-                }}
-              </p>
-            </div>
-          </section>
-        </b-upload>
-      </b-field>
+        <p class="is-size-5" v-if="viejo.cartaAceptacion">Carta de aceptación</p>
+        <br />
+        <b-field v-if="viejo.cartaAceptacion">
+          <b-upload
+            v-model="nuevo.cartaAceptacion"
+            type="is-black"
+            v-on:input="validarExt(1)"
+            accept="application/pdf"
+            drag-drop
+            expanded
+          >
+            <section class="section">
+              <div class="content has-text-centered">
+                <p>
+                  <b-icon icon="upload" size="is-large"></b-icon>
+                </p>
+                <p>
+                  {{
+                    nuevo.cartaAceptacion.name ||
+                      "Arrastra aquí tu archivo o da click para buscar"
+                  }}
+                </p>
+              </div>
+            </section>
+          </b-upload>
+        </b-field>
+        <p class="is-size-5" v-if="viejo.cartaTermino">Carta de término</p>
+        <br />
+        <b-field v-if="viejo.cartaTermino">
+          <b-upload
+            v-model="nuevo.cartaTermino"
+            type="is-black"
+            v-on:input="validarExt(2)"
+            accept="application/pdf"
+            drag-drop
+            expanded
+          >
+            <section class="section">
+              <div class="content has-text-centered">
+                <p>
+                  <b-icon icon="upload" size="is-large"></b-icon>
+                </p>
+                <p>
+                  {{
+                    nuevo.cartaTermino.name ||
+                      "Arrastra aquí tu archivo o da click para buscar"
+                  }}
+                </p>
+              </div>
+            </section>
+          </b-upload>
+        </b-field>
+        <p class="is-size-5" v-if="viejo.informeGlobal">Informe global</p>
+        <br />
+        <b-field v-if="viejo.informeGlobal">
+          <b-upload
+            v-model="nuevo.informeGlobal"
+            type="is-black"
+            v-on:input="validarExt(3)"
+            accept="application/pdf"
+            drag-drop
+            expanded
+          >
+            <section class="section">
+              <div class="content has-text-centered">
+                <p>
+                  <b-icon icon="upload" size="is-large"></b-icon>
+                </p>
+                <p>
+                  {{
+                    nuevo.informeGlobal.name ||
+                      "Arrastra aquí tu archivo o da click para buscar"
+                  }}
+                </p>
+              </div>
+            </section>
+          </b-upload>
+        </b-field>
+      </div>
       <br />
       <b-button v-if="mostrar()" @click="actualizarDialog()" class="is-info">
         Actualizar Datos
@@ -165,6 +167,7 @@ export default {
   data() {
     return {
       idServicio: localStorage.getItem("idServicio"),
+      idStatus: Number(localStorage.getItem("idStatus")),
       viejo: {},
       nuevo: {
         correo: "",
@@ -187,9 +190,17 @@ export default {
       },
       minDate1: new Date("2020-01-01"),
       isLoading: false,
+      padding: false,
     };
   },
   methods: {
+    status6(){
+      if(this.idStatus === 6) {
+        this.padding = true;
+        return false;
+      }
+      return true
+    },
     obtenerRegistro() {
       this.isLoading = true;
       return axios
@@ -420,4 +431,8 @@ export default {
 .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
   opacity: 0;
 }
+.pad {
+  padding-bottom: 5%;
+  padding-top: 5%;
+}
 </style>
diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index 1df5b6c..dfe71a7 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -3,7 +3,7 @@
     <div class="mb-5">
       <BotonRegresar
         :path="'/admin'"
-        :deleteFromLocalStorage="['idServicio']"
+        :deleteFromLocalStorage="['idServicio', 'idStatus']"
       />
     </div>
     <TituloServicio :status="alumno.Status.idStatus" />
@@ -12,7 +12,8 @@
     <div id="enlaces">
       <b-button
         class="boton is-info"
-        @click="$router.push('servicio/modificar')"
+        @click="editar()"
+        v-if="mostrarEditar()"
       >
         Editar información
       </b-button>
@@ -79,7 +80,11 @@
       >
         Confirmar
       </b-button>
-      <b-button class="is-danger" @click="enviarCancel = !enviarCancel">
+      <b-button
+        v-if="mostrarCancelar()"
+        class="is-danger"
+        @click="enviarCancel = !enviarCancel"
+      >
         Cancelar
       </b-button>
       <br /><br />
@@ -103,7 +108,7 @@
       <div>
         <BotonRegresar
           :path="'/admin'"
-          :deleteFromLocalStorage="['idServicio']"
+          :deleteFromLocalStorage="['idServicio','idStatus']"
         />
       </div>
       <b-loading
@@ -169,11 +174,23 @@ export default {
       }
       return false;
     },
+    mostrarCancelar(){
+      if(this.alumno.Status.idStatus === 10 || this.alumno.Status.idStatus === 6) return false;
+      return true;
+    },
+    mostrarEditar(){
+      if(this.alumno.Status.idStatus === 10) return false;
+      return true;
+    },
     mostrarVistoBueno(){
       if(!this.alumno.Programa.acatlan) return true
       if(this.alumno.vistoBuenoAcatlan) return true
       return false
     },
+    editar(){
+      localStorage.setItem("idStatus",this.alumno.Status.idStatus);
+      this.$router.push('servicio/modificar');
+    },
     obtenerRegistro() {
       this.isLoading = true;
       return axios