权限调整
This commit is contained in:
hb
parent
db15ca50e2
commit
a1bce6f7b5
@ -63,6 +63,14 @@ export const checkOpenId = async (param: {
|
||||
export const updateUserApi = async (param: any) => {
|
||||
return await post("/open/login/js/updateUser", param);
|
||||
};
|
||||
|
||||
export const updateSignFileApi = async (param: { userId: number; signFile: string }) => {
|
||||
return await post("/api/user/updateSignFile", {
|
||||
id: param.userId,
|
||||
signFile: param.signFile
|
||||
});
|
||||
};
|
||||
|
||||
export const findJsByPhoneApi = async (param: any) => {
|
||||
return await get("/api/js/findJsByPhone", param);
|
||||
};
|
||||
|
||||
@ -57,6 +57,15 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/system/subscribe/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "关注服务号",
|
||||
"enablePullDownRefresh": false,
|
||||
"backgroundColor": "#f4f5f7"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/system/webView/webView",
|
||||
"style": {
|
||||
@ -242,6 +251,13 @@
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/base/course-selection/noticeclub",
|
||||
"style": {
|
||||
"navigationBarTitleText": "告知书",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/base/course-selection/enrolled",
|
||||
"style": {
|
||||
@ -254,6 +270,14 @@
|
||||
"navigationBarTitleText": "未开放",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/base/course-selection/enrollment-ended",
|
||||
"style": {
|
||||
"navigationBarTitleText": "选课已结束",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
<template>
|
||||
<view class="countdown-section">
|
||||
<template v-if="!isEnrollmentEnded">
|
||||
<view class="countdown-title">{{ countdownTitle }}</view>
|
||||
<view class="countdown-timer">
|
||||
<view class="time-block">
|
||||
<text class="time-value">{{ countdownTime.hours }}</text>
|
||||
@ -20,10 +19,21 @@
|
||||
</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
<view class="enrollment-ended">
|
||||
<view class="enrollment-ended" v-if="isEnrollmentEnded && isCourseEnded">
|
||||
<u-icon name="info-circle" color="#FF9900" size="20"></u-icon>
|
||||
<text>选课已经结束</text>
|
||||
</view>
|
||||
<view class="enrollment-started" v-else-if="isEnrollmentEnded && !isCourseEnded">
|
||||
<view class="enrollment-content">
|
||||
<view class="enrollment-title">
|
||||
<u-icon name="clock" color="#4CAF50" size="16"></u-icon>
|
||||
<text>报名结束时间</text>
|
||||
</view>
|
||||
<view class="enrollment-date">
|
||||
<text>{{ formatEndTime }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
</template>
|
||||
@ -48,17 +58,20 @@ const countdownTime = reactive({
|
||||
|
||||
const kcStatus = ref(false);
|
||||
|
||||
// 倒计时标题文本
|
||||
const countdownTitle = computed(() => {
|
||||
return kcStatus.value ? "距离选课结束还剩" : "距离选课开始还剩";
|
||||
});
|
||||
|
||||
// 当前选中的学生
|
||||
let countdownTimer: number | null = null;
|
||||
const remainTime = ref("00:00:00");
|
||||
|
||||
// 添加选课是否已结束的标记
|
||||
const isEnrollmentEnded = ref(false);
|
||||
// 添加选课是否已结束的标记（区分选课开始和选课结束）
|
||||
const isCourseEnded = ref(false);
|
||||
|
||||
// 格式化结束时间
|
||||
const formatEndTime = computed(() => {
|
||||
if (!props.xk || !props.xk.xkjstime) return '';
|
||||
return dayjs(props.xk.xkjstime).format('YYYY-MM-DD');
|
||||
});
|
||||
|
||||
// 启动倒计时
|
||||
const startCountdown = (endTimeStamp: number) => {
|
||||
@ -82,26 +95,10 @@ const startCountdown = (endTimeStamp: number) => {
|
||||
countdownTimer = null;
|
||||
}
|
||||
|
||||
// 判断当前倒计时是选课开始还是选课结束
|
||||
if (!kcStatus.value) {
|
||||
// 如果是选课开始倒计时结束，则切换到选课结束倒计时
|
||||
kcStatus.value = true; // 更新状态为选课已开始
|
||||
uni.showToast({
|
||||
title: "选课已开始",
|
||||
icon: "none",
|
||||
});
|
||||
// 开始选课结束倒计时
|
||||
const xkjstime = dayjs(props.xk.xkjstime).valueOf();
|
||||
startCountdown(xkjstime);
|
||||
} else {
|
||||
// 如果是选课结束倒计时结束
|
||||
isEnrollmentEnded.value = true; // 标记选课已结束
|
||||
emit("over");
|
||||
uni.showToast({
|
||||
title: "选课已结束",
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
// 选课开始倒计时结束
|
||||
isEnrollmentEnded.value = true; // 标记选课已开始，隐藏倒计时
|
||||
isCourseEnded.value = false; // 标记选课未结束
|
||||
emit("over");
|
||||
return;
|
||||
}
|
||||
|
||||
@ -134,22 +131,29 @@ const changeXk = (xk: any) => {
|
||||
//获取选课结束时间
|
||||
const xkjstime = dayjs(xk.xkjstime).valueOf();
|
||||
|
||||
// 检查是否已经超过选课结束时间
|
||||
if (now > xkjstime) {
|
||||
kcStatus.value = true;
|
||||
// 如果当前时间 >= 选课结束时间，则显示选课已结束
|
||||
if (now >= xkjstime) {
|
||||
isEnrollmentEnded.value = true;
|
||||
isCourseEnded.value = true;
|
||||
countdownTime.hours = "00";
|
||||
countdownTime.minutes = "00";
|
||||
countdownTime.seconds = "00";
|
||||
return;
|
||||
}
|
||||
//判断选课是否开始
|
||||
else if (now < xkkstime) {
|
||||
kcStatus.value = false;
|
||||
startCountdown(xkkstime);
|
||||
} else {
|
||||
kcStatus.value = true;
|
||||
startCountdown(xkjstime);
|
||||
|
||||
// 如果当前时间 >= 选课开始时间 且 < 选课结束时间，显示报名提示
|
||||
if (now >= xkkstime && now < xkjstime) {
|
||||
isEnrollmentEnded.value = true;
|
||||
isCourseEnded.value = false;
|
||||
countdownTime.hours = "00";
|
||||
countdownTime.minutes = "00";
|
||||
countdownTime.seconds = "00";
|
||||
return;
|
||||
}
|
||||
|
||||
// 只有当前时间 < 选课开始时间时才显示倒计时
|
||||
kcStatus.value = false;
|
||||
startCountdown(xkkstime);
|
||||
}
|
||||
|
||||
// 页面卸载前清除定时器
|
||||
@ -174,38 +178,37 @@ if (props.xk && props.xk.id) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.countdown-section {
|
||||
.countdown-title {
|
||||
font-size: 14px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.countdown-timer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
|
||||
.time-block {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 6px;
|
||||
min-width: 40px;
|
||||
padding: 5px 8px;
|
||||
border-radius: 4px;
|
||||
min-width: 30px;
|
||||
padding: 3px 5px;
|
||||
text-align: center;
|
||||
|
||||
.time-value {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
.time-value {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
line-height: 1;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.time-unit {
|
||||
font-size: 12px;
|
||||
font-size: 9px;
|
||||
opacity: 0.9;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.time-separator {
|
||||
font-size: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin: 0 5px;
|
||||
margin: 0 1px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -216,12 +219,49 @@ if (props.xk && props.xk.id) {
|
||||
justify-content: center;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 8px;
|
||||
padding: 12px 15px;
|
||||
font-size: 16px;
|
||||
padding: 8px 12px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #fff;
|
||||
gap: 8px;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
/* 选课已开始样式 */
|
||||
.enrollment-started {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: rgba(76, 175, 80, 0.2);
|
||||
border-radius: 8px;
|
||||
padding: 8px 12px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 1.3;
|
||||
|
||||
.enrollment-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
|
||||
.enrollment-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
font-size: 11px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.enrollment-date {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -117,13 +117,6 @@ const loadXkList = async () => {
|
||||
const switchXk = (xk: any) => {
|
||||
curXk.value = xk;
|
||||
showFlag.value = false;
|
||||
if (xk && xk.id) {
|
||||
// 显示切换成功提示
|
||||
uni.showToast({
|
||||
title: `已切换到${xk.xkmc}`,
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
emit("change", xk);
|
||||
}
|
||||
|
||||
|
||||
@ -9,15 +9,17 @@
|
||||
:class="{ selected: xkkc.isSelected }"
|
||||
@click="toggleSelection(xkkc)"
|
||||
>
|
||||
<view class="course-name">{{ xkkc.kcmc }}</view>
|
||||
<view class="course-header">
|
||||
<view class="course-name">{{ xkkc.kcmc }}</view>
|
||||
<view class="detail-btn" @click.stop="goToDetail(xkkc)">
|
||||
<image src="/static/base/home/details.svg" class="detail-icon" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="register-info">
|
||||
<text>报名情况：</text>
|
||||
<text class="register-count">{{ xkkc.hasNum || 0 }}</text>
|
||||
<text> | {{ xkkc.maxNum || 0 }}</text>
|
||||
</view>
|
||||
<view class="detail-btn" @click.stop="goToDetail(xkkc)"
|
||||
>详情</view
|
||||
>
|
||||
<view v-if="xkkc.isSelected" class="selected-mark">
|
||||
<uni-icons
|
||||
type="checkbox-filled"
|
||||
@ -179,29 +181,40 @@ if (props.xk && props.xk.xkkcs) {
|
||||
box-shadow: 0 2px 8px rgba(63, 191, 114, 0.15);
|
||||
}
|
||||
|
||||
.course-name {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
.course-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.course-name {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
flex: 1;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.detail-btn {
|
||||
flex-shrink: 0;
|
||||
padding: 4px;
|
||||
|
||||
.detail-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.register-info {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-bottom: 12px;
|
||||
|
||||
.register-count {
|
||||
color: #2879ff;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-btn {
|
||||
display: inline-block;
|
||||
color: #2879ff;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.selected-mark {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
|
||||
@ -86,21 +86,21 @@ const switchXs = (xs: any) => {
|
||||
setCurXs(xs);
|
||||
showFlag.value = false;
|
||||
emit('change', xs);
|
||||
// 这里可以添加切换学生后的其他操作，如刷新页面数据等
|
||||
uni.showToast({
|
||||
title: `已切换到${xs.xm}`,
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
|
||||
// 设置当前学生（无提示）
|
||||
const setCurrentStudent = (xs: any) => {
|
||||
setCurXs(xs);
|
||||
emit('change', xs);
|
||||
}
|
||||
|
||||
// 如果是bar形式，则默认打开选择器
|
||||
if (props.isBar
|
||||
//&& (getCurXs === null || !getCurXs.id)
|
||||
) {
|
||||
if (props.isBar) {
|
||||
if (getUser.xsList.length > 1 ) {
|
||||
showPicker();
|
||||
} else {
|
||||
switchXs(getUser.xsList[0]);
|
||||
// 只有一个学生时，直接设置但不显示提示
|
||||
setCurrentStudent(getUser.xsList[0]);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -3,12 +3,15 @@
|
||||
<!-- 选课信息头部 - 固定部分 -->
|
||||
<view class="selection-header">
|
||||
<view class="header-content">
|
||||
<!-- 选课类型选择部分 -->
|
||||
<XkPicker title="俱乐部信息" :is-qk="true" xklx-id="816059832" :xs-id="curXs.id" @change="switchXk" v-if="!xsFlag" />
|
||||
<!-- 学生选择部分 -->
|
||||
<XsPicker :is-bar="true" @change="switchXs" />
|
||||
<!-- 倒计时-->
|
||||
<XkCountdown :xk="curXk" @over="xkTimeOver" v-if="curXk && curXk.id" />
|
||||
<!-- 第一行：选课类型选择 -->
|
||||
<view class="top-row" v-if="!xsFlag">
|
||||
<XkPicker title="俱乐部信息" :is-qk="true" xklx-id="816059832" :xs-id="curXs.id" @change="switchXk" />
|
||||
</view>
|
||||
<!-- 第二行：学生选择和倒计时 -->
|
||||
<view class="bottom-row">
|
||||
<XsPicker :is-bar="true" @change="switchXs" />
|
||||
<XkCountdown :xk="curXk" @over="xkTimeOver" v-if="curXk && curXk.id" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -35,6 +38,7 @@ import XkkcList from "@/pages/base/components/XkkcList/index.vue"
|
||||
import { jzXkQkjApi } from "@/api/base/server";
|
||||
import { useUserStore } from "@/store/modules/user";
|
||||
import { useDataStore } from "@/store/modules/data";
|
||||
import dayjs from "dayjs";
|
||||
|
||||
const { getCurXs, getUser } = useUserStore();
|
||||
const { setData, getData } = useDataStore();
|
||||
@ -46,9 +50,31 @@ const selectedXkkcIds = ref<any>([]);
|
||||
|
||||
const xsFlag = ref(true);
|
||||
|
||||
// 检查选课是否已结束
|
||||
const checkEnrollmentStatus = (xk: any) => {
|
||||
if (!xk || !xk.xkjstime) return;
|
||||
|
||||
const now = new Date().getTime();
|
||||
const endTime = new Date(xk.xkjstime).getTime();
|
||||
|
||||
if (now > endTime) {
|
||||
// 选课已结束，跳转到结束页面
|
||||
const courseInfo = encodeURIComponent(JSON.stringify(xk));
|
||||
uni.navigateTo({
|
||||
url: `/pages/base/course-selection/enrollment-ended?courseInfo=${courseInfo}`
|
||||
});
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
// 切换选课
|
||||
const switchXk = (xk: any) => {
|
||||
curXk.value = xk;
|
||||
// 检查选课状态
|
||||
if (checkEnrollmentStatus(xk)) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
const switchXs = (xs: any) => {
|
||||
@ -57,7 +83,9 @@ const switchXs = (xs: any) => {
|
||||
|
||||
// 选课时间结束
|
||||
const xkTimeOver = (val: any) => {
|
||||
console.log(val);
|
||||
console.log('选课时间结束:', val);
|
||||
// 选课开始时不再跳转，让用户继续选课
|
||||
// 只有在选课结束时才跳转到选课结束页面
|
||||
}
|
||||
|
||||
// 选中课程
|
||||
@ -75,6 +103,21 @@ const submit = async () => {
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 检查选课时间
|
||||
if (curXk.value && curXk.value.xkkstime) {
|
||||
const now = dayjs().valueOf();
|
||||
const startTime = dayjs(curXk.value.xkkstime).valueOf();
|
||||
|
||||
if (now < startTime) {
|
||||
uni.showToast({
|
||||
title: "选课还未开始，请耐心等待！",
|
||||
icon: "none",
|
||||
});
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
uni.showLoading({
|
||||
title: "抢课中...",
|
||||
});
|
||||
@ -173,6 +216,36 @@ const submit = async () => {
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
|
||||
.top-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
:deep(.title-section) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 15px;
|
||||
|
||||
// 学生选择器样式
|
||||
:deep(.xs-bar) {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
// 倒计时组件样式
|
||||
:deep(.countdown-section) {
|
||||
flex-shrink: 0;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 6px;
|
||||
padding: 6px 10px;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -161,7 +161,7 @@ const courseDetail = computed(() => {
|
||||
location: data.kcdd || "暂无地点信息",
|
||||
price: data.kcje || 0,
|
||||
studyTime: data.studyTime || "暂无上课时间",
|
||||
xkkcImg: data.xkkcImg || "/static/images/robot-course.jpg", // 默认图片
|
||||
xkkcImg: imagUrl(data.xkkcImg), // 使用imagUrl处理图片路径
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
291
src/pages/base/course-selection/enrollment-ended.vue
Normal file
291
src/pages/base/course-selection/enrollment-ended.vue
Normal file
@ -0,0 +1,291 @@
|
||||
<template>
|
||||
<view class="enrollment-ended-page">
|
||||
<view class="ended-container">
|
||||
<!-- 页面头部 -->
|
||||
<view class="page-header">
|
||||
<text class="page-title">选课已结束</text>
|
||||
<text class="page-subtitle">本次选课活动已经结束，感谢您的参与</text>
|
||||
</view>
|
||||
|
||||
<!-- 主要信息显示区域 -->
|
||||
<view class="main-content">
|
||||
<view class="content-card">
|
||||
<view class="icon-section">
|
||||
<u-icon name="clock" size="80" color="#FF6B6B" />
|
||||
</view>
|
||||
|
||||
<view class="info-section">
|
||||
<view class="info-item">
|
||||
<text class="info-label">选课名称：</text>
|
||||
<text class="info-value">{{ courseInfo?.xkmc || '兴趣课选课' }}</text>
|
||||
</view>
|
||||
<view class="info-item">
|
||||
<text class="info-label">选课时间：</text>
|
||||
<text class="info-value">{{ formatTime(courseInfo?.xkkstime) }} - {{ formatTime(courseInfo?.xkjstime) }}</text>
|
||||
</view>
|
||||
<view class="info-item">
|
||||
<text class="info-label">结束时间：</text>
|
||||
<text class="info-value">{{ formatTime(courseInfo?.xkjstime) }}</text>
|
||||
</view>
|
||||
<view class="info-item" v-if="courseInfo?.qdmc">
|
||||
<text class="info-label">选课地点：</text>
|
||||
<text class="info-value">{{ courseInfo.qdmc }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="status-section">
|
||||
<view class="status-badge">
|
||||
<u-icon name="close-circle" size="16" color="#FF6B6B" />
|
||||
<text class="status-text">选课已结束</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 提示信息 -->
|
||||
<view class="tips-section">
|
||||
<view class="tips-header">
|
||||
<u-icon name="info-circle" size="16" color="#409EFF" />
|
||||
<text class="tips-title">温馨提示</text>
|
||||
</view>
|
||||
<view class="tips-content">
|
||||
<text class="tip-item">• 本次选课活动已经结束，无法继续选课</text>
|
||||
<text class="tip-item">• 如需了解选课结果，请联系相关老师</text>
|
||||
<text class="tip-item">• 下次选课时间请关注学校通知</text>
|
||||
<text class="tip-item">• 如有疑问，请联系学校教务处</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 操作按钮 -->
|
||||
<view class="action-buttons">
|
||||
<button @click="goBack" class="back-btn">
|
||||
<u-icon name="arrow-left" size="16" color="#666" />
|
||||
<text class="btn-text">返回首页</text>
|
||||
</button>
|
||||
<button @click="refreshPage" class="refresh-btn">
|
||||
<u-icon name="reload" size="16" color="#409EFF" />
|
||||
<text class="btn-text">刷新页面</text>
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { ref, onMounted } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
|
||||
// 页面参数
|
||||
const courseInfo = ref<any>(null);
|
||||
|
||||
onLoad((options) => {
|
||||
// 接收传递过来的选课信息
|
||||
if (options?.courseInfo) {
|
||||
try {
|
||||
courseInfo.value = JSON.parse(decodeURIComponent(options.courseInfo));
|
||||
} catch (error) {
|
||||
console.error('解析选课信息失败:', error);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// 格式化时间
|
||||
const formatTime = (time: string) => {
|
||||
if (!time) return '未设置';
|
||||
const date = new Date(time);
|
||||
return date.toLocaleString('zh-CN', {
|
||||
year: 'numeric',
|
||||
month: '2-digit',
|
||||
day: '2-digit',
|
||||
hour: '2-digit',
|
||||
minute: '2-digit'
|
||||
});
|
||||
};
|
||||
|
||||
// 返回首页
|
||||
const goBack = () => {
|
||||
uni.reLaunch({
|
||||
url: '/pages/base/home/index'
|
||||
});
|
||||
};
|
||||
|
||||
// 刷新页面
|
||||
const refreshPage = () => {
|
||||
uni.reLaunch({
|
||||
url: '/pages/base/course-selection/index'
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.enrollment-ended-page {
|
||||
min-height: 100vh;
|
||||
background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ended-container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
// 页面头部
|
||||
.page-header {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
|
||||
.page-title {
|
||||
display: block;
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
color: white;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.page-subtitle {
|
||||
font-size: 16px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
// 主要内容区域
|
||||
.main-content {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.content-card {
|
||||
background: white;
|
||||
border-radius: 16px;
|
||||
padding: 24px;
|
||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.icon-section {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.info-section {
|
||||
margin-bottom: 20px;
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
margin-bottom: 12px;
|
||||
|
||||
.info-label {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
min-width: 80px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.info-value {
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.status-section {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
.status-badge {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
background: #fff5f5;
|
||||
border: 1px solid #ff6b6b;
|
||||
border-radius: 20px;
|
||||
padding: 8px 16px;
|
||||
|
||||
.status-text {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #ff6b6b;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 提示信息
|
||||
.tips-section {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 12px;
|
||||
padding: 20px;
|
||||
backdrop-filter: blur(10px);
|
||||
margin-bottom: 30px;
|
||||
|
||||
.tips-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
|
||||
.tips-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.tips-content {
|
||||
.tip-item {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
margin-bottom: 8px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 操作按钮
|
||||
.action-buttons {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
|
||||
.back-btn, .refresh-btn {
|
||||
flex: 1;
|
||||
height: 44px;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.back-btn {
|
||||
background: #f5f5f5;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
background: #409EFF;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
// 响应式优化
|
||||
@media (max-width: 375px) {
|
||||
.enrollment-ended-page {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.content-card {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.page-header .page-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -5,10 +5,11 @@
|
||||
<view class="header-content">
|
||||
<!-- 选课类型选择部分 -->
|
||||
<XkPicker title="俱乐部信息" :is-qk="true" xklx-id="962488654" :xs-id="curXs.id" @change="switchXk" v-if="!xsFlag" />
|
||||
<!-- 学生选择部分 -->
|
||||
<XsPicker :is-bar="true" @change="switchXs" />
|
||||
<!-- 倒计时-->
|
||||
<XkCountdown :xk="curXk" @over="xkTimeOver" v-if="curXk && curXk.id" />
|
||||
<!-- 学生选择和倒计时 -->
|
||||
<view class="bottom-row">
|
||||
<XsPicker :is-bar="true" @change="switchXs" />
|
||||
<XkCountdown :xk="curXk" @over="xkTimeOver" v-if="curXk && curXk.id" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -35,6 +36,7 @@ import XkkcList from "@/pages/base/components/XkkcList/index.vue"
|
||||
import { jzXkQkjApi } from "@/api/base/server";
|
||||
import { useUserStore } from "@/store/modules/user";
|
||||
import { useDataStore } from "@/store/modules/data";
|
||||
import dayjs from "dayjs";
|
||||
|
||||
const { getCurXs, getUser } = useUserStore();
|
||||
const { setData, getData } = useDataStore();
|
||||
@ -47,9 +49,31 @@ const selectedXkkcIds = ref<any>([]);
|
||||
|
||||
const xsFlag = ref(true);
|
||||
|
||||
// 检查选课是否已结束
|
||||
const checkEnrollmentStatus = (xk: any) => {
|
||||
if (!xk || !xk.xkjstime) return;
|
||||
|
||||
const now = new Date().getTime();
|
||||
const endTime = new Date(xk.xkjstime).getTime();
|
||||
|
||||
if (now > endTime) {
|
||||
// 选课已结束，跳转到结束页面
|
||||
const courseInfo = encodeURIComponent(JSON.stringify(xk));
|
||||
uni.navigateTo({
|
||||
url: `/pages/base/course-selection/enrollment-ended?courseInfo=${courseInfo}`
|
||||
});
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
// 切换选课
|
||||
const switchXk = (xk: any) => {
|
||||
curXk.value = xk;
|
||||
// 检查选课状态
|
||||
if (checkEnrollmentStatus(xk)) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// 切换学生
|
||||
@ -59,7 +83,12 @@ const switchXs = (xs: any) => {
|
||||
|
||||
// 选课时间结束
|
||||
const xkTimeOver = (val: any) => {
|
||||
console.log(val);
|
||||
console.log('选课时间结束:', val);
|
||||
// 跳转到选课结束页面
|
||||
const courseInfo = encodeURIComponent(JSON.stringify(curXk.value));
|
||||
uni.navigateTo({
|
||||
url: `/pages/base/course-selection/enrollment-ended?courseInfo=${courseInfo}`
|
||||
});
|
||||
}
|
||||
|
||||
// 选中课程
|
||||
@ -77,6 +106,21 @@ const submit = async () => {
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 检查选课时间
|
||||
if (curXk.value && curXk.value.xkkstime) {
|
||||
const now = dayjs().valueOf();
|
||||
const startTime = dayjs(curXk.value.xkkstime).valueOf();
|
||||
|
||||
if (now < startTime) {
|
||||
uni.showToast({
|
||||
title: "选课还未开始，请耐心等待！",
|
||||
icon: "none",
|
||||
});
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
uni.showLoading({
|
||||
title: "抢课中...",
|
||||
});
|
||||
@ -174,6 +218,27 @@ const submit = async () => {
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
|
||||
.bottom-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 15px;
|
||||
|
||||
// 学生选择器样式
|
||||
:deep(.xs-bar) {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
// 倒计时组件样式
|
||||
:deep(.countdown-section) {
|
||||
flex-shrink: 0;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 6px;
|
||||
padding: 6px 10px;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -25,14 +25,19 @@
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { ref } from "vue";
|
||||
import { xkgzsApi } from "@/api/base/server";
|
||||
import { updateSignFileApi } from "@/api/system/login";
|
||||
import { useDataStore } from "@/store/modules/data";
|
||||
import { useUserStore } from "@/store/modules/user";
|
||||
import { showLoading } from "@/utils/uniapp";
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import BasicSign from "@/components/BasicSign/Sign.vue";
|
||||
|
||||
const signCompRef = ref<any>(null);
|
||||
const sign_file = ref<any>(null);
|
||||
const { setData, getGlobal } = useDataStore();
|
||||
const userStore = useUserStore();
|
||||
|
||||
const notice = ref("");
|
||||
onLoad(async () => {
|
||||
@ -43,20 +48,46 @@ onLoad(async () => {
|
||||
});
|
||||
|
||||
async function submit() {
|
||||
// 显示加载中
|
||||
try {
|
||||
// 获取签名数据
|
||||
const data = await signCompRef.value.getSyncSignature();
|
||||
sign_file.value = data.base64;
|
||||
|
||||
// 获取当前用户信息
|
||||
const userInfo = userStore.getUser;
|
||||
|
||||
// 检查localStorage userdata中是否已有signFile
|
||||
const hasExistingSignFile = userInfo && userInfo.signFile;
|
||||
|
||||
// 更新localStorage userdata中的signFile
|
||||
setData({
|
||||
sign_file: sign_file.value,
|
||||
});
|
||||
if (getGlobal.type == 1) {
|
||||
|
||||
// 如果localStorage userdata中没有signFile，则调用后端API更新u_user表
|
||||
if (!hasExistingSignFile && userInfo && userInfo.userId) {
|
||||
try {
|
||||
await updateSignFileApi({
|
||||
userId: userInfo.userId,
|
||||
signFile: sign_file.value
|
||||
});
|
||||
console.log('签名数据已更新到后端数据库');
|
||||
} catch (error) {
|
||||
console.error('更新后端签名数据失败:', error);
|
||||
// 即使后端更新失败，也不影响前端流程继续
|
||||
}
|
||||
}
|
||||
|
||||
// 跳转到下一页
|
||||
uni.reLaunch({
|
||||
url: "/pages/base/course-selection/index",
|
||||
});
|
||||
}
|
||||
if (getGlobal.type == 2) {
|
||||
uni.reLaunch({
|
||||
url: "/pages/base/course-selection/club-selection",
|
||||
|
||||
} catch (error) {
|
||||
console.error('提交签名失败:', error);
|
||||
uni.showToast({
|
||||
title: '签名提交失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
}
|
||||
@ -67,4 +98,4 @@ async function submit() {
|
||||
margin-top: 10px;
|
||||
text-indent: 2em; /* 添加两个中文字符的缩进 */
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
73
src/pages/base/course-selection/noticeclub.vue
Normal file
73
src/pages/base/course-selection/noticeclub.vue
Normal file
@ -0,0 +1,73 @@
|
||||
<template>
|
||||
<BasicLayout>
|
||||
<view class="p-15">
|
||||
<view class="white-bg-color p-15 r-md" v-if="notice">
|
||||
<view> 各位家长：</view>
|
||||
<view class="notice-text">
|
||||
{{ notice }}
|
||||
</view>
|
||||
</view>
|
||||
<BasicSign ref="signCompRef" title="签名"></BasicSign>
|
||||
</view>
|
||||
<template #bottom>
|
||||
<view class="white-bg-color py-5">
|
||||
<view class="flex-row items-center pb-10 pt-5">
|
||||
<u-button
|
||||
text="下一步"
|
||||
class="mx-15"
|
||||
type="primary"
|
||||
@click="submit"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</BasicLayout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { xkgzsApi } from "@/api/base/server";
|
||||
import { useDataStore } from "@/store/modules/data";
|
||||
import { showLoading } from "@/utils/uniapp";
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
|
||||
const signCompRef = ref<any>(null);
|
||||
const sign_file = ref<any>(null);
|
||||
const { setData, getGlobal } = useDataStore();
|
||||
|
||||
const notice = ref("");
|
||||
onLoad(async () => {
|
||||
showLoading({ title: "加载中..." });
|
||||
const res = await xkgzsApi({ kcLx: "俱乐部" });
|
||||
notice.value = res.rows?.[0]?.content || "";
|
||||
uni.hideLoading();
|
||||
});
|
||||
|
||||
async function submit() {
|
||||
// 显示加载中
|
||||
const data = await signCompRef.value.getSyncSignature();
|
||||
sign_file.value = data.base64;
|
||||
setData({
|
||||
sign_file: sign_file.value,
|
||||
});
|
||||
uni.reLaunch({
|
||||
url: "/pages/base/course-selection/club-selection",
|
||||
});
|
||||
/*if (getGlobal.type == 1) {
|
||||
uni.reLaunch({
|
||||
url: "/pages/base/course-selection/index",
|
||||
});
|
||||
}
|
||||
if (getGlobal.type == 2) {
|
||||
uni.reLaunch({
|
||||
url: "/pages/base/course-selection/club-selection",
|
||||
});
|
||||
}*/
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.notice-text {
|
||||
margin-top: 10px;
|
||||
text-indent: 2em; /* 添加两个中文字符的缩进 */
|
||||
}
|
||||
</style>
|
||||
@ -90,7 +90,7 @@ const { setData, getAppCode } = useDataStore();
|
||||
|
||||
// 刷新相关变量
|
||||
const { getLastRefreshTime, getRefreshInterval, setLastRefreshTime, updateStudentInfo, updateStudentList } = useUserStore();
|
||||
const REFRESH_INTERVAL = 10 * 60 * 1000; // 10分钟刷新一次（测试用）
|
||||
const REFRESH_INTERVAL = 7 * 24 * 60 * 60 * 1000; // 1周刷新一次（7天）
|
||||
|
||||
// 获取当前changeTime
|
||||
const getCurrentChangeTime = () => {
|
||||
@ -209,6 +209,18 @@ const menuItems = ref([
|
||||
path: "/pages/base/club/index",
|
||||
permissionKey: "school-jlb", // 俱乐部权限编码
|
||||
},
|
||||
{
|
||||
title: "兴趣课选课",
|
||||
icon: "/static/base/home/file-text-line.png",
|
||||
path: "/pages/base/course-selection/notice",
|
||||
permissionKey: "school-xqkxk", // 兴趣课选课权限编码
|
||||
},
|
||||
{
|
||||
title: "俱乐部选课",
|
||||
icon: "/static/base/home/contacts-book-3-line.png",
|
||||
path: "/pages/base/course-selection/noticeclub",
|
||||
permissionKey: "school-jlbxk", // 俱乐部选课权限编码
|
||||
},
|
||||
]);
|
||||
|
||||
// 通知公告数据
|
||||
@ -328,8 +340,43 @@ onMounted(async () => {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 检查用户是否已关注服务号
|
||||
await checkSubscribeStatus();
|
||||
});
|
||||
|
||||
// 检查关注状态
|
||||
const checkSubscribeStatus = async () => {
|
||||
const userStore = useUserStore();
|
||||
const userInfo = userStore.getUser;
|
||||
|
||||
if (userInfo && !userInfo.subscribed) {
|
||||
// 延迟显示关注提醒，避免与启动页面冲突
|
||||
setTimeout(() => {
|
||||
showSubscribeReminder();
|
||||
}, 2000);
|
||||
}
|
||||
};
|
||||
|
||||
// 显示关注提醒
|
||||
const showSubscribeReminder = () => {
|
||||
uni.showModal({
|
||||
title: '关注服务号',
|
||||
content: '请先关注我们的服务号，以便接收重要通知',
|
||||
showCancel: true,
|
||||
cancelText: '稍后关注',
|
||||
confirmText: '立即关注',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
// 跳转到关注页面
|
||||
uni.navigateTo({
|
||||
url: '/pages/system/subscribe/index'
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// 页面显示时检查是否需要刷新
|
||||
onShow(async () => {
|
||||
await checkAndRefreshStudentInfo();
|
||||
|
||||
@ -54,6 +54,7 @@ onLoad(async (data: any) => {
|
||||
}
|
||||
}
|
||||
|
||||
// 直接跳转到首页，关注检查在首页进行
|
||||
toHome(data);
|
||||
} else {
|
||||
uni.reLaunch({
|
||||
|
||||
@ -265,7 +265,7 @@ function toHome() {
|
||||
});
|
||||
} else if (getGlobal.type == 2) {
|
||||
uni.reLaunch({
|
||||
url: "/pages/base/course-selection/club-selection",
|
||||
url: "/pages/base/course-selection/noticeclub",
|
||||
});
|
||||
} else {
|
||||
uni.reLaunch({
|
||||
|
||||
194
src/pages/system/subscribe/index.vue
Normal file
194
src/pages/system/subscribe/index.vue
Normal file
@ -0,0 +1,194 @@
|
||||
<template>
|
||||
<view class="subscribe-page">
|
||||
<!-- 内容区域 -->
|
||||
<view class="content-container">
|
||||
<!-- 二维码区域 -->
|
||||
<view class="qr-section">
|
||||
<view class="qr-container">
|
||||
<image src="/static/base/home/rdcode.jpg" class="qr-code" mode="aspectFit"></image>
|
||||
</view>
|
||||
<text class="qr-tip">请长按二维码识别并关注我们的服务号</text>
|
||||
</view>
|
||||
|
||||
<!-- 关注好处 -->
|
||||
<view class="benefits-section">
|
||||
<view class="section-title">
|
||||
<text class="title-text">关注后可享受</text>
|
||||
</view>
|
||||
<view class="benefits-list">
|
||||
<view class="benefit-item">
|
||||
<view class="benefit-icon">
|
||||
<uni-icons type="notification" size="20" color="#4A90E2"></uni-icons>
|
||||
</view>
|
||||
<view class="benefit-content">
|
||||
<text class="benefit-title">重要通知</text>
|
||||
<text class="benefit-desc">及时接收学校重要通知和公告</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="benefit-item">
|
||||
<view class="benefit-icon">
|
||||
<uni-icons type="calendar" size="20" color="#4A90E2"></uni-icons>
|
||||
</view>
|
||||
<view class="benefit-content">
|
||||
<text class="benefit-title">课程安排</text>
|
||||
<text class="benefit-desc">课程变更和安排调整实时推送</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="benefit-item">
|
||||
<view class="benefit-icon">
|
||||
<uni-icons type="star" size="20" color="#4A90E2"></uni-icons>
|
||||
</view>
|
||||
<view class="benefit-content">
|
||||
<text class="benefit-title">成绩查询</text>
|
||||
<text class="benefit-desc">考试成绩发布第一时间通知</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="benefit-item">
|
||||
<view class="benefit-icon">
|
||||
<uni-icons type="checkmarkempty" size="20" color="#4A90E2"></uni-icons>
|
||||
</view>
|
||||
<view class="benefit-content">
|
||||
<text class="benefit-title">请假审批</text>
|
||||
<text class="benefit-desc">请假申请审批结果及时反馈</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useDataStore } from '@/store/modules/data';
|
||||
|
||||
const { getGlobal } = useDataStore();
|
||||
|
||||
// 页面逻辑保持不变，但移除按钮相关的方法
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.subscribe-page {
|
||||
min-height: 100vh;
|
||||
background: linear-gradient(135deg, #f4f5f7 0%, #e8f0ff 100%);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 40rpx 30rpx;
|
||||
}
|
||||
|
||||
.content-container {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 40rpx;
|
||||
}
|
||||
|
||||
.qr-section {
|
||||
background: white;
|
||||
border-radius: 24rpx;
|
||||
padding: 60rpx 40rpx;
|
||||
text-align: center;
|
||||
box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.1);
|
||||
width: 100%;
|
||||
max-width: 600rpx;
|
||||
}
|
||||
|
||||
.qr-container {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.qr-code {
|
||||
width: 400rpx;
|
||||
height: 400rpx;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 12rpx 36rpx rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.qr-tip {
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
line-height: 1.5;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.benefits-section {
|
||||
background: white;
|
||||
border-radius: 24rpx;
|
||||
padding: 40rpx 30rpx;
|
||||
box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.1);
|
||||
width: 100%;
|
||||
max-width: 600rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
margin-bottom: 40rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
position: relative;
|
||||
padding-left: 24rpx;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 8rpx;
|
||||
height: 32rpx;
|
||||
background: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%);
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.benefits-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 30rpx;
|
||||
}
|
||||
|
||||
.benefit-item {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 24rpx;
|
||||
}
|
||||
|
||||
.benefit-icon {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
background: linear-gradient(135deg, #f0f4ff 0%, #e6f0ff 100%);
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
box-shadow: 0 6rpx 16rpx rgba(74, 144, 226, 0.15);
|
||||
}
|
||||
|
||||
.benefit-content {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.benefit-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.benefit-desc {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
line-height: 1.5;
|
||||
}
|
||||
</style>
|
||||
1
src/static/base/home/details.svg
Normal file
1
src/static/base/home/details.svg
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754283033015" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10483" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M511.812 929.397c-230.391 0-417.826-187.434-417.826-417.821 0-230.391 187.434-417.826 417.826-417.826 230.386 0 417.821 187.434 417.821 417.826 0 230.386-187.436 417.821-417.821 417.821zM511.812 137.482c-206.277 0-374.092 167.815-374.092 374.093 0 206.273 167.815 374.089 374.092 374.089 206.273 0 374.089-167.815 374.089-374.089 0-206.277-167.815-374.093-374.089-374.093z" p-id="10484" fill="#1296db"></path><path d="M589.938 510.195l-164.817 164.817 30.521 30.521 195.339-195.339-195.339-195.339-30.521 30.521z" p-id="10485" fill="#1296db"></path></svg>
|
||||
|
After Width: | Height: | Size: 889 B |
BIN
src/static/base/home/rdcode.jpg
Normal file
BIN
src/static/base/home/rdcode.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
Loading…
x
Reference in New Issue
Block a user