JLBA202505130001_关于吉林银行新建AI智能培训系统的需求_修改关键词知识点样式

src/pages/courseDetail/components/introduce.vue

@@ -14,6 +14,7 @@
 			<view class="fz-30 fw-600 mb-8">更新时间</view>
 			<view class="fz-30 fw-400 color-666">{{ (modelValue.mtTime || '').substr(0, 16) }}</view>
 		</view>
+		
 		<view class="info-bottom">
 			<view class="bottom-left">
 				<view class="mb-64">
@@ -37,10 +38,14 @@
 				<image src="/src/static/images/courseDetail/ditu.png" class="right-img" mode="widthFix"></image>
 			</view>
 		</view>
+		<view class="info-middle font_pf">
+			<view class="fz-30 fw-600 mb-8">回答方式</view>
+			<view class="fz-30 fw-400 color-666">{{answerMethod}}</view>
+		</view>
 		<view class="mb-64">
 			<view class="fz-30 font_pf fw-600 mb-4">课程核心</view>
 			<view class="examination_core color-666">
-				{{ modelValue.crsCore }}
+				{{ modelValue.crsCore || '无' }}
 			</view>
 		</view>
 		<view class="mb-64 file-items" v-if="(modelValue.fileList || []).length>0">
@@ -53,12 +58,16 @@
 </template>
 
 <script setup>
+	import {computed} from 'vue'
 	import {
 		previewFileFnc
 	} from '@/common/common'
 	const props = defineProps({
 		modelValue: Object
 	});
+	import {ANSWER_METHOD_MAP} from '@/enum.js'
+	
+	const answerMethod = computed(() => ANSWER_METHOD_MAP[props.item?.answerMethod || ''] || ANSWER_METHOD_MAP['01']);
 	const previewFile = info => {
 		previewFileFnc({
 			fileId: info.fileId,

src/pages/courseDetail/index.vue

@@ -31,13 +31,16 @@
 
 						<view class="line-progress-div">
 							<view class="text-1">{{ form.styParaGraphNum || 0 }}</view>
-							<uv-line-progress
+							<view class="progress-div">
+								<view class="progress-line"></view>
+							</view>
+							<!-- <uv-line-progress
 								:percentage="progress"
 								:showText="false"
 								activeColor="#0066FF"
 								inactiveColor="#D9DEE8"
 								:height="8"
-							></uv-line-progress>
+							></uv-line-progress> -->
 							<view class="text-2">{{ form.pgrphNum || 0 }}</view>
 						</view>
 
@@ -143,9 +146,9 @@
 	const progress = computed(() => {
 		// 计算进度百分比（保留两位小数）
 		const total = form.value.pgrphNum;
-		if (total === 0) return 0;
+		if (total === 0) return '0%';
 		const completed = form.value.styParaGraphNum;
-		return Math.min(Math.round((completed / total) * 10000) / 100, 100);
+		return Math.min(Math.round((completed / total) * 10000) / 100, 100)+'%';
 	});
 	const tabSwitch = (item) => {
 		tabAct.value = item.index;
@@ -557,6 +560,24 @@
 			font-size: 30rpx;
 			margin: 0 16rpx;
 		}
+		.progress-div{
+			position: relative;
+			background-color: #D9DEE8;
+			width: 100%;
+			height: 16rpx;
+			border-radius: 10rpx;
+			overflow: hidden;
+			.progress-line{
+				position: absolute;
+				top: 0;
+				left: 0;
+				background-color: #0066FF;
+				// width: 100%;
+				width: v-bind(progress);
+				height: 100%;
+				border-radius: 10rpx;
+			}
+		}
 	}
 	.learn {
 		color: #1dd17a;