<script setup lang="ts">
import ConfigViewTemplate from '../../ConfigViewTemplate.vue'
// import { stringOperatorList } from '@/utils/dictionary'
// import { useTag } from '../../../composables/useAllData'

const role = inject('role') as string

defineProps<{ node: any }>()

// const { tagList } = useTag()
</script>

<template>
  <ConfigViewTemplate :node="node">
    <div>
      <el-form-item :label="role === 'student' ? '我的答案' : '学生答案'" style="margin-bottom: 0"></el-form-item>
      <el-form-item>{{ node.data.student?.tag_names }}</el-form-item>
      <!-- <el-form-item v-for="item in node.data.student?.rules" style="margin-left: 30px; margin-bottom: 0px">
        {{ tagList.find((c: any) => c.id === item.tag_id)?.name }}
        {{ stringOperatorList.find(c => c.value === item.operate)?.label }}
        {{ item.value }}
      </el-form-item> -->
    </div>
    <div>
      <el-form-item label="正确答案" style="margin-bottom: 0"></el-form-item>
      <el-form-item>{{ node.data.teacher?.tag_names }}</el-form-item>
      <!-- <el-form-item v-for="item in node.data.teacher?.rules" style="margin-left: 30px; margin-bottom: 0px">
        {{ tagList.find((c: any) => c.id === item.tag_id)?.name }}
        {{ stringOperatorList.find(c => c.value === item.operate)?.label }}
        {{ item.value }}
      </el-form-item> -->
    </div>
  </ConfigViewTemplate>
</template>
