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

JLBA202505130001_关于吉林银行新建AI智能培训系统的需求_时间判断跳转

Browse Source
This commit is contained in:
杨航
2026-03-09 20:02:21 +08:00
parent cfb9e6cc04
commit 728194108f
1 changed files with 249 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index/components/todo.vue
+249 -212
View File
@@ -1,231 +1,268 @@
<template>
<view class="module_title_div">
<view class="icon icon_1">
<!-- <image class="img" :src="icon"></image> -->
</view>
<view class="text font_pf">我的待办</view>
</view>
<view class="cont-box">
<!-- {{activeDate}} -->
<calendarCom ref="calendarComRef" @change="changeDate" />
<view class="table-list">
<todoItem v-for="(item, index) in tableData" :dataInfo="item" :class="index === tableData.length - 1 ? 'last-item' : ''" @click="handleDetail(item)"></todoItem>
<view class="empty-box" v-show="tableData.length === 0">暂无数据</view>
</view>
<view class="more-btn" v-show="showMoreBtn" @click="getMoreData">点击加载更多</view>
</view>
<view class="module_title_div">
<view class="icon icon_1">
<!-- <image class="img" :src="icon"></image> -->
</view>
<view class="text font_pf">我的待办</view>
</view>
<view class="cont-box">
<!-- {{activeDate}} -->
<calendarCom ref="calendarComRef" @change="changeDate" />
<view class="table-list">
<todoItem v-for="(item, index) in tableData" :dataInfo="item"
:class="index === tableData.length - 1 ? 'last-item' : ''" @click="handleDetail(item)"></todoItem>
<view class="empty-box" v-show="tableData.length === 0">暂无数据</view>
</view>
<view class="more-btn" v-show="showMoreBtn" @click="getMoreData">点击加载更多</view>
</view>
</template>
<script setup>
import { ref, onMounted, computed } from 'vue'
import calendarCom from './calendar.vue'
import todoItem from './todo-item.vue'
import common from '@/common/common.js'
import { queryHaveToDo } from '@/api/index'
import { queryTraExamPapersByPapersId } from '@/api/examination.js'
import { queryTestPapers, queryOrgTree } from '@/api/competition.js'
import { checkTraPartnerInfoById } from '@/api/sparring.js'
import { queryTraUserAnonyByUserId } from '@/api/user.js'
const activeDate = ref('')
const tableData = ref([])
const pageObj = ref({
totalNum: 0,
page: 1,
limit: 10
})
const calendarComRef = ref(null)
const changeDate = date => {
activeDate.value = date
getDataList(date, 1)
}
const showMoreBtn = computed(() => {
return pageObj.value.totalNum > pageObj.value.page * pageObj.value.limit
})
const getMoreData = () => {
pageObj.value.page += 1
getDataList(activeDate.value)
}
const initCalendar = () => {
calendarComRef.value && calendarComRef.value.initDate()
}
const getDataList = (date, flag) => {
common.loading()
if (flag === 1) {
tableData.value = []
pageObj.value = {
totalNum: 0,
page: 1,
limit: 10
}
}
queryHaveToDo({
date,
...pageObj.value
})
.then(res => {
let _arr = res.body || []
pageObj.value.totalNum = res.total
tableData.value = tableData.value.concat(_arr)
})
.finally(() => {
common.hideLoading()
})
}
const handleDetail = item => {
console.log(item)
switch (item.type) {
case '00':
common.navigateTo('/pages/courseDetail/index?crsId=' + item.id)
break
case '01':
toSparringDetail(item)
break
case '02':
toPKDetail(item)
break
case '03':
toExaminationDetail(item)
break
case '04':
common.setPageCache('learning_tasks_details', {
...item,
taskId: item.id,
taskName: item.name,
taskSums: item.planPersionNumber,
taskFinishSums: item.realPersionNumber,
ossAddr: item.ossKey
})
common.navigateTo('/pages/learningTasks/details?taskId=' + item.id)
break
default:
break
}
}
// 去PK
const toPKDetail = async item => {
const comId = item.id
common.loading()
const result = Promise.all([queryTestPapers({ comId }), queryTraUserAnonyByUserId(), queryOrgTree()])
result
.then(res => {
const papersId = res[0].body
common.setPageCache('competition_list', {
papersId: papersId, // 试卷id
isAnony: res[1].body.isAnony, // 是否匿名 Y是N否
ruleDesc: item.ruleDesc, // 规则说明
comName: item.comName, // 标题
comId: comId
})
common.setValue('orgTree', res[2].body ?? [])
common.hideLoading()
common.navigateTo(`/pages/competition/matching?papersId=${papersId}&comId=${comId}`)
})
.catch(() => {
common.msg('网络繁忙,请稍后再试!')
})
}
// 去考试
const toExaminationDetail = async item => {
common.loading()
queryTraExamPapersByPapersId({
papersId: item.id
})
.then(res => {
common.setPageCache('testing_hall_details', res.body)
common.navigateTo('/pages/testingHall/details')
})
.catch(() => {})
.finally(() => {
common.hideLoading()
})
}
// 跳转 课程详情
const toSparringDetail = item => {
if (item.id) {
checkTraPartnerInfoById({
traId: item.id
}).then(res => {
if (res.body.inRange) {
common.navigateTo('/pages/sparring/detail?traId=' + item.id)
} else {
common.show('提示', res.body.message, false)
}
})
}
}
defineExpose({ initCalendar })
import {
ref,
onMounted,
computed
} from 'vue'
import calendarCom from './calendar.vue'
import todoItem from './todo-item.vue'
import common from '@/common/common.js'
import {
queryHaveToDo
} from '@/api/index'
import {
queryTraExamPapersByPapersId
} from '@/api/examination.js'
import {
queryTestPapers,
queryOrgTree
} from '@/api/competition.js'
import {
checkTraPartnerInfoById
} from '@/api/sparring.js'
import {
queryTraUserAnonyByUserId
} from '@/api/user.js'
const activeDate = ref('')
const tableData = ref([])
const pageObj = ref({
totalNum: 0,
page: 1,
limit: 10
})
const calendarComRef = ref(null)
const changeDate = date => {
activeDate.value = date
getDataList(date, 1)
}
const showMoreBtn = computed(() => {
return pageObj.value.totalNum > pageObj.value.page * pageObj.value.limit
})
const getMoreData = () => {
pageObj.value.page += 1
getDataList(activeDate.value)
}
const initCalendar = () => {
calendarComRef.value && calendarComRef.value.initDate()
}
const getDataList = (date, flag) => {
common.loading()
if (flag === 1) {
tableData.value = []
pageObj.value = {
totalNum: 0,
page: 1,
limit: 10
}
}
queryHaveToDo({
date,
...pageObj.value
})
.then(res => {
let _arr = res.body || []
pageObj.value.totalNum = res.total
tableData.value = tableData.value.concat(_arr)
})
.finally(() => {
common.hideLoading()
})
}
const handleDetail = item => {
console.log(item)
switch (item.type) {
case '00':
common.navigateTo('/pages/courseDetail/index?crsId=' + item.id)
break
case '01':
toSparringDetail(item)
break
case '02':
toPKDetail(item)
break
case '03':
toExaminationDetail(item)
break
case '04':
toTaskDetail(item)
break
default:
break
}
}
const toTaskDetail = (item) => {
if (item.limitTyp === '02') {
if (item.isTimeOut === '01') {
return common.msg('任务未开始');
} else if (item.isTimeOut === '02') {
return common.msg('任务已结束');
}
}
common.setPageCache('learning_tasks_details', {
...item,
taskId: item.id,
taskName: item.name,
taskSums: item.planPersionNumber,
taskFinishSums: item.realPersionNumber,
ossAddr: item.ossKey
})
common.navigateTo('/pages/learningTasks/details?taskId=' + item.id)
}
// 去PK
const toPKDetail = async item => {
console.log(item)
if (item.isTimeOut !== '00') {
if (item.isTimeOut === '01') common.msg('竞赛未开始');
if (item.isTimeOut === '02') common.msg('竞赛已结束');
return;
}
const comId = item.id
common.loading()
const result = Promise.all([queryTestPapers({
comId
}), queryTraUserAnonyByUserId(), queryOrgTree()])
result
.then(res => {
const papersId = res[0].body
common.setPageCache('competition_list', {
papersId: papersId, // 试卷id
isAnony: res[1].body.isAnony, // 是否匿名 Y是N否
ruleDesc: item.ruleDesc, // 规则说明
comName: item.comName, // 标题
comId: comId
})
common.setValue('orgTree', res[2].body ?? [])
common.hideLoading()
common.navigateTo(`/pages/competition/matching?papersId=${papersId}&comId=${comId}`)
})
.catch(() => {
common.msg('网络繁忙,请稍后再试!')
})
}
// 去考试
const toExaminationDetail = async item => {
common.loading()
queryTraExamPapersByPapersId({
papersId: item.id
})
.then(res => {
common.setPageCache('testing_hall_details', res.body)
common.navigateTo('/pages/testingHall/details')
})
.catch(() => {})
.finally(() => {
common.hideLoading()
})
}
// 跳转 课程详情
const toSparringDetail = item => {
if (item.id) {
checkTraPartnerInfoById({
traId: item.id
}).then(res => {
if (res.body.inRange) {
common.navigateTo('/pages/sparring/detail?traId=' + item.id)
} else {
common.show('提示', res.body.message, false)
}
})
}
}
defineExpose({
initCalendar
})
</script>
<style lang="scss" scoped>
$bg-margin-left: 30rpx;
$bg-margin-left: 30rpx;
.module_title_div {
display: flex;
margin: 30rpx $bg-margin-left;
align-items: center;
.module_title_div {
display: flex;
margin: 30rpx $bg-margin-left;
align-items: center;
.icon {
margin-right: 6rpx;
}
.icon {
margin-right: 6rpx;
}
.icon_1 {
.img {
width: 31rpx;
height: 36rpx;
}
}
.icon_1 {
.img {
width: 31rpx;
height: 36rpx;
}
}
.icon_2 {
margin-top: 10rpx;
.icon_2 {
margin-top: 10rpx;
.img {
width: 38rpx;
height: 38rpx;
}
}
.img {
width: 38rpx;
height: 38rpx;
}
}
.icon_3 {
// margin-top: 10rpx;
.img {
width: 38rpx;
height: 31rpx;
}
}
.icon_3 {
.title {
font-size: 34rpx;
color: #323e57;
font-weight: 700;
line-height: 46rpx;
text-align: left;
}
}
// margin-top: 10rpx;
.img {
width: 38rpx;
height: 31rpx;
}
}
.cont-box {
margin: 0 $bg-margin-left;
background-color: #fff;
border-radius: 22rpx;
padding: 20rpx;
.title {
font-size: 34rpx;
color: #323e57;
font-weight: 700;
line-height: 46rpx;
text-align: left;
}
}
.table-list {
padding: 16rpx;
.cont-box {
margin: 0 $bg-margin-left;
background-color: #fff;
border-radius: 22rpx;
padding: 20rpx;
.last-item {
border-bottom: 0 !important;
}
}
.table-list {
padding: 16rpx;
.more-btn {
color: rgb(144, 147, 153);
text-align: center;
font-size: 23rpx;
}
}
.last-item {
border-bottom: 0 !important;
}
}
.empty-box {
text-align: center;
color: #999;
font-size: 24rpx;
line-height: 120rpx;
}
</style>
.more-btn {
color: rgb(144, 147, 153);
text-align: center;
font-size: 23rpx;
}
}
.empty-box {
text-align: center;
color: #999;
font-size: 24rpx;
line-height: 120rpx;
}
</style>