From b669994b211e4bb871d607517339b6bc2faf893b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=B2=85?= <907037276@qq.com>
Date: Mon, 31 Aug 2026 14:53:26 +0800
Subject: [PATCH] fix: match purchase toolbar button styling

---
 src/views/channel/index.vue | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/views/channel/index.vue b/src/views/channel/index.vue
index a5801c9..67b8af5 100644
--- a/src/views/channel/index.vue
+++ b/src/views/channel/index.vue
@@ -973,6 +973,29 @@ onMounted(async () => {
   max-width: 100%;
 }
 
+/* Keep task controls consistent with the product-pricing toolbar. */
+.purchase-forecast-toolbar :deep(.el-button) {
+  border-color: rgba(99, 217, 255, 0.55) !important;
+  color: #e9fbff !important;
+  background: rgba(17, 126, 178, 0.36) !important;
+}
+
+.purchase-forecast-toolbar :deep(.task-toolbar-button--submit) {
+  border-color: rgba(66, 224, 187, 0.7) !important;
+  background: rgba(13, 137, 111, 0.34) !important;
+}
+
+.purchase-forecast-toolbar :deep(.el-button:hover) {
+  border-color: rgba(116, 235, 255, 0.85) !important;
+  color: #e9fbff !important;
+  background: rgba(18, 146, 204, 0.5) !important;
+}
+
+.purchase-forecast-toolbar :deep(.task-toolbar-button--submit:hover) {
+  border-color: rgba(100, 245, 208, 0.9) !important;
+  background: rgba(14, 164, 132, 0.45) !important;
+}
+
 @media (max-width:900px) {
   .purchase-forecast-toolbar {
     width: 100%;