diff --git a/my-vue-app/index.html b/my-vue-app/index.html index 8388c4b..2acdebf 100644 --- a/my-vue-app/index.html +++ b/my-vue-app/index.html @@ -1,5 +1,5 @@ - + diff --git a/my-vue-app/src/components/FeedbackForm.vue b/my-vue-app/src/components/FeedbackForm.vue new file mode 100644 index 0000000..88f56c9 --- /dev/null +++ b/my-vue-app/src/components/FeedbackForm.vue @@ -0,0 +1,334 @@ + + + + + \ No newline at end of file diff --git a/my-vue-app/src/views/maneger/manager.vue b/my-vue-app/src/views/maneger/manager.vue index 8f0bbbf..8ff3af8 100644 --- a/my-vue-app/src/views/maneger/manager.vue +++ b/my-vue-app/src/views/maneger/manager.vue @@ -74,7 +74,7 @@ import TeamReport from "./components/TeamReport.vue"; import SalesFunnel from "./components/SalesFunnel.vue"; import PerformanceRanking from "./components/PerformanceRanking.vue"; import MemberDetails from "./components/MemberDetails.vue"; -import Sale from "../person/Sale.vue"; +import Sale from "../person/sale.vue"; import SalesTimelineWithTaskList from "../person/components/SalesTimelineWithTaskList.vue"; import RawDataCards from "../person/components/RawDataCards.vue"; import CustomerDetail from "../person/components/CustomerDetail.vue"; diff --git a/my-vue-app/src/views/person/sale.vue b/my-vue-app/src/views/person/sale.vue index d8d36dd..b9ac3a1 100644 --- a/my-vue-app/src/views/person/sale.vue +++ b/my-vue-app/src/views/person/sale.vue @@ -29,10 +29,20 @@ style="display: flex; align-items: center; gap: 30px" > +
+ + + /> +
+ + @@ -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 { diff --git a/my-vue-app/src/views/secondTop/secondTop.vue b/my-vue-app/src/views/secondTop/secondTop.vue index e4d7776..255f412 100644 --- a/my-vue-app/src/views/secondTop/secondTop.vue +++ b/my-vue-app/src/views/secondTop/secondTop.vue @@ -28,10 +28,18 @@
+
+ + + /> +
@@ -176,7 +184,7 @@