From 42d77f73dfa9914e122f45f1d25d62bc9cc0f3f8 Mon Sep 17 00:00:00 2001
From: luckyasme <807254037@qq.com>
Date: Tue, 18 Mar 2025 17:53:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=AF=84=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/src/api/api-feedback.ts       | 28 +++++++-
 .../src/components/FloatingButtonDocs.vue     | 65 ++++++++++++++++---
 2 files changed, 83 insertions(+), 10 deletions(-)

diff --git a/docs/.vitepress/src/api/api-feedback.ts b/docs/.vitepress/src/api/api-feedback.ts
index 7e88c39..674ca0a 100644
--- a/docs/.vitepress/src/api/api-feedback.ts
+++ b/docs/.vitepress/src/api/api-feedback.ts
@@ -3,13 +3,22 @@ import type { AxiosResponse } from '@/shared/axios';
 
 import type { DocsBugParamsT } from '@/@types/type-feedback';
 
-interface FeedBackQueryT {
+export interface FeedBackQueryT {
   feedbackPageUrl: string;
   feedbackText: string;
   feedbackValue: number;
 }
+
+export interface FeedBackDataT {
+  feedbackPageUrl: string;
+  efficiency: number;
+  accuracy: number;
+  completeness: number;
+  usability: number;
+}
+
 /**
- * 满意度评分
+ * 文档中心满意度评分
  * @param {FeedBackQueryT} params
  * @returns {Promise<ResponseT>}
  */
@@ -23,6 +32,21 @@ export function postFeedback(params: FeedBackQueryT): Promise<{
   return request.post(url, params).then((res: AxiosResponse) => res.data);
 }
 
+/**
+ * 文档内容满意度评分
+ * @param {FeedBackQueryT} params
+ * @returns {Promise<ResponseT>}
+ */
+export function postArticleFeedback(params: FeedBackDataT): Promise<{
+  code: number;
+  data: string;
+  msg: string;
+  update_at: string;
+}> {
+  const url = '/api-dsapi/query/doc/nps/openeuler';
+  return request.post(url, params).then((res: AxiosResponse) => res.data);
+}
+
 /**
  * 文档捉虫
  * @param {string} lang 语言
diff --git a/docs/.vitepress/src/components/FloatingButtonDocs.vue b/docs/.vitepress/src/components/FloatingButtonDocs.vue
index ac4a659..da1f628 100644
--- a/docs/.vitepress/src/components/FloatingButtonDocs.vue
+++ b/docs/.vitepress/src/components/FloatingButtonDocs.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ref, computed, reactive, onMounted, onUnmounted, type CSSProperties } from 'vue';
-import { OIcon, OPopup, OLink, ODialog, ODivider, OButton } from '@opensig/opendesign';
+import { ref, computed, reactive, onMounted, onUnmounted, type CSSProperties, watch } from 'vue';
+import { OIcon, OPopup, OLink, ODialog, ODivider, OButton, useMessage } from '@opensig/opendesign';
 import { ElSlider } from 'element-plus';
 
 import IconScore from '~icons/feedback/icon-score.svg';
@@ -19,9 +19,11 @@ import { useAppearance } from '@/stores/common';
 import { useThrottleFn } from '@vueuse/core';
 import { useScreen } from '@/composables/useScreen';
 import { useLocale } from '@/composables/useLocale';
+import { postArticleFeedback, type FeedBackDataT } from '@/api/api-feedback';
 
 const { t } = useLocale();
 const { isPhone, gtPhone } = useScreen();
+const message = useMessage();
 
 const isDark = computed(() => {
   return useAppearance().theme === 'dark' ? true : false;
@@ -46,26 +48,40 @@ const closePopup = () => {
   showPopup.value = false;
 };
 
+watch(
+  () => showPopup.value,
+  () => {
+    multiRate.forEach(item => {
+      item.value = 0;
+      item.isChange = false;
+    })
+  }
+)
+
 const STEP = 1;
 const RATE_MAX = 10;
 
 const multiRate = reactive([
   {
+    key: 'efficiency',
     name: '文档获取效率',
     value: 0,
     isChange: false,
   },
   {
+    key: 'accuracy',
     name: '文档正确性',
     value: 0,
     isChange: false,
   },
   {
+    key: 'completeness',
     name: '文档完整性',
     value: 0,
     isChange: false,
   },
   {
+    key: 'usability',
     name: '文档易理解',
     value: 0,
     isChange: false,
@@ -140,13 +156,13 @@ const marks_mb: Marks = Array(RATE_MAX_MB + 1)
   }, Object.create(null));
 
 const floatDataMb = reactive([
-  /* {
+  {
     img: computed(() => {
       return IconScore;
     }),
     id: 'score',
     textMb: '我要评分',
-  }, */
+  },
   ...floatData,
 ]);
 
@@ -188,13 +204,44 @@ onMounted(() => {
 onUnmounted(() => {
   oscrollerDom.value?.removeEventListener('scroll', listenScroll);
 });
+
+// -------------------- 提交文档评分 --------------------
+const submitArticleFeedback = () => {
+  const postData: FeedBackDataT = {
+    feedbackPageUrl: window.location.href,
+    efficiency: multiRate[0].value,
+    accuracy: multiRate[1].value,
+    completeness: multiRate[2].value,
+    usability: multiRate[3].value,
+  };
+
+  postArticleFeedback(postData)
+    .then((res) => {
+      if (res.code === 200) {
+        message.success({
+          content: '提交成功，感谢您的反馈！',
+        });
+        showPopup.value = false;
+      } else {
+        message.warning({
+          content: '提交失败，请刷新页面后重新提交！',
+        });
+      }
+    })
+    .catch(() => {
+      message.warning({
+        content: '提交失败，请刷新页面后重新提交！',
+      });
+    });
+};
+
 </script>
 
 <template>
   <div v-if="gtPhone" class="feedback">
     <div class="feedback-container">
       <div id="tour_feedback" class="container" :class="isDark ? 'dark-box' : ''">
-        <!-- <div class="score-container" id="score" @mouseenter="onMouseEnter" @mouseleave="useThrottleFn(onMouseLeave, 300)">
+        <div class="score-container" id="score" @mouseenter="onMouseEnter" @mouseleave="useThrottleFn(onMouseLeave, 300)">
           <div ref="scoreRef" class="item-container">
             <OIcon class="icon-smile">
               <component :is="IconScore"> </component>
@@ -237,11 +284,11 @@ onUnmounted(() => {
                 </ClientOnly>
               </div>
               <div class="submit-btn">
-                <OLink color="primary" :disabled="true"> 提交 </OLink>
+                <OLink color="primary" :disabled="multiRate.every((item) => !item.isChange)" @click="submitArticleFeedback"> 提交 </OLink>
               </div>
             </div>
           </OPopup>
-        </div> -->
+        </div>
 
         <OLink v-for="item in floatData" :key="item.link" :href="item.link" target="_blank" class="item-container">
           <OIcon><component :is="item.img"></component> </OIcon>
@@ -306,7 +353,9 @@ onUnmounted(() => {
     <div class="btn">
       <OButton color="normal" variant="text" size="large" @click="cancelScore">{{ t('feedback.cancel') }}</OButton>
       <ODivider class="divider-btn" direction="v" />
-      <OButton color="normal" variant="text" size="large" :disabled="multiRate.every(item => !item.isChange)" @click="submitScore">{{ t('feedback.confirmTitle') }}</OButton>
+      <OButton color="normal" variant="text" size="large" :disabled="multiRate.every((item) => !item.isChange)" @click="submitArticleFeedback">{{
+        t('feedback.confirmTitle')
+      }}</OButton>
     </div>
   </ODialog>
 </template>
-- 
Gitee