diff --git a/src/styles/element-plus copy.scss b/src/styles/element-plus copy.scss
new file mode 100644
index 0000000..6757ddc
--- /dev/null
+++ b/src/styles/element-plus copy.scss	
@@ -0,0 +1,250 @@
+// 覆盖 ElementPlus 的主色变量
+
+// $--color-primary: #ff6600; // 设置主色为橙色
+// $--el-color-primary: red;
+/* 自定义 Element Plus 变量 */
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #2de6ff,
+    ),
+  ),
+  $select-dropdown: (
+    "background-color": transparent,
+  )
+  // $el-pagination: (
+//   --el-pagination-button-height-small: 24px;
+// )
+);
+
+/* 引入 Element Plus 样式 */
+@use "element-plus/theme-chalk/src/index.scss" as *;
+
+.el-button.is-text:not(.is-disabled):hover {
+  background-color: transparent;
+}
+
+.el-button.is-text:not(.is-disabled):hover {
+  background-color: transparent;
+}
+
+.el-button:hover {
+  color: white;
+  background-color: transparent;
+  outline: none;
+}
+
+/* 表格 */
+.ds_table {
+  position: relative;
+}
+/* 分页栏 */
+.fixed_pagination {
+  // width: calc(100% - 136px);
+  // background-color: white;
+  // z-index: 9;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  right: 0;
+  bottom: 0;
+}
+.noneFixed_pagination {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 20px 0;
+}
+.el-select--small .el-select__wrapper {
+  min-height: 28px;
+  line-height: 24px;
+}
+.el-pagination {
+  button {
+    background-color: transparent;
+    color: white;
+  }
+  button:disabled,
+  button.is-disabled {
+    background-color: transparent;
+  }
+
+  .el-pagination--small .btn-prev,
+  .el-pagination--small .btn-next,
+  .el-pagination--small .el-pager li {
+    height: 28px;
+    line-height: 28px;
+    min-width: 28px;
+  }
+  .el-select__placeholder {
+    color: white;
+  }
+  .el-select--small .el-select__wrapper {
+    width: 92px;
+  }
+  .el-select--small .el-select__wrapper {
+    padding: 2px 15px;
+  }
+  .el-pagination__jump {
+    color: white;
+    .el-input {
+      width: 40px;
+      height: 28px;
+    }
+    .el-input__wrapper {
+      background-color: transparent;
+
+      .el-input__inner {
+        color: white;
+        line-height: 24px;
+      }
+    }
+  }
+}
+.el-pager li {
+  background-color: transparent;
+  color: white;
+}
+
+/* 下拉选择 */
+.custom-select {
+  width: 150px;
+  background-color: #032b5c; /* 自定义背景色 */
+  border: none; /* 可选：去掉边框 */
+  .el-select__selected-item {
+    color: white; /* 文字颜色 */
+  }
+
+  .el-select__wrapper {
+    background: rgba(74, 126, 191, 0.1); /* 下拉框背景色 */
+    border: none !important; /* 边框 */
+    color: white; /* 文字颜色 */
+    height: 32px;
+    box-shadow: none;
+
+    &::placeholder {
+      color: rgba(255, 255, 255, 0.6); /* 占位符颜色 */
+    }
+  }
+  .el-select__wrapper {
+    min-height: 32px;
+    line-height: 32px;
+    box-shadow: 0 0 0 0 !important;
+  }
+  .el-select__arrow {
+    color: rgba(255, 255, 255, 0.6); /* 下拉箭头颜色 */
+  }
+  &:hover .el-select__inner {
+    border-color: transparent; /* 悬停边框颜色 */
+  }
+}
+.custom-input {
+  width: 150px;
+  background-color: #032b5c; /* 自定义背景色 */
+  border: none; /* 可选：去掉边框 */
+
+  .el-input__wrapper {
+    background: rgba(74, 126, 191, 0.1); /* 下拉框背景色 */
+    border: none; /* 边框 */
+    color: white; /* 文字颜色 */
+    height: 32px;
+    box-shadow: none;
+    &::placeholder {
+      color: rgba(255, 255, 255, 0.6); /* 占位符颜色 */
+    }
+  }
+  .el-input__inner {
+    color: white; /* 文字颜色 */
+    height: 32px;
+  }
+}
+
+/* 修改下拉菜单背景色 */
+.el-select-dropdown {
+  background-color: #032b5c; /* 下拉菜单背景 */
+  border: none; /* 可选：去掉下拉框边框 */
+  border: 1px solid #032b5c;
+  box-shadow: none; /* 可选：去掉阴影 */
+}
+/* 修改普通选项文字颜色 */
+.el-select-dropdown__item {
+  color: white; /* 下拉选项文字颜色 */
+}
+
+.el-select-dropdown__item.is-hovering {
+  background-color: #0c4eac;
+  color: white;
+}
+
+/* table */
+.table_action_box {
+  .el-button {
+    padding: 0;
+  }
+}
+
+.el-table--border .el-table__inner-wrapper::after,
+.el-table--border::after,
+.el-table--border::before,
+.el-table__inner-wrapper::before {
+  background-color: transparent !important;
+}
+
+/* 分页 */
+.el-pagination {
+  .el-pagination__total {
+    color: white;
+  }
+  .el-select {
+    background-color: transparent; /* 自定义背景色 */
+    border: none; /* 可选：去掉边框 */
+  }
+  .el-select__wrapper {
+    background-color: transparent;
+  }
+}
+
+/* 按钮 */
+.basic-btn {
+  height: 32px;
+  width: 76px;
+  margin: 0;
+  &.el-button {
+    margin-left: 0;
+  }
+}
+
+.query-btn {
+  background: linear-gradient(180deg, #2589ff 0%, #46a9ed 100%);
+  border: 1px solid #42a5f5;
+  border-radius: 2px;
+  color: white;
+  margin-left: 0;
+  & .icon {
+    width: 14px;
+    height: 14px;
+    background-image: url("@/assets/common/search_icon.png");
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+    margin-right: 5px;
+  }
+}
+
+.reset-btn {
+  background: transparent;
+  border-radius: 2px;
+  border: 1px solid #088bd6;
+  color: white;
+  box-shadow: none;
+  & .icon {
+    width: 14px;
+    height: 14px;
+    background-image: url("@/assets/common/reset_icon.png");
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+    margin-right: 5px;
+  }
+}
diff --git a/src/styles/element-plus.scss b/src/styles/element-plus.scss
index 8f111cb..364170d 100644
--- a/src/styles/element-plus.scss
+++ b/src/styles/element-plus.scss
@@ -6,7 +6,7 @@
 @forward "element-plus/theme-chalk/src/common/var.scss" with (
   $colors: (
     "primary": (
-      "base": #154DDD,
+      "base": #2de6ff,
     ),
   ),
   $select-dropdown: (
@@ -16,7 +16,6 @@
 //   --el-pagination-button-height-small: 24px;
 // )
 );
-
 /* 引入 Element Plus 样式 */
 @use "element-plus/theme-chalk/src/index.scss" as *;
 
@@ -29,8 +28,8 @@
 }
 
 .el-button:hover {
-  color: white;
-  background-color: #154DDD;
+  color: #333333;
+  background-color: transparent;
   outline: none;
 }
 
@@ -63,7 +62,7 @@
 .el-pagination {
   button {
     background-color: transparent;
-    color: white;
+    color: #333333;
   }
   button:disabled,
   button.is-disabled {
@@ -78,7 +77,7 @@
     min-width: 28px;
   }
   .el-select__placeholder {
-    color: white;
+    color: #333333;
   }
   .el-select--small .el-select__wrapper {
     width: 92px;
@@ -87,7 +86,7 @@
     padding: 2px 15px;
   }
   .el-pagination__jump {
-    color: white;
+    color: #333333;
     .el-input {
       width: 40px;
       height: 28px;
@@ -96,7 +95,7 @@
       background-color: transparent;
 
       .el-input__inner {
-        color: white;
+        color: #333333;
         line-height: 24px;
       }
     }
@@ -104,7 +103,7 @@
 }
 .el-pager li {
   background-color: transparent;
-  color: white;
+  color: #333333;
 }
 
 /* 下拉选择 */
@@ -113,13 +112,13 @@
   background-color: #032b5c; /* 自定义背景色 */
   border: none; /* 可选：去掉边框 */
   .el-select__selected-item {
-    color: white; /* 文字颜色 */
+    color: #333333; /* 文字颜色 */
   }
 
   .el-select__wrapper {
     background: rgba(74, 126, 191, 0.1); /* 下拉框背景色 */
     border: none !important; /* 边框 */
-    color: white; /* 文字颜色 */
+    color: #333333; /* 文字颜色 */
     height: 32px;
     box-shadow: none;
 
@@ -147,7 +146,7 @@
   .el-input__wrapper {
     background: rgba(74, 126, 191, 0.1); /* 下拉框背景色 */
     border: none; /* 边框 */
-    color: white; /* 文字颜色 */
+    color: #333333; /* 文字颜色 */
     height: 32px;
     box-shadow: none;
     &::placeholder {
@@ -155,7 +154,7 @@
     }
   }
   .el-input__inner {
-    color: white; /* 文字颜色 */
+    color: #333333; /* 文字颜色 */
     height: 32px;
   }
 }
@@ -169,12 +168,12 @@
 }
 /* 修改普通选项文字颜色 */
 .el-select-dropdown__item {
-  color: white; /* 下拉选项文字颜色 */
+  color: #333333; /* 下拉选项文字颜色 */
 }
 
 .el-select-dropdown__item.is-hovering {
   background-color: #0c4eac;
-  color: white;
+  color: #333333;
 }
 
 /* table */
@@ -194,7 +193,7 @@
 /* 分页 */
 .el-pagination {
   .el-pagination__total {
-    color: white;
+    color: #333333;
   }
   .el-select {
     background-color: transparent; /* 自定义背景色 */
@@ -219,7 +218,7 @@
   background: linear-gradient(180deg, #2589ff 0%, #46a9ed 100%);
   border: 1px solid #42a5f5;
   border-radius: 2px;
-  color: white;
+  color: #333333;
   margin-left: 0;
   & .icon {
     width: 14px;
@@ -236,7 +235,7 @@
   background: transparent;
   border-radius: 2px;
   border: 1px solid #088bd6;
-  color: white;
+  color: #333333;
   box-shadow: none;
   & .icon {
     width: 14px;
diff --git a/src/views/dataView/DataOverview.vue b/src/views/dataView/DataOverview.vue
index 80c37cc..83fdbff 100644
--- a/src/views/dataView/DataOverview.vue
+++ b/src/views/dataView/DataOverview.vue
@@ -99,7 +99,7 @@ onUnmounted(() => {
         <span>{{ title }}</span>
       </div>
     </div>
-    <div class="content-box" v-else>
+    <div class="w-full content-box" v-else>
       <!-- 标题栏 -->
       <div class="tilte-bar type-first-top" @click="() => isHomePage = true">
         <span>←</span> <span>{{ currentTilte }}</span>
diff --git a/src/views/dataView/components/Type4AudioDetection.vue b/src/views/dataView/components/Type4AudioDetection.vue
index 5a79b3f..f43b18e 100644
--- a/src/views/dataView/components/Type4AudioDetection.vue
+++ b/src/views/dataView/components/Type4AudioDetection.vue
@@ -2,71 +2,83 @@
  * @Author: donghao donghao@supervision.ltd
  * @Date: 2025-06-12 10:37:10
  * @LastEditors: donghao donghao@supervision.ltd
- * @LastEditTime: 2025-06-12 10:38:40
+ * @LastEditTime: 2025-06-12 14:44:33
  * @FilePath: \Web-Traffic-Police\src\views\dataView\components\Type4AudioDetection.vue
  * @Description: 音频检测
 -->
 <template>
     <div class="type-third">
-        <div class="type-third-top">
-            <span>←</span> <span>音频检测</span>
-        </div>
         <div class="type-third-mid">
             <BaseTable class="bg-transparent" :total="pagination.total" :pageSize="pagination.pageSize"
-                :dataSource="listData" :isFixedPagination="true" :columns="columns" :page="pagination.currentPage">
-              </BaseTable>
+                :dataSource="info" :isFixedPagination="true" :columns="columns" :page="pagination.currentPage">
+            </BaseTable>
         </div>
         <div class="type-third-bottom"></div>
     </div>
 </template>
-<script setup>
+<script lang="ts" setup>
 import { BaseTable } from "@/components/CustomTable";
+
+
 defineOptions({
-  name: "Type4AudioDetectionWarp"
+    name: "Type4AudioDetectionWarp"
+});
+
+interface Props {
+    typeKey: String;
+    info: Record<string, any>;
+    title: String;
+}
+
+const props = withDefaults(defineProps < Props > (), {
+    typeKey: "4",
+    info: {},
+    title: String
 });
+
 const pagination = ref({ currentPage: 1, pageSize: 10, total: 0 });
 const listData = ref([]); // 列表数据
 const columns = [
-  {
-    label: "视频",
-    property: "station",
-  },
-  {
-    label: "告知执法依据",
-    property: "train_number",
-  },
-  {
-    label: "告知民警身份",
-    property: "train_model",
-  },
-  {
-    label: "告知申辩权利",
-    property: "train_carriage_number",
-  },
-  {
-    label: "告知复议诉讼等救济途径",
-    property: "alarm_type",
-    width: 190,
-  },
-  {
-    label: "告知执法全程被记录",
-    property: "fault_type",
-    width: 160,
-  },
-  {
-    label: "核实当事人身份信息",
-    property: "level",
-    width: 160,
+    {
+        label: "视频",
+        property: "station",
+    },
+    {
+        label: "告知执法依据",
+        property: "告知执法依据",
+    },
+    {
+        label: "告知民警身份",
+        property: "train_model",
+    },
+    {
+        label: "告知申辩权利",
+        property: "train_carriage_number",
+    },
+    {
+        label: "告知复议诉讼等救济途径",
+        property: "alarm_type",
+        width: 190,
+    },
+    {
+        label: "告知执法全程被记录",
+        property: "fault_type",
+        width: 160,
+    },
+    {
+        label: "核实当事人身份信息",
+        property: "level",
+        width: 160,
 
-  },
-  {
-    label: "告知违法事实",
-    property: "created_at",
-  },
-  {
-    label: "语速(字/分钟)",
-    property: "created_at",
-  }
+    },
+    {
+        label: "告知违法事实",
+        property: "created_at",
+    },
+    {
+        label: "语速(字/分钟)",
+        property: "created_at",
+    }
 ]
 
 </script>
@@ -80,6 +92,7 @@ const columns = [
         font-size: 20px;
         color: #1D2129;
     }
+
     .type-third-mid {
         width: 100%;
         height: 812px;
diff --git a/src/views/dataView/hooks/useAllData.ts b/src/views/dataView/hooks/useAllData.ts
index a007423..d311108 100644
--- a/src/views/dataView/hooks/useAllData.ts
+++ b/src/views/dataView/hooks/useAllData.ts
@@ -2,7 +2,7 @@
  * @Author: donghao donghao@supervision.ltd
  * @Date: 2025-06-12 11:26:49
  * @LastEditors: donghao donghao@supervision.ltd
- * @LastEditTime: 2025-06-12 14:22:27
+ * @LastEditTime: 2025-06-12 14:33:40
  * @FilePath: \Web-Traffic-Police\src\views\dataView\hooks\useAll.ts
  * @Description: 处理数据
  */
@@ -17,7 +17,9 @@ export const useAllData = () => {
   }
 
   const typeMap = {
-    "1": [
+    "1": ["目标检测"],
+    "2": ["车牌识别", "人脸检测"],
+    "3": [
       "递钱",
       "递烟",
       "遮挡",
@@ -30,9 +32,8 @@ export const useAllData = () => {
       "语音角色",
       "多次吹气",
     ],
-    "2": ["车牌识别", "人脸检测"],
-    "3": ["音频检测"],
-    "4": ["目标检测"],
+    "4": ["音频检测"],
+    
   };
 
   // 去重生成目录