fix feedback button

src/components/chatSubassembly/aiBubble.vue

@@ -42,14 +42,14 @@
           @click="reStartSSE"
         />
         <el-button
-          type="success"
+          :type="clickLike ? 'success' : 'info'"
           class="iconfont icon-zan"
           size="small"
           circle
           @click="feedback('like')"
         />
         <el-button
-          type="warning"
+          :type="clickDisLike ? 'success' : 'info'"
           class="iconfont icon-zan icon-rotate"
           size="small"
           circle
@@ -81,6 +81,9 @@ const { startStream, cancel, data, error, isLoading } = useXStream();
 
 const avatarAi = "./avatarAI.svg";
 
+const clickLike = ref(false)
+const clickDisLike = ref(false)
+
 const props = defineProps({
   query: {
     type: Array,
@@ -221,9 +224,30 @@ const feedback = async (type) => {
     ElMessage.error("暂无内容可反馈");
     return
   }
+  if (type === 'like') {
+    if (!clickLike.value) {
+      clickLike.value = true;
+      clickDisLike.value = false;
+    } else {
+      clickLike.value = false;
+      type = null
+    }
+  } else {
+    if (!clickDisLike.value) {
+      clickDisLike.value = true;
+      clickLike.value = false;
+    } else {
+      clickDisLike.value = false;
+      type = null
+    }
+  }
   const messageId = props.messageType === 'ai-history' ? props.historyMsgId : workflowContent.value[0].message_id;
   await difyApi.feedback(messageId, { rating: type, content: type });
-  ElMessage.success("反馈成功");
+  if (type) {
+    ElMessage.success("反馈成功");
+  }else {
+    ElMessage.success("取消反馈");
+  }
 };
 
 const copyContent = () => {
@@ -321,12 +345,20 @@ function fallbackCopyTextToClipboard(text) {
       color: var(--el-color-danger);
   }
 
+  .is-info {
+    color: var(--el-color-info);
+  }
+
   .is-loaidng {
       color: var(--el-color-primary);
       animation: spin 1s linear infinite;
   }
 }
 
+.clickColor{
+  background-color: var(--el-color-success);
+}
+
 @keyframes spin {
     0% {
         transform: rotate(0deg);