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

为topOne、seniorManager和secondTop视图添加反馈表单控制逻辑和按钮样式
This commit is contained in:
2025-10-09 20:17:21 +08:00
parent 600684570a
commit 676b213a7d
3 changed files with 99 additions and 16 deletions

View File

@@ -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;