diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ
diff --git a/src/assets/images/login-image/password.png b/src/assets/images/login-image/password.png
new file mode 100644
index 0000000..61268fa
--- /dev/null
+++ b/src/assets/images/login-image/password.png
Binary files differ

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ
diff --git a/src/assets/images/login-image/password.png b/src/assets/images/login-image/password.png
new file mode 100644
index 0000000..61268fa
--- /dev/null
+++ b/src/assets/images/login-image/password.png
Binary files differ
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index eff72d0..d502900 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -110,7 +110,7 @@
 }
 
 .el-input-group__append {
-  color: #3d7eff;
+  color: #2762bc;
 }
 
 .el-button.is-link {
@@ -153,7 +153,7 @@
 }
 
 .el-button--primary.is-link:focus {
-  color: #3d7eff !important;
+  color: #2762bc !important;
 }
 
 .el-button--danger.is-link:focus {

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ
diff --git a/src/assets/images/login-image/password.png b/src/assets/images/login-image/password.png
new file mode 100644
index 0000000..61268fa
--- /dev/null
+++ b/src/assets/images/login-image/password.png
Binary files differ
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index eff72d0..d502900 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -110,7 +110,7 @@
 }
 
 .el-input-group__append {
-  color: #3d7eff;
+  color: #2762bc;
 }
 
 .el-button.is-link {
@@ -153,7 +153,7 @@
 }
 
 .el-button--primary.is-link:focus {
-  color: #3d7eff !important;
+  color: #2762bc !important;
 }
 
 .el-button--danger.is-link:focus {
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 418dc62..f85f1f8 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -19,7 +19,7 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #e3edfcb0;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #3d7eff;
+  --g-header-menu-active-color: #2762bc;
   // 导航选中背景色
   --g-header-menu-active-bg: #dae9fe;
 
@@ -39,17 +39,17 @@
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #70b4ff;
+  --g-sub-sidebar-bg: #2762bc;
   // 菜单背景色
   --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
   --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: #3d7eff;
+  --g-sub-sidebar-menu-hover-color: #2762bc;
   // 菜单鼠标悬浮背景色
   --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #3d7eff;
+  --g-sub-sidebar-menu-active-color: #2762bc;
   // 菜单选中背景色
   --g-sub-sidebar-menu-active-bg: #dae9fe;
   // 弹出菜单背景色

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ
diff --git a/src/assets/images/login-image/password.png b/src/assets/images/login-image/password.png
new file mode 100644
index 0000000..61268fa
--- /dev/null
+++ b/src/assets/images/login-image/password.png
Binary files differ
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index eff72d0..d502900 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -110,7 +110,7 @@
 }
 
 .el-input-group__append {
-  color: #3d7eff;
+  color: #2762bc;
 }
 
 .el-button.is-link {
@@ -153,7 +153,7 @@
 }
 
 .el-button--primary.is-link:focus {
-  color: #3d7eff !important;
+  color: #2762bc !important;
 }
 
 .el-button--danger.is-link:focus {
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 418dc62..f85f1f8 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -19,7 +19,7 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #e3edfcb0;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #3d7eff;
+  --g-header-menu-active-color: #2762bc;
   // 导航选中背景色
   --g-header-menu-active-bg: #dae9fe;
 
@@ -39,17 +39,17 @@
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #70b4ff;
+  --g-sub-sidebar-bg: #2762bc;
   // 菜单背景色
   --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
   --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: #3d7eff;
+  --g-sub-sidebar-menu-hover-color: #2762bc;
   // 菜单鼠标悬浮背景色
   --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #3d7eff;
+  --g-sub-sidebar-menu-active-color: #2762bc;
   // 菜单选中背景色
   --g-sub-sidebar-menu-active-bg: #dae9fe;
   // 弹出菜单背景色
diff --git a/src/css/override-element-ui.css b/src/css/override-element-ui.css
index 4a931e9..3b488ef 100644
--- a/src/css/override-element-ui.css
+++ b/src/css/override-element-ui.css
@@ -40,7 +40,7 @@
 }
 
 .el-button.el-button--primary {
-  background: #46a6fe !important;
+  background: #2762bc !important;
   color: #fff !important;
 }
 

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ
diff --git a/src/assets/images/login-image/password.png b/src/assets/images/login-image/password.png
new file mode 100644
index 0000000..61268fa
--- /dev/null
+++ b/src/assets/images/login-image/password.png
Binary files differ
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index eff72d0..d502900 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -110,7 +110,7 @@
 }
 
 .el-input-group__append {
-  color: #3d7eff;
+  color: #2762bc;
 }
 
 .el-button.is-link {
@@ -153,7 +153,7 @@
 }
 
 .el-button--primary.is-link:focus {
-  color: #3d7eff !important;
+  color: #2762bc !important;
 }
 
 .el-button--danger.is-link:focus {
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 418dc62..f85f1f8 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -19,7 +19,7 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #e3edfcb0;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #3d7eff;
+  --g-header-menu-active-color: #2762bc;
   // 导航选中背景色
   --g-header-menu-active-bg: #dae9fe;
 
@@ -39,17 +39,17 @@
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #70b4ff;
+  --g-sub-sidebar-bg: #2762bc;
   // 菜单背景色
   --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
   --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: #3d7eff;
+  --g-sub-sidebar-menu-hover-color: #2762bc;
   // 菜单鼠标悬浮背景色
   --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #3d7eff;
+  --g-sub-sidebar-menu-active-color: #2762bc;
   // 菜单选中背景色
   --g-sub-sidebar-menu-active-bg: #dae9fe;
   // 弹出菜单背景色
diff --git a/src/css/override-element-ui.css b/src/css/override-element-ui.css
index 4a931e9..3b488ef 100644
--- a/src/css/override-element-ui.css
+++ b/src/css/override-element-ui.css
@@ -40,7 +40,7 @@
 }
 
 .el-button.el-button--primary {
-  background: #46a6fe !important;
+  background: #2762bc !important;
   color: #fff !important;
 }
 
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..593893e 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    background-color: transparent;
   }
 
   .nav {

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ
diff --git a/src/assets/images/login-image/password.png b/src/assets/images/login-image/password.png
new file mode 100644
index 0000000..61268fa
--- /dev/null
+++ b/src/assets/images/login-image/password.png
Binary files differ
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index eff72d0..d502900 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -110,7 +110,7 @@
 }
 
 .el-input-group__append {
-  color: #3d7eff;
+  color: #2762bc;
 }
 
 .el-button.is-link {
@@ -153,7 +153,7 @@
 }
 
 .el-button--primary.is-link:focus {
-  color: #3d7eff !important;
+  color: #2762bc !important;
 }
 
 .el-button--danger.is-link:focus {
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 418dc62..f85f1f8 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -19,7 +19,7 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #e3edfcb0;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #3d7eff;
+  --g-header-menu-active-color: #2762bc;
   // 导航选中背景色
   --g-header-menu-active-bg: #dae9fe;
 
@@ -39,17 +39,17 @@
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #70b4ff;
+  --g-sub-sidebar-bg: #2762bc;
   // 菜单背景色
   --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
   --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: #3d7eff;
+  --g-sub-sidebar-menu-hover-color: #2762bc;
   // 菜单鼠标悬浮背景色
   --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #3d7eff;
+  --g-sub-sidebar-menu-active-color: #2762bc;
   // 菜单选中背景色
   --g-sub-sidebar-menu-active-bg: #dae9fe;
   // 弹出菜单背景色
diff --git a/src/css/override-element-ui.css b/src/css/override-element-ui.css
index 4a931e9..3b488ef 100644
--- a/src/css/override-element-ui.css
+++ b/src/css/override-element-ui.css
@@ -40,7 +40,7 @@
 }
 
 .el-button.el-button--primary {
-  background: #46a6fe !important;
+  background: #2762bc !important;
   color: #fff !important;
 }
 
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..593893e 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    background-color: transparent;
   }
 
   .nav {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index ead1f31..7a98a09 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -57,8 +57,9 @@
   left: 0;
   top: 0;
   bottom: 0;
-  background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  // background-color: var(--g-sub-sidebar-bg);
+  // background-image: linear-gradient(to right, #2f6fc6, #5bade5);
+  background: url("../../../assets/images/login-image/menu.png") no-repeat center;
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -87,8 +88,8 @@
     }
 
     &.sidebar-logo-bg {
-      // background-color: var(--g-main-sidebar-bg);
-      background-image: url("@/assets/images/header-image.png");
+      background: transparent;
+      // background-image: url("@/assets/images/header-image.png");
     }
 
     &.shadow {

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ
diff --git a/src/assets/images/login-image/password.png b/src/assets/images/login-image/password.png
new file mode 100644
index 0000000..61268fa
--- /dev/null
+++ b/src/assets/images/login-image/password.png
Binary files differ
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index eff72d0..d502900 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -110,7 +110,7 @@
 }
 
 .el-input-group__append {
-  color: #3d7eff;
+  color: #2762bc;
 }
 
 .el-button.is-link {
@@ -153,7 +153,7 @@
 }
 
 .el-button--primary.is-link:focus {
-  color: #3d7eff !important;
+  color: #2762bc !important;
 }
 
 .el-button--danger.is-link:focus {
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 418dc62..f85f1f8 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -19,7 +19,7 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #e3edfcb0;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #3d7eff;
+  --g-header-menu-active-color: #2762bc;
   // 导航选中背景色
   --g-header-menu-active-bg: #dae9fe;
 
@@ -39,17 +39,17 @@
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #70b4ff;
+  --g-sub-sidebar-bg: #2762bc;
   // 菜单背景色
   --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
   --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: #3d7eff;
+  --g-sub-sidebar-menu-hover-color: #2762bc;
   // 菜单鼠标悬浮背景色
   --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #3d7eff;
+  --g-sub-sidebar-menu-active-color: #2762bc;
   // 菜单选中背景色
   --g-sub-sidebar-menu-active-bg: #dae9fe;
   // 弹出菜单背景色
diff --git a/src/css/override-element-ui.css b/src/css/override-element-ui.css
index 4a931e9..3b488ef 100644
--- a/src/css/override-element-ui.css
+++ b/src/css/override-element-ui.css
@@ -40,7 +40,7 @@
 }
 
 .el-button.el-button--primary {
-  background: #46a6fe !important;
+  background: #2762bc !important;
   color: #fff !important;
 }
 
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..593893e 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    background-color: transparent;
   }
 
   .nav {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index ead1f31..7a98a09 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -57,8 +57,9 @@
   left: 0;
   top: 0;
   bottom: 0;
-  background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  // background-color: var(--g-sub-sidebar-bg);
+  // background-image: linear-gradient(to right, #2f6fc6, #5bade5);
+  background: url("../../../assets/images/login-image/menu.png") no-repeat center;
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -87,8 +88,8 @@
     }
 
     &.sidebar-logo-bg {
-      // background-color: var(--g-main-sidebar-bg);
-      background-image: url("@/assets/images/header-image.png");
+      background: transparent;
+      // background-image: url("@/assets/images/header-image.png");
     }
 
     &.shadow {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f735371..6cb6427 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,18 +54,18 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
-        <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
+        </div> -->
+        <!-- <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
               {{ item.title }}
             </el-breadcrumb-item>
           </transition-group>
-        </el-breadcrumb>
+        </el-breadcrumb> -->
       </div>
       <tools />
     </div>
@@ -83,7 +83,7 @@
   justify-content: space-between;
   height: var(--g-topbar-height);
   transition: width 0.3s, top 0.3s, transform 0.3s, background-color 0.3s, var(--el-transition-box-shadow);
-  background-image: linear-gradient(90deg, #71b5ff 30%, #3d7eff);
+  background-image: linear-gradient(to right, #2764bc, #5bade5);
 
   .topbar-container-inner {
     width: 100%;

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ
diff --git a/src/assets/images/login-image/password.png b/src/assets/images/login-image/password.png
new file mode 100644
index 0000000..61268fa
--- /dev/null
+++ b/src/assets/images/login-image/password.png
Binary files differ
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index eff72d0..d502900 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -110,7 +110,7 @@
 }
 
 .el-input-group__append {
-  color: #3d7eff;
+  color: #2762bc;
 }
 
 .el-button.is-link {
@@ -153,7 +153,7 @@
 }
 
 .el-button--primary.is-link:focus {
-  color: #3d7eff !important;
+  color: #2762bc !important;
 }
 
 .el-button--danger.is-link:focus {
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 418dc62..f85f1f8 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -19,7 +19,7 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #e3edfcb0;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #3d7eff;
+  --g-header-menu-active-color: #2762bc;
   // 导航选中背景色
   --g-header-menu-active-bg: #dae9fe;
 
@@ -39,17 +39,17 @@
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #70b4ff;
+  --g-sub-sidebar-bg: #2762bc;
   // 菜单背景色
   --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
   --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: #3d7eff;
+  --g-sub-sidebar-menu-hover-color: #2762bc;
   // 菜单鼠标悬浮背景色
   --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #3d7eff;
+  --g-sub-sidebar-menu-active-color: #2762bc;
   // 菜单选中背景色
   --g-sub-sidebar-menu-active-bg: #dae9fe;
   // 弹出菜单背景色
diff --git a/src/css/override-element-ui.css b/src/css/override-element-ui.css
index 4a931e9..3b488ef 100644
--- a/src/css/override-element-ui.css
+++ b/src/css/override-element-ui.css
@@ -40,7 +40,7 @@
 }
 
 .el-button.el-button--primary {
-  background: #46a6fe !important;
+  background: #2762bc !important;
   color: #fff !important;
 }
 
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..593893e 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    background-color: transparent;
   }
 
   .nav {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index ead1f31..7a98a09 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -57,8 +57,9 @@
   left: 0;
   top: 0;
   bottom: 0;
-  background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  // background-color: var(--g-sub-sidebar-bg);
+  // background-image: linear-gradient(to right, #2f6fc6, #5bade5);
+  background: url("../../../assets/images/login-image/menu.png") no-repeat center;
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -87,8 +88,8 @@
     }
 
     &.sidebar-logo-bg {
-      // background-color: var(--g-main-sidebar-bg);
-      background-image: url("@/assets/images/header-image.png");
+      background: transparent;
+      // background-image: url("@/assets/images/header-image.png");
     }
 
     &.shadow {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f735371..6cb6427 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,18 +54,18 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
-        <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
+        </div> -->
+        <!-- <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
               {{ item.title }}
             </el-breadcrumb-item>
           </transition-group>
-        </el-breadcrumb>
+        </el-breadcrumb> -->
       </div>
       <tools />
     </div>
@@ -83,7 +83,7 @@
   justify-content: space-between;
   height: var(--g-topbar-height);
   transition: width 0.3s, top 0.3s, transform 0.3s, background-color 0.3s, var(--el-transition-box-shadow);
-  background-image: linear-gradient(90deg, #71b5ff 30%, #3d7eff);
+  background-image: linear-gradient(to right, #2764bc, #5bade5);
 
   .topbar-container-inner {
     width: 100%;
diff --git a/src/views/inspection/gas/gas-interface.ts b/src/views/inspection/gas/gas-interface.ts
new file mode 100644
index 0000000..55cfe03
--- /dev/null
+++ b/src/views/inspection/gas/gas-interface.ts
@@ -0,0 +1,25 @@
+// 列表筛选接口
+export interface IListQuery {
+  alarmNo: string // 报警编号
+  startTime: string // 报警开始时间
+  endTime: string // 报警结束时间
+  alarmGasConcentration: string // 报警燃气浓度
+  thresholdValue: string // 报警阈值
+  taskName: string // 巡检任务名称
+  position: string // 报警位置
+  alarmStatus: string // 报警状态
+  offset: number
+  limit: number
+}
+
+// 列表数据接口
+export interface IList {
+  id: string // 主键
+  alarmNo: string // 报警编号
+  alarmTime: string // 报警时间
+  alarmGasConcentration: string // 报警燃气浓度
+  thresholdValue: string // 报警阈值
+  taskName: string // 巡检任务名称
+  position: string // 报警位置
+  alarmStatus: string // 报警状态
+}

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ
diff --git a/src/assets/images/login-image/password.png b/src/assets/images/login-image/password.png
new file mode 100644
index 0000000..61268fa
--- /dev/null
+++ b/src/assets/images/login-image/password.png
Binary files differ
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index eff72d0..d502900 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -110,7 +110,7 @@
 }
 
 .el-input-group__append {
-  color: #3d7eff;
+  color: #2762bc;
 }
 
 .el-button.is-link {
@@ -153,7 +153,7 @@
 }
 
 .el-button--primary.is-link:focus {
-  color: #3d7eff !important;
+  color: #2762bc !important;
 }
 
 .el-button--danger.is-link:focus {
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 418dc62..f85f1f8 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -19,7 +19,7 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #e3edfcb0;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #3d7eff;
+  --g-header-menu-active-color: #2762bc;
   // 导航选中背景色
   --g-header-menu-active-bg: #dae9fe;
 
@@ -39,17 +39,17 @@
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #70b4ff;
+  --g-sub-sidebar-bg: #2762bc;
   // 菜单背景色
   --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
   --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: #3d7eff;
+  --g-sub-sidebar-menu-hover-color: #2762bc;
   // 菜单鼠标悬浮背景色
   --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #3d7eff;
+  --g-sub-sidebar-menu-active-color: #2762bc;
   // 菜单选中背景色
   --g-sub-sidebar-menu-active-bg: #dae9fe;
   // 弹出菜单背景色
diff --git a/src/css/override-element-ui.css b/src/css/override-element-ui.css
index 4a931e9..3b488ef 100644
--- a/src/css/override-element-ui.css
+++ b/src/css/override-element-ui.css
@@ -40,7 +40,7 @@
 }
 
 .el-button.el-button--primary {
-  background: #46a6fe !important;
+  background: #2762bc !important;
   color: #fff !important;
 }
 
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..593893e 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    background-color: transparent;
   }
 
   .nav {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index ead1f31..7a98a09 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -57,8 +57,9 @@
   left: 0;
   top: 0;
   bottom: 0;
-  background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  // background-color: var(--g-sub-sidebar-bg);
+  // background-image: linear-gradient(to right, #2f6fc6, #5bade5);
+  background: url("../../../assets/images/login-image/menu.png") no-repeat center;
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -87,8 +88,8 @@
     }
 
     &.sidebar-logo-bg {
-      // background-color: var(--g-main-sidebar-bg);
-      background-image: url("@/assets/images/header-image.png");
+      background: transparent;
+      // background-image: url("@/assets/images/header-image.png");
     }
 
     &.shadow {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f735371..6cb6427 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,18 +54,18 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
-        <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
+        </div> -->
+        <!-- <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
               {{ item.title }}
             </el-breadcrumb-item>
           </transition-group>
-        </el-breadcrumb>
+        </el-breadcrumb> -->
       </div>
       <tools />
     </div>
@@ -83,7 +83,7 @@
   justify-content: space-between;
   height: var(--g-topbar-height);
   transition: width 0.3s, top 0.3s, transform 0.3s, background-color 0.3s, var(--el-transition-box-shadow);
-  background-image: linear-gradient(90deg, #71b5ff 30%, #3d7eff);
+  background-image: linear-gradient(to right, #2764bc, #5bade5);
 
   .topbar-container-inner {
     width: 100%;
diff --git a/src/views/inspection/gas/gas-interface.ts b/src/views/inspection/gas/gas-interface.ts
new file mode 100644
index 0000000..55cfe03
--- /dev/null
+++ b/src/views/inspection/gas/gas-interface.ts
@@ -0,0 +1,25 @@
+// 列表筛选接口
+export interface IListQuery {
+  alarmNo: string // 报警编号
+  startTime: string // 报警开始时间
+  endTime: string // 报警结束时间
+  alarmGasConcentration: string // 报警燃气浓度
+  thresholdValue: string // 报警阈值
+  taskName: string // 巡检任务名称
+  position: string // 报警位置
+  alarmStatus: string // 报警状态
+  offset: number
+  limit: number
+}
+
+// 列表数据接口
+export interface IList {
+  id: string // 主键
+  alarmNo: string // 报警编号
+  alarmTime: string // 报警时间
+  alarmGasConcentration: string // 报警燃气浓度
+  thresholdValue: string // 报警阈值
+  taskName: string // 巡检任务名称
+  position: string // 报警位置
+  alarmStatus: string // 报警状态
+}
diff --git a/src/views/inspection/gas/list.vue b/src/views/inspection/gas/list.vue
index 249c233..a19a460 100644
--- a/src/views/inspection/gas/list.vue
+++ b/src/views/inspection/gas/list.vue
@@ -1,9 +1,252 @@
-<script name="Home" setup lang="ts">
-// 逻辑代码
+<!-- 燃气报警列表页 -->
+<script name="TaskList" setup lang="ts">
+import { getCurrentInstance, onMounted, ref, watch } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { DateModelType } from 'element-plus'
+import type { dictType } from '../../../global'
+import type { IList, IListQuery } from './gas-interface'
+import { getDictByCode } from '@/api/system/dict'
+import { exportFile } from '@/utils/exportUtils'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+const $router = useRouter()
+const { proxy } = getCurrentInstance() as any
+
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  alarmNo: '', // 报警编号
+  startTime: '', // 报警开始时间
+  endTime: '', // 报警结束时间
+  alarmGasConcentration: '', // 报警燃气浓度
+  thresholdValue: '', // 报警阈值
+  taskName: '', // 巡检任务名称
+  position: '', // 报警位置
+  alarmStatus: '', // 报警状态
+  offset: 1,
+  limit: 20,
+})
+const total = ref(0) // 数据条数
+const loadingTable = ref(false) // 表格loading
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '报警编号', value: 'alarmNo', align: 'center', width: '160' },
+  { text: '报警时间', value: 'alarmTime', align: 'center', width: '180' },
+  { text: '报警燃气浓度（ppm·m）', value: 'alarmGasConcentration', align: 'center' },
+  { text: '报警阈值（ppm·m）', value: 'thresholdValue', align: 'center' },
+  { text: '巡检任务名称', value: 'taskName', align: 'center' },
+  { text: '报警位置', value: 'position', align: 'center' },
+  { text: '报警状态', value: 'alarmStatus', align: 'center', width: '90' },
+])
+const list = ref<IList[]>([]) // 表格数据
+// 筛选时间段数据
+const dateRange = ref<[DateModelType, DateModelType]>(['', ''])
+// 选中的内容
+const checkoutList = ref<string[]>([])
+
+// 时间变更
+watch(dateRange, (val) => {
+  if (val) {
+    listQuery.value.startTime = `${val[0]}`
+    listQuery.value.endTime = `${val[1]}`
+  }
+  else {
+    listQuery.value.startTime = ''
+    listQuery.value.endTime = ''
+  }
+})
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  list.value = [
+    {
+      id: '1', // 主键
+      alarmNo: '1', // 报警编号
+      alarmTime: '1', // 报警结束时间
+      alarmGasConcentration: '1', // 报警燃气浓度
+      thresholdValue: '1', // 报警阈值
+      taskName: '1', // 巡检任务名称
+      position: '1', // 报警位置
+      alarmStatus: '1', // 报警状态
+    },
+  ]
+  // total.value = parseInt(response.data.total)
+  loadingTable.value = false
+}
+// 搜索
+const searchList = () => {
+  fetchData(true)
+}
+
+// 重置
+const reset = () => {
+  listQuery.value = {
+    alarmNo: '', // 报警编号
+    startTime: '', // 报警开始时间
+    endTime: '', // 报警结束时间
+    alarmGasConcentration: '', // 报警燃气浓度
+    thresholdValue: '', // 报警阈值
+    taskName: '', // 巡检任务名称
+    position: '', // 报警位置
+    alarmStatus: '', // 报警状态
+    offset: 1,
+    limit: 20,
+  }
+  dateRange.value = ['', ''] // 时间清空
+  fetchData(true)
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+// 导出
+const exportList = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      alarmNo: listQuery.value.alarmNo, // 报警编号
+      startTime: listQuery.value.startTime, // 报警开始时间
+      endTime: listQuery.value.endTime, // 报警结束时间
+      alarmGasConcentration: listQuery.value.alarmGasConcentration, // 报警燃气浓度
+      thresholdValue: listQuery.value.thresholdValue, // 报警阈值
+      taskName: listQuery.value.taskName, // 巡检任务名称
+      position: listQuery.value.position, // 报警位置
+      alarmStatus: listQuery.value.alarmStatus, // 报警状态
+      offset: 1,
+      limit: 20,
+      ids: checkoutList.value,
+    }
+    // 调导出接口
+    // exportBusinessSettlementList(params).then((res) => {
+    //   const blob = new Blob([res.data])
+    //   exportFile(blob, '巡检任务列表.xlsx')
+    // })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData(true)
+}
+
+// 详情或者编辑
+const handleEdit = (row: IList, pageType: 'edit' | 'detail') => {
+  // $router.push({ path: `/businessSettlement/${pageType}/${row.id}` })
+}
+
+const alarmStatusMap = ref<dictType[]>([]) // 报警状态
+
+// 查询字典
+const getDict = async () => {
+  // 巡检状态
+  getDictByCode('inspectionStatus').then((response) => {
+    alarmStatusMap.value = response.data
+  })
+}
+
+onMounted(async () => {
+  await getDict()
+  fetchData(true) // 获取数据
+})
 </script>
 
 <template>
-  <div>燃气报警列表页</div>
+  <!-- 布局 -->
+  <app-container>
+    <search-area :need-clear="true" @search="searchList" @clear="reset">
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.alarmNo"
+          placeholder="报警编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="dateRange"
+          class="short-input"
+          type="datetimerange"
+          range-separator="至"
+          format="YYYY-MM-DD HH:mm:ss"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          start-placeholder="报警开始时间"
+          end-placeholder="报警结束时间"
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.taskName"
+          placeholder="巡检任务名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.position"
+          placeholder="报警位置"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.alarmStatus" class="short-input" placeholder="报警状态" clearable>
+          <el-option v-for="item in alarmStatusMap" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button icon="icon-export" title="导出" type="primary" @click="exportList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+        is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" fixed="right" width="120">
+            <template #default="{ row }">
+              <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
+                详情
+              </el-button>
+              <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                报警处置
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+  </app-container>
 </template>
 
 <style lang="scss" scoped>

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ
diff --git a/src/assets/images/login-image/password.png b/src/assets/images/login-image/password.png
new file mode 100644
index 0000000..61268fa
--- /dev/null
+++ b/src/assets/images/login-image/password.png
Binary files differ
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index eff72d0..d502900 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -110,7 +110,7 @@
 }
 
 .el-input-group__append {
-  color: #3d7eff;
+  color: #2762bc;
 }
 
 .el-button.is-link {
@@ -153,7 +153,7 @@
 }
 
 .el-button--primary.is-link:focus {
-  color: #3d7eff !important;
+  color: #2762bc !important;
 }
 
 .el-button--danger.is-link:focus {
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 418dc62..f85f1f8 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -19,7 +19,7 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #e3edfcb0;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #3d7eff;
+  --g-header-menu-active-color: #2762bc;
   // 导航选中背景色
   --g-header-menu-active-bg: #dae9fe;
 
@@ -39,17 +39,17 @@
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #70b4ff;
+  --g-sub-sidebar-bg: #2762bc;
   // 菜单背景色
   --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
   --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: #3d7eff;
+  --g-sub-sidebar-menu-hover-color: #2762bc;
   // 菜单鼠标悬浮背景色
   --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #3d7eff;
+  --g-sub-sidebar-menu-active-color: #2762bc;
   // 菜单选中背景色
   --g-sub-sidebar-menu-active-bg: #dae9fe;
   // 弹出菜单背景色
diff --git a/src/css/override-element-ui.css b/src/css/override-element-ui.css
index 4a931e9..3b488ef 100644
--- a/src/css/override-element-ui.css
+++ b/src/css/override-element-ui.css
@@ -40,7 +40,7 @@
 }
 
 .el-button.el-button--primary {
-  background: #46a6fe !important;
+  background: #2762bc !important;
   color: #fff !important;
 }
 
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..593893e 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    background-color: transparent;
   }
 
   .nav {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index ead1f31..7a98a09 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -57,8 +57,9 @@
   left: 0;
   top: 0;
   bottom: 0;
-  background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  // background-color: var(--g-sub-sidebar-bg);
+  // background-image: linear-gradient(to right, #2f6fc6, #5bade5);
+  background: url("../../../assets/images/login-image/menu.png") no-repeat center;
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -87,8 +88,8 @@
     }
 
     &.sidebar-logo-bg {
-      // background-color: var(--g-main-sidebar-bg);
-      background-image: url("@/assets/images/header-image.png");
+      background: transparent;
+      // background-image: url("@/assets/images/header-image.png");
     }
 
     &.shadow {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f735371..6cb6427 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,18 +54,18 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
-        <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
+        </div> -->
+        <!-- <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
               {{ item.title }}
             </el-breadcrumb-item>
           </transition-group>
-        </el-breadcrumb>
+        </el-breadcrumb> -->
       </div>
       <tools />
     </div>
@@ -83,7 +83,7 @@
   justify-content: space-between;
   height: var(--g-topbar-height);
   transition: width 0.3s, top 0.3s, transform 0.3s, background-color 0.3s, var(--el-transition-box-shadow);
-  background-image: linear-gradient(90deg, #71b5ff 30%, #3d7eff);
+  background-image: linear-gradient(to right, #2764bc, #5bade5);
 
   .topbar-container-inner {
     width: 100%;
diff --git a/src/views/inspection/gas/gas-interface.ts b/src/views/inspection/gas/gas-interface.ts
new file mode 100644
index 0000000..55cfe03
--- /dev/null
+++ b/src/views/inspection/gas/gas-interface.ts
@@ -0,0 +1,25 @@
+// 列表筛选接口
+export interface IListQuery {
+  alarmNo: string // 报警编号
+  startTime: string // 报警开始时间
+  endTime: string // 报警结束时间
+  alarmGasConcentration: string // 报警燃气浓度
+  thresholdValue: string // 报警阈值
+  taskName: string // 巡检任务名称
+  position: string // 报警位置
+  alarmStatus: string // 报警状态
+  offset: number
+  limit: number
+}
+
+// 列表数据接口
+export interface IList {
+  id: string // 主键
+  alarmNo: string // 报警编号
+  alarmTime: string // 报警时间
+  alarmGasConcentration: string // 报警燃气浓度
+  thresholdValue: string // 报警阈值
+  taskName: string // 巡检任务名称
+  position: string // 报警位置
+  alarmStatus: string // 报警状态
+}
diff --git a/src/views/inspection/gas/list.vue b/src/views/inspection/gas/list.vue
index 249c233..a19a460 100644
--- a/src/views/inspection/gas/list.vue
+++ b/src/views/inspection/gas/list.vue
@@ -1,9 +1,252 @@
-<script name="Home" setup lang="ts">
-// 逻辑代码
+<!-- 燃气报警列表页 -->
+<script name="TaskList" setup lang="ts">
+import { getCurrentInstance, onMounted, ref, watch } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { DateModelType } from 'element-plus'
+import type { dictType } from '../../../global'
+import type { IList, IListQuery } from './gas-interface'
+import { getDictByCode } from '@/api/system/dict'
+import { exportFile } from '@/utils/exportUtils'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+const $router = useRouter()
+const { proxy } = getCurrentInstance() as any
+
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  alarmNo: '', // 报警编号
+  startTime: '', // 报警开始时间
+  endTime: '', // 报警结束时间
+  alarmGasConcentration: '', // 报警燃气浓度
+  thresholdValue: '', // 报警阈值
+  taskName: '', // 巡检任务名称
+  position: '', // 报警位置
+  alarmStatus: '', // 报警状态
+  offset: 1,
+  limit: 20,
+})
+const total = ref(0) // 数据条数
+const loadingTable = ref(false) // 表格loading
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '报警编号', value: 'alarmNo', align: 'center', width: '160' },
+  { text: '报警时间', value: 'alarmTime', align: 'center', width: '180' },
+  { text: '报警燃气浓度（ppm·m）', value: 'alarmGasConcentration', align: 'center' },
+  { text: '报警阈值（ppm·m）', value: 'thresholdValue', align: 'center' },
+  { text: '巡检任务名称', value: 'taskName', align: 'center' },
+  { text: '报警位置', value: 'position', align: 'center' },
+  { text: '报警状态', value: 'alarmStatus', align: 'center', width: '90' },
+])
+const list = ref<IList[]>([]) // 表格数据
+// 筛选时间段数据
+const dateRange = ref<[DateModelType, DateModelType]>(['', ''])
+// 选中的内容
+const checkoutList = ref<string[]>([])
+
+// 时间变更
+watch(dateRange, (val) => {
+  if (val) {
+    listQuery.value.startTime = `${val[0]}`
+    listQuery.value.endTime = `${val[1]}`
+  }
+  else {
+    listQuery.value.startTime = ''
+    listQuery.value.endTime = ''
+  }
+})
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  list.value = [
+    {
+      id: '1', // 主键
+      alarmNo: '1', // 报警编号
+      alarmTime: '1', // 报警结束时间
+      alarmGasConcentration: '1', // 报警燃气浓度
+      thresholdValue: '1', // 报警阈值
+      taskName: '1', // 巡检任务名称
+      position: '1', // 报警位置
+      alarmStatus: '1', // 报警状态
+    },
+  ]
+  // total.value = parseInt(response.data.total)
+  loadingTable.value = false
+}
+// 搜索
+const searchList = () => {
+  fetchData(true)
+}
+
+// 重置
+const reset = () => {
+  listQuery.value = {
+    alarmNo: '', // 报警编号
+    startTime: '', // 报警开始时间
+    endTime: '', // 报警结束时间
+    alarmGasConcentration: '', // 报警燃气浓度
+    thresholdValue: '', // 报警阈值
+    taskName: '', // 巡检任务名称
+    position: '', // 报警位置
+    alarmStatus: '', // 报警状态
+    offset: 1,
+    limit: 20,
+  }
+  dateRange.value = ['', ''] // 时间清空
+  fetchData(true)
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+// 导出
+const exportList = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      alarmNo: listQuery.value.alarmNo, // 报警编号
+      startTime: listQuery.value.startTime, // 报警开始时间
+      endTime: listQuery.value.endTime, // 报警结束时间
+      alarmGasConcentration: listQuery.value.alarmGasConcentration, // 报警燃气浓度
+      thresholdValue: listQuery.value.thresholdValue, // 报警阈值
+      taskName: listQuery.value.taskName, // 巡检任务名称
+      position: listQuery.value.position, // 报警位置
+      alarmStatus: listQuery.value.alarmStatus, // 报警状态
+      offset: 1,
+      limit: 20,
+      ids: checkoutList.value,
+    }
+    // 调导出接口
+    // exportBusinessSettlementList(params).then((res) => {
+    //   const blob = new Blob([res.data])
+    //   exportFile(blob, '巡检任务列表.xlsx')
+    // })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData(true)
+}
+
+// 详情或者编辑
+const handleEdit = (row: IList, pageType: 'edit' | 'detail') => {
+  // $router.push({ path: `/businessSettlement/${pageType}/${row.id}` })
+}
+
+const alarmStatusMap = ref<dictType[]>([]) // 报警状态
+
+// 查询字典
+const getDict = async () => {
+  // 巡检状态
+  getDictByCode('inspectionStatus').then((response) => {
+    alarmStatusMap.value = response.data
+  })
+}
+
+onMounted(async () => {
+  await getDict()
+  fetchData(true) // 获取数据
+})
 </script>
 
 <template>
-  <div>燃气报警列表页</div>
+  <!-- 布局 -->
+  <app-container>
+    <search-area :need-clear="true" @search="searchList" @clear="reset">
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.alarmNo"
+          placeholder="报警编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="dateRange"
+          class="short-input"
+          type="datetimerange"
+          range-separator="至"
+          format="YYYY-MM-DD HH:mm:ss"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          start-placeholder="报警开始时间"
+          end-placeholder="报警结束时间"
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.taskName"
+          placeholder="巡检任务名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.position"
+          placeholder="报警位置"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.alarmStatus" class="short-input" placeholder="报警状态" clearable>
+          <el-option v-for="item in alarmStatusMap" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button icon="icon-export" title="导出" type="primary" @click="exportList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+        is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" fixed="right" width="120">
+            <template #default="{ row }">
+              <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
+                详情
+              </el-button>
+              <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                报警处置
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+  </app-container>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/inspection/task/list.vue b/src/views/inspection/task/list.vue
index 0cd9a37..f5d3dcb 100644
--- a/src/views/inspection/task/list.vue
+++ b/src/views/inspection/task/list.vue
@@ -173,7 +173,7 @@
     })
 }
 
-const inspectionStatusMap = ref<dictType[]>([]) // 合同类型
+const inspectionStatusMap = ref<dictType[]>([]) // 巡检状态
 
 // 查询字典
 const getDict = async () => {

diff --git a/src/assets/images/login-image/bg_new.png b/src/assets/images/login-image/bg_new.png
new file mode 100644
index 0000000..cdea64d
--- /dev/null
+++ b/src/assets/images/login-image/bg_new.png
Binary files differ
diff --git a/src/assets/images/login-image/menu.png b/src/assets/images/login-image/menu.png
new file mode 100644
index 0000000..a5e02b4
--- /dev/null
+++ b/src/assets/images/login-image/menu.png
Binary files differ
diff --git a/src/assets/images/login-image/mine.png b/src/assets/images/login-image/mine.png
new file mode 100644
index 0000000..03828db
--- /dev/null
+++ b/src/assets/images/login-image/mine.png
Binary files differ
diff --git a/src/assets/images/login-image/password.png b/src/assets/images/login-image/password.png
new file mode 100644
index 0000000..61268fa
--- /dev/null
+++ b/src/assets/images/login-image/password.png
Binary files differ
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index eff72d0..d502900 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -110,7 +110,7 @@
 }
 
 .el-input-group__append {
-  color: #3d7eff;
+  color: #2762bc;
 }
 
 .el-button.is-link {
@@ -153,7 +153,7 @@
 }
 
 .el-button--primary.is-link:focus {
-  color: #3d7eff !important;
+  color: #2762bc !important;
 }
 
 .el-button--danger.is-link:focus {
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 418dc62..f85f1f8 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -19,7 +19,7 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #e3edfcb0;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #3d7eff;
+  --g-header-menu-active-color: #2762bc;
   // 导航选中背景色
   --g-header-menu-active-bg: #dae9fe;
 
@@ -39,17 +39,17 @@
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #70b4ff;
+  --g-sub-sidebar-bg: #2762bc;
   // 菜单背景色
   --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
   --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: #3d7eff;
+  --g-sub-sidebar-menu-hover-color: #2762bc;
   // 菜单鼠标悬浮背景色
   --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #3d7eff;
+  --g-sub-sidebar-menu-active-color: #2762bc;
   // 菜单选中背景色
   --g-sub-sidebar-menu-active-bg: #dae9fe;
   // 弹出菜单背景色
diff --git a/src/css/override-element-ui.css b/src/css/override-element-ui.css
index 4a931e9..3b488ef 100644
--- a/src/css/override-element-ui.css
+++ b/src/css/override-element-ui.css
@@ -40,7 +40,7 @@
 }
 
 .el-button.el-button--primary {
-  background: #46a6fe !important;
+  background: #2762bc !important;
   color: #fff !important;
 }
 
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..593893e 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    background-color: transparent;
   }
 
   .nav {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index ead1f31..7a98a09 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -57,8 +57,9 @@
   left: 0;
   top: 0;
   bottom: 0;
-  background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  // background-color: var(--g-sub-sidebar-bg);
+  // background-image: linear-gradient(to right, #2f6fc6, #5bade5);
+  background: url("../../../assets/images/login-image/menu.png") no-repeat center;
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -87,8 +88,8 @@
     }
 
     &.sidebar-logo-bg {
-      // background-color: var(--g-main-sidebar-bg);
-      background-image: url("@/assets/images/header-image.png");
+      background: transparent;
+      // background-image: url("@/assets/images/header-image.png");
     }
 
     &.shadow {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f735371..6cb6427 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,18 +54,18 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
-        <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
+        </div> -->
+        <!-- <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
               {{ item.title }}
             </el-breadcrumb-item>
           </transition-group>
-        </el-breadcrumb>
+        </el-breadcrumb> -->
       </div>
       <tools />
     </div>
@@ -83,7 +83,7 @@
   justify-content: space-between;
   height: var(--g-topbar-height);
   transition: width 0.3s, top 0.3s, transform 0.3s, background-color 0.3s, var(--el-transition-box-shadow);
-  background-image: linear-gradient(90deg, #71b5ff 30%, #3d7eff);
+  background-image: linear-gradient(to right, #2764bc, #5bade5);
 
   .topbar-container-inner {
     width: 100%;
diff --git a/src/views/inspection/gas/gas-interface.ts b/src/views/inspection/gas/gas-interface.ts
new file mode 100644
index 0000000..55cfe03
--- /dev/null
+++ b/src/views/inspection/gas/gas-interface.ts
@@ -0,0 +1,25 @@
+// 列表筛选接口
+export interface IListQuery {
+  alarmNo: string // 报警编号
+  startTime: string // 报警开始时间
+  endTime: string // 报警结束时间
+  alarmGasConcentration: string // 报警燃气浓度
+  thresholdValue: string // 报警阈值
+  taskName: string // 巡检任务名称
+  position: string // 报警位置
+  alarmStatus: string // 报警状态
+  offset: number
+  limit: number
+}
+
+// 列表数据接口
+export interface IList {
+  id: string // 主键
+  alarmNo: string // 报警编号
+  alarmTime: string // 报警时间
+  alarmGasConcentration: string // 报警燃气浓度
+  thresholdValue: string // 报警阈值
+  taskName: string // 巡检任务名称
+  position: string // 报警位置
+  alarmStatus: string // 报警状态
+}
diff --git a/src/views/inspection/gas/list.vue b/src/views/inspection/gas/list.vue
index 249c233..a19a460 100644
--- a/src/views/inspection/gas/list.vue
+++ b/src/views/inspection/gas/list.vue
@@ -1,9 +1,252 @@
-<script name="Home" setup lang="ts">
-// 逻辑代码
+<!-- 燃气报警列表页 -->
+<script name="TaskList" setup lang="ts">
+import { getCurrentInstance, onMounted, ref, watch } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { DateModelType } from 'element-plus'
+import type { dictType } from '../../../global'
+import type { IList, IListQuery } from './gas-interface'
+import { getDictByCode } from '@/api/system/dict'
+import { exportFile } from '@/utils/exportUtils'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+const $router = useRouter()
+const { proxy } = getCurrentInstance() as any
+
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  alarmNo: '', // 报警编号
+  startTime: '', // 报警开始时间
+  endTime: '', // 报警结束时间
+  alarmGasConcentration: '', // 报警燃气浓度
+  thresholdValue: '', // 报警阈值
+  taskName: '', // 巡检任务名称
+  position: '', // 报警位置
+  alarmStatus: '', // 报警状态
+  offset: 1,
+  limit: 20,
+})
+const total = ref(0) // 数据条数
+const loadingTable = ref(false) // 表格loading
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '报警编号', value: 'alarmNo', align: 'center', width: '160' },
+  { text: '报警时间', value: 'alarmTime', align: 'center', width: '180' },
+  { text: '报警燃气浓度（ppm·m）', value: 'alarmGasConcentration', align: 'center' },
+  { text: '报警阈值（ppm·m）', value: 'thresholdValue', align: 'center' },
+  { text: '巡检任务名称', value: 'taskName', align: 'center' },
+  { text: '报警位置', value: 'position', align: 'center' },
+  { text: '报警状态', value: 'alarmStatus', align: 'center', width: '90' },
+])
+const list = ref<IList[]>([]) // 表格数据
+// 筛选时间段数据
+const dateRange = ref<[DateModelType, DateModelType]>(['', ''])
+// 选中的内容
+const checkoutList = ref<string[]>([])
+
+// 时间变更
+watch(dateRange, (val) => {
+  if (val) {
+    listQuery.value.startTime = `${val[0]}`
+    listQuery.value.endTime = `${val[1]}`
+  }
+  else {
+    listQuery.value.startTime = ''
+    listQuery.value.endTime = ''
+  }
+})
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  list.value = [
+    {
+      id: '1', // 主键
+      alarmNo: '1', // 报警编号
+      alarmTime: '1', // 报警结束时间
+      alarmGasConcentration: '1', // 报警燃气浓度
+      thresholdValue: '1', // 报警阈值
+      taskName: '1', // 巡检任务名称
+      position: '1', // 报警位置
+      alarmStatus: '1', // 报警状态
+    },
+  ]
+  // total.value = parseInt(response.data.total)
+  loadingTable.value = false
+}
+// 搜索
+const searchList = () => {
+  fetchData(true)
+}
+
+// 重置
+const reset = () => {
+  listQuery.value = {
+    alarmNo: '', // 报警编号
+    startTime: '', // 报警开始时间
+    endTime: '', // 报警结束时间
+    alarmGasConcentration: '', // 报警燃气浓度
+    thresholdValue: '', // 报警阈值
+    taskName: '', // 巡检任务名称
+    position: '', // 报警位置
+    alarmStatus: '', // 报警状态
+    offset: 1,
+    limit: 20,
+  }
+  dateRange.value = ['', ''] // 时间清空
+  fetchData(true)
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+// 导出
+const exportList = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      alarmNo: listQuery.value.alarmNo, // 报警编号
+      startTime: listQuery.value.startTime, // 报警开始时间
+      endTime: listQuery.value.endTime, // 报警结束时间
+      alarmGasConcentration: listQuery.value.alarmGasConcentration, // 报警燃气浓度
+      thresholdValue: listQuery.value.thresholdValue, // 报警阈值
+      taskName: listQuery.value.taskName, // 巡检任务名称
+      position: listQuery.value.position, // 报警位置
+      alarmStatus: listQuery.value.alarmStatus, // 报警状态
+      offset: 1,
+      limit: 20,
+      ids: checkoutList.value,
+    }
+    // 调导出接口
+    // exportBusinessSettlementList(params).then((res) => {
+    //   const blob = new Blob([res.data])
+    //   exportFile(blob, '巡检任务列表.xlsx')
+    // })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData(true)
+}
+
+// 详情或者编辑
+const handleEdit = (row: IList, pageType: 'edit' | 'detail') => {
+  // $router.push({ path: `/businessSettlement/${pageType}/${row.id}` })
+}
+
+const alarmStatusMap = ref<dictType[]>([]) // 报警状态
+
+// 查询字典
+const getDict = async () => {
+  // 巡检状态
+  getDictByCode('inspectionStatus').then((response) => {
+    alarmStatusMap.value = response.data
+  })
+}
+
+onMounted(async () => {
+  await getDict()
+  fetchData(true) // 获取数据
+})
 </script>
 
 <template>
-  <div>燃气报警列表页</div>
+  <!-- 布局 -->
+  <app-container>
+    <search-area :need-clear="true" @search="searchList" @clear="reset">
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.alarmNo"
+          placeholder="报警编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="dateRange"
+          class="short-input"
+          type="datetimerange"
+          range-separator="至"
+          format="YYYY-MM-DD HH:mm:ss"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          start-placeholder="报警开始时间"
+          end-placeholder="报警结束时间"
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.taskName"
+          placeholder="巡检任务名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.position"
+          placeholder="报警位置"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.alarmStatus" class="short-input" placeholder="报警状态" clearable>
+          <el-option v-for="item in alarmStatusMap" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button icon="icon-export" title="导出" type="primary" @click="exportList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+        is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" fixed="right" width="120">
+            <template #default="{ row }">
+              <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
+                详情
+              </el-button>
+              <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                报警处置
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+  </app-container>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/inspection/task/list.vue b/src/views/inspection/task/list.vue
index 0cd9a37..f5d3dcb 100644
--- a/src/views/inspection/task/list.vue
+++ b/src/views/inspection/task/list.vue
@@ -173,7 +173,7 @@
     })
 }
 
-const inspectionStatusMap = ref<dictType[]>([]) // 合同类型
+const inspectionStatusMap = ref<dictType[]>([]) // 巡检状态
 
 // 查询字典
 const getDict = async () => {
diff --git a/src/views/login.vue b/src/views/login.vue
index bd0d64d..33c03bb 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -207,11 +207,12 @@
 
 <template>
   <div>
-    <div class="bg-top-banner">
-      华东计量综合系统
-    </div>
     <div class="bg-banner" />
-    <div id="login-box">
+    <div style="position: absolute;left: 8%;top: 33%;font-size: 28px;color: #2762bc;font-weight: 600;">
+      地上地下一体化管线风险识别与预警系统
+    </div>
+
+    <div id="login-box" style="box-shadow: none;left: 25%;top: 60%;">
       <el-form
         v-show="formType === 'login'"
         ref="loginFormRef"
@@ -220,25 +221,18 @@
         class="login-form"
         autocomplete="on"
       >
-        <div class="title-container">
-          <h3 class="title">
-            用户登录
-          </h3>
-        </div>
         <div>
           <el-form-item prop="username">
             <el-input
               ref="name"
               v-model="loginForm.username"
-              placeholder="用户名"
+              placeholder="请输入用户名称"
               text
               tabindex="1"
               autocomplete="on"
             >
               <template #prefix>
-                <el-icon>
-                  <svg-icon name="ep:user" />
-                </el-icon>
+                <img src="../assets/images/login-image/mine.png" alt="" style="width: 30px;height: 30px;">
               </template>
             </el-input>
           </el-form-item>
@@ -246,25 +240,24 @@
             <el-input
               ref="loginPasswordRef"
               v-model="loginForm.password"
+              show-password
               :type="passwordType"
-              placeholder="密码"
+              placeholder="请输入登录密码"
               tabindex="2"
               autocomplete="on"
               @keyup.enter="handleLogin"
             >
               <template #prefix>
-                <el-icon>
-                  <svg-icon name="ep:lock" />
-                </el-icon>
+                <img src="../assets/images/login-image/password.png" alt="" style="width: 30px;height: 30px;">
               </template>
-              <template #suffix>
+              <!-- <template #suffix>
                 <el-icon>
                   <svg-icon
                     :name="passwordType === 'password' ? 'eye' : 'eye-open'"
                     @click="showPassword(loginPasswordRef)"
                   />
                 </el-icon>
-              </template>
+              </template> -->
             </el-input>
           </el-form-item>
         </div>
@@ -277,7 +270,7 @@
           :loading="loading"
           type="primary"
           size="large"
-          style="width: 100%;"
+          style="width: 100%;background-color: #2762bc;"
           @click.prevent="handleLogin"
         >
           登录
@@ -363,9 +356,6 @@
   text-align: center;
   font-size: 30px;
   color: #fff;
-  background:
-    url("../assets/images/login-image/banner.png") no-repeat
-    center / cover;
 }
 
 .bg-banner {
@@ -375,7 +365,7 @@
   height: 100%;
   // background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
   background:
-    url("../assets/images/login-image/bg.png") no-repeat center /
+    url("../assets/images/login-image/bg_new.png") no-repeat center /
     cover;
 }
 
@@ -421,12 +411,12 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    min-height: 500px;
+    // min-height: 500px;
     width: 500px;
     padding: 50px;
-    background:
-      url("../assets/images/login-image/frame.png") no-repeat
-      center / cover;
+    // background:
+    //   url("../assets/images/login-image/frame.png") no-repeat
+    //   center / cover;
     overflow: hidden;
 
     .title-container {
@@ -434,7 +424,7 @@
 
       .title {
         font-size: 1.3em;
-        color: #fff;
+        // color: #fff;
         margin: 0 auto 30px;
         text-align: center;
         font-weight: bold;
@@ -500,9 +490,14 @@
 
 :deep .el-input__wrapper {
   background-color: transparent !important;
+  border-bottom: 1px solid #ccc;
+  box-shadow: none;
+  border-radius: 0;
 }
 
-:deep .el-input__inner {
-  color: #fff !important;
+:deep .el-form-item.is-error .el-input__wrapper {
+  border-bottom: 1px solid var(--el-color-error);
+  box-shadow: none;
+  border-radius: 0;
 }
 </style>