listo logo personalizado

components/layouts/Header.vue

@@ -2,10 +2,7 @@
   <header>
     <div class="container py-3">
       <div
-        class="
+        class="columns is-mobile is-gapless is-vcentered is-justify-content-space-between"
-          columns
-          is-mobile is-gapless is-vcentered is-justify-content-space-between
-        "
       >
         <a
           href="https://www.unam.mx/"
@@ -19,19 +16,44 @@
           href="https://pcpuma.unam.mx/"
           class="column is-5-mobile is-3-tablet is-one-fifth-widescreen mr-3"
           target="_blank"
+          v-if="!logo"
         >
-          <b-image
+          <b-image :src="require('@/assets/icon.png')" alt="logo_pcpuma" />
-            :src="require('@/assets/icon.png')"
-            alt="logo_pcpuma"
-          />
         </a>
+
+        <div
+          class="column is-5-mobile is-3-tablet is-one-fifth-widescreen mr-3"
+          v-else
+        >
+          <b-image :src="logo" alt="logo" />
+        </div>
       </div>
     </div>
   </header>
 </template>
 
 <script>
-export default {}
+import jwt_decode from 'jwt-decode'
+
+export default {
+  data() {
+    return { logo: '' }
+  },
+  created() {
+    const token = this.$getToken.tokenStr()
+    let operador
+
+    try {
+      if (token) operador = jwt_decode(token).Operador
+    } catch (err) {
+      operador = null
+    }
+    if (operador && operador.tipoUsuario.id_tipo_usuario > 2)
+      this.logo = `${
+        process.env.api
+      }${operador.institucion.logo.replace('.', '')}`
+  },
+}
 </script>
 
 <style scoped>