基于umi使用ChatUI Pro(5) 点赞点踩和快捷短语配置

454 阅读1分钟

1.消息配置点赞取消按钮

    { 
        type: 'card', 
        content: { 
            code: 'knowledge', 
            data: { text: '内容(支持富文本)' 
            } 
        }, 
        meta: { evaluable: true // 是否展示点赞点踩按钮 } }

2.点赞点踩的请求和反馈配置

    request: {
          evaluate(data) { //点赞调取的接口
          // return {
          //   url: '/api/evaluate',
          //   data: {
          //     messageId: data.msgId,
          //     evaluateType: data.type,
          //   },
          // };
          console.log(data,'点赞')
          return {
            messageId: data.msgId,
            evaluateType: data.type,
          }
        },
        feedback(data) { //点赞提交反馈的接口
          // return {
          //   url: '/api/feedback',
          //   data: {
          //     messageId: data.msgId,
          //     category: data.category,
          //     text: data.text,
          //   },
          // };
          console.log(data,'点赞反馈')
          return {
            messageId: data.msgId,
            category: data.category,
            text: data.text,
          }
        },
    }

3.在config下配置点踩后出现的反馈信息

    feedback: {
          // 点赞后出的文本
          textOfGood: '感谢您的评价,我们会继续努力的哦!',
          // 点踩后出的文本
          textOfBad: '',
          // 点踩后是否显示反馈表单
          needFeedback: true,
          // 不满意原因列表
          options: [
            {
              // 选项值
              value: '我没有得到我想要的答案',
              // 选项显示文本,当与 value 相同时可省略
              label: '我没有得到我想要的答案',
            },
            {
              value: '界面太难用了',
            },
            {
              value: '我不认可这个规则',
            },
          ],
          // 原因是否必选
          isReasonRequired: true,
          // 提交反馈后出的文本
          textAfterSubmit: '',
        },

4.快捷短语

就是在config下配置quickReplies,根据api配置消息内容