题目组件 ​

<qxs-subject-list
  :subject-list.prop="subjectList"
  :show-add.prop="false"
  @change="handleChange"
/>

<script setup lang="ts">
import { ref } from 'vue'
import '@qxs-bns/components-wc/core'
import '@qxs-bns/components-wc/editor'

const listRef = ref<any>(null)
const subjectList = ref<any[]>([])
const categoryList = ref([
  { categoryId: 'c1', title: '慢病管理' },
  { categoryId: 'c2', title: '健康行为' },
])

function handleSelect(e: CustomEvent) {
  const { type, canSet } = e.detail
  listRef.value?.addSubject(type, undefined, canSet ? 1 : 0)
}

function handleChange(e: CustomEvent) {
  subjectList.value = [...e.detail]
}

async function handleSubmit() {
  const result = await listRef.value?.validate()
  if (!result?.valid) {
    console.error('校验失败:', result.errors[0])
    return
  }
  const data = await listRef.value?.toJSON()
  console.log('提交数据:', data)
}
</script>

<template>
  <qxs-subject-type @select="handleSelect" />

<qxs-subject-list
    ref="listRef"
    :subject-list.prop="subjectList"
    :category-list.prop="categoryList"
    :show-add.prop="false"
    show-tag
    show-category
    show-ai
    @change="handleChange"
  />

  <button type="button" @click="handleSubmit">提交</button>
</template>

<script setup>
function handleSelect(e) {
  const { type, canSet } = e.detail
  const examAnswerRelationType = canSet ? 1 : 0
  subjectListRef.value?.addSubject(type, null, examAnswerRelationType)
}
</script>

<template>
  <qxs-subject-type @select="handleSelect" />
</template>

<script setup lang="ts">
import '@qxs-bns/components-wc/core'
import { ref } from 'vue'

const listRef = ref<any>(null)

const subjectList = ref([
  {
    customId: 'q1',
    answerType: 'single',
    title: '患者是否规律服药？',
    aiAnswer: '1. 是',
    tagInfos: [],
    answers: [
      { title: '是', isCorrect: false },
      { title: '否', isCorrect: false },
    ],
  },
])

async function searchHandler(query: string, answerType: number) {
  const response = await fetch(`/api/question-search?q=${encodeURIComponent(query)}&answerType=${answerType}`)
  const data = await response.json()
  return (data?.list || []).map((item: any) => ({
    ...item,
    value: item.title,
  }))
}

async function openTagDialog() {
  // 这里替换成你自己的标签弹窗或标签选择器
  return [
    { tagId: 't1', tagName: '慢病管理' },
    { tagId: 't2', tagName: '依从性' },
  ]
}

async function handleChooseTag(e: CustomEvent) {
  const { customId } = e.detail
  const selected = await openTagDialog()
  listRef.value?.setTagList(selected, customId)
}

function handleChange(e: CustomEvent) {
  subjectList.value = [...e.detail]
}

function handleTitleSelect(e: CustomEvent) {
  console.log('题库题目已选中:', e.detail)
}
</script>

<template>
  <qxs-subject-list
    ref="listRef"
    :subject-list.prop="subjectList"
    show-tag
    show-ai
    :search-handler.prop="searchHandler"
    @change="handleChange"
    @choose-tag="handleChooseTag"
    @title-select="handleTitleSelect"
  />
</template>