feat(反馈表单): 在多个视图添加反馈表单功能及样式

为topOne、seniorManager和secondTop视图添加反馈表单控制逻辑和按钮样式

my-vue-app/src/views/secondTop/secondTop.vue

@@ -280,11 +280,23 @@ import FeedbackForm from "@/components/FeedbackForm.vue";
   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;

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>

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>