X-Financial/web/src/views/scripts/ChatView.js

import { computed, nextTick, ref, watch } from 'vue'

export default {
  name: 'ChatView',
  props: {
  documents: { type: Array, required: true },
  docSearch: { type: String, default: '' },
  messages: { type: Array, required: true },
  uploadedFiles: { type: Array, required: true },
  activeCase: { type: Object, default: null },
  quickPrompts: { type: Array, required: true },
  draft: { type: String, default: '' },
  messageList: { type: Object, default: null }
},
  emits: ['send', 'upload', 'draft', 'approveCase', 'rejectCase', 'selectCase'] ,
  setup(props, { emit }) {
    const localMessageList = ref(null)
    const promptPage = ref(0)

    const sessions = [
      { title: '北京出差，酒店超标报销怎么处理？', time: '10:32', active: true },
      { title: '发票抬头不一致怎么办', time: '09:48' },
      { title: '借款冲销流程', time: '昨天' },
      { title: '预算占用失败处理', time: '昨天' },
      { title: '招待费报销范围', time: '05-11' },
      { title: '差旅住宿标准如何匹配城市级别？', time: '05-10' },
      { title: '电子发票验真失败如何处理？', time: '05-09' },
      { title: '跨部门项目费用怎么归集？', time: '05-08' },
      { title: '会议费和招待费如何区分？', time: '05-07' },
      { title: '超预算申请需要哪些审批节点？', time: '05-06' },
      { title: '海外差旅汇率按哪天计算？', time: '05-05' },
      { title: '员工退票手续费是否可报销？', time: '05-04' }
    ]

    const prompts = [
      { icon: 'mdi mdi-bed-outline', short: '差旅标准', text: '差旅报销特殊标准是什么？' },
      { icon: 'mdi mdi-receipt-text-outline', short: '发票规范', text: '发票丢失如何处理？' },
      { icon: 'mdi mdi-cash-refund', short: '借款冲销', text: '借款多久内需要冲销？' },
      { icon: 'mdi mdi-file-chart-outline', short: '预算冲突', text: '预算不足如何申请？' },
      { icon: 'mdi mdi-shield-check-outline', short: '审批要求', text: '酒店超标后如何申请例外报销？' },
      { icon: 'mdi mdi-office-building-marker', short: '住宿标准', text: '差旅住宿标准按什么规则执行？' },
      { icon: 'mdi mdi-file-question-outline', short: '材料补齐', text: '报销附件缺失怎么补交？' },
      { icon: 'mdi mdi-alert-circle-outline', short: '风险等级', text: '哪些情况会触发中风险？' }
    ]

    const visiblePrompts = computed(() => prompts.slice((promptPage.value % 2) * 4, (promptPage.value % 2) * 4 + 4))

    const hotQuestions = [
      '差旅报销标准是什么？',
      '酒店超标后如何申请例外报销？',
      '发票丢失如何处理？',
      '借款多久内需要冲销？',
      '预算超支如何申请？',
      '招待费报销需要哪些凭证？',
      '发票抬头不一致是否允许报销？',
      '报销附件缺失怎么补交？',
      '差旅住宿标准按什么规则执行？',
      '电子发票验真失败如何处理？'
    ]

    const similarQuestions = [
      { text: '酒店超标后如何申请例外报销？', score: '96%' },
      { text: '发票抬头不一致是否允许报销？', score: '92%' },
      { text: '差旅住宿标准按什么规则执行？', score: '89%' },
      { text: '预算不足时能否先提交报销？', score: '86%' },
      { text: '电子发票验真失败是否可以先报销？', score: '84%' },
      { text: '跨部门项目费用如何归集？', score: '81%' },
      { text: '招待费报销需要哪些凭证？', score: '78%' },
      { text: '借款冲销逾期会影响报销吗？', score: '76%' }
    ]

    function rotatePrompts() {
      promptPage.value += 1
    }

    function applyPrompt(text) {
      emit('draft', text)
    }

    watch(
      () => props.messages.length,
      () => {
        nextTick(() => localMessageList.value?.scrollTo({ top: localMessageList.value.scrollHeight, behavior: 'smooth' }))
      }
    )

    return {
      emit,
      localMessageList,
      promptPage,
      sessions,
      prompts,
      visiblePrompts,
      hotQuestions,
      similarQuestions,
      rotatePrompts,
      applyPrompt
    }
  }
}