mirage
/
edu
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加了预报名页面

This commit is contained in:
Yu 2026-02-06 15:42:05 +08:00
parent 5212e45ef0
commit 8fa7ebb5a8
9 changed files with 3436 additions and 12128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
uniapp/.env.development
View File

@ -1,2 +1,2 @@
# 请求域名
VITE_APP_BASE_URL='http://localhost:8084'
VITE_APP_BASE_URL='http://192.168.123.70:8084'

15163
uniapp/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
uniapp/package.json
View File

@ -86,4 +86,4 @@
"vite": "4.1.4",
"weapp-tailwindcss-webpack-plugin": "1.12.8"
}
}
}

25
uniapp/project.config.json Normal file
View File

@ -0,0 +1,25 @@
{
"setting": {
"es6": true,
"postcss": true,
"minified": true,
"uglifyFileName": false,
"enhance": true,
"packNpmRelationList": [],
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"useCompilerPlugins": false,
"minifyWXML": true
},
"compileType": "miniprogram",
"simulatorPluginLibVersion": {},
"packOptions": {
"ignore": [],
"include": []
},
"appid": "wxff49ccb03508cc8f",
"editorSetting": {}
}

14
uniapp/project.private.config.json Normal file
View File

@ -0,0 +1,14 @@
{
"libVersion": "3.14.1",
"projectname": "uniapp",
"setting": {
"urlCheck": true,
"coverView": true,
"lazyloadPlaceholderEnable": false,
"skylineRenderEnable": false,
"preloadBackgroundData": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"compileHotReLoad": true
}
}

4
uniapp/src/manifest.json
View File

@ -1,6 +1,6 @@
{
"name" : "likeadminJ-uniapp",
"appid" : "__UNI__E8F2641",
"appid" : "__UNI__211F18E",
"description" : "",
"versionName" : "1.0.0",
"versionCode" : "100",
@ -50,7 +50,7 @@
"quickapp" : {},
/* 小程序特有相关 */
"mp-weixin" : {
"appid" : "wx386a75e518b38935",
"appid" : "wxaf99770eb7b49cb7",
"setting" : {
"urlCheck" : false,
"es6" : true,

6
uniapp/src/pages.json
View File

@ -154,6 +154,12 @@
"auth": true
}
},
{
"path": "pages/pre_registration/pre_registration",
"style": {
"navigationBarTitleText": "预报名"
}
},
{
"path": "uni_modules/vk-uview-ui/components/u-avatar-cropper/u-avatar-cropper",
"style": {

21
uniapp/src/pages/index/index.vue
View File

@ -52,6 +52,21 @@
/>
</view>
<view class="px-[20rpx] mb-[30rpx]">
<view
class="bg-gradient-to-r from-blue-500 to-blue-600 rounded-[16rpx] p-[30rpx] flex items-center justify-between"
@click="goToPreRegistration"
>
<view>
<view class="text-white text-lg font-medium mb-[10rpx]">学校预报名</view>
<view class="text-white/80 text-sm">填写信息，提前锁定名额</view>
</view>
<view class="bg-white/20 rounded-full w-[80rpx] h-[80rpx] flex items-center justify-center">
<text class="text-white text-2xl">→</text>
</view>
</view>
</view>
<!-- #ifdef H5 -->
<view class="text-center py-4 mb-12">
<router-navigate
@ -150,6 +165,12 @@ const getData = async () => {
})
}
const goToPreRegistration = () => {
uni.navigateTo({
url: '/pages/pre_registration/pre_registration'
})
}
onPageScroll((event: any) => {
scrollTop.value = event.scrollTop
const top = uni.upx2px(100)

327
uniapp/src/pages/pre_registration/pre_registration.vue Normal file
View File

@ -0,0 +1,327 @@
<template>
<page-meta :page-style="$theme.pageStyle">
<!-- #ifndef H5 -->
<navigation-bar
:front-color="$theme.navColor"
:background-color="$theme.navBgColor"
/>
<!-- #endif -->
</page-meta>
<view class="pre-registration min-h-full pb-[env(safe-area-inset-bottom)]">
<!-- 基本信息 -->
<view class="px-[30rpx] py-[30rpx]">
<view class="flex items-center mb-[30rpx]">
<view class="w-[6rpx] h-[32rpx] bg-blue-500 rounded-[3rpx] mr-[16rpx]"></view>
<view class="text-lg font-medium">基本信息</view>
</view>
<view class="form-item">
<view class="label required">姓名</view>
<u-input
v-model="formData.name"
placeholder="请输入真实姓名"
:border="false"
:custom-style="inputStyle"
/>
</view>
<view class="form-item">
<view class="label required">性别</view>
<u-radio-group v-model="formData.gender" direction="row">
<u-radio :name="1" active-color="#3B82F6">男</u-radio>
<u-radio :name="2" class="ml-[60rpx]" active-color="#3B82F6">女</u-radio>
</u-radio-group>
</view>
<view class="form-item">
<view class="label required">身份证号</view>
<u-input
v-model="formData.idCard"
placeholder="请输入18位身份证号"
maxlength="18"
:border="false"
:custom-style="inputStyle"
/>
</view>
</view>
<!-- 学业信息 -->
<view class="px-[30rpx] py-[30rpx]">
<view class="flex items-center mb-[30rpx]">
<view class="w-[6rpx] h-[32rpx] bg-green-500 rounded-[3rpx] mr-[16rpx]"></view>
<view class="text-lg font-medium">学业信息</view>
</view>
<view class="form-item">
<view class="label required">毕业学校</view>
<u-input
v-model="formData.school"
placeholder="请输入毕业学校全称"
:border="false"
:custom-style="inputStyle"
/>
</view>
<view class="form-item">
<view class="label required">中考成绩</view>
<u-input
v-model="formData.score"
placeholder="请输入中考成绩"
type="digit"
maxlength="6"
:border="false"
:custom-style="inputStyle"
/>
</view>
</view>
<!-- 身体信息 -->
<view class="px-[30rpx] py-[30rpx]">
<view class="flex items-center mb-[30rpx]">
<view class="w-[6rpx] h-[32rpx] bg-orange-500 rounded-[3rpx] mr-[16rpx]"></view>
<view class="text-lg font-medium">身体信息</view>
</view>
<view class="form-row">
<view class="form-item flex-1 mr-[20rpx]">
<view class="label required">身高(cm)</view>
<u-input
v-model="formData.height"
placeholder="如: 175"
type="digit"
maxlength="5"
:border="false"
:custom-style="inputStyle"
/>
</view>
<view class="form-item flex-1">
<view class="label required">体重(kg)</view>
<u-input
v-model="formData.weight"
placeholder="如: 60"
type="digit"
maxlength="5"
:border="false"
:custom-style="inputStyle"
/>
</view>
</view>
<view class="form-item">
<view class="label required">鞋码</view>
<u-input
v-model="formData.shoeSize"
placeholder="请输入鞋码，如: 42"
type="number"
maxlength="3"
:border="false"
:custom-style="inputStyle"
/>
</view>
</view>
<view class="h-[2rpx] bg-gray-200 mx-[30rpx]"></view>
<!-- 报名信息 -->
<view class="px-[30rpx] py-[30rpx]">
<view class="flex items-center mb-[30rpx]">
<view class="w-[6rpx] h-[32rpx] bg-purple-500 rounded-[3rpx] mr-[16rpx]"></view>
<view class="text-lg font-medium">报名信息</view>
</view>
<view class="form-item">
<view class="label required">报名专业</view>
<u-input
v-model="formData.major"
placeholder="请输入意向专业名称"
:border="false"
:custom-style="inputStyle"
/>
</view>
<view class="form-item">
<view class="label required">招生老师</view>
<u-input
v-model="formData.teacher"
placeholder="请输入招生老师姓名"
:border="false"
:custom-style="inputStyle"
/>
</view>
</view>
<!-- 提交按钮 -->
<view class="px-[30rpx] py-[40rpx]">
<u-button
type="primary"
@click="submit"
:loading="submitting"
:custom-style="submitBtnStyle"
>
{{ submitting ? '提交中...' : '提交报名' }}
</u-button>
<view class="text-center mt-[20rpx] text-xs text-gray-400">
提交即表示您同意我们的服务条款
</view>
</view>
</view>
</template>
<script setup lang="ts">
import { reactive, ref } from 'vue'
const formData = reactive({
name: '',
gender: 1,
idCard: '',
school: '',
score: '',
height: '',
weight: '',
shoeSize: '',
major: '',
teacher: ''
})
const submitting = ref(false)
const inputStyle = {
background: '#F5F5F5',
padding: '24rpx',
borderRadius: '12rpx',
fontSize: '28rpx'
}
const submitBtnStyle = {
height: '100rpx',
fontSize: '32rpx',
borderRadius: '50rpx',
background: 'linear-gradient(135deg, #3B82F6 0%, #2563EB 100%)',
boxShadow: '0 8rpx 24rpx rgba(59, 130, 246, 0.3)'
}
const validateForm = () => {
if (!formData.name.trim()) {
uni.$u.toast('请输入姓名')
return false
}
if (!formData.idCard.trim()) {
uni.$u.toast('请输入身份证号')
return false
}
if (!/^\d{17}[\dXx]$/.test(formData.idCard)) {
uni.$u.toast('请输入正确的18位身份证号')
return false
}
if (!formData.school.trim()) {
uni.$u.toast('请输入毕业学校')
return false
}
if (!formData.score) {
uni.$u.toast('请输入中考成绩')
return false
}
if (Number(formData.score) < 0 || Number(formData.score) > 750) {
uni.$u.toast('请输入正确的中考成绩')
return false
}
if (!formData.height) {
uni.$u.toast('请输入身高')
return false
}
if (Number(formData.height) < 50 || Number(formData.height) > 250) {
uni.$u.toast('请输入正确的身高')
return false
}
if (!formData.weight) {
uni.$u.toast('请输入体重')
return false
}
if (Number(formData.weight) < 20 || Number(formData.weight) > 200) {
uni.$u.toast('请输入正确的体重')
return false
}
if (!formData.shoeSize) {
uni.$u.toast('请输入鞋码')
return false
}
if (Number(formData.shoeSize) < 15 || Number(formData.shoeSize) > 55) {
uni.$u.toast('请输入正确的鞋码')
return false
}
if (!formData.major.trim()) {
uni.$u.toast('请输入报名专业')
return false
}
if (!formData.teacher.trim()) {
uni.$u.toast('请输入招生老师姓名')
return false
}
return true
}
const submit = async () => {
if (!validateForm()) return
submitting.value = true
try {
await new Promise(resolve => setTimeout(resolve, 1000))
uni.showModal({
title: '提交成功',
content: '您的预报名信息已提交，我们将尽快与您联系！',
showCancel: false,
confirmText: '知道了',
success: () => {
uni.navigateBack()
}
})
} catch (error) {
uni.$u.toast('提交失败，请重试')
} finally {
submitting.value = false
}
}
</script>
<style lang="scss" scoped>
.pre-registration {
background-color: #FFFFFF;
}
.form-item {
margin-bottom: 30rpx;
&:last-child {
margin-bottom: 0;
}
}
.form-row {
display: flex;
flex-direction: row;
}
.label {
font-size: 28rpx;
color: #333;
margin-bottom: 16rpx;
font-weight: 500;
&.required::before {
content: '*';
color: #FF4D4F;
margin-right: 6rpx;
}
}
.bg-blue-500 {
background-color: #3B82F6;
}
.bg-green-500 {
background-color: #22C55E;
}
.bg-orange-500 {
background-color: #F97316;
}
.bg-purple-500 {
background-color: #A855F7;
}
</style>