按照站内的要求修改表头的样式

src/layout/components/Navbar.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="navbar">
+  <div class="navbar" :class="{ 'xfdh-navbar': isXfdh }" :style="isXfdh ? { backgroundImage: `url(${xfdhHeader})` } : null">
     <div class="navbar-brand">
-      <img :src="headerLogo" class="header-logo" alt="" />
-      <span class="platform-title">智能巡视管控平台</span>
+      <img :src="isXfdh ? xfdhBrand : headerLogo" class="header-logo" alt="" />
+      <span class="platform-title">消防动环管理平台</span>
     </div>
     <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav" />
     <div v-else class="navbar-spacer" />
@@ -51,6 +51,8 @@ import { mapGetters } from "vuex";
 import TopNav from "@/components/TopNav";
 import Screenfull from "@/components/Screenfull";
 import headerLogo from "@/assets/images/header/logo.png";
+import xfdhHeader from "@/assets/images/header/xfdh-title.png";
+import xfdhBrand from "@/assets/images/header/xfdh-brand.png";
 import loginAvatar from "@/assets/images/aa-logo.png";
 export default {
   components: {
@@ -60,6 +62,8 @@ export default {
   data() {
     return {
       headerLogo,
+      xfdhHeader,
+      xfdhBrand,
       loginAvatar
     };
   },
@@ -69,6 +73,9 @@ export default {
       get() {
         return this.$store.state.settings.topNav;
       },
+    },
+    isXfdh() {
+      return true
     }
   },
   methods: {
@@ -103,6 +110,35 @@ export default {
   box-shadow: none;
   box-sizing: border-box;
 
+  &.xfdh-navbar {
+    background-size: 100% 100%;
+
+    .navbar-brand {
+      width: 470px;
+      flex-basis: 470px;
+    }
+
+    .header-logo {
+      width: 245px;
+      height: 48px;
+    }
+
+    .platform-title {
+      display: block;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      margin: 0;
+      transform: translate(-50%, -50%);
+      color: #fff;
+      font-size: 34px;
+      font-weight: 700;
+      letter-spacing: 4px;
+      white-space: nowrap;
+      text-shadow: 0 0 6px rgba(84, 255, 255, 0.55), 0 2px 2px rgba(0, 17, 74, 0.65);
+    }
+  }
+
   .hamburger-container {
     line-height: 46px;
     height: 100%;

src/router/index.js

@@ -30,6 +30,21 @@ import Layout from '@/layout'
 
 // 公共路由
 export const constantRoutes = [
+  {
+    path: '/xfdh',
+    component: Layout,
+    hidden: true,
+    redirect: '/xfdh/index',
+    meta: { title: '巡视任务', xfdhHeader: true },
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/cards/taskSummary/inspectionTask'),
+        name: 'XfdhIndex',
+        meta: { title: '巡视任务', activeMenu: '/task-summary/inspectionTask', xfdhHeader: true }
+      }
+    ]
+  },
   {
     path: '/redirect',
     component: Layout,
@@ -127,14 +142,14 @@ export const constantRoutes = [
   {
     path: '',
     component: Layout,
-    redirect: '/inspection-workspace/task',
+    redirect: '/index',
     hidden: true,
     children: [
       {
         path: 'index',
-        component: () => import('@/views/index'),
+        component: () => import('@/views/cards/taskSummary/inspectionTask'),
         name: 'Index',
-        meta: { title: '首页', icon: 'dashboard', affix: true, breadcrumb: false }
+        meta: { title: '巡视任务', icon: 'dashboard', affix: true, activeMenu: '/task-summary/inspectionTask' }
       }
     ]
   },