Los fondos no cambian dinámicamente

src/components/layout/AppLogo.vue

@@ -8,12 +8,13 @@
       alt="Bolivia">-->
     <img
       class="app-logo-img"
-      src="~assets/images/agetic-logo-blanco.png"
+      src="~assets/images/logo-agetic-blanco.png"
       alt="Bolivia">
     <div class="app-logo">
-      <div class="app-logo-title">Agetic</div>
+      <div class="app-logo-title">Estado Plurinacional de Bolivia</div>
       <div class="app-logo-description">{{ $entidad.nombre }}</div>
-      <div class="app-logo-title">Agetic</div>
+      <!--<div class="app-logo-description">Digital</div>-->
+      <div class="app-logo-title">Estado Plurinacional de Bolivia</div>
     </div>
 
     <!-- Para ver proyectos en la home page -->
@@ -125,4 +126,8 @@
     }
   }
 }
+
+.app-logo-img {
+    width: 100px !important;
+}
 </style>

src/layouts/home.vue

@@ -39,7 +39,7 @@ export default {
 
 .portal-home {
   //background: transparent url(~assets/images/home.jpg) no-repeat;
-  background: transparent url(~assets/images/home-bolivia-digital-2.jpg) no-repeat;
+  background: transparent url(~assets/images/backgroundpro.jpg) no-repeat;
   background-size: cover;
   background-position: center center;
   height: 100%;

src/pages/_page/index.vue

@@ -39,7 +39,7 @@
         </el-card>
       </el-col>
     </el-row>
-    <p-box></p-box>
+    <!--<p-box></p-box>-->
   </section>
 </template>
 
@@ -85,7 +85,59 @@ export default {
   },
   mounted () {
     this.$store.commit('CLOSE_MENU');
-    this.$util.setBackgroundImage();
+    //this.$util.setBackgroundImage();
+    
+    //console.log('id '+ this.$route.path+ ' page ' + this.$route.params.page);
+
+    if(this.$route.params.page == 'ciudadania')
+    {
+      this.$util.fondoRojo();
+    }
+    else if(this.$route.params.page == 'eventos')
+    {
+      this.$util.fondoRojo();
+    }
+    else if(this.$route.params.page == 'proyectos')
+    {
+      this.$util.fondoRojo();
+    }
+    else if(this.$route.params.page == 'gobierno')
+    {
+      this.$util.fondoAzul();
+    }
+    else if(this.$route.params.page == 'herramientas')
+    {
+      this.$util.fondoAzul();
+    }
+    else if(this.$route.params.page == 'normativa')
+    {
+      this.$util.fondoAzul();
+    }
+    else if(this.$route.params.page == 'planes')
+    {
+      this.$util.fondoAzul();
+    }
+    else if(this.$route.params.page == 'prensa')
+    {
+      this.$util.fondoVerde();
+    }
+    else if(this.$route.params.page == 'fotos')
+    {
+      this.$util.fondoVerde();
+    }
+    else if(this.$route.params.page == 'videos')
+    {
+      this.$util.fondoVerde();
+    }
+    else if(this.$route.params.page == 'noticias')
+    {
+      this.$util.fondoVerde();
+    }
+    else
+    {
+      this.$util.fondoVerde();
+    }
+
     this.getPage();
   },
   methods: {

src/plugins/util.js

@@ -27,6 +27,18 @@ export default ({ app, store }) => {
       this.colorpro = colorescat[aleatorio];
       this.coloradorno = coloresadorno[aleatorio];
       document.body.classList.add(`portal-bg-${colors[aleatorio]}`);
+    },
+    fondoRojo () {
+      document.body.className = '';
+      document.body.classList.add(`portal-bg-red`);
+    },
+    fondoAzul () {
+      document.body.className = '';
+      document.body.classList.add(`portal-bg-blue`);
+    },
+    fondoVerde () {
+      document.body.className = '';
+      document.body.classList.add(`portal-bg-green`);
     }
   };