sss

src/views/flow/crmDoneList.vue

@@ -3,11 +3,13 @@
     <Header />
 
     <div class="content-wrapper mt-15 max-w-[1200px] mx-auto">
-      <div class="flex gap-5 items-center mb-4 bg-[#fff] py-2 pl-4 rounded-sm">
-        <p class="flex items-center">
+      <div
+        class="flex gap-5 items-center mb-4 bg-[#091126] py-2 pl-4 rounded-sm"
+      >
+        <p class="flex items-center text-white/90">
           <Icon
             icon="mynaui:arrow-up-down"
-            class="icon pr-1 h-6 w-6"
+            class="icon pr-1 h-8 w-8"
             color="#014099"
           />CRM已办任务列表
         </p>
@@ -35,8 +37,8 @@
           element-loading-text="加载中..."
           :empty-text="loading ? '' : '暂无数据'"
           :header-cell-style="{
-            backgroundColor: '#e9f7ff',
-            color: 'black',
+            backgroundColor: '#091126',
+            color: '#b8bfd0',
             fontWeight: '400',
           }"
           :cell-style="{
@@ -399,7 +401,6 @@ onMounted(async () => {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
-  background-color: #f5f7fa;
 }
 
 .content {
@@ -459,4 +460,124 @@ onMounted(async () => {
   margin-top: 0px;
   padding: 20px 0;
 }
+
+:deep(.el-table) {
+  background-color: #091126 !important;
+  color: white !important;
+}
+
+:deep(.table-wrapper) {
+  background: #091126 !important;
+}
+
+:deep(.el-table__header-wrapper thead) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-table__header-wrapper .el-table__header) {
+  border-bottom: none;
+}
+:deep(.el-table__inner-wrapper) {
+  background: #091126 !important;
+  color: white !important;
+}
+:deep(.el-table__body-wrapper .el-table__row) {
+  background: #091126;
+  color: white !important;
+}
+
+:deep(.el-table__body-wrapper .el-table__row .hover-row) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-table__body-wrapper .el-table__row .el-table__cell) {
+  background: #091126 !important;
+  color: white !important;
+  border-bottom: 1px solid #313849;
+}
+
+:deep(.el-loading-mask) {
+  background-color: rgba(9, 17, 38, 0.8) !important; /* 半透明深色遮罩 */
+}
+
+:deep(.el-table__body-wrapper .el-table__row .el-table__cell) {
+  border-bottom: 1px solid #313849;
+}
+
+:deep(.el-pagination is-background) {
+  background: #091126 !important;
+}
+
+:deep(.el-pagination .el-pager li) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-pagination .el-pager li.active) {
+  background: #2d8cf0 !important;
+}
+
+:deep(.el-select .el-select__wrapper) {
+  background: #091126 !important;
+  border: 1px solid #313849 !important;
+  outline: none !important;
+}
+
+:deep(.el-input) {
+  border: 1px solid #313849 !important;
+  outline: none !important;
+}
+
+:deep(.btn-next) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.btn-prev) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+/* 下拉菜单弹出层的背景 */
+:deep(.el-select-dropdown) {
+  background-color: #091126 !important;
+  border: 1px solid #313849 !important;
+}
+
+/* 下拉菜单项 */
+:deep(.el-select-dropdown__item) {
+  color: #fff !important;
+}
+
+:deep(.el-select-dropdown__item.hover),
+:deep(.el-select-dropdown__item:hover) {
+  background-color: #111a35 !important; /* 悬停深色背景 */
+}
+
+/* 关键：修复下拉选择框 (PageSize) 的白色边框/背景 */
+:deep(.el-pagination .el-select .el-select__wrapper) {
+  background-color: #091126 !important;
+  box-shadow: none !important; /* 去掉可能的阴影 */
+  border: 1px solid #313849 !important; /* 统一边框颜色 */
+}
+
+/* 去掉聚焦时的白色/蓝色轮廓 */
+:deep(.el-pagination .el-select .el-select__wrapper.is-focused),
+:deep(.el-pagination .el-select .el-select__wrapper:hover) {
+  box-shadow: none !important;
+  border-color: #409eff !important; /* 聚焦时变为主题蓝，或者保持 #313849 */
+}
+
+/* 通用输入框边框修复 (如果其他地方也有) */
+:deep(.el-input__wrapper) {
+  background-color: #091126 !important;
+  box-shadow: none !important; /* 去掉默认的白色/灰色阴影边框 */
+  border: 1px solid #313849 !important;
+}
+
+:deep(.el-input__inner) {
+  color: #fff !important;
+}
 </style>

src/views/flow/crmTodoList.vue

@@ -3,8 +3,10 @@
     <Header />
 
     <div class="content-wrapper mt-15 max-w-[1200px] mx-auto">
-      <div class="flex gap-5 items-center mb-4 bg-[#fff] py-2 pl-4 rounded-sm">
-        <p class="flex items-center">
+      <div
+        class="flex gap-5 items-center mb-4 bg-[#091126] py-2 pl-4 rounded-sm"
+      >
+        <p class="flex items-center text-white/90">
           <Icon
             icon="mynaui:arrow-up-down"
             class="icon pr-1 h-6 w-6"
@@ -36,8 +38,8 @@
           element-loading-text="加载中..."
           :empty-text="loading ? '' : '暂无数据'"
           :header-cell-style="{
-            backgroundColor: '#e9f7ff',
-            color: 'black',
+            backgroundColor: '#091126',
+            color: '#b8bfd0',
             fontWeight: '400',
           }"
           :cell-style="{
@@ -400,7 +402,6 @@ onMounted(async () => {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
-  background-color: #f5f7fa;
 }
 
 .content {
@@ -460,4 +461,124 @@ onMounted(async () => {
   margin-top: 0px;
   padding: 20px 0;
 }
+
+:deep(.el-table) {
+  background-color: #091126 !important;
+  color: white !important;
+}
+
+:deep(.table-wrapper) {
+  background: #091126 !important;
+}
+
+:deep(.el-table__header-wrapper thead) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-table__header-wrapper .el-table__header) {
+  border-bottom: none;
+}
+:deep(.el-table__inner-wrapper) {
+  background: #091126 !important;
+  color: white !important;
+}
+:deep(.el-table__body-wrapper .el-table__row) {
+  background: #091126;
+  color: white !important;
+}
+
+:deep(.el-table__body-wrapper .el-table__row .hover-row) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-table__body-wrapper .el-table__row .el-table__cell) {
+  background: #091126 !important;
+  color: white !important;
+  border-bottom: 1px solid #313849;
+}
+
+:deep(.el-loading-mask) {
+  background-color: rgba(9, 17, 38, 0.8) !important; /* 半透明深色遮罩 */
+}
+
+:deep(.el-table__body-wrapper .el-table__row .el-table__cell) {
+  border-bottom: 1px solid #313849;
+}
+
+:deep(.el-pagination is-background) {
+  background: #091126 !important;
+}
+
+:deep(.el-pagination .el-pager li) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-pagination .el-pager li.active) {
+  background: #2d8cf0 !important;
+}
+
+:deep(.el-select .el-select__wrapper) {
+  background: #091126 !important;
+  border: 1px solid #313849 !important;
+  outline: none !important;
+}
+
+:deep(.el-input) {
+  border: 1px solid #313849 !important;
+  outline: none !important;
+}
+
+:deep(.btn-next) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.btn-prev) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+/* 下拉菜单弹出层的背景 */
+:deep(.el-select-dropdown) {
+  background-color: #091126 !important;
+  border: 1px solid #313849 !important;
+}
+
+/* 下拉菜单项 */
+:deep(.el-select-dropdown__item) {
+  color: #fff !important;
+}
+
+:deep(.el-select-dropdown__item.hover),
+:deep(.el-select-dropdown__item:hover) {
+  background-color: #111a35 !important; /* 悬停深色背景 */
+}
+
+/* 关键：修复下拉选择框 (PageSize) 的白色边框/背景 */
+:deep(.el-pagination .el-select .el-select__wrapper) {
+  background-color: #091126 !important;
+  box-shadow: none !important; /* 去掉可能的阴影 */
+  border: 1px solid #313849 !important; /* 统一边框颜色 */
+}
+
+/* 去掉聚焦时的白色/蓝色轮廓 */
+:deep(.el-pagination .el-select .el-select__wrapper.is-focused),
+:deep(.el-pagination .el-select .el-select__wrapper:hover) {
+  box-shadow: none !important;
+  border-color: #409eff !important; /* 聚焦时变为主题蓝，或者保持 #313849 */
+}
+
+/* 通用输入框边框修复 (如果其他地方也有) */
+:deep(.el-input__wrapper) {
+  background-color: #091126 !important;
+  box-shadow: none !important; /* 去掉默认的白色/灰色阴影边框 */
+  border: 1px solid #313849 !important;
+}
+
+:deep(.el-input__inner) {
+  color: #fff !important;
+}
 </style>

src/views/flow/oaDoneList.vue

@@ -3,8 +3,10 @@
     <Header />
 
     <div class="content-wrapper mt-15 max-w-[1200px] mx-auto">
-      <div class="flex gap-5 items-center mb-4 bg-[#fff] py-2 pl-4 rounded-sm">
-        <p class="flex items-center">
+      <div
+        class="flex gap-5 items-center mb-4 bg-[#091126] py-2 pl-4 rounded-sm"
+      >
+        <p class="flex items-center text-white/90">
           <Icon
             icon="mynaui:arrow-up-down"
             class="icon pr-1 h-6 w-6"
@@ -36,8 +38,8 @@
           element-loading-text="加载中..."
           :empty-text="loading ? '' : '暂无数据'"
           :header-cell-style="{
-            backgroundColor: '#e9f7ff',
-            color: 'black',
+            backgroundColor: '#091126',
+            color: '#b8bfd0',
             fontWeight: '400',
           }"
           :cell-style="{
@@ -273,7 +275,6 @@ onMounted(async () => {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
-  background-color: #f5f7fa;
 }
 
 .content {
@@ -333,4 +334,124 @@ onMounted(async () => {
   margin-top: 0px;
   padding: 20px 0;
 }
+
+:deep(.el-table) {
+  background-color: #091126 !important;
+  color: white !important;
+}
+
+:deep(.table-wrapper) {
+  background: #091126 !important;
+}
+
+:deep(.el-table__header-wrapper thead) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-table__header-wrapper .el-table__header) {
+  border-bottom: none;
+}
+:deep(.el-table__inner-wrapper) {
+  background: #091126 !important;
+  color: white !important;
+}
+:deep(.el-table__body-wrapper .el-table__row) {
+  background: #091126;
+  color: white !important;
+}
+
+:deep(.el-table__body-wrapper .el-table__row .hover-row) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-table__body-wrapper .el-table__row .el-table__cell) {
+  background: #091126 !important;
+  color: white !important;
+  border-bottom: 1px solid #313849;
+}
+
+:deep(.el-loading-mask) {
+  background-color: rgba(9, 17, 38, 0.8) !important; /* 半透明深色遮罩 */
+}
+
+:deep(.el-table__body-wrapper .el-table__row .el-table__cell) {
+  border-bottom: 1px solid #313849;
+}
+
+:deep(.el-pagination is-background) {
+  background: #091126 !important;
+}
+
+:deep(.el-pagination .el-pager li) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-pagination .el-pager li.active) {
+  background: #2d8cf0 !important;
+}
+
+:deep(.el-select .el-select__wrapper) {
+  background: #091126 !important;
+  border: 1px solid #313849 !important;
+  outline: none !important;
+}
+
+:deep(.el-input) {
+  border: 1px solid #313849 !important;
+  outline: none !important;
+}
+
+:deep(.btn-next) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.btn-prev) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+/* 下拉菜单弹出层的背景 */
+:deep(.el-select-dropdown) {
+  background-color: #091126 !important;
+  border: 1px solid #313849 !important;
+}
+
+/* 下拉菜单项 */
+:deep(.el-select-dropdown__item) {
+  color: #fff !important;
+}
+
+:deep(.el-select-dropdown__item.hover),
+:deep(.el-select-dropdown__item:hover) {
+  background-color: #111a35 !important; /* 悬停深色背景 */
+}
+
+/* 关键：修复下拉选择框 (PageSize) 的白色边框/背景 */
+:deep(.el-pagination .el-select .el-select__wrapper) {
+  background-color: #091126 !important;
+  box-shadow: none !important; /* 去掉可能的阴影 */
+  border: 1px solid #313849 !important; /* 统一边框颜色 */
+}
+
+/* 去掉聚焦时的白色/蓝色轮廓 */
+:deep(.el-pagination .el-select .el-select__wrapper.is-focused),
+:deep(.el-pagination .el-select .el-select__wrapper:hover) {
+  box-shadow: none !important;
+  border-color: #409eff !important; /* 聚焦时变为主题蓝，或者保持 #313849 */
+}
+
+/* 通用输入框边框修复 (如果其他地方也有) */
+:deep(.el-input__wrapper) {
+  background-color: #091126 !important;
+  box-shadow: none !important; /* 去掉默认的白色/灰色阴影边框 */
+  border: 1px solid #313849 !important;
+}
+
+:deep(.el-input__inner) {
+  color: #fff !important;
+}
 </style>

src/views/flow/todoList.vue

@@ -3,11 +3,13 @@
     <Header />
 
     <div class="content-wrapper mt-15 max-w-[1200px] mx-auto">
-      <div class="flex gap-5 items-center mb-4 bg-[#fff] py-2 pl-4 rounded-sm">
-        <p class="flex items-center">
+      <div
+        class="flex gap-5 items-center mb-4 bg-[#091126] py-2 pl-4 rounded-sm"
+      >
+        <p class="flex items-center text-white">
           <Icon
             icon="mynaui:arrow-up-down"
-            class="icon pr-1 h-6 w-6"
+            class="icon pr-1 h-8 w-8"
             color="#014099"
           />OA待办任务列表
         </p>
@@ -36,8 +38,8 @@
           element-loading-text="加载中..."
           :empty-text="loading ? '' : '暂无数据'"
           :header-cell-style="{
-            backgroundColor: '#e9f7ff',
-            color: 'black',
+            backgroundColor: '#091126',
+            color: '#b8bfd0',
             fontWeight: '400',
           }"
           :cell-style="{
@@ -285,7 +287,7 @@ onMounted(async () => {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
-  background-color: #f5f7fa;
+  /* background-color: #f5f7fa; */
 }
 
 .content {
@@ -345,4 +347,124 @@ onMounted(async () => {
   margin-top: 0px;
   padding: 20px 0;
 }
+
+:deep(.el-table) {
+  background-color: #091126 !important;
+  color: white !important;
+}
+
+:deep(.table-wrapper) {
+  background: #091126 !important;
+}
+
+:deep(.el-table__header-wrapper thead) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-table__header-wrapper .el-table__header) {
+  border-bottom: none;
+}
+:deep(.el-table__inner-wrapper) {
+  background: #091126 !important;
+  color: white !important;
+}
+:deep(.el-table__body-wrapper .el-table__row) {
+  background: #091126;
+  color: white !important;
+}
+
+:deep(.el-table__body-wrapper .el-table__row .hover-row) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-table__body-wrapper .el-table__row .el-table__cell) {
+  background: #091126 !important;
+  color: white !important;
+  border-bottom: 1px solid #313849;
+}
+
+:deep(.el-loading-mask) {
+  background-color: rgba(9, 17, 38, 0.8) !important; /* 半透明深色遮罩 */
+}
+
+:deep(.el-table__body-wrapper .el-table__row .el-table__cell) {
+  border-bottom: 1px solid #313849;
+}
+
+:deep(.el-pagination is-background) {
+  background: #091126 !important;
+}
+
+:deep(.el-pagination .el-pager li) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.el-pagination .el-pager li.active) {
+  background: #2d8cf0 !important;
+}
+
+:deep(.el-select .el-select__wrapper) {
+  background: #091126 !important;
+  border: 1px solid #313849 !important;
+  outline: none !important;
+}
+
+:deep(.el-input) {
+  border: 1px solid #313849 !important;
+  outline: none !important;
+}
+
+:deep(.btn-next) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+:deep(.btn-prev) {
+  background: #091126 !important;
+  color: white !important;
+}
+
+/* 下拉菜单弹出层的背景 */
+:deep(.el-select-dropdown) {
+  background-color: #091126 !important;
+  border: 1px solid #313849 !important;
+}
+
+/* 下拉菜单项 */
+:deep(.el-select-dropdown__item) {
+  color: #fff !important;
+}
+
+:deep(.el-select-dropdown__item.hover),
+:deep(.el-select-dropdown__item:hover) {
+  background-color: #111a35 !important; /* 悬停深色背景 */
+}
+
+/* 关键：修复下拉选择框 (PageSize) 的白色边框/背景 */
+:deep(.el-pagination .el-select .el-select__wrapper) {
+  background-color: #091126 !important;
+  box-shadow: none !important; /* 去掉可能的阴影 */
+  border: 1px solid #313849 !important; /* 统一边框颜色 */
+}
+
+/* 去掉聚焦时的白色/蓝色轮廓 */
+:deep(.el-pagination .el-select .el-select__wrapper.is-focused),
+:deep(.el-pagination .el-select .el-select__wrapper:hover) {
+  box-shadow: none !important;
+  border-color: #409eff !important; /* 聚焦时变为主题蓝，或者保持 #313849 */
+}
+
+/* 通用输入框边框修复 (如果其他地方也有) */
+:deep(.el-input__wrapper) {
+  background-color: #091126 !important;
+  box-shadow: none !important; /* 去掉默认的白色/灰色阴影边框 */
+  border: 1px solid #313849 !important;
+}
+
+:deep(.el-input__inner) {
+  color: #fff !important;
+}
 </style>