两个地方 原来不显示图片的 地方显示图片 整体布局 按照 要求更改

src/App.vue

@@ -3,8 +3,8 @@
 		<router-view v-if="$route.meta.fullpage" />
 		<div v-else>
 				<Header/>
-				<div style="width: 100vw; overflow-y: scroll;height: 100%">
-					<div style="width: 71%; margin-left: 10%;">
+				<div style="width: 100%; overflow-y: scroll;height: 100%; display: flex;  justify-content: center;">
+					<div style="width: 1624px;">
 							<router-view></router-view>
 					</div>
 				</div>

src/views/courseAdd/components/courseProduction/index.vue

@@ -33,10 +33,10 @@
 			<!-- 课时列表 -->
 			<div v-for="(lesson, lessonIndex) in chapter.classHours" :key="lessonIndex" class="lesson">
 				<!-- 视频封面 -->
-				<img src="@/assets/images/fileImg/gif.png" alt="Video Cover" class="video-cover"
-					 style="width: 140px; height: 90px"/>
+				<img :src="sysConfig.FILE_URL+lesson.coverImageUrl" alt="Video Cover" class="video-cover"
+					 style="width: 140px; height: 90px;margin-left: 10px"/>
 				<!-- 课时信息 -->
-				<div style="display: flex; flex-direction: column; justify-content: space-between; height: 100%  ">
+				<div style="display: flex; flex-direction: column; justify-content: space-between; height: 100%;margin-left: 20px ">
 					<div>{{ lesson.name }}</div>
 					<div>
 						<!--						<span>视频大小：{{ lesson.size }}MB</span>-->
@@ -84,6 +84,7 @@ import courseProductionApi from '@/api/courseCenter/courseProduction.js'
 import {useRoute, useRouter} from 'vue-router'
 import {del, edit as editApi} from '@/api/hour/index'
 import tool from "@/utils/tool";
+import sysConfig from "@/config";
 
 
 const router = useRouter()

src/views/courseDetails/components/tab/LessonDetails.vue

@@ -5,7 +5,9 @@
 			<div v-if="section.classHours && section.classHours.length > 0">
 				<div v-for="lesson in section.classHours" :key="lesson.id" class="lesson-row">
 					<div class="lesson-cover">
-						<a-avatar shape="square" :size="48" icon="play-circle" />
+<!--						<a-avatar shape="square" :size="48" icon="play-circle" />-->
+						<img :src="sysConfig.FILE_URL+lesson.coverImageUrl" alt="Video Cover" class="video-cover"
+							 style="width: 140px; height: 90px;margin-left: 0px"/>
 					</div>
 					<div class="lesson-info">
 						<div class="lesson-title">{{ lesson.name }}</div>
@@ -15,7 +17,7 @@
 						</div>
 					</div>
 					<div class="lesson-actions">
-						<a-button type="primary" size="small" @click="handleUrgeSubmit(lesson)"> 一键催缴 </a-button>
+						<a-button type="primary" size="small" @click="handleUrgeSubmit(lesson)"> 一键催交 </a-button>
 					</div>
 				</div>
 			</div>
@@ -48,6 +50,7 @@
 <script setup>
 	import { defineProps, ref, watch } from 'vue'
 	import { EditOutlined, DeleteOutlined } from '@ant-design/icons-vue'
+	import sysConfig from "@/config";
 	const props = defineProps({
 		pagedSections: Array,
 		currentPage: Number,

src/views/myResource/file/box/codePreview/BoxMask.vue

@@ -101,7 +101,7 @@
 	import { css } from '@codemirror/lang-css'
 	import { json } from '@codemirror/lang-json'
 	import { xml } from '@codemirror/lang-xml'
-	import { EditorView } from '@codemirror/view'
+	// import { EditorView } from '@codemirror/view'
 	import { fontSizeList, fileSuffixCodeModeMap, codeMirrorThemeList } from '@/libs/map.js'
 	import { useMyResourceStore } from '@/store/myResource.js'
 	import { getFilePreview, modifyFileContent } from '@/api/myResource/file.js'
@@ -175,40 +175,40 @@
 		} else {
 			// 默认亮色主题
 			exts.push(
-				EditorView.theme({
-					'&': {
-						height: '100%',
-						fontSize: `${codeMirrorCustomOptions.fontSize}px`,
-						color: '#e0e0e0' // 添加默认文本颜色为浅灰色
-					},
-					'.cm-scroller': {
-						overflow: 'auto'
-					},
-					'.cm-content': {
-						color: '#e0e0e0' // 确保内容区域文本为浅灰色
-					},
-					'.cm-line': {
-						color: '#e0e0e0' // 确保每行文本为浅灰色
-					},
-					// 语法高亮颜色
-					'.cm-comment': { color: '#6a9955' }, // 注释
-					'.cm-keyword': { color: '#569cd6' }, // 关键字
-					'.cm-string': { color: '#ce9178' }, // 字符串
-					'.cm-number': { color: '#b5cea8' }, // 数字
-					'.cm-property': { color: '#9cdcfe' }, // 属性
-					'.cm-operator': { color: '#d4d4d4' }, // 操作符
-					'.cm-meta': { color: '#dcdcaa' }, // 元数据
-					'.cm-atom': { color: '#4ec9b0' }, // 原子
-					'.cm-variable': { color: '#9cdcfe' }, // 变量
-					'.cm-tag': { color: '#569cd6' }, // 标签
-					'.cm-attribute': { color: '#9cdcfe' } // 属性
-				})
+				// EditorView.theme({
+				// 	'&': {
+				// 		height: '100%',
+				// 		fontSize: `${codeMirrorCustomOptions.fontSize}px`,
+				// 		color: '#e0e0e0' // 添加默认文本颜色为浅灰色
+				// 	},
+				// 	'.cm-scroller': {
+				// 		overflow: 'auto'
+				// 	},
+				// 	'.cm-content': {
+				// 		color: '#e0e0e0' // 确保内容区域文本为浅灰色
+				// 	},
+				// 	'.cm-line': {
+				// 		color: '#e0e0e0' // 确保每行文本为浅灰色
+				// 	},
+				// 	// 语法高亮颜色
+				// 	'.cm-comment': { color: '#6a9955' }, // 注释
+				// 	'.cm-keyword': { color: '#569cd6' }, // 关键字
+				// 	'.cm-string': { color: '#ce9178' }, // 字符串
+				// 	'.cm-number': { color: '#b5cea8' }, // 数字
+				// 	'.cm-property': { color: '#9cdcfe' }, // 属性
+				// 	'.cm-operator': { color: '#d4d4d4' }, // 操作符
+				// 	'.cm-meta': { color: '#dcdcaa' }, // 元数据
+				// 	'.cm-atom': { color: '#4ec9b0' }, // 原子
+				// 	'.cm-variable': { color: '#9cdcfe' }, // 变量
+				// 	'.cm-tag': { color: '#569cd6' }, // 标签
+				// 	'.cm-attribute': { color: '#9cdcfe' } // 属性
+				// })
 			)
 		}
 
 		// 添加行号
 		if (codeMirrorOptions.lineNumbers) {
-			exts.push(EditorView.lineWrapping)
+			// exts.push(EditorView.lineWrapping)
 		}
 
 		return exts

src/views/portal/components/Header.vue

@@ -3,58 +3,61 @@
 		<!-- //根据平台不同传不同参0后台（管理员）1老师2学生   eduIdentity
 		{{userInfo.eduIdentity}}
 		管理员 -->
-		<div style="display: flex; width: 100vw; justify-content: space-between; align-items: center; position: relative">
-			<div style="display: flex; padding-left: 10%; ">
-				<a-menu v-model:selectedKeys="current"  mode="horizontal" theme="light"  >
-					<a-sub-menu  key="res">
-						<template #title>
-							<!-- 使用 Ant Design Vue 的图标 -->
-							<span>资源相关</span>
-						</template>
-						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="">资源中心</a-menu-item>
-						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="portal/personalResources">个人资源</a-menu-item>
-						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="resourceStatistics">资源统计</a-menu-item>
-					</a-sub-menu>
+		<div style="display: flex; width: 100%; justify-content: center; align-items: center; position: relative;  ">
+			<div style="display: flex;width: 1624px ;justify-content: space-between; ">
+				<div style="display: flex; padding-left: 0%; ">
+					<a-menu v-model:selectedKeys="current"  mode="horizontal" theme="light"  >
+						<a-sub-menu  key="res">
+							<template #title>
+								<!-- 使用 Ant Design Vue 的图标 -->
+								<span>资源相关</span>
+							</template>
+							<a-menu-item style="margin-left: 1px; margin-right: 1px" key="">资源中心</a-menu-item>
+							<a-menu-item style="margin-left: 1px; margin-right: 1px" key="portal/personalResources">个人资源</a-menu-item>
+							<a-menu-item style="margin-left: 1px; margin-right: 1px" key="resourceStatistics">资源统计</a-menu-item>
+						</a-sub-menu>
 
-					<a-sub-menu  key="course">
-						<template #title>
-							<!-- 使用 Ant Design Vue 的图标 -->
-							<span>课程相关</span>
-						</template>
-						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="portal/courseManagement">课程管理</a-menu-item>
-						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="announcementManagement">课程公告发布</a-menu-item>
-						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="courseOpen">课程开课</a-menu-item>
-					</a-sub-menu>
+						<a-sub-menu  key="course">
+							<template #title>
+								<!-- 使用 Ant Design Vue 的图标 -->
+								<span>课程相关</span>
+							</template>
+							<a-menu-item style="margin-left: 1px; margin-right: 1px" key="portal/courseManagement">课程管理</a-menu-item>
+							<a-menu-item style="margin-left: 1px; margin-right: 1px" key="announcementManagement">课程公告发布</a-menu-item>
+							<a-menu-item style="margin-left: 1px; margin-right: 1px" key="courseOpen">课程开课</a-menu-item>
+						</a-sub-menu>
 
 
 
-					<a-menu-item style="margin-left: 1px; margin-right: 1px" key="classManagement">班级管理</a-menu-item>
-<!--					<a-menu-item style="margin-left: 1px; margin-right: 1px"></a-menu-item>-->
-					<a-sub-menu  key="">
-						<template #title>
-							<!-- 使用 Ant Design Vue 的图标 -->
-							<span>考试相关</span>
-						</template>
-						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="examinationManagement">考试管理</a-menu-item>
-						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="questionnaireManagement">问卷管理</a-menu-item>
-						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="exampaper">试卷管理</a-menu-item>
-						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="student/record/">考试批改</a-menu-item>
-						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="question">题目列表</a-menu-item>
-					</a-sub-menu>
-					<a-menu-item style="margin-left: 1px; margin-right: 1px" key="statistics">统计分析</a-menu-item>
-					<a-menu-item style="margin-left: 1px; margin-right: 1px" key="forum">论坛</a-menu-item>
+						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="classManagement">班级管理</a-menu-item>
+						<!--					<a-menu-item style="margin-left: 1px; margin-right: 1px"></a-menu-item>-->
+						<a-sub-menu  key="">
+							<template #title>
+								<!-- 使用 Ant Design Vue 的图标 -->
+								<span>考试相关</span>
+							</template>
+							<a-menu-item style="margin-left: 1px; margin-right: 1px" key="examinationManagement">考试管理</a-menu-item>
+							<a-menu-item style="margin-left: 1px; margin-right: 1px" key="questionnaireManagement">问卷管理</a-menu-item>
+							<a-menu-item style="margin-left: 1px; margin-right: 1px" key="exampaper">试卷管理</a-menu-item>
+							<a-menu-item style="margin-left: 1px; margin-right: 1px" key="student/record/">考试批改</a-menu-item>
+							<a-menu-item style="margin-left: 1px; margin-right: 1px" key="question">题目列表</a-menu-item>
+						</a-sub-menu>
+						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="statistics">统计分析</a-menu-item>
+						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="forum">论坛</a-menu-item>
 
-					<a-menu-item style="margin-left: 1px; margin-right: 1px" key="resourceConversionLog">资源转换</a-menu-item>
-<!--					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">站内信</a-menu-item>-->
+						<a-menu-item style="margin-left: 1px; margin-right: 1px" key="resourceConversionLog">资源转换</a-menu-item>
+						<!--					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">站内信</a-menu-item>-->
 
 
 
-				</a-menu>
+					</a-menu>
 
+				</div>
+				<div style="width: 50px;  height: 46px; margin-right: 0px;  " >
+					<UserHeader></UserHeader>
+				</div>
 			</div>
-			<div style="width: 50px;  height: 46px; margin-right: 19%;  " >
-				<UserHeader></UserHeader>
-			</div>
+
 
 
 <!--			<div class="header-right">-->

src/views/resourceCenter/components/ResourceList.vue

@@ -57,7 +57,11 @@
 							</div>
 						</div>
 						<div style="display: flex; flex-direction: column; padding: 5px 10px">
-							<span style="font-size: 16px; font-weight: bold">{{tool.truncateString(item.fileName,20)  }}</span>
+							<a-tooltip>
+								<template #title>{{ item.fileName }}</template>
+								<span style="font-size: 16px; font-weight: bold">{{tool.truncateString(item.fileName,20)  }}</span>
+							</a-tooltip>
+
 							<span style="font-size: 12px">{{ item.collegeIdName }}</span>
 							<span style="font-size: 12px">{{ item.majorIdName }}</span>
 							<div style="display: flex; justify-content: space-between">

src/views/resourceDetails/components/VideoDetails.vue

@@ -126,7 +126,11 @@
 						<span style="display: block; font-weight: bold">资源信息</span>
 					</div>
 					<div style="display: flex;  align-items: center; height: 40px">
-						<span style="display: block; font-weight: bold">{{tool.truncateString(resName,20)}}</span>
+						<a-tooltip>
+							<template #title>{{ resName }}</template>
+							<span style="display: block; font-weight: bold">{{tool.truncateString(resName,20)}}</span>
+						</a-tooltip>
+
 <!--						<span style="display: block; font-weight: bold">{{resName}}</span>-->
 					</div>
 					<!-- <div style="display: flex; align-items: center">