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; +} \ 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; +}