tianyan/tra-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

JLBA202505130001_关于吉林银行新建AI智能培训系统的需求_修复sit首日bug

Browse Source
This commit is contained in:
田岩
2026-01-12 17:30:10 +08:00
parent b1912ddadc
commit dfa31b98ca
7 changed files with 86 additions and 452 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env.development
+2 -3
View File
@@ -7,8 +7,7 @@ ENV = 'development'
#VITE_APP_BASE_API_Url = 'https://aits.jlbank.com.cn:7001'
VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7001'
#VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7002'
# VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7002'
@@ -17,7 +16,7 @@ VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7001'
# VITE_APP_BASE_API_Url = 'http://192.168.108.129'
# dev
#VITE_APP_BASE_API_Url = 'http://25.18.122.65:7001'
VITE_APP_BASE_API_Url = 'http://25.18.122.65:7001'
# sit
src/components/examination/es-analysis.vue
+62 -17
View File
@@ -11,7 +11,7 @@
<text class="tr">{{ item.gradeDimens }}：</text>
<text class="td">{{ item.anlyGrade }}</text>
<view class="your_answer" v-if="item.dimensCode === '01'">
<rich-text :nodes="highlightedText" class="content" />
<rich-text v-if="missingKeywords.length !== keywordsLength" :nodes="highlightedText" class="content" />
<view class="mt-10" v-if="missingKeywords.length">
<text class="">未命中：</text>
<text v-for="(keyword, index) in missingKeywords" :key="index" class="miss-keyword-item">
@@ -56,12 +56,15 @@
return optionErrorIcon();
}
});
const keywords = computed(() => {
if (!props.value.relKeyword) return [];
return props.value.relKeyword.split(/[,、/]/).map((key) => key.trim());
});
const keywordsLength = computed(() => {
if (!props.value.relKeyword) return 0;
return props.value.relKeyword.split(/[,、]/).map((key) => key.trim()).length;
});
const highlightedText = computed(() => {
// 如果没有关键词，直接返回原文本
if (!keywords.value.length) return '命中：' + props.anserResult;
@@ -120,6 +123,39 @@
return missing;
});
// 找出答案中存在的关键词
const hitKeywords = computed(() => {
const relKeyword = props.value.relKeyword;
if (!props.anserResult) {
return [];
}
// 步骤1：按顿号拆分关键词组
const keywordGroups = relKeyword.split('、');
const missing = [];
// 步骤2：遍历每个关键词组，检查是否存在任意一种说法
keywordGroups.forEach((group) => {
// 拆分同关键词的不同说法（/ 分隔）
const keywordVariants = group.split('/');
let isFound = false;
// 检查答案中是否包含任意一种说法
for (const variant of keywordVariants) {
// 可选：增加 trim() 忽略首尾空格，提升匹配容错
if (props.anserResult.trim().includes(variant.trim())) {
isFound = true;
break;
}
}
// 未找到则加入缺失列表
if (isFound) {
missing.push(group);
}
});
return missing;
});
const click_option = () => {
emit('click_option', props.analysisVo);
};
@@ -129,23 +165,22 @@
.mt-10 {
margin-top: 10rpx;
}
.analysis_div {
:deep(.highlight) {
color: #15b859;
}
}
.success {
background-color: #e7f8ed;
.td {
color: #15b859;
}
:deep(.highlight) {
color: #15b859;
}
}
.error {
background-color: #fce8e9;
.td {
color: #f5212d;
}
:deep(.highlight) {
color: #f5212d;
}
}
.your_answer {
@@ -153,10 +188,19 @@
text-decoration: underline;
}
}
.keyword-text {
color: #d70c18;
text-decoration: underline;
.hit-keyword-item{
.keyword-text {
color: #15b859;
text-decoration: underline;
}
}
.miss-keyword-item{
.keyword-text {
color: #d70c18;
text-decoration: underline;
}
}
.separator {
}
.analysis_div {
@@ -176,13 +220,14 @@
.dimension-line::before {
content: '';
position: absolute;
left: 0.5em; /* 对齐padding-left的起始位置 */
top: 1em; /* 垂直居中 */
transform: translateY(-50%);
width: 8px; /* 圆点大小（默认是4px左右，调大到8px） */
height: 8px; /* 和宽度一致，保证圆形 */
left: 0.5rem; /* 对齐padding-left的起始位置 */
top: 0.5rem;
// transform: translateY(-50%);
width: 16rpx; /* 圆点大小（默认是4px左右，调大到8px） */
height: 16rpx; /* 和宽度一致，保证圆形 */
border-radius: 50%; /* 圆形 */
background-color: #333; /* 圆点颜色，可自定义 */
}
.tr {
src/components/examination/reference-answer.vue
+4 -3
View File
@@ -20,15 +20,16 @@
required: true
}
});
// 判断一下维度有没有关键词命中率这一项
const isKeywordsStatus = computed(() => props.value.evalSettingVos.some(res => res.dimensCode === '01'));
const keywords = computed(() => {
if (!props.value.relKeyword) return [];
return props.value.relKeyword.split(/[,、/]/).map((key) => key.trim());
});
const highlightedText = computed(() => {
// 如果没有关键词，直接返回原文本
if (!keywords.value.length) return props.anserResult;
if (!keywords.value.length || !isKeywordsStatus.value) return props.anserResult;
// 构建正则表达式，匹配所有关键词（不区分大小写）
// 对关键词进行转义，避免特殊字符影响正则
const escapedKeywords = keywords.value.map((keyword) => keyword.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'));
src/components/examination/subject.vue
+1 -1
View File
@@ -116,7 +116,7 @@
<referenceAnswer
v-if="qnsTyp === 'ES'"
:value="subject_data.itemVos[0]"
:anserResult="subject_data.anserResult"
:anserResult="subject_data.itemVos[0]?.itemAnswer"
></referenceAnswer>
<view class="analysis_note" v-if="props.mode !== 'pk_in'">
试题解析：{{ subject_data?.analyContent }}
src/components/points-and-badge/holiday - 副本.vue
-412
View File
@@ -1,412 +0,0 @@
<template>
<uni-popup ref="popup" mask-background-color="rgba(0,0,0,0.9)">
<view class="popup-content" @touchmove.stop catchmove="true" @touchmove.stop.prevent="handleTouchMove">
<view class="fl1"></view>
<view class="max-div">
<view class="festival-text-pic-div">
<image
class="festival-text-img"
mode="widthFix"
src="@/static/images/pointsAndRank/festival-text.png"
></image>
</view>
<image
class="festival-bg-up-div"
mode="widthFix"
src="@/static/images/pointsAndRank/festival-bg-up.png"
></image>
<view class="max-area-div">
<!-- 右上角百禄图标 -->
<view class="festival-special-mascot">
<image-preview
class="festival-special-mascot-img"
mode="widthFix"
:src="holidayInfo.ossAddr"
></image-preview>
</view>
<!-- 几个特殊节日的特殊背景 -->
<view class="festival-special-bg" v-if="holidayInfo.backgroundOssAddr">
<image-preview
class="festival-special-bg-img"
mode="widthFix"
:src="holidayInfo.backgroundOssAddr"
></image-preview>
</view>
<!-- 顶部的字，随机还是大额 -->
<view class="festival-text-div">{{ holidayInfo.holidayDesc }}</view>
<view class="festival-main-div">
<image
class="festival-main-img"
mode="widthFix"
src="@/static/images/pointsAndRank/festival-main.png"
></image>
<view class="festival-main-text">
<view class="festival-main-title">
{{ done.tipText }}
</view>
<view class="festival-main-number-div">
<text class="festival-main-number">
{{ score }}
</text>
<text class="festival-main-number-text">积分</text>
</view>
</view>
</view>
<view class="festival-button-div" @click="startLottery()">{{ done.buttonText }}</view>
</view>
<view class="close-div" @click="close(false)"></view>
</view>
<view class="fl1"></view>
</view>
</uni-popup>
</template>
<script setup lang="ts">
import type { HolidayInfo, CompleteCallback, StartLotteryCallback } from './types/holiday';
import { RewardType, AnimationStatus } from './types/holiday';
import { ref, computed, reactive } from 'vue';
import { optionErrorIcon, optionSuccessIcon } from '@/common/imgSvg';
import { obtainRewardRandom } from '@/api/pointsAndRank';
import common from '@/common/common';
const countToRef = ref(null);
const popup = ref(null);
const animationLoading = ref<AnimationStatus>(AnimationStatus.UNSTARTED);
const done = computed(() =>
holidayInfo.rewardType === RewardType.RANDOM_POINT
? {
tipText: '最高可获',
buttonText: animationLoading.value === AnimationStatus.COMPLETED ? '开心收下' : '立即抽取'
}
: { tipText: '恭喜获得', buttonText: '开心收下' }
);
// 显示的分数
const score = ref(10);
let lotteryTimer: number | null = null;
const emits = defineEmits(['checkInFun']);
// 开始抽奖
const startLottery = async () => {
// 固定积分，或者随机积分但是已经抽全完毕，再次点击按钮就是关闭
if (holidayInfo.rewardType === RewardType.FIXED_POINT || animationLoading.value === AnimationStatus.COMPLETED) {
close(true);
return;
}
// 正在抽取中防止重复点击
if (animationLoading.value === AnimationStatus.LOADING) return;
animationLoading.value = AnimationStatus.LOADING;
// 访问接口获取结果
if (lotteryTimer) clearInterval(lotteryTimer);
startLotteryCallback({
holidayCode: holidayInfo.holidayCode,
successCb: (body) => {
// const { body } = await obtainRewardRandom({ holidayCode: holidayInfo.holidayCode });
const finalScore = body.val;
// 记录已完成的循环圈数
let completedLoops = 0;
// 1. 数值范围（可自定义）
const LOTTERY_MIN = body.start; // 最小值
const LOTTERY_MAX = body.end; // 最大值
// 2. 循环圈数
const LOOP_TIMES = finalScore - LOTTERY_MIN > 10 ? 1 : 2;
// 3. 跳动速度（ms/次，越大越慢）
const JUMP_SPEED = 80;
// 3. 核心：循环指定圈数后，最后一轮停在目标数字
lotteryTimer = setInterval(() => {
// 先判断：是否已完成指定圈数 + 当前轮次能精准到目标数字
if (completedLoops >= LOOP_TIMES) {
if (score.value === finalScore) {
clearInterval(lotteryTimer!);
lotteryTimer = null;
animationLoading.value = AnimationStatus.COMPLETED;
return;
}
// 最后一轮：继续递增（不重置）
score.value += 1;
} else {
// 未完成指定圈数：正常循环（到max重置，计数+1）
score.value += 1;
// 当数值到max时，代表完成1圈
if (score.value >= LOTTERY_MAX) {
completedLoops += 1;
score.value = LOTTERY_MIN; // 重置为最小值，开始下一圈
}
}
}, JUMP_SPEED);
},
failCb: (res) => {
console.log('报错');
}
});
};
const handleTouchMove = (e) => {
e.stopPropagation();
e.preventDefault();
};
// 节日奖励信息响应式对象
const holidayInfo = reactive<HolidayInfo>({
// 假日编码
holidayCode: '',
// 是否存在节日奖励（true:有奖励 false:无奖励）
rewardFlag: false,
// 奖励类型（枚举限定：1-固定积分 2-随机积分）
rewardType: RewardType.RANDOM_POINT,
// 文案
holidayDesc: '',
// 奖励分数（字符串类型，兼容不同格式的积分值）
rewardPoints: 0,
// 可以获得的最高分
rangeEnd: 0,
// 可以获得的最低分
rangeStart: 0,
// 奖励获取标识（true:已获取 false:未获取）
obtainFlag: false,
// 文案图片的OSS存储key（用于图片上传/读取标识）
ossKey: '',
// 文案图片的OSS访问地址（图片完整URL）
ossAddr: '',
// 背景图片的OSS存储key（用于图片上传/读取标识）
backgroundOssKey: '',
// 背景图片的OSS访问地址（图片完整URL）
backgroundOssAddr: ''
});
let completeCallback: CompleteCallback | undefined; // 关闭弹窗的回调
let startLotteryCallback: StartLotteryCallback | undefined; // 抽奖的回调
// 退出
const close = (status: boolean): void => {
uni.showTabBar({
success() {
popup.value.close();
console.log('点击退出，执行回调函数');
typeof completeCallback === 'function' &&
completeCallback({
status
});
}
});
};
const open = (
holidayBody: any,
lotteryCb: StartLotteryCallback = () => {},
completeCb: CompleteCallback = () => {}
): void => {
startLotteryCallback = lotteryCb; // 抽奖的回调
completeCallback = completeCb; // 关闭弹窗的回调
Object.assign(holidayInfo, holidayBody);
// if (!holidayInfo.rewardFlag || holidayInfo.obtainFlag) {
if (!holidayInfo.rewardFlag) {
// 如果当前没有节日窗口，立刻返回回调函数
completeCallback({ status: false });
return;
}
// 设置初始得分
if (holidayInfo.rewardType === RewardType.RANDOM_POINT) {
score.value = holidayInfo.rangeEnd;
} else {
score.value = holidayInfo.rewardPoints;
}
animationLoading.value = AnimationStatus.UNSTARTED;
uni.hideTabBar({
success() {
popup.value.open();
}
});
};
defineExpose({ open, close });
</script>
<style scoped lang="scss">
.max-area-div {
width: 520rpx;
height: 542rpx;
background-image: url('@/static/images/pointsAndRank/festival-bg.png');
background-size: 100%;
border-radius: 0 0 60rpx 60rpx;
position: relative;
// .festival-tip-div {
// z-index: 20;
// position: relative;
// margin-left: 16rpx;
// margin-bottom: -16rpx;
// .festival-tip-img {
// margin-top: 30rpx;
// height: 56rpx;
// }
// }
.festival-text-div {
position: relative;
margin-left: 25rpx;
z-index: 60;
margin-top: 28rpx;
color: #ffffff;
font-style: normal;
font-weight: 600;
font-size: 58rpx;
color: #fffae8;
letter-spacing: 0.05em;
line-height: 77rpx;
text-shadow: 0px 4px 8px #d6061b;
text-align: left;
font-style: italic;
transform: skewX(2deg);
}
.festival-main-div {
// margin-top: 8rpx;
z-index: 20;
position: relative;
width: 530rpx;
height: 270rpx;
.festival-main-img {
margin-left: 16rpx;
width: 530rpx;
position: absolute;
left: 0;
top: 0;
}
.festival-main-text {
position: absolute;
left: 40rpx;
top: 50rpx;
width: 150rpx;
// background-color:red;
.festival-main-title {
font-weight: 600;
font-size: 34rpx;
color: #b24325;
line-height: 46rpx;
text-align: right;
}
.festival-main-number-div {
margin-top: 10rpx;
font-family: DINAlternate, DINAlternate;
color: #b24325;
line-height: 64rpx;
margin-right: 8rpx;
text-align: right;
white-space: nowrap;
.festival-main-number {
font-size: 64rpx;
font-weight: bold;
}
.festival-main-number-text {
font-size: 26rpx;
white-space: nowrap;
}
}
}
}
.festival-button-div {
position: relative;
z-index: 20;
width: 392rpx;
height: 108rpx;
margin: 0 auto;
background-image: url('@/static/images/pointsAndRank/festival-button.png');
background-size: 100%;
background-repeat: no-repeat;
font-weight: 600;
font-size: 38rpx;
color: #b24325;
line-height: 108rpx;
text-align: center;
}
.festival-special-bg {
width: 520rpx;
height: 542rpx;
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
border-radius: 0 0 60rpx 60rpx;
z-index: 10;
.festival-special-bg-img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
}
.festival-special-mascot {
z-index: 50;
position: absolute;
right: -36rpx;
top: 70rpx;
transform-origin: left bottom;
transform: translateY(-100%);
.festival-special-mascot-img {
width: 180rpx;
}
}
}
.festival-text-pic-div {
width: 100%;
.festival-text-img {
width: 400rpx;
}
}
.festival-bg-up-div {
width: 580rpx;
margin-bottom: -14rpx;
z-index: 5;
}
.popup-content {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
padding: calc(10rpx + 2%) 0;
padding: 20rpx 0;
}
.max-div {
width: 600rpx;
border-radius: 38rpx;
position: relative;
padding: 26rpx;
margin-top: var(--status-bar-height);
margin-bottom: calc(180rpx + 15%);
display: flex;
flex-direction: column;
align-items: center;
}
.close-div {
// 基础样式：设置按钮大小、圆形、边框等
margin-top: 50rpx;
position: relative; // 为伪类定位做准备
width: 62rpx; // 圆圈直径，可根据需求调整
height: 62rpx;
border: 4rpx solid #b9b9b9; // 圆圈边框
border-radius: 50%; // 变成正圆
box-sizing: border-box; // 保证边框不影响整体大小
// 伪类通用样式：十字的基础线条
&::before,
&::after {
content: ''; // 伪类必须有content
position: absolute; // 绝对定位居中
top: 50%;
left: 50%;
width: 24rpx; // 十字线条长度，可调整
height: 4rpx; // 十字线条粗细，可调整
background-color: #b9b9b9; // 十字颜色
transform: translate(-50%, -50%); // 居中对齐
}
// 第一条线旋转45度
&::before {
transform: translate(-50%, -50%) rotate(45deg);
}
// 第二条线旋转-45度，组合成×
&::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
}
</style>
src/components/points-and-badge/holiday.vue
+17 -16
View File
@@ -16,14 +16,6 @@
src="@/static/images/pointsAndRank/festival-bg-up.png"
></image>
<view class="max-area-div">
<!-- 右上角百禄图标 -->
<view class="festival-special-mascot">
<image-preview
class="festival-special-mascot-img"
mode="widthFix"
:src="holidayInfo.ossAddr"
></image-preview>
</view>
<!-- 几个特殊节日的特殊背景 -->
<view class="festival-special-bg" v-if="holidayInfo.backgroundOssAddr">
<image-preview
@@ -34,12 +26,20 @@
</view>
<!-- 顶部的字-->
<view class="festival-main-div">
<!-- 右上角百禄图标 -->
<view class="festival-special-mascot">
<image-preview
class="festival-special-mascot-img"
mode="widthFix"
:src="holidayInfo.ossAddr"
></image-preview>
</view>
<view class="festival-text-div">{{ holidayInfo.holidayDesc }}</view>
<image
class="festival-main-img"
mode="widthFix"
src="@/static/images/pointsAndRank/gift.png"
></image>
<view class="festival-text-div">{{ holidayInfo.holidayDesc }}</view>
<view class="festival-main-text">
<view class="festival-main-title">
{{ done.tipText }}
@@ -49,7 +49,7 @@
</view>
</view>
</view>
<view class="festival-button-div" @click="startLottery()">{{ done.buttonText }}</view>
</view>
<view class="close-div" @click="close(false)"></view>
@@ -73,7 +73,7 @@
const done = computed(() =>
holidayInfo.rewardType === RewardType.RANDOM_POINT
? {
tipText: '最高可获',
tipText: animationLoading.value === AnimationStatus.COMPLETED ? '恭喜获得' : '最高可获',
buttonText: animationLoading.value === AnimationStatus.COMPLETED ? '开心收下' : '立即抽取'
}
: { tipText: '恭喜获得', buttonText: '开心收下' }
@@ -195,8 +195,8 @@
completeCallback = completeCb; // 关闭弹窗的回调
Object.assign(holidayInfo, holidayBody);
if (!holidayInfo.rewardFlag || holidayInfo.obtainFlag) {
// if (!holidayInfo.rewardFlag) {
// if (!holidayInfo.rewardFlag || holidayInfo.obtainFlag) {
if (!holidayInfo.rewardFlag) {
// 如果当前没有节日窗口，立刻返回回调函数
completeCallback({ status: false });
return;
@@ -281,8 +281,9 @@
}
.festival-text-div {
position: relative;
z-index: 60;
width: 338rpx;
width: 358rpx;
height: 136rpx;
padding-top: 0;
margin: 0 auto;
@@ -333,8 +334,8 @@
.festival-special-mascot {
z-index: 50;
position: absolute;
right: -36rpx;
top: 70rpx;
right: -66rpx;
top: 40rpx;
transform-origin: left bottom;
transform: translateY(-100%);
.festival-special-mascot-img {
src/static/images/test/BG@2x.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 120 KiB