顶部图片添加

src/views/student/In-site-message/index.vue

@@ -1,45 +1,42 @@
 <template>
-	<a-card>
-		<a-row :gutter="10">
-			<a-col :span="4">
-				<a-menu id="userMessage" v-model:selected-keys="selectedKeys" mode="inline" @click="handleClick">
-					<a-menu-item :key="messageCategory.value" v-for="messageCategory in messageCategoryList">{{
-						messageCategory.label
-					}}</a-menu-item>
-				</a-menu>
-			</a-col>
-			<a-col :span="20">
-				<div style="margin-top: -16px">
-					<s-table
-						ref="table"
-						:columns="columns"
-						:data="loadData"
-						bordered
-						:row-key="(record) => record.id"
-					>
-						<template #bodyCell="{ column, record }">
-							<template v-if="column.dataIndex === 'subject'">
-								<ellipsis :length="40" tooltip>
-									{{ record.subject }}
-								</ellipsis>
+	<div>
+		<a-image width="100%" :preview="false" :src="bannerSrc" class="mb-4" />
+		<a-card>
+			<a-row :gutter="10">
+				<a-col :span="4">
+					<a-menu id="userMessage" v-model:selected-keys="selectedKeys" mode="inline" @click="handleClick">
+						<a-menu-item :key="messageCategory.value" v-for="messageCategory in messageCategoryList">{{
+							messageCategory.label
+						}}</a-menu-item>
+					</a-menu>
+				</a-col>
+				<a-col :span="20">
+					<div style="margin-top: -16px">
+						<s-table ref="table" :columns="columns" :data="loadData" bordered :row-key="(record) => record.id">
+							<template #bodyCell="{ column, record }">
+								<template v-if="column.dataIndex === 'subject'">
+									<ellipsis :length="40" tooltip>
+										{{ record.subject }}
+									</ellipsis>
+								</template>
+								<template v-if="column.dataIndex == 'createTime'">{{ formatDateTime(record.createTime) }}</template>
+								<template v-if="column.dataIndex === 'read'">
+									<span v-if="record.read" style="color: #d9d9d9">已读</span>
+									<span v-else style="color: #ff4d4f">未读</span>
+								</template>
+								<template v-if="column.dataIndex === 'action'">
+									<a-space>
+										<a @click="detailRef.onOpen(record)">详情</a>
+									</a-space>
+								</template>
 							</template>
-							<template v-if="column.dataIndex == 'createTime'">{{ formatDateTime(record.createTime) }}</template>
-							<template v-if="column.dataIndex === 'read'">
-								<span v-if="record.read" style="color: #d9d9d9">已读</span>
-								<span v-else style="color: #ff4d4f">未读</span>
-							</template>
-							<template v-if="column.dataIndex === 'action'">
-								<a-space>
-									<a @click="detailRef.onOpen(record)">详情</a>
-								</a-space>
-							</template>
-						</template>
-					</s-table>
-				</div>
-			</a-col>
-			<detail ref="detailRef" @refresh="refresh" />
-		</a-row>
-	</a-card>
+						</s-table>
+					</div>
+				</a-col>
+				<detail ref="detailRef" @refresh="refresh" />
+			</a-row>
+		</a-card>
+	</div>
 </template>
 
 <script setup name="inSiteMessage">
@@ -48,6 +45,7 @@
 	import tool from '@/utils/tool'
 	import { nextTick } from 'vue'
 	import { parseTime } from '@/utils/exam'
+	import bannerSrc from '@/assets/images/inSsiteMessage.jpg'
 	function formatDateTime(val) {
 		if (!val) return ''
 		return parseTime(val, '{y}-{m}-{d} {h}:{i}:{s}')

src/views/student/classNotice/index.vue

@@ -1,37 +1,35 @@
 <template>
-	<a-card>
-		<s-table
-			ref="table"
-			:columns="columns"
-			:data="loadData"
-			bordered
-			:row-key="(record) => record.id"
-		>
-			<template #bodyCell="{ column, record }">
-				<template v-if="column.dataIndex == 'platform'">{{ platformType(record.platform) }}</template>
-				<template v-if="column.dataIndex === 'read'">
-					<span v-if="record.read" style="color: #d9d9d9">已读</span>
-					<span v-else style="color: #ff4d4f">未读</span>
+	<div>
+		<a-image width="100%" :preview="false" :src="bannerSrc" class="mb-4" />
+		<a-card>
+			<s-table ref="table" :columns="columns" :data="loadData" bordered :row-key="(record) => record.id">
+				<template #bodyCell="{ column, record }">
+					<template v-if="column.dataIndex == 'platform'">{{ platformType(record.platform) }}</template>
+					<template v-if="column.dataIndex === 'read'">
+						<span v-if="record.read" style="color: #d9d9d9">已读</span>
+						<span v-else style="color: #ff4d4f">未读</span>
+					</template>
+					<template v-if="column.dataIndex === 'content'">
+						<ellipsis :length="40" tooltip>
+							{{ record.content }}
+						</ellipsis>
+					</template>
+					<template v-if="column.dataIndex === 'action'">
+						<a-space>
+							<a @click="detailRef.onOpen(record)">详情</a>
+						</a-space>
+					</template>
 				</template>
-				<template v-if="column.dataIndex === 'content'">
-					<ellipsis :length="40" tooltip>
-						{{ record.content }}
-					</ellipsis>
-				</template>
-				<template v-if="column.dataIndex === 'action'">
-					<a-space>
-						<a @click="detailRef.onOpen(record)">详情</a>
-					</a-space>
-				</template>
-			</template>
-		</s-table>
-		<detail ref="detailRef" @refresh="refresh" />
-	</a-card>
+			</s-table>
+			<detail ref="detailRef" @refresh="refresh" />
+		</a-card>
+	</div>
 </template>
 
 <script setup name="classNotice">
 	import detail from './detail.vue'
 	import classCentre from '@/api/student/classCentre'
+	import bannerSrc from '@/assets/images/classNotice.jpg'
 	const table = ref()
 	const detailRef = ref()
 	const columns = [

src/views/student/learningFootprint/index.vue

@@ -1,31 +1,29 @@
 <template>
-	<a-card>
-		<s-table
-			ref="table"
-			:columns="columns"
-			:data="loadData"
-			bordered
-			:row-key="(record) => record.id"
-		>
-			<template #bodyCell="{ column, record }">
-				<template v-if="column.dataIndex == 'endTime'">{{ classTime(record.endTime) }}</template>
-				<template v-if="column.dataIndex == 'progress'">{{ record.progress + '%' }}</template>
-				<template v-if="column.dataIndex == 'funcType'">{{ funcTypeName(record.funcType) }}</template>
-				<template v-if="column.dataIndex == 'type'">{{ typeName(record.type) }}</template>
-				<template v-if="column.dataIndex === 'action'">
-					<a-space>
-						<a @click="jumpDetail(record)">详情</a>
-					</a-space>
+	<div>
+		<a-image width="100%" :preview="false" :src="bannerSrc" class="mb-4" />
+		<a-card>
+			<s-table ref="table" :columns="columns" :data="loadData" bordered :row-key="(record) => record.id">
+				<template #bodyCell="{ column, record }">
+					<template v-if="column.dataIndex == 'endTime'">{{ classTime(record.endTime) }}</template>
+					<template v-if="column.dataIndex == 'progress'">{{ record.progress + '%' }}</template>
+					<template v-if="column.dataIndex == 'funcType'">{{ funcTypeName(record.funcType) }}</template>
+					<template v-if="column.dataIndex == 'type'">{{ typeName(record.type) }}</template>
+					<template v-if="column.dataIndex === 'action'">
+						<a-space>
+							<a @click="jumpDetail(record)">详情</a>
+						</a-space>
+					</template>
 				</template>
-			</template>
-		</s-table>
-	</a-card>
+			</s-table>
+		</a-card>
+	</div>
 </template>
 
 <script setup name="learningFootprint">
 	import classCentre from '@/api/student/classCentre'
 	import { useRouter } from 'vue-router'
 	import { parseTime } from '@/utils/exam'
+	import bannerSrc from '@/assets/images/banner.jpg'
 	const typeList = ref([
 		{
 			value: '1',

src/views/student/paper/index.vue

@@ -1,6 +1,7 @@
 <template>
 	<div>
-		<a-card style="width: 100%;" class="titleCard">
+		<a-image width="100%" :preview="false" :src="bannerSrc" class="mb-4" />
+		<a-card style="width: 100%" class="titleCard">
 			<div style="font-size: 18px">
 				<div>我的{{ examName }}</div>
 			</div>
@@ -85,6 +86,7 @@
 	import tool from '@/utils/tool'
 	import { parseTime } from '@/utils/exam'
 	import Broadcast from '@/utils/Broadcast.js'
+	import bannerSrc from '@/assets/images/banner.jpg'
 	const route = useRoute()
 	const formatDateTime = (val) => {
 		if (!val) return ''
@@ -100,7 +102,7 @@
 	const examNameOption = tool.dictList('EXAM_TYPE')
 	const examTypeName = computed(() => {
 		return (id) => {
-			return examNameOption.find((r) => r.value == id).label
+			return examNameOption.find((r) => r.value == id)?.label
 		}
 	})
 	const typeOptionsVal = ref([
@@ -258,17 +260,17 @@
 </script>
 
 <style lang="less" scoped>
-.flc {
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-}
-.fcc {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-:deep(.titleCard .ant-card-body){
-	padding:16px 24px;
-}
+	.flc {
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+	}
+	.fcc {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	:deep(.titleCard .ant-card-body) {
+		padding: 16px 24px;
+	}
 </style>