feat(反馈系统): 添加用户反馈功能组件
在多个视图页面中添加反馈按钮和FeedbackForm组件,允许用户提交反馈意见。主要变更包括: 1. 创建FeedbackForm.vue组件实现反馈表单 2. 在topone、seniorManager、secondTop等视图添加反馈按钮 3. 实现表单提交逻辑和样式 4. 修复manager.vue中Sale组件路径大小写问题 5. 将index.html语言设置为中文
This commit is contained in:
@@ -29,10 +29,20 @@
|
||||
style="display: flex; align-items: center; gap: 30px"
|
||||
>
|
||||
</div>
|
||||
<div style="display: flex; align-items: center; gap: 20px;">
|
||||
<button @click="showFeedbackFormModal" class="feedback-btn">意见反馈</button>
|
||||
<FeedbackForm
|
||||
:is-visible="showFeedbackForm"
|
||||
@close="closeFeedbackFormModal"
|
||||
@submit-feedback="closeFeedbackFormModal"
|
||||
/>
|
||||
<UserDropdown
|
||||
:card-visibility="cardVisibility"
|
||||
@update-card-visibility="updateCardVisibility"
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
@@ -182,6 +192,7 @@ import RawDataCards from "./components/RawDataCards.vue";
|
||||
import WeekAnalize from "./components/WeekAnalize.vue";
|
||||
import UserDropdown from "@/components/UserDropdown.vue";
|
||||
import Loading from "@/components/Loading.vue";
|
||||
import FeedbackForm from "@/components/FeedbackForm.vue";
|
||||
import {getCustomerAttendance,getTodayCall,getProblemDistribution,getTableFillingRate,getAverageResponseTime,
|
||||
getWeeklyActiveCommunicationRate,getTimeoutResponseRate,getCustomerCallInfo,getCustomerChatInfo,getCustomerFormInfo,
|
||||
getConversionRateAndAllocatedData,getCustomerAttendanceAfterClass4,getPayMoneyCustomers,getSalesFunnel,getGoldContactTime,
|
||||
@@ -294,6 +305,9 @@ const showModal = ref(false)
|
||||
const modalContent = ref('')
|
||||
const modalTitle = ref('')
|
||||
|
||||
// FeedbackForm 弹框状态
|
||||
const showFeedbackForm = ref(false)
|
||||
|
||||
// 下载弹框状态
|
||||
const showDownloadModal = ref(false)
|
||||
const downloadModalContent = ref('')
|
||||
@@ -891,6 +905,16 @@ const closeDownloadModal = () => {
|
||||
downloadModalTitle.value = ''
|
||||
}
|
||||
|
||||
// 显示 FeedbackForm
|
||||
const showFeedbackFormModal = () => {
|
||||
showFeedbackForm.value = true
|
||||
}
|
||||
|
||||
// 关闭 FeedbackForm
|
||||
const closeFeedbackFormModal = () => {
|
||||
showFeedbackForm.value = false
|
||||
}
|
||||
|
||||
// // 处理SOP分析事件
|
||||
// const handleAnalyzeSop = (analyzeData) => {
|
||||
// console.log('handleAnalyzeSop', analyzeData)
|
||||
@@ -1944,6 +1968,22 @@ $primary: #3b82f6;
|
||||
}
|
||||
}
|
||||
|
||||
// 意见反馈按钮样式
|
||||
.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;
|
||||
}
|
||||
|
||||
// 弹框响应式样式
|
||||
@media (max-width: 768px) {
|
||||
.modal-container {
|
||||
|
||||
Reference in New Issue
Block a user