From 676b213a7d84b4485d42c22e84cd25787882840e Mon Sep 17 00:00:00 2001
From: lbw_9527443 <780139497@qq.com>
Date: Thu, 9 Oct 2025 20:17:21 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=8F=8D=E9=A6=88=E8=A1=A8=E5=8D=95):=20?=
 =?UTF-8?q?=E5=9C=A8=E5=A4=9A=E4=B8=AA=E8=A7=86=E5=9B=BE=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=8F=8D=E9=A6=88=E8=A1=A8=E5=8D=95=E5=8A=9F=E8=83=BD=E5=8F=8A?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为topOne、seniorManager和secondTop视图添加反馈表单控制逻辑和按钮样式
---
 my-vue-app/src/views/secondTop/secondTop.vue  | 60 ++++++++++++++-----
 .../src/views/senorManger/seniorManager.vue   | 27 +++++++++
 my-vue-app/src/views/topOne/topone.vue        | 28 +++++++++
 3 files changed, 99 insertions(+), 16 deletions(-)

diff --git a/my-vue-app/src/views/secondTop/secondTop.vue b/my-vue-app/src/views/secondTop/secondTop.vue
index 255f412..70aadd1 100644
--- a/my-vue-app/src/views/secondTop/secondTop.vue
+++ b/my-vue-app/src/views/secondTop/secondTop.vue
@@ -269,22 +269,34 @@ import FeedbackForm from "@/components/FeedbackForm.vue";
   const CheckType = ref('month')
   
   // 卡片显示状态
-  const cardVisibility = ref({
-    centerOverview: true,
-    actionItems: true,
-    customerType: true,
-    goodMusic: true,
-    problemRanking: true,
-    groupRanking: true,
-    groupComparison: true,
-    teamDetail: true
-  })
-  
-  // 更新卡片显示状态
-  const updateCardVisibility = (newVisibility) => {
-    Object.assign(cardVisibility.value, newVisibility)
-    console.log('卡片显示状态已更新:', cardVisibility.value)
-  }
+const cardVisibility = ref({
+  centerOverview: true,
+  actionItems: true,
+  customerType: true,
+  goodMusic: true,
+  problemRanking: true,
+  groupRanking: true,
+  groupComparison: true,
+  teamDetail: true
+})
+
+// FeedbackForm 控制变量
+const showFeedbackForm = ref(false)
+
+// 更新卡片显示状态
+const updateCardVisibility = (newVisibility) => {
+  Object.assign(cardVisibility.value, newVisibility)
+  console.log('卡片显示状态已更新:', cardVisibility.value)
+}
+
+// FeedbackForm 控制方法
+const showFeedbackFormModal = () => {
+  showFeedbackForm.value = true
+}
+
+const closeFeedbackFormModal = () => {
+  showFeedbackForm.value = false
+}
   // 营期调控逻辑
     // This would ideally come from a prop or API call based on the logged-in user
 const centerData = ref({
@@ -1654,6 +1666,22 @@ const hideTooltip = () => {
       border-radius: 0.5rem;
       border: 1px solid rgba(0, 0, 0, 0.1);
     }
+    
+    /* 意见反馈按钮样式 */
+    .feedback-btn {
+      background-color: #4299e1;
+      color: white;
+      border: none;
+      border-radius: 6px;
+      padding: 0.5rem 1rem;
+      font-size: 0.9rem;
+      cursor: pointer;
+      transition: background-color 0.2s;
+      
+      &:hover {
+        background-color: #3182ce;
+      }
+    }
   }
 .stage-control {
   margin-left: 20px;
diff --git a/my-vue-app/src/views/senorManger/seniorManager.vue b/my-vue-app/src/views/senorManger/seniorManager.vue
index e97d178..7b43b97 100644
--- a/my-vue-app/src/views/senorManger/seniorManager.vue
+++ b/my-vue-app/src/views/senorManger/seniorManager.vue
@@ -314,6 +314,8 @@ const timeoutResponseRate = ref(5)
 const severeTimeoutRate = ref(2)
 const formCompletionRate = ref(90)
 const CheckType = ref('month')
+// FeedbackForm 控制变量
+const showFeedbackForm = ref(false)
 
 // 更新CheckType的方法
 const updateCheckType = async (newValue) => {
@@ -325,6 +327,15 @@ const updateCheckType = async (newValue) => {
   console.log('数据已根据新的统计模式重新加载')
 }
 
+// FeedbackForm 控制方法
+const showFeedbackFormModal = () => {
+  showFeedbackForm.value = true
+}
+
+const closeFeedbackFormModal = () => {
+  showFeedbackForm.value = false
+}
+
 // 卡片显示状态
 const cardVisibility = ref({
   centerOverview: true,
@@ -1497,4 +1508,20 @@ const hideTooltip = () => {
     border: 1px solid rgba(0, 0, 0, 0.1);
   }
 }
+
+// 意见反馈按钮样式
+.feedback-btn {
+  background-color: #4299e1;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  padding: 0.5rem 1rem;
+  font-size: 0.9rem;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.feedback-btn:hover {
+  background-color: #3182ce;
+}
 </style>
\ No newline at end of file
diff --git a/my-vue-app/src/views/topOne/topone.vue b/my-vue-app/src/views/topOne/topone.vue
index 35032df..8446488 100644
--- a/my-vue-app/src/views/topOne/topone.vue
+++ b/my-vue-app/src/views/topOne/topone.vue
@@ -245,6 +245,18 @@ const cardVisibility = ref({
   detailedDataTable: true
 });
 
+// FeedbackForm 控制变量
+const showFeedbackForm = ref(false);
+
+// FeedbackForm 控制方法
+const showFeedbackFormModal = () => {
+  showFeedbackForm.value = true;
+};
+
+const closeFeedbackFormModal = () => {
+  showFeedbackForm.value = false;
+};
+
 // 更新卡片显示状态
 const updateCardVisibility = (newVisibility) => {
   Object.assign(cardVisibility.value, newVisibility);
@@ -2173,4 +2185,20 @@ button {
   -ms-user-select: text;
   user-select: text;
 }
+
+/* 意见反馈按钮样式 */
+.feedback-btn {
+  background-color: #4299e1;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  padding: 0.5rem 1rem;
+  font-size: 0.9rem;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.feedback-btn:hover {
+  background-color: #3182ce;
+}
 </style>