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

整体页面布局修改

This commit is contained in:
Yu 2026-03-18 14:37:30 +08:00
parent 746cb5dca4
commit d8109d2f8a
12 changed files with 506 additions and 615 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
uniapp/scripts/develop.js
View File

@ -47,9 +47,7 @@ class DevelopClientScript {
return new Promise((resolve, reject) => {
const isWindows = process.platform === 'win32'
const command = isWindows ? 'cmd.exe' : 'npm'
const args = isWindows
? ['/c', 'npm', 'run', scriptName]
: ['run', scriptName]
const args = isWindows ? ['/c', 'npm', 'run', scriptName] : ['run', scriptName]
const runProcess = spawn(command, args)
@ -63,11 +61,7 @@ class DevelopClientScript {
runProcess.on('close', (code) => {
if (code !== 0) {
reject(
new Error(
`运行错误，请查看以下报错信息寻找解决方法: ${error.message}`
)
)
reject(new Error(`运行错误，请查看以下报错信息寻找解决方法: ${error.message}`))
} else {
resolve()
}

2
uniapp/scripts/publish.js
View File

@ -1 +1 @@
const { spawn } = require('child_process') const readline = require('readline') class PublishClientScript { constructor() { if (PublishClientScript.instance) { return PublishClientScript.instance } PublishClientScript.instance = this } promptUser(question) { return new Promise((resolve) => { const rl = readline.createInterface({ input: process.stdin, output: process.stdout }) rl.question(question, (res) => { resolve(res) rl.close() }) }) } async runClient() { console.error('请选择你需要打包的客户端（回复数字后回车） ') console.error('0.取消') console.error('1.微信小程序') console.error('2.公众号或者H5') const runClientRes = await this.promptUser('请输入打包的客户端：') switch (runClientRes) { case '0': break case '1': await this.runNpmScript('build:mp-weixin') break case '2': await this.runNpmScript('build:h5') break default: await this.runClient() break } } runNpmScript(scriptName) { return new Promise((resolve, reject) => { const isWindows = process.platform === 'win32' const command = isWindows ? 'cmd.exe' : 'npm' const args = isWindows ? ['/c', 'npm', 'run', scriptName] : ['run', scriptName] const runProcess = spawn(command, args) runProcess.stdout.on('data', (data) => { console.log(data.toString()) }) runProcess.stderr.on('data', (data) => { console.error(data.toString()) }) runProcess.on('close', (code) => { if (code !== 0) { reject( new Error( `运行错误，请查看以下报错信息寻找解决方法: ${error.message}` ) ) } else { resolve() } }) }) } async run(targetVersion) { const currentVersion = process.versions.node if (currentVersion < targetVersion) { throw new Error( `你的当前node版本为(${currentVersion})，需要安装目标版本为 ${targetVersion} 以上！！` ) } await this.runClient() } static getInstance() { if (!PublishClientScript.instance) { PublishClientScript.instance = new PublishClientScript() } return PublishClientScript.instance } } ;(async () => { const publish = PublishClientScript.getInstance() try { await publish.run('16.16.0') } catch (error) { console.error(error.message) } })()
const { spawn } = require('child_process') const readline = require('readline') class PublishClientScript { constructor() { if (PublishClientScript.instance) { return PublishClientScript.instance } PublishClientScript.instance = this } promptUser(question) { return new Promise((resolve) => { const rl = readline.createInterface({ input: process.stdin, output: process.stdout }) rl.question(question, (res) => { resolve(res) rl.close() }) }) } async runClient() { console.error('请选择你需要打包的客户端（回复数字后回车） ') console.error('0.取消') console.error('1.微信小程序') console.error('2.公众号或者H5') const runClientRes = await this.promptUser('请输入打包的客户端：') switch (runClientRes) { case '0': break case '1': await this.runNpmScript('build:mp-weixin') break case '2': await this.runNpmScript('build:h5') break default: await this.runClient() break } } runNpmScript(scriptName) { return new Promise((resolve, reject) => { const isWindows = process.platform === 'win32' const command = isWindows ? 'cmd.exe' : 'npm' const args = isWindows ? ['/c', 'npm', 'run', scriptName] : ['run', scriptName] const runProcess = spawn(command, args) runProcess.stdout.on('data', (data) => { console.log(data.toString()) }) runProcess.stderr.on('data', (data) => { console.error(data.toString()) }) runProcess.on('close', (code) => { if (code !== 0) { reject(new Error(`运行错误，请查看以下报错信息寻找解决方法: ${error.message}`)) } else { resolve() } }) }) } async run(targetVersion) { const currentVersion = process.versions.node if (currentVersion < targetVersion) { throw new Error( `你的当前node版本为(${currentVersion})，需要安装目标版本为 ${targetVersion} 以上！！` ) } await this.runClient() } static getInstance() { if (!PublishClientScript.instance) { PublishClientScript.instance = new PublishClientScript() } return PublishClientScript.instance } } ;(async () => { const publish = PublishClientScript.getInstance() try { await publish.run('16.16.0') } catch (error) { console.error(error.message) } })()

29
uniapp/src/api/app.ts
View File

@ -38,7 +38,10 @@ export function getTeacherInfo(data: any) {
}
export function addStudent(data: any) {
return request.post({ url: 'frontapi/student/add', data: data }, { urlPrefix: '' })
console.log('【addStudent】开始调用，传入数据:', data)
const result = request.post({ url: 'frontapi/enrollment/add', data: data }, { urlPrefix: '', isTransformResponse: false })
console.log('【addStudent】request.post 返回的 Promise:', result)
return result
}
export function getTeacherQrcode(data: any) {
@ -69,7 +72,29 @@ export function getRecruitmentList(data: any) {
// 获取招生统计数据（总招生人数、本日、本周、本月）
export function getEnrollmentStatistical() {
return request.post(
{ url: 'frontapi/student/enrollmentStatistical' },
{ url: 'frontapi/enrollment/enrollmentStatistical' },
{ urlPrefix: '' }
)
}
// 获取预报名学生列表
export function getPreRegistrationList(data: {
page: number
limit: number
studentStatus?: number
name?: string
mobile?: string
}) {
return request.get(
{ url: 'frontapi/enrollment/preRegistrationList', data },
{ urlPrefix: '' }
)
}
// 获取预报名学生详情
export function getEnrollmentDetail(id: number) {
return request.get(
{ url: 'frontapi/enrollment/detail', data: { id } },
{ urlPrefix: '' }
)
}

5
uniapp/src/pages.json
View File

@ -55,7 +55,8 @@
{
"path": "pages/my_recruitment/my_recruitment",
"style": {
"navigationBarTitleText": "我的招生"
"navigationBarTitleText": "我的招生",
"navigationStyle": "custom"
}
},
{
@ -85,7 +86,7 @@
"list": [
{
"iconPath": "static/images/tabbar/home.png",
"selectedIconPath": "static/images/tabbar/home_s.png",
"selectedIconPath": "static/yubaoming/home_icon_active.png",
"pagePath": "pages/index/index",
"text": "首页"
},

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

@ -5,73 +5,51 @@
<!-- #endif -->
</page-meta>
<view class="index">
<!-- 顶部渐变背景 -->
<view class="header-bg">
<view class="header-content">
<view class="welcome-text">
<view class="title">👋 您好，招生老师</view>
<view class="subtitle">祝您招生顺利，业绩长虹！</view>
</view>
<!-- 顶部区域：Logo + 欢迎文字 + 首页图片 -->
<view class="header-section">
<image
src="/static/yubaoming/school_logo.png"
mode="aspectFit"
class="school-logo"
/>
<view class="welcome-text">
<view class="title">您好，招生老师</view>
<view class="subtitle">祝您招生顺利，业绩长虹！</view>
</view>
<image
src="/static/yubaoming/home.png"
mode="widthFix"
class="home-image"
/>
<!-- 快捷操作标题 -->
<view class="section-title" v-if="isLogin">
<view class="title-icon"></view>
<text>快捷操作</text>
</view>
</view>
<!-- 主要内容区域 -->
<view class="main-content">
<!-- 数据概览卡片 -->
<view class="stats-card" v-if="isLogin">
<view class="card-header">
<view class="card-title">
<view class="title-icon">📊</view>
<text>招生数据</text>
</view>
<view class="view-more" @click="goToMyRecruitment">
<text>查看详情</text>
<u-icon name="arrow-right" size="24" color="#3B82F6"></u-icon>
</view>
</view>
<view class="stats-grid">
<view class="stat-item">
<view class="stat-value blue">{{ stats.total || 0 }}</view>
<view class="stat-label">总招生人数</view>
</view>
<view class="stat-divider"></view>
<view class="stat-item">
<view class="stat-value green">{{ stats.today || 0 }}</view>
<view class="stat-label">今日新增</view>
</view>
<view class="stat-divider"></view>
<view class="stat-item">
<view class="stat-value orange">{{ stats.week || 0 }}</view>
<view class="stat-label">本周新增</view>
</view>
</view>
</view>
<!-- 快捷操作入口 -->
<view class="quick-actions" v-if="isLogin">
<view class="section-title">
<view class="title-icon">🚀</view>
<text>快捷操作</text>
<view class="action-item" @click="goToPreRegistration">
<view class="action-icon blue">
<u-icon name="edit-pen" size="40" color="#FFFFFF"></u-icon>
</view>
<text class="action-text">预报名</text>
</view>
<view class="action-grid three-column">
<view class="action-item" @click="goToPreRegistration">
<view class="action-icon blue">
<u-icon name="edit-pen" size="40" color="#FFFFFF"></u-icon>
</view>
<text class="action-text">预报名</text>
<view class="action-item" @click="goToMyRecruitment">
<view class="action-icon green">
<u-icon name="list" size="40" color="#FFFFFF"></u-icon>
</view>
<view class="action-item" @click="goToMyRecruitment">
<view class="action-icon green">
<u-icon name="list" size="40" color="#FFFFFF"></u-icon>
</view>
<text class="action-text">我的招生</text>
</view>
<view class="action-item" @click="goToUser">
<view class="action-icon purple">
<u-icon name="account" size="40" color="#FFFFFF"></u-icon>
</view>
<text class="action-text">个人中心</text>
<text class="action-text">我的招生</text>
</view>
<view class="action-item" @click="goToUser">
<view class="action-icon purple">
<u-icon name="account" size="40" color="#FFFFFF"></u-icon>
</view>
<text class="action-text">个人中心</text>
</view>
</view>
@ -244,179 +222,121 @@ onShow(async () => {
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
}
/* 顶部渐变背景 */
.header-bg {
background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
padding: 80rpx 30rpx 80rpx;
border-radius: 0 0 40rpx 40rpx;
}
/* 顶部区域 */
.header-section {
display: flex;
flex-direction: column;
align-items: center;
padding: 40rpx 30rpx;
position: relative;
.school-logo {
width: 350rpx;
height: 350rpx;
margin-top: -40rpx;
margin-bottom: -80rpx;
}
.header-content {
.welcome-text {
text-align: center;
margin-bottom: -100rpx;
.title {
font-size: 40rpx;
font-weight: 600;
color: #FFFFFF;
color: #000000;
margin-bottom: 12rpx;
}
.subtitle {
font-size: 28rpx;
color: rgba(255, 255, 255, 0.8);
color: #333333;
}
}
.home-image {
width: calc(100% + 60rpx);
margin-left: -30rpx;
margin-right: -30rpx;
}
}
/* 主要内容区域 */
.main-content {
margin-top: 20rpx;
padding: 0 30rpx;
padding: 0 30rpx 30rpx;
position: relative;
z-index: 1;
}
/* 数据概览卡片 */
.stats-card {
background: #FFFFFF;
border-radius: 24rpx;
padding: 30rpx;
margin-bottom: 30rpx;
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
/* 快捷操作标题 */
.section-title {
display: flex;
align-items: center;
font-size: 32rpx;
font-weight: 600;
color: #000000;
padding: 20rpx 0;
position: absolute;
bottom: 50rpx;
left: 30rpx;
z-index: 10;
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30rpx;
.card-title {
display: flex;
align-items: center;
font-size: 32rpx;
font-weight: 600;
color: #1F2937;
.title-icon {
margin-right: 12rpx;
font-size: 36rpx;
}
}
.view-more {
display: flex;
align-items: center;
font-size: 26rpx;
color: #3B82F6;
text {
margin-right: 8rpx;
}
}
}
.stats-grid {
display: flex;
align-items: center;
justify-content: space-around;
.stat-item {
flex: 1;
text-align: center;
.stat-value {
font-size: 48rpx;
font-weight: 700;
margin-bottom: 12rpx;
&.blue {
color: #3B82F6;
}
&.green {
color: #10B981;
}
&.orange {
color: #F97316;
}
}
.stat-label {
font-size: 26rpx;
color: #6B7280;
}
}
.stat-divider {
width: 2rpx;
height: 80rpx;
background-color: #E5E7EB;
}
.title-icon {
margin-right: 12rpx;
width: 10rpx;
height: 32rpx;
background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
border-radius: 3rpx;
}
}
/* 快捷操作 */
.quick-actions {
background: #FFFFFF;
border-radius: 24rpx;
padding: 30rpx;
margin-bottom: 30rpx;
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20rpx;
margin-top: -30rpx;
.section-title {
.action-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
font-size: 32rpx;
font-weight: 600;
color: #1F2937;
margin-bottom: 30rpx;
background: #FFFFFF;
border-radius: 24rpx;
padding: 30rpx 20rpx;
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
.title-icon {
margin-right: 12rpx;
font-size: 36rpx;
}
}
.action-grid {
display: flex;
justify-content: space-between;
&.three-column {
justify-content: space-around;
&:active {
opacity: 0.7;
}
.action-item {
.action-icon {
width: 100rpx;
height: 100rpx;
border-radius: 24rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 16rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
&:active {
opacity: 0.7;
&.blue {
background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
}
.action-icon {
width: 100rpx;
height: 100rpx;
border-radius: 24rpx;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
&.blue {
background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
}
&.green {
background: linear-gradient(135deg, #10B981 0%, #059669 100%);
}
&.purple {
background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
}
&.green {
background: linear-gradient(135deg, #10B981 0%, #059669 100%);
}
.action-text {
font-size: 26rpx;
color: #4B5563;
&.purple {
background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
}
}
.action-text {
font-size: 26rpx;
color: #1F2937;
font-weight: 500;
}
}
}

14
uniapp/src/pages/login/login.vue
View File

@ -17,7 +17,7 @@
<view class="w-full mt-[140rpx] pb-[60rpx]">
<block v-if="!phoneLogin">
<!-- #ifdef MP-WEIXIN || H5 -->
<view v-if="isOpenOtherAuth && isWeixin && inWxAuth">
<!-- <view v-if="isOpenOtherAuth && isWeixin && inWxAuth">
<u-button
type="primary"
@click="wxLogin"
@ -26,7 +26,7 @@
>
用户一键登录
</u-button>
</view>
</view> -->
<!-- #endif -->
<view class="mt-[40rpx]">
@ -35,7 +35,7 @@
:customStyle="{ height: '100rpx' }"
hover-class="none"
>
手机号登录
使用账号登录
</u-button>
</view>
</block>
@ -173,7 +173,7 @@
>密码登录</span
>
</view>
<view
<!-- <view
v-if="
formData.scene == LoginWayEnum.ACCOUNT &&
includeLoginWay(LoginWayEnum.MOBILE)
@ -188,10 +188,10 @@
"
>验证码登录</span
>
</view>
<navigator url="/pages/register/register" hover-class="none"
</view> -->
<!-- <navigator url="/pages/register/register" hover-class="none"
>注册账号</navigator
>
> -->
</view>
</block>
</view>

517
uniapp/src/pages/my_recruitment/my_recruitment.vue
View File

@ -1,398 +1,263 @@
<template>
<page-meta :page-style="$theme.pageStyle">
<navigation-bar :front-color="$theme.navColor" :background-color="$theme.navBgColor" />
</page-meta>
<view class="my-recruitment min-h-full pb-[env(safe-area-inset-bottom)]">
<view class="px-[30rpx] py-[20rpx]">
<view class="filter-bar flex items-center justify-between">
<view class="filter-item" @click="showTimeFilter = true">
<text :class="timeFilter ? 'text-blue-500' : 'text-gray-600'">
{{ timeFilterText }}
</text>
<u-icon
name="arrow-down"
size="24"
:color="timeFilter ? '#3B82F6' : '#999'"
></u-icon>
</view>
<view class="filter-item" @click="showRegionFilter = true">
<text :class="regionFilter ? 'text-blue-500' : 'text-gray-600'">
{{ regionFilterText }}
</text>
<u-icon
name="arrow-down"
size="24"
:color="regionFilter ? '#3B82F6' : '#999'"
></u-icon>
</view>
<view class="filter-item" @click="toggleSort">
<text :class="sortBy ? 'text-blue-500' : 'text-gray-600'">
{{ sortText }}
</text>
<u-icon
:name="sortOrder === 'desc' ? 'arrow-down' : 'arrow-up'"
size="24"
:color="sortBy ? '#3B82F6' : '#999'"
></u-icon>
</view>
<view class="nav-bar">
<view class="back-btn" @click="goBack">
<text class="back-icon">←</text>
</view>
<view class="nav-title">我的招生</view>
</view>
<view class="px-[30rpx]">
<view class="text-sm text-gray-500 mb-[20rpx]"> 共 {{ total }} 条记录 </view>
<view v-if="loading" class="flex justify-center py-[100rpx]">
<u-loading mode="circle"></u-loading>
<image
src="/static/yubaoming/recruitment_3.png"
mode="aspectFill"
class="page-bg"
/>
<view class="px-[30rpx] content-wrapper">
<view class="intro-box">
启东市科信技工学校秉持着一系列极具特色与前瞻性的办学理念，致力于为学生打造优质教育，推动区域协同发展。
</view>
<view
v-else-if="list.length === 0"
class="empty-state flex flex-col items-center py-[100rpx]"
<view class="student-image-wrapper">
<image
src="/static/yubaoming/student.png"
mode="aspectFit"
class="student-image"
/>
</view>
<z-paging
ref="paging"
v-model="list"
@query="queryList"
:fixed="false"
height="100%"
use-page-scroll
>
<u-icon name="inbox" size="120" color="#E5E7EB"></u-icon>
<view class="text-gray-400 mt-[30rpx]">暂无招生数据</view>
</view>
<view v-else class="list">
<view
v-for="(item, index) in list"
:key="index"
class="list-item bg-white rounded-lg p-[30rpx] mb-[20rpx]"
>
<view class="flex items-center justify-between mb-[20rpx]">
<view class="flex items-center">
<view
class="avatar bg-blue-100 text-blue-500 w-[80rpx] h-[80rpx] rounded-full flex items-center justify-center text-xl font-medium"
>
{{ item.name ? item.name.charAt(0) : '?' }}
</view>
<view class="ml-[20rpx]">
<view class="text-lg font-medium">{{ item.name }}</view>
<view class="text-sm text-gray-500 mt-[5rpx]">{{
item.gender === 1 ? '男' : '女'
}}</view>
</view>
</view>
<view class="text-right">
<view class="text-sm text-gray-500">{{ item.majorName }}</view>
<view class="text-xs text-gray-400 mt-[5rpx]">{{
item.createTime
}}</view>
</view>
<view class="student-table">
<!-- 表头 -->
<view class="table-header">
<view class="th th-name">姓名</view>
<view class="th th-gender">性别</view>
<view class="th th-score">成绩</view>
<view class="th th-major">专业</view>
<view class="th th-status">状态</view>
</view>
<view class="info-grid grid grid-cols-2 gap-[20rpx]">
<view class="info-item">
<view class="text-xs text-gray-400">身份证号</view>
<view class="text-sm mt-[5rpx]">{{ formatIdCard(item.idCard) }}</view>
<!-- 数据行 -->
<view
v-for="(item, index) in list"
:key="index"
class="table-row"
>
<view class="td td-name">{{ item.name }}</view>
<view class="td td-gender">{{ item.gender === 1 ? '男' : item.gender === 2 ? '女' : '-' }}</view>
<view class="td td-score">{{ item.highSchoolScore || '-' }}</view>
<view class="td td-major">{{ item.majorName || '-' }}</view>
<view class="td td-status">
<text :class="item.studentStatus === 1 ? 'status-enrolled' : 'status-pre'">
{{ item.studentStatus === 1 ? '已报名' : '预报名' }}
</text>
</view>
<view class="info-item">
<view class="text-xs text-gray-400">毕业学校</view>
<view class="text-sm mt-[5rpx]">{{ item.previousSchool }}</view>
</view>
<view class="info-item">
<view class="text-xs text-gray-400">中考成绩</view>
<view class="text-sm mt-[5rpx]">{{ item.highSchoolScore }}分</view>
</view>
<view class="info-item">
<view class="text-xs text-gray-400">身高/体重</view>
<view class="text-sm mt-[5rpx]"
>{{ item.height }}cm / {{ item.weight }}kg</view
>
</view>
</view>
<view class="status-bar mt-[20rpx] flex items-center justify-between">
<view class="flex items-center">
<view class="status-dot" :class="getStatusClass(item.status)"></view>
<view
class="text-sm ml-[10rpx]"
:class="getStatusTextClass(item.status)"
>
{{ getStatusText(item.status) }}
</view>
</view>
<view class="text-xs text-gray-400"> 鞋码: {{ item.shoeSize }} </view>
</view>
</view>
</view>
</z-paging>
</view>
<u-action-sheet
v-model="showTimeFilter"
:list="timeFilterList"
@click="handleTimeFilter"
></u-action-sheet>
<u-action-sheet
v-model="showRegionFilter"
:list="regionFilterList"
@click="handleRegionFilter"
></u-action-sheet>
</view>
</template>
<script setup lang="ts">
import { ref, onMounted, computed } from 'vue'
import { ref, shallowRef } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import { getRecruitmentList } from '@/api/app'
import { useUserStore } from '@/stores/user'
import { storeToRefs } from 'pinia'
const userStore = useUserStore()
const { userInfo } = storeToRefs(userStore)
import { getPreRegistrationList } from '@/api/app'
const list = ref<any[]>([])
const loading = ref(false)
const total = ref(0)
const paging = shallowRef()
const showTimeFilter = ref(false)
const showRegionFilter = ref(false)
const timeFilter = ref('')
const regionFilter = ref('')
const sortBy = ref('createTime')
const sortOrder = ref<'asc' | 'desc'>('desc')
const timeFilterText = computed(() => {
const map: Record<string, string> = {
'': '全部时间',
today: '今天',
week: '本周',
month: '本月',
year: '今年'
}
return map[timeFilter.value] || '全部时间'
})
const regionFilterText = computed(() => {
const map: Record<string, string> = {
'': '全部地区',
north: '北部地区',
south: '南部地区',
east: '东部地区',
west: '西部地区'
}
return map[regionFilter.value] || '全部地区'
})
const sortText = computed(() => {
const map: Record<string, string> = {
createTime: '时间',
highSchoolScore: '成绩',
height: '身高'
}
return map[sortBy.value] || '排序'
})
const timeFilterList = [
{ text: '全部时间' },
{ text: '今天' },
{ text: '本周' },
{ text: '本月' },
{ text: '今年' }
]
const regionFilterList = [
{ text: '全部地区' },
{ text: '北部地区' },
{ text: '南部地区' },
{ text: '东部地区' },
{ text: '西部地区' }
]
const formatIdCard = (idCard: string) => {
if (!idCard) return ''
return idCard.replace(/(\d{6})\d{8}(\d{4})/, '$1********$2')
}
const getStatusClass = (status: number) => {
const map: Record<number, string> = {
0: 'status-pending',
1: 'status-approved',
2: 'status-rejected'
}
return map[status] || 'status-pending'
}
const getStatusTextClass = (status: number) => {
const map: Record<number, string> = {
0: 'text-yellow-500',
1: 'text-green-500',
2: 'text-red-500'
}
return map[status] || 'text-yellow-500'
}
const getStatusText = (status: number) => {
const map: Record<number, string> = {
0: '待审核',
1: '已通过',
2: '已拒绝'
}
return map[status] || '待审核'
}
const handleTimeFilter = (index: number) => {
const valueMap = ['', 'today', 'week', 'month', 'year']
timeFilter.value = valueMap[index] || ''
loadList()
}
const handleRegionFilter = (index: number) => {
const valueMap = ['', 'north', 'south', 'east', 'west']
regionFilter.value = valueMap[index] || ''
loadList()
}
const toggleSort = () => {
if (sortBy.value === 'createTime') {
sortBy.value = 'highSchoolScore'
} else if (sortBy.value === 'highSchoolScore') {
sortBy.value = 'height'
} else {
sortBy.value = 'createTime'
}
loadList()
}
const loadList = async () => {
if (!userInfo.value || !userInfo.value.teacherId) {
return
}
loading.value = true
const queryList = async (pageNo, pageSize) => {
console.log('=== queryList 开始执行 ===', pageNo, pageSize)
try {
const res = await getRecruitmentList({
teacherId: userInfo.value.teacherId,
timeFilter: timeFilter.value,
regionFilter: regionFilter.value,
sortBy: sortBy.value,
sortOrder: sortOrder.value
})
const params = {
page: pageNo,
limit: pageSize,
studentStatus: -1
}
console.log('请求参数:', params)
const res = await getPreRegistrationList(params)
console.log('接口返回结果:', res)
if (res.code === 1 && res.data) {
list.value = res.data.list || []
total.value = res.data.total || 0
if (res && res.lists) {
console.log('获取数据成功, list长度:', res.lists?.length)
paging.value.complete(res.lists)
} else {
console.log('接口返回异常:', res)
}
} catch (error) {
console.error('获取招生列表失败:', error)
uni.$u.toast('获取数据失败')
} finally {
loading.value = false
}
}
onMounted(() => {
loadList()
})
const goBack = () => {
uni.navigateBack()
}
onLoad(() => {
loadList()
queryList(1, 10)
})
</script>
<style lang="scss" scoped>
.my-recruitment {
background-color: #f5f5f5;
position: relative;
min-height: 100vh;
background-color: transparent;
}
.filter-bar {
background: white;
padding: 20rpx;
border-radius: 12rpx;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
}
.filter-item {
.nav-bar {
position: fixed;
top: 50rpx;
left: 0;
right: 0;
z-index: 100;
display: flex;
align-items: center;
gap: 8rpx;
font-size: 28rpx;
padding: 10rpx 20rpx;
border-radius: 8rpx;
transition: all 0.2s ease;
&:active {
background: #f5f5f5;
}
justify-content: center;
padding-top: calc(20rpx + env(safe-area-inset-top));
}
.list-item {
.back-btn {
position: absolute;
left: 0;
padding: 20rpx 30rpx;
cursor: pointer;
}
.back-icon {
font-size: 48rpx;
color: white;
font-weight: bold;
}
.nav-title {
font-size: 36rpx;
color: white;
font-weight: 600;
}
.page-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 0;
}
.content-wrapper {
position: relative;
z-index: 10;
padding-top: 320rpx;
}
.intro-box {
background-color: white;
border: 2rpx solid white;
border-radius: 20rpx;
padding: 20rpx;
margin-bottom: 150rpx;
text-align: center;
font-size: 26rpx;
color: #0056e9;
line-height: 1.8;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
}
.student-image-wrapper {
display: flex;
justify-content: center;
margin-top: -200rpx;
margin-bottom: -330rpx;
position: relative;
z-index: -1;
}
.student-image {
width: 800rpx;
height: 600rpx;
}
.student-table {
background: white;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
}
.avatar {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
.table-header {
display: flex;
background: #ccddfb;
padding: 24rpx 20rpx;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.15);
}
.info-grid {
padding: 20rpx 0;
border-top: 1rpx solid #f0f0f0;
.th {
color: #333;
font-size: 26rpx;
font-weight: 600;
text-align: center;
}
.table-row {
display: flex;
padding: 24rpx 20rpx;
border-bottom: 1rpx solid #f0f0f0;
}
.info-item {
margin-bottom: 10rpx;
align-items: center;
&:last-child {
margin-bottom: 0;
border-bottom: none;
}
&:nth-child(even) {
background-color: #fafafa;
}
}
.status-bar {
padding-top: 10rpx;
.td {
font-size: 26rpx;
color: #333;
text-align: center;
}
.status-dot {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
&.status-pending {
background-color: #f59e0b;
}
&.status-approved {
background-color: #10b981;
}
&.status-rejected {
background-color: #ef4444;
}
/* 列宽设置 */
.th-name, .td-name {
width: 20%;
font-weight: 500;
}
.empty-state {
background: white;
border-radius: 12rpx;
margin-top: 20rpx;
.th-gender, .td-gender {
width: 12%;
}
.text-blue-500 {
color: #3b82f6;
.th-score, .td-score {
width: 15%;
}
.text-gray-600 {
color: #666;
.th-major, .td-major {
width: 33%;
}
.text-gray-400 {
color: #999;
.th-status, .td-status {
width: 20%;
}
.text-gray-500 {
color: #888;
/* 状态标签样式 */
.status-enrolled {
color: #10B981;
font-weight: 500;
}
.text-yellow-500 {
color: #f59e0b;
}
.text-green-500 {
color: #10b981;
}
.text-red-500 {
color: #ef4444;
.status-pre {
color: #F59E0B;
font-weight: 500;
}
</style>

34
uniapp/src/pages/pre_registration/pre_registration.vue
View File

@ -342,7 +342,14 @@ const validateForm = () => {
}
const submit = async () => {
if (!validateForm()) return
console.log('========== 开始提交 ==========')
console.log('当前表单数据:', JSON.parse(JSON.stringify(formData)))
if (!validateForm()) {
console.log('表单验证失败')
return
}
console.log('表单验证通过')
submitting.value = true
@ -360,22 +367,31 @@ const submit = async () => {
recruitmentTeacherId: formData.recruitmentTeacherId
}
console.log('========== 准备提交数据 ==========')
console.log('提交数据:', submitData)
console.log('majorId:', submitData.majorId, '类型:', typeof submitData.majorId)
console.log('recruitmentTeacherId:', submitData.recruitmentTeacherId, '类型:', typeof submitData.recruitmentTeacherId)
uni.showLoading({
title: '提交中...',
mask: true
})
console.log('========== 开始调用 addStudent ==========')
const res = await addStudent(submitData)
console.log('========== addStudent 调用完成 ==========')
uni.hideLoading()
console.log('接口返回结果:', res)
console.log('返回code:', res?.code)
console.log('返回msg:', res?.msg)
console.log('返回data:', res?.data)
if (res.code === 1) {
if (res?.code === 1) {
console.log('提交成功')
uni.showToast({
title: '提交成功',
title: res?.msg || '提交成功',
icon: 'success',
duration: 2000
})
@ -384,21 +400,27 @@ const submit = async () => {
router.navigateTo('/pages/submit_success/submit_success')
}, 1500)
} else {
console.log('提交失败:', res?.msg || '未知错误')
uni.showToast({
title: res.msg || '提交失败',
title: res?.msg || '提交失败',
icon: 'none',
duration: 2000
})
}
} catch (error) {
} catch (error: any) {
uni.hideLoading()
console.error('提交失败:', error)
console.error('========== 提交异常 ==========')
console.error('错误对象:', error)
console.error('错误类型:', typeof error)
console.error('错误消息:', error?.message || error)
console.error('错误堆栈:', error?.stack)
uni.showToast({
title: '网络错误，请重试',
icon: 'none',
duration: 2000
})
} finally {
console.log('========== 提交结束 ==========')
submitting.value = false
}
}

166
uniapp/src/pages/user/user.vue
View File

@ -1,7 +1,12 @@
<template>
<view class="user">
<!-- 顶部渐变背景 -->
<view class="header-bg">
<!-- 顶部横幅背景 -->
<view class="header-banner">
<image
src="/static/yubaoming/top_banner.png"
mode="widthFix"
class="banner-image"
/>
<view class="header-content">
<view class="user-info" v-if="isLogin && userInfo">
<view class="avatar">
@ -30,7 +35,7 @@
<view class="stats-card" v-if="isLogin">
<view class="card-header">
<view class="card-title">
<view class="title-icon">📊</view>
<view class="title-icon"></view>
<text>招生数据</text>
</view>
<view class="view-more" @click="goToRecruitment">
@ -65,7 +70,7 @@
<view class="chart-card" v-if="isLogin">
<view class="card-header">
<view class="card-title">
<view class="title-icon">📈</view>
<view class="title-icon"></view>
<text>招生目标</text>
</view>
</view>
@ -87,32 +92,40 @@
<!-- 快捷功能 -->
<view class="quick-actions" v-if="isLogin">
<view class="section-title">
<view class="title-icon">🚀</view>
<view class="title-icon"></view>
<text>快捷功能</text>
</view>
<view class="action-grid">
<view class="action-item" @click="goToRecruitment">
<view class="action-icon blue">
<u-icon name="list" size="36" color="#FFFFFF"></u-icon>
</view>
<image
src="/static/yubaoming/my_recruitment_menu.png"
mode="aspectFit"
class="action-img"
/>
<text class="action-text">我的招生</text>
</view>
<view class="action-item" @click="openQrcodeModal">
<view class="action-icon green">
<u-icon name="scan" size="36" color="#FFFFFF"></u-icon>
</view>
<image
src="/static/yubaoming/recruitment_qrcode.png"
mode="aspectFit"
class="action-img"
/>
<text class="action-text">招生二维码</text>
</view>
<view class="action-item" @click="goTo('/pages/user_data/user_data')">
<view class="action-icon purple">
<u-icon name="account" size="36" color="#FFFFFF"></u-icon>
</view>
<image
src="/static/yubaoming/user_profile.png"
mode="aspectFit"
class="action-img"
/>
<text class="action-text">个人资料</text>
</view>
<view class="action-item" @click="goTo('/pages/change_password/change_password')">
<view class="action-icon orange">
<u-icon name="lock" size="36" color="#FFFFFF"></u-icon>
</view>
<image
src="/static/yubaoming/change_password.png"
mode="aspectFit"
class="action-img"
/>
<text class="action-text">修改密码</text>
</view>
</view>
@ -123,18 +136,22 @@
<view class="action-list">
<view class="action-list-item" @click="switchAccount">
<view class="item-left">
<view class="item-icon blue">
<u-icon name="reload" size="32" color="#FFFFFF"></u-icon>
</view>
<image
src="/static/yubaoming/switch_account.png"
mode="aspectFit"
class="item-img"
/>
<text class="item-text">切换账号</text>
</view>
<u-icon name="arrow-right" size="28" color="#9CA3AF"></u-icon>
</view>
<view class="action-list-item" @click="logout">
<view class="item-left">
<view class="item-icon red">
<u-icon name="close-circle" size="32" color="#FFFFFF"></u-icon>
</view>
<image
src="/static/yubaoming/logout.png"
mode="aspectFit"
class="item-img"
/>
<text class="item-text">退出登录</text>
</view>
<u-icon name="arrow-right" size="28" color="#9CA3AF"></u-icon>
@ -189,7 +206,7 @@ import { useUserStore } from '@/stores/user'
import { onShow } from '@dcloudio/uni-app'
import { storeToRefs } from 'pinia'
import { computed, reactive, ref } from 'vue'
import { getEnrollmentStatistical, getTeacherQrcodeImage } from '@/api/app'
import { getEnrollmentStatistical, getTeacherQrcodeImage, getTeacherInfo } from '@/api/app'
import { TOKEN_KEY } from '@/enums/constantEnums'
import cache from '@/utils/cache'
@ -220,18 +237,36 @@ const progressPercent = computed(() => {
})
const getQrcode = async () => {
console.log('=== getQrcode 开始执行 ===')
console.log('userInfo:', userInfo.value)
console.log('teacherId:', userInfo.value?.teacherId)
if (userInfo.value?.teacherId) {
try {
console.log('正在调用 getTeacherQrcodeImage, teacherId:', userInfo.value.teacherId)
const response = await getTeacherQrcodeImage(userInfo.value.teacherId)
console.log('二维码接口返回:', response)
console.log('statusCode:', response.statusCode)
console.log('data类型:', typeof response.data)
console.log('data长度:', response.data?.byteLength || response.data?.length)
if (response.statusCode === 200) {
const arrayBuffer = response.data
console.log('arrayBuffer:', arrayBuffer)
const base64 = uni.arrayBufferToBase64(arrayBuffer)
console.log('base64长度:', base64.length)
qrcodeUrl.value = `data:image/png;base64,${base64}`
console.log('qrcodeUrl已设置:', qrcodeUrl.value.substring(0, 50) + '...')
} else {
console.log('接口返回非200状态码:', response.statusCode)
}
} catch (error) {
console.error('获取二维码失败:', error)
}
} else {
console.log('没有 teacherId，跳过获取二维码')
}
console.log('=== getQrcode 执行结束 ===')
}
const getStats = async () => {
@ -388,7 +423,21 @@ onShow(async () => {
console.log('getUser 完成后用户信息:', userInfo.value)
if (isLogin.value && userInfo.value) {
console.log('条件满足，开始调用 getQrcode 和 getStats')
console.log('条件满足，开始获取教师信息')
// 获取教师信息
try {
const teacherRes = await getTeacherInfo({ id: userInfo.value.id })
console.log('getTeacherInfo 返回:', teacherRes)
if (teacherRes && teacherRes.id) {
// 将教师信息合并到 userInfo
userInfo.value.teacherId = teacherRes.id
console.log('设置 teacherId:', teacherRes.id)
}
} catch (error) {
console.error('获取教师信息失败:', error)
}
console.log('开始调用 getQrcode 和 getStats')
getQrcode()
getStats()
} else {
@ -407,14 +456,23 @@ onShow(async () => {
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
}
/* 顶部渐变背景 */
.header-bg {
background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
padding: 60rpx 30rpx 100rpx;
border-radius: 0 0 40rpx 40rpx;
/* 顶部横幅背景 */
.header-banner {
position: relative;
width: 100%;
.banner-image {
width: 100%;
display: block;
}
}
.header-content {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 170rpx 30rpx 100rpx;
.user-info {
display: flex;
align-items: center;
@ -501,7 +559,10 @@ onShow(async () => {
.title-icon {
margin-right: 12rpx;
font-size: 36rpx;
width: 10rpx;
height: 32rpx;
background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
border-radius: 3rpx;
}
}
@ -582,7 +643,10 @@ onShow(async () => {
.title-icon {
margin-right: 12rpx;
font-size: 36rpx;
width: 10rpx;
height: 32rpx;
background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
border-radius: 3rpx;
}
}
}
@ -650,7 +714,10 @@ onShow(async () => {
.title-icon {
margin-right: 12rpx;
font-size: 36rpx;
width: 10rpx;
height: 32rpx;
background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
border-radius: 3rpx;
}
}
@ -667,28 +734,10 @@ onShow(async () => {
opacity: 0.7;
}
.action-icon {
.action-img {
width: 100rpx;
height: 100rpx;
border-radius: 24rpx;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
&.blue {
background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
}
&.green {
background: linear-gradient(135deg, #10B981 0%, #059669 100%);
}
&.purple {
background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
}
&.orange {
background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
}
}
.action-text {
@ -727,21 +776,10 @@ onShow(async () => {
display: flex;
align-items: center;
.item-icon {
.item-img {
width: 64rpx;
height: 64rpx;
border-radius: 16rpx;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20rpx;
&.blue {
background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
}
&.red {
background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
}
}
.item-text {

19
uniapp/src/utils/request/index.ts
View File

@ -17,12 +17,22 @@ const requestHooks: RequestHooks = {
requestInterceptorsHook(options, config) {
const { urlPrefix, baseUrl, withToken, isAuth } = config
options.header = options.header ?? {}
console.log('【Request拦截器】原始请求URL:', options.url)
console.log('【Request拦截器】urlPrefix:', urlPrefix)
console.log('【Request拦截器】baseUrl:', baseUrl)
if (urlPrefix) {
options.url = `${urlPrefix}${options.url}`
}
if (baseUrl) {
options.url = `${baseUrl}${options.url}`
}
console.log('【Request拦截器】最终请求URL:', options.url)
console.log('【Request拦截器】请求方法:', options.method)
console.log('【Request拦截器】请求数据:', options.data)
const token = getToken()
if (withToken && token) {
@ -53,14 +63,23 @@ const requestHooks: RequestHooks = {
async responseInterceptorsHook(response, config) {
const { isTransformResponse, isReturnDefaultResponse, isAuth } = config
console.log('【Response拦截器】原始响应:', response)
console.log('【Response拦截器】响应状态码:', response.statusCode)
console.log('【Response拦截器】响应数据:', response.data)
console.log('【Response拦截器】isTransformResponse:', isTransformResponse)
console.log('【Response拦截器】isReturnDefaultResponse:', isReturnDefaultResponse)
if (isReturnDefaultResponse) {
console.log('【Response拦截器】返回原始响应')
return response
}
if (!isTransformResponse) {
console.log('【Response拦截器】返回 response.data')
return response.data
}
const { logout } = useUserStore()
const { code, data, msg, show } = response.data as any
console.log('【Response拦截器】解析后的 code:', code, 'msg:', msg)
switch (code) {
case RequestCodeEnum.SUCCESS:
msg && show && uni.$u.toast(msg)

7
uniapp/tailwind.config.js
View File

@ -66,12 +66,7 @@ module.exports = {
'5xl': '44rpx'
},
fontFamily: {
sans: [
'Source Han Sans CN',
'Helvetica Neue',
'Arial',
'sans-serif'
]
sans: ['Source Han Sans CN', 'Helvetica Neue', 'Arial', 'sans-serif']
}
},
plugins: [],

14
uniapp/vite.config.ts
View File

@ -32,6 +32,18 @@ export default defineConfig({
}
},
server: {
port: 8991
port: 8991,
proxy: {
'/frontapi': {
target: 'http://192.168.123.91:8084',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/frontapi/, '/frontapi')
},
'/adminapi': {
target: 'http://192.168.123.91:8084',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/adminapi/, '/adminapi')
}
}
}
})