<template>
	<div style="display: flex; justify-content: space-between; align-items: center">
		<div>
			<div><span style="font-weight: bold; color: blue">{{ props.data.userIdName }}:</span></div>
<!--			<div v-html="richText"></div>-->
			<div v-html="props.data.info"></div>
			<div>
				<span >{{props.data.gradesIdName}}</span>	<span style="font-weight: bold; color: red">{{props.data.createTime}}</span>
			</div>


		</div>
	</div>
</template>
<!--			gradesldName班级名称，userldName提问人姓名	列表回显去掉info(内容)，加入createTime(创建时间)，-->
<script setup>
import {ref, onMounted} from 'vue'
import {SearchOutlined, ReloadOutlined} from '@ant-design/icons-vue'
import {useRouter} from 'vue-router'
import collegeApi from '@/api/college'
import resourceAuditApi from '@/api/resourceAudit.js'
import tool from '@/utils/tool'
import Footer from "@/views/portal/components/Footer.vue";

const emit = defineEmits([])
const router = useRouter()

const props = defineProps({
	// name: {
	// 	type: String,
	// 	default: ''
	// },
	data: {
		type: Object,
		default: {}
	},
})


const richText = ref('<p>这是一段富文本内容</p>')

// const onChangeCurrent = (current) => {
// 	router.push({
// 		path: '/' + current
// 	})
// }
const publishedData = ref()
//发布确定

// 上传资源模态框
const uploadModalVisible = ref(false)
//院系组织查询
// const getOrgTreeSelector = () => {
// 	resourceAuditApi
// 		.orgList()
// 		.then((res) => {
// 			console.log(res.data, '获取学院')
// 			collegeMajorOptions.value = res.data
// 		})
// 		.catch((err) => {
// 			console.log(err)
// 		})
// }
const getList = () => {
	// collegeApi.treeAll().then((data) => {
	// 	options.value = data
	// })

	// resourceAuditApi
	// 	.orgList()
	// 	.then((res) => {
	// 		collegeMajorOptions.value = res.data
	// 	})
	// 	.catch((err) => {
	// 		console.log(err)
	// 	})
}

// 重置按钮点击事件
const handleReset = () => {
	formState.value = {
		courseName: undefined,
		collegeId: undefined,
		majorId: undefined,
		courseType: undefined,
		time: [],
		loacl: []
		// 其他需要重置的字段
	}
	emit('handlerSearch', formState.value)
}
onMounted(() => {
	// getListData()

	getList()
})
</script>

<style scoped>
.desc p {
	margin-bottom: 1em;
}
</style>
