From 99d09096cb1232d51a295f6d8162b9c5e63c2275 Mon Sep 17 00:00:00 2001
From: ryan <ryanhhuang@tencent.com>
Date: Tue, 4 Mar 2025 11:25:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=8F=8D=E9=A6=88?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../agent-ui/feedback/imgs/star-highlight.svg |   2 +
 .../agent-ui/feedback/imgs/star.svg           |   2 +
 .../components/agent-ui/feedback/index.js     | 277 ++++++++++++++++++
 .../components/agent-ui/feedback/index.json   |   4 +
 .../components/agent-ui/feedback/index.wxml   |  35 +++
 .../components/agent-ui/feedback/index.wxss   |  91 ++++++
 .../components/agent-ui/imgs/thumb-down.svg   |   2 +
 .../components/agent-ui/imgs/thumb-up.svg     |   2 +
 .../miniprogram/components/agent-ui/index.js  |  34 ++-
 .../components/agent-ui/index.json            |   3 +-
 .../components/agent-ui/index.wxml            |  40 +--
 11 files changed, 459 insertions(+), 33 deletions(-)
 create mode 100644 miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/imgs/star-highlight.svg
 create mode 100644 miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/imgs/star.svg
 create mode 100644 miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.js
 create mode 100644 miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.json
 create mode 100644 miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.wxml
 create mode 100644 miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.wxss
 create mode 100644 miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/imgs/thumb-down.svg
 create mode 100644 miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/imgs/thumb-up.svg

diff --git a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/imgs/star-highlight.svg b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/imgs/star-highlight.svg
new file mode 100644
index 0000000..ce48ec8
--- /dev/null
+++ b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/imgs/star-highlight.svg
@@ -0,0 +1,2 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.0003 0.630371L14.9029 8.98093L23.7417 9.16105L16.6969 14.5021L19.2569 22.964L12.0003 17.9144L4.74363 22.964L7.30367 14.5021L0.258789 9.16105L9.09761 8.98093L12.0003 0.630371ZM12.0003 6.72181L10.5298 10.9522L6.05209 11.0434L9.62099 13.7492L8.32409 18.0359L12.0003 15.4778L15.6764 18.0359L14.3795 13.7492L17.9484 11.0434L13.4707 10.9522L12.0003 6.72181Z" fill="#f2db4a" />
+</svg>
\ No newline at end of file
diff --git a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/imgs/star.svg b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/imgs/star.svg
new file mode 100644
index 0000000..9c2ef58
--- /dev/null
+++ b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/imgs/star.svg
@@ -0,0 +1,2 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.0003 0.630371L14.9029 8.98093L23.7417 9.16105L16.6969 14.5021L19.2569 22.964L12.0003 17.9144L4.74363 22.964L7.30367 14.5021L0.258789 9.16105L9.09761 8.98093L12.0003 0.630371ZM12.0003 6.72181L10.5298 10.9522L6.05209 11.0434L9.62099 13.7492L8.32409 18.0359L12.0003 15.4778L15.6764 18.0359L14.3795 13.7492L17.9484 11.0434L13.4707 10.9522L12.0003 6.72181Z" fill="black" />
+</svg>
\ No newline at end of file
diff --git a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.js b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.js
new file mode 100644
index 0000000..37bc2c1
--- /dev/null
+++ b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.js
@@ -0,0 +1,277 @@
+// pages/components/feedback/index.js
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    isShowFeedback: {
+      type: Boolean,
+      value: false
+    },
+    feedbackRecordId: {
+      type: String,
+      value: ''
+    },
+    feedbackType: {
+      type: String,
+      value: ''
+    },
+    botId: {
+      type: String,
+      value: ''
+    },
+    input: {
+      type: String,
+      value: ""
+    },
+    aiAnswer: {
+      type: String,
+      value: ''
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    upVote: [
+      {
+        "selected": false,
+        "value": "准确有效"
+      },
+      {
+        "selected": false,
+        "value": "回答全面"
+      },
+      {
+        "selected": false,
+        "value": "立场正确"
+      },
+      {
+        "selected": false,
+        "value": "格式规范"
+      },
+      {
+        "selected": false,
+        "value": "专业性强"
+      },
+      {
+        "selected": false,
+        "value": "富有创意"
+      },
+      {
+        "selected": false,
+        "value": "表达清晰"
+      },
+      {
+        "selected": false,
+        "value": "值得信赖"
+      },
+      {
+        "selected": false,
+        "value": "高效"
+      },
+      {
+        "selected": false,
+        "value": "满意"
+      }
+    ],
+    downVote: [
+      {
+        "selected": false,
+        "value": "理解错误"
+      },
+      {
+        "selected": false,
+        "value": "未识别问题"
+      },
+      {
+        "selected": false,
+        "value": "事实错误"
+      },
+      {
+        "selected": false,
+        "value": "推理错误"
+      },
+      {
+        "selected": false,
+        "value": "内容不完整"
+      },
+      {
+        "selected": false,
+        "value": "不专业"
+      },
+      {
+        "selected": false,
+        "value": "违法有害"
+      },
+      {
+        "selected": false,
+        "value": "格式错误"
+      },
+      {
+        "selected": false,
+        "value": "乱码"
+      },
+      {
+        "selected": false,
+        "value": "内容重复"
+      }
+    ],
+    score: 5,
+    message: ""
+  },
+  observers:{
+    "feedbackType":function (value) {
+      this.setData({score:value==='upvote'?5:1})
+    }
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    reset: function () {
+      this.setData({
+        upVote: [
+          {
+            "selected": false,
+            "value": "准确有效"
+          },
+          {
+            "selected": false,
+            "value": "回答全面"
+          },
+          {
+            "selected": false,
+            "value": "立场正确"
+          },
+          {
+            "selected": false,
+            "value": "格式规范"
+          },
+          {
+            "selected": false,
+            "value": "专业性强"
+          },
+          {
+            "selected": false,
+            "value": "富有创意"
+          },
+          {
+            "selected": false,
+            "value": "表达清晰"
+          },
+          {
+            "selected": false,
+            "value": "值得信赖"
+          },
+          {
+            "selected": false,
+            "value": "高效"
+          },
+          {
+            "selected": false,
+            "value": "满意"
+          }
+        ],
+        downVote: [
+          {
+            "selected": false,
+            "value": "理解错误"
+          },
+          {
+            "selected": false,
+            "value": "未识别问题"
+          },
+          {
+            "selected": false,
+            "value": "事实错误"
+          },
+          {
+            "selected": false,
+            "value": "推理错误"
+          },
+          {
+            "selected": false,
+            "value": "内容不完整"
+          },
+          {
+            "selected": false,
+            "value": "不专业"
+          },
+          {
+            "selected": false,
+            "value": "违法有害"
+          },
+          {
+            "selected": false,
+            "value": "格式错误"
+          },
+          {
+            "selected": false,
+            "value": "乱码"
+          },
+          {
+            "selected": false,
+            "value": "内容重复"
+          }
+        ],
+        score: 5,
+        message: ""
+      })
+    },
+    onChangeScore: function (e) {
+      const { score } = e.currentTarget.dataset
+      this.setData({ score })
+    },
+    onSelect: function (e) {
+      const { item } = e.currentTarget.dataset
+      const newArr = [...this.data.feedbackType === 'upvote' ? this.data.upVote : this.data.downVote]
+      const [selectedItem] = newArr.filter(i => i.value === item.value)
+      selectedItem.selected = !selectedItem.selected
+      if (this.data.feedbackType === 'upvote') {
+        this.setData({ upVote: newArr })
+      } else {
+        this.setData({ downVote: newArr })
+      }
+
+    },
+    inputChange: function (e) {
+      const value = e.detail.value
+      this.setData({ message: value })
+    },
+    closeShowFeedback: function () {
+      this.triggerEvent('close')
+    },
+    submitFeedback: async function () {
+      const res = await wx.cloud.extend.AI.bot.sendFeedback({
+        userFeedback: {
+          botId: this.data.botId,
+          recordId: this.data.feedbackRecordId,
+          comment: this.data.message,
+          rating: this.data.score,
+          tags: this.data.feedbackType === 'upvote' ? this.data.upVote.filter(item => item.selected).map(item => item.value) : this.data.downVote.filter(item => item.selected).map(item => item.value),
+          aiAnswer: this.data.aiAnswer,
+          input: this.data.input,
+          type: this.data.feedbackType === 'upvote' ? "upvote" : 'downvote',
+        },
+        botId: this.data.botId
+      });
+      if (res.status === 'success') {
+        wx.showToast({
+          title: "感谢反馈",
+          icon: "success",
+        });
+      } else {
+        wx.showToast({
+          title: "反馈失败",
+          icon: "fail",
+        });
+      }
+      this.reset();
+      // console.log(res)
+      this.triggerEvent("close")
+    }
+  }
+})
\ No newline at end of file
diff --git a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.json b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.json
new file mode 100644
index 0000000..e8cfaaf
--- /dev/null
+++ b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.wxml b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.wxml
new file mode 100644
index 0000000..7ad9dae
--- /dev/null
+++ b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.wxml
@@ -0,0 +1,35 @@
+<view class="feedback-modal" wx:if="{{isShowFeedback}}">
+  <view class="feedback">
+    <view class="feedback-header">
+      感谢您的宝贵反馈，我们会不断改进服务
+    </view>
+    <view class="feedback-body">
+      <view class="item-box">
+        <view class="item-title">评分</view>
+        <view style="display: flex; gap: 14rpx;">
+          <block wx:for="{{[1,2,3,4,5]}}" wx:key="*this">
+            <image src="{{item<=score?'./imgs/star-highlight.svg':'./imgs/star.svg'}}" mode="aspectFill" class="star" bind:touchend="onChangeScore" data-score="{{item}}" />
+          </block>
+        </view>
+      </view>
+      <view class="item-box">
+        <view class="item-title">回答内容</view>
+        <view>
+          <block wx:for="{{feedbackType==='upvote'?upVote:downVote}}" wx:key="value">
+            <view class="{{item.selected?'vote-item-highlight':'vote-item-normal'}}" bind:tap="onSelect" data-item="{{item}}">{{item.value}}</view>
+          </block>
+        </view>
+      </view>
+      <view class="item-box">
+        <view class="item-title">反馈建议</view>
+        <view>
+          <textarea value="{{message}}" class="feedback-textarea" maxlength="140" bindinput="inputChange"/>
+        </view>
+      </view>
+    </view>
+    <view class="feedback-footer">
+      <view class="btn-cancel" bind:tap="closeShowFeedback">取消</view>
+      <view class="btn-submit" bind:tap="submitFeedback">提交反馈</view>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.wxss b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.wxss
new file mode 100644
index 0000000..4d780e1
--- /dev/null
+++ b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/feedback/index.wxss
@@ -0,0 +1,91 @@
+/* pages/components/feedback/index.wxss */
+.feedback-modal {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  width: 750rpx;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.7);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.feedback {
+  width: 520rpx;
+  max-height: 70%;
+  overflow-y: auto;
+  background-color: #fff;
+  border-radius: 24rpx;
+  padding: 40rpx;
+}
+.feedback-header{
+  font-weight: 500;
+  font-size: 32rpx;
+  text-align: justify;
+}
+.feedback-body{
+  font-size: 28rpx;
+}
+.item-box{
+  padding: 28rpx 0px;
+}
+.item-title{
+  font-size: 28rpx;
+  padding-bottom: 28rpx;
+}
+.star{
+  width: 40rpx;
+  height: 40rpx;
+}
+.vote-item-normal{
+  display: inline-block;
+  background-color: rgba(243, 243, 243, 1);
+  height: 48rpx;
+  line-height: 48rpx;
+  border-radius: 24rpx;
+  padding: 4rpx 24rpx;
+  margin-right: 16rpx;
+  margin-bottom: 16rpx;
+}
+.vote-item-highlight{
+  display: inline-block;
+  background-color: rgba(0, 82, 217, 0.1);
+  height: 48rpx;
+  line-height: 48rpx;
+  border-radius: 24rpx;
+  padding: 4rpx 24rpx;
+  margin-right: 16rpx;
+  margin-bottom: 16rpx;
+  color: rgb(0, 82, 217);
+}
+.feedback-textarea{
+  width: 100%;
+  height: 150rpx;
+  border-radius: 16rpx;
+  border: 1px solid #ccc;
+  box-sizing: border-box;
+  padding: 16rpx;
+}
+.feedback-footer{
+  font-size: 28rpx;
+  display: flex;
+  justify-content: flex-end;
+  gap: 24rpx;
+}
+.btn-cancel{
+  box-sizing: border-box;
+  background-color: #fff;
+  border: 1px solid #eee;
+  padding: 6rpx 24rpx;
+  border-radius: 6rpx;
+  line-height: 48rpx;
+}
+.btn-submit{
+  box-sizing: border-box;
+  padding: 6rpx 24rpx;
+  border-radius: 6rpx;
+  color: #fff;
+  background-color: #0052d9;
+  line-height: 48rpx;
+}
\ No newline at end of file
diff --git a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/imgs/thumb-down.svg b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/imgs/thumb-down.svg
new file mode 100644
index 0000000..5104b23
--- /dev/null
+++ b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/imgs/thumb-down.svg
@@ -0,0 +1,2 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.8786 21.9999L12.1576 21.7868C14.0863 21.4653 15.5 19.7965 15.5 17.8412V15.3826H20.8195C22.0554 15.3826 22.9955 14.2728 22.7923 13.0538L21.1257 3.05377C20.9649 2.08939 20.1306 1.38257 19.1529 1.38257H7V12.5804L10.8786 21.9999ZM12.1131 19.7451L9 12.1847V3.38257H19.1529L20.8195 13.3826H13.5V17.8412C13.5 18.72 12.9289 19.483 12.1131 19.7451ZM4 13.3826V1.38257H2V13.3826H4Z"    fill="#8b8b8b" />
+</svg>
\ No newline at end of file
diff --git a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/imgs/thumb-up.svg b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/imgs/thumb-up.svg
new file mode 100644
index 0000000..9aa4e4a
--- /dev/null
+++ b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/imgs/thumb-up.svg
@@ -0,0 +1,2 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.8786 1.38257L12.1576 1.59573C14.0863 1.91719 15.5 3.58595 15.5 5.54131V7.99992H20.8195C22.0554 7.99992 22.9955 9.10966 22.7923 10.3287L21.1257 20.3287C20.9649 21.2931 20.1306 21.9999 19.1529 21.9999H7V10.8021L10.8786 1.38257ZM12.1131 3.63742L9 11.1977V19.9999L19.1529 19.9999L20.8195 9.99992H13.5V5.54131C13.5 4.66252 12.9289 3.89951 12.1131 3.63742ZM4 9.99992V21.9999H2V9.99992H4Z"    fill="#8b8b8b" />
+</svg>
\ No newline at end of file
diff --git a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.js b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.js
index 3d15687..0a7874e 100644
--- a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.js
+++ b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.js
@@ -102,7 +102,10 @@ Component({
     total: 0,
     refreshText: '下拉加载历史记录',
     contentHeightInScrollViewTop: 0, // scroll区域顶部固定区域高度
-    shouldAddScrollTop: false
+    shouldAddScrollTop: false,
+    isShowFeedback:false,
+    feedbackRecordId:'',
+    feedbackType:""
   },
 
   attached: async function () {
@@ -160,6 +163,22 @@ Component({
     })
   },
   methods: {
+    openFeedback:function(e){
+      const {feedbackrecordid,feedbacktype}=e.currentTarget.dataset
+      let index=null;
+      this.data.chatRecords.forEach((item,_index)=>{
+        if(item.record_id===feedbackrecordid){
+          index=_index
+        }
+      })
+      const inputRecord=this.data.chatRecords[index-1]
+      const answerRecord=this.data.chatRecords[index]
+      // console.log(record)
+      this.setData({isShowFeedback:true,feedbackRecordId:feedbackrecordid,feedbackType:feedbacktype,aiAnswer:answerRecord.content,input:inputRecord.content})
+    },
+    closefeedback:function(){ 
+      this.setData({isShowFeedback:false,feedbackRecordId:'',feedbackType:''})
+    },
     // 滚动相关处理
     calculateContentHeight() {
       return new Promise((resolve) => {
@@ -311,7 +330,7 @@ Component({
 
           // 找出新获取的一页中，不在内存中的数据
           const freshNum = this.data.size - (this.data.chatRecords.length - 1) % this.data.size
-          const freshChatRecords = res.recordList.reverse().slice(0, freshNum)
+          const freshChatRecords = res.recordList.reverse().slice(0, freshNum).map(item=>({...item,record_id:item.recordId}))
           this.setData({
             chatRecords: [...freshChatRecords, ...this.data.chatRecords]
           })
@@ -607,7 +626,7 @@ Component({
             const lastValueIndex = newValue.length - 1
             const lastValue = newValue[lastValueIndex];
             lastValue.role = role || "assistant";
-            lastValue.record_id = record_id || lastValue.record_id; // 这里是为了解决markdown渲染库有序列表的问题，每次计算新key
+            lastValue.record_id = record_id; 
             // 优先处理错误,直接中断
             if (finish_reason === "error") {
               lastValue.search_info = null;
@@ -619,6 +638,7 @@ Component({
                 [`chatRecords[${lastValueIndex}].reasoning_content`]: lastValue.reasoning_content,
                 [`chatRecords[${lastValueIndex}].knowledge_meta`]: lastValue.knowledge_meta,
                 [`chatRecords[${lastValueIndex}].content`]: lastValue.content,
+                [`chatRecords[${lastValueIndex}].record_id`]: lastValue.record_id,
               });
               break;
             }
@@ -628,7 +648,8 @@ Component({
               lastValue.search_info = search_info;
               this.setData({
                 chatStatus: 2,
-                [`chatRecords[${lastValueIndex}].search_info`]: lastValue.search_info
+                [`chatRecords[${lastValueIndex}].search_info`]: lastValue.search_info,
+                [`chatRecords[${lastValueIndex}].record_id`]: lastValue.record_id,
               }); // 聊天状态切换为思考中,展示联网的信息
             }
             // 思考过程
@@ -645,6 +666,7 @@ Component({
               this.setData({
                 [`chatRecords[${lastValueIndex}].reasoning_content`]: lastValue.reasoning_content,
                 [`chatRecords[${lastValueIndex}].thinkingTime`]: lastValue.thinkingTime,
+                [`chatRecords[${lastValueIndex}].record_id`]: lastValue.record_id,
                 chatStatus: 2
               }); // 聊天状态切换为思考中
             }
@@ -653,7 +675,9 @@ Component({
               contentText += content;
               lastValue.content = contentText;
               this.setData({
-                [`chatRecords[${lastValueIndex}].content`]: lastValue.content, chatStatus: 3
+                [`chatRecords[${lastValueIndex}].content`]: lastValue.content,
+                [`chatRecords[${lastValueIndex}].record_id`]: lastValue.record_id,
+                chatStatus: 3
               }); // 聊天状态切换为输出content中
             }
             // 知识库，这个版本没有文件元信息，展示不更新
diff --git a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.json b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.json
index d2fd641..04c44b3 100644
--- a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.json
+++ b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.json
@@ -3,6 +3,7 @@
   "usingComponents": {
     "markdownPreview":"/components/agent-ui/wd-markdown/index",
     "FoldedCard":"/components/agent-ui/collapse/index",
-		"chatFile": "/components/agent-ui/chatFile/index"
+    "chatFile": "/components/agent-ui/chatFile/index",
+    "feedback":"/components/agent-ui/feedback/index"
   }
 }
\ No newline at end of file
diff --git a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.wxml b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.wxml
index cd901ef..cf19437 100644
--- a/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.wxml
+++ b/miniprogram/tcb-agent-ui/miniprogram/components/agent-ui/index.wxml
@@ -1,32 +1,13 @@
 <!-- agent ui 组件根容器 -->
 <view class="agent-ui">
   <view class="navBar" wx:if="{{agentConfig.type === 'bot'}}">
-      <view class="nav-content">
-        <!-- <image src="{{bot.avatar}}" mode="aspectFill" class="bot-avatar"/> -->
-        <text class="bot-name">{{bot.name}}</text>
-      </view>
+    <view class="nav-content">
+      <!-- <image src="{{bot.avatar}}" mode="aspectFill" class="bot-avatar"/> -->
+      <text class="bot-name">{{bot.name}}</text>
     </view>
+  </view>
   <!-- 聊天对话区 -->
-  <scroll-view 
-    bindwheel="onWheel" 
-    enhanced="{{true}}" 
-    bindscroll="onScroll" 
-    binddragstart="handleScrollStart"  
-    class="main" 
-    style="height: {{windowInfo.windowHeight-footerHeight-(agentConfig.type === 'bot' ? 40 : 0)}}px;" 
-    scroll-y="{{true}}" 
-    scroll-top="{{viewTop}}" 
-    scroll-into-view="{{ scrollTo }}" 
-    lower-threshold="1" 
-    bindscrolltolower="handleScrollToLower" 
-    show-scrollbar="{{false}}" 
-    refresher-enabled="{{true}}" 
-    refresher-threshold="{{80}}" 
-    bindrefresherrefresh="handelRefresh"  
-    refresher-triggered="{{triggered}}" 
-    bounces="{{false}}"
-    bind:refresherstatuschange="onRefresherStatusChange"
-    >
+  <scroll-view bindwheel="onWheel" enhanced="{{true}}" bindscroll="onScroll" binddragstart="handleScrollStart" class="main" style="height: {{windowInfo.windowHeight-footerHeight-(agentConfig.type === 'bot' ? 40 : 0)}}px;" scroll-y="{{true}}" scroll-top="{{viewTop}}" scroll-into-view="{{ scrollTo }}" lower-threshold="1" bindscrolltolower="handleScrollToLower" show-scrollbar="{{false}}" refresher-enabled="{{true}}" refresher-threshold="{{80}}" bindrefresherrefresh="handelRefresh" refresher-triggered="{{triggered}}" bounces="{{false}}" bind:refresherstatuschange="onRefresherStatusChange">
     <view wx:if="{{agentConfig.type === 'bot'}}" class="tips">
       {{refreshText}}
     </view>
@@ -57,7 +38,7 @@
               </view>
               <view slot="content" class="link-box">
                 <block wx:for="{{item.search_info.search_results}}" wx:key="index">
-                    <view bind:tap="copyUrl" data-url="{{item.url}}" style="margin-bottom: 3px; font-size: 14px;color: rgb(0, 82, 217); line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"> {{index+1}}.{{item.title}}</view>
+                  <view bind:tap="copyUrl" data-url="{{item.url}}" style="margin-bottom: 3px; font-size: 14px;color: rgb(0, 82, 217); line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"> {{index+1}}.{{item.title}}</view>
                 </block>
               </view>
             </FoldedCard>
@@ -84,13 +65,17 @@
               <button class="share_btn" open-type="share">
                 <image mode="widthFix" src='./imgs/share.svg' style="width: 36rpx; height: 36rpx;vertical-align: top;" bind:tap="share" />
               </button>
+              <block wx:if="{{agentConfig.type=== 'bot'}}">
+                <image mode="widthFix" bind:tap="openFeedback" data-feedbackType="upvote" data-feedbackRecordId="{{item.record_id}}" src='./imgs/thumb-up.svg' style="width: 36rpx; height: 36rpx;" />
+                <image mode="widthFix" bind:tap="openFeedback" data-feedbackType="downvote" data-feedbackRecordId="{{item.record_id}}" src='./imgs/thumb-down.svg' style="width: 36rpx; height: 36rpx;" />
+              </block>
             </view>
           </block>
         </view>
       </view>
       <!-- 用户输入框 -->
       <view class="userContent" wx:if="{{item.role==='user'}}">
-        <view class="user">
+        <view class="user" style="padding-left: {{showBotAvatar?80:0}}rpx;">
           <view>
             {{item.content}}
           </view>
@@ -117,7 +102,7 @@
   <view class="footer">
     <view class="feature_list" wx:if="{{showFeatureList}}">
       <view bind:tap="handleClickWebSearch" class="{{'webSearchSwitch ' + (useWebSearch ? 'feature_enable' : '')}}">
-        <image src="{{ useWebSearch ? './imgs/internetUse.svg' : './imgs/internet.svg'}}" mode="" style="width: 40rpx;height:30px;margin-right: 10rpx"/>
+        <image src="{{ useWebSearch ? './imgs/internetUse.svg' : './imgs/internet.svg'}}" mode="" style="width: 40rpx;height:30px;margin-right: 10rpx" />
         <text>联网搜索</text>
       </view>
     </view>
@@ -188,4 +173,5 @@
     </view>
   </view>
   <image bind:tap="autoToBottom" wx:if="{{manualScroll}}" style="width:35px;height:35px;border-radius: 50px;position: absolute;bottom:150px;right: 20px;padding: 5px;background-color: white;" src="./imgs/toBottom.svg" mode="aspectFit" binderror="" bindload="" />
+  <feedback input="{{input}}" aiAnswer="{{aiAnswer}}" isShowFeedback="{{isShowFeedback}}" bind:close="closefeedback" feedbackRecordId="{{feedbackRecordId}}" feedbackType="{{feedbackType}}" botId="{{bot.botId}}"></feedback>
 </view>
\ No newline at end of file