问答回复展示

src/views/portal/components/Header.vue

@@ -14,6 +14,7 @@
 					<a-menu-item key="student/paper">我的考试</a-menu-item>
 					<a-menu-item key="portal/courseManagement">我的作业</a-menu-item>
 					<a-menu-item key="exm/questionnaireManagement">调查问卷</a-menu-item>
+					<a-menu-item key="exm/questionnaireManagement">课程收藏</a-menu-item>
 				</a-sub-menu>
 			</a-menu>
 		</div>
@@ -27,13 +28,13 @@
 				</div>
 				<template #overlay>
 					<a-menu>
-						<a-menu-item key="1">个人中心</a-menu-item>
+						<a-menu-item key="1" @click="jump('/')">个人中心</a-menu-item>
 						<a-menu-item key="2" @click="jump('/forum')">论坛</a-menu-item>
-						<a-menu-item key="3">站内信</a-menu-item>
-						<a-menu-item key="4">课程公告</a-menu-item>
-						<a-menu-item key="5">学习足迹</a-menu-item>
+						<a-menu-item key="3" @click="jump('/')">站内信</a-menu-item>
+						<a-menu-item key="4" @click="jump('/')">课程公告</a-menu-item>
+						<a-menu-item key="5" @click="jump('/')">学习足迹</a-menu-item>
 						<a-menu-item key="6" @click="jump('/slogin')">登录</a-menu-item>
-						<a-menu-item key="7">密码找回</a-menu-item>
+						<a-menu-item key="7" @click="jump('/')">密码找回</a-menu-item>
 						<a-menu-item key="8" @click="outLogin()">退出登陆</a-menu-item>
 					</a-menu>
 				</template>

src/views/student/classCentre/ask.vue

@@ -11,13 +11,15 @@
 				<a-skeleton avatar :title="false" :loading="!!item.loading" active>
 					<div style="width: 100%">
 						<a-list-item-meta>
-							<template #title>{{ item.info }}</template>
+							<template #title>
+								<div class="askName">{{ item.userIdName }}</div>
+							</template>
 							<template #avatar v-if="item.avatar">
 								<a-avatar :src="item.avatar" />
 							</template>
 						</a-list-item-meta>
-						{{ item.remark }}
-						<div class="flc">
+						{{ item.info }}
+						<div class="flc mt-2" v-if="item.userId == userInfo.id">
 							<div @click="editNote(item)">
 								<a-tooltip title="编辑" :getPopupContainer="(trigger) => trigger.parentElement">
 									<edit-outlined />
@@ -34,6 +36,15 @@
 								</a-tooltip>
 							</div> -->
 						</div>
+						<div v-for="(item, idx) in item.recordChildList" :key="item.id" v-if="item.recordChildList" class="askitemBox">
+							<div class="flc">
+								<div class="askName">{{ item.userIdName }}</div>
+								<div v-if="item.avatar">
+									<a-avatar :src="item.avatar" />
+								</div>
+							</div>
+							<div>{{ item.info }}</div>
+						</div>
 					</div>
 				</a-skeleton>
 			</a-list-item>
@@ -46,6 +57,9 @@
 	import { ExclamationCircleOutlined } from '@ant-design/icons-vue'
 	import { createVNode } from 'vue'
 	import { Modal } from 'ant-design-vue'
+	import askDiv from './ask.vue'
+	import tool from '@/utils/tool'
+	const userInfo = tool.data.get('USER_INFO')
 	const props = defineProps({
 		idsObj: {
 			type: [Array, Object],
@@ -65,7 +79,7 @@
 		getList()
 	})
 	const pagination = ref({
-		current:1,
+		current: 1,
 		onChange: (page) => {
 			pagination.value.current = page
 			getList()
@@ -76,7 +90,7 @@
 		classCentre
 			.askList(
 				{
-					current:pagination.value.current,
+					current: pagination.value.current,
 					size: pagination.value.pageSize,
 					...props.idsObj
 				},
@@ -134,4 +148,15 @@
 		justify-content: space-between;
 		align-items: center;
 	}
+	.askitemBox {
+		border-top: 1px solid #f0f0f0;
+		padding-top:10px;
+		margin-top:10px;
+		margin-left:15px;
+	}
+	.askName {
+		font-size: 12px;
+		font-weight: 500;
+		color: rgba(0, 0, 0, 0.425);
+	}
 </style>