学生资助-中升高困难补助-移动端开发

This commit is contained in:
2026-01-23 17:11:59 +08:00
parent 2a446118b6
commit cdfdb95ea4
5 changed files with 2305 additions and 1 deletions

125
api/finance/knzzZsg.js Normal file
View File

@@ -0,0 +1,125 @@
import request from '@/utils/request';
// 中升高困难补助相关接口
/**
* 获取中升高困难补助申请列表
* @param {Object} params - 查询参数
* @param {number} params.pageNum - 页码
* @param {number} params.pageSize - 每页大小
* @returns {Promise}
*/
export function listOwn(params) {
return request({
url: '/comprehensive/knzzZsgApply/listStu',
method: 'get',
params
});
}
/**
* 获取中升高困难补助申请详情
* @param {number} id - 申请ID
* @returns {Promise}
*/
export function getInfo(id) {
return request({
url: `/comprehensive/knzzZsgApply/getInfo/${id}`,
method: 'get'
});
}
/**
* 新增中升高困难补助申请
* @param {Object} data - 申请数据
* @returns {Promise}
*/
export function add(data) {
return request({
url: '/comprehensive/knzzZsgApply/doApply',
method: 'post',
data
});
}
/**
* 修改中升高困难补助申请
* @param {Object} data - 申请数据
* @returns {Promise}
*/
export function update(data) {
return request({
url: '/comprehensive/knzzZsgApply/doEdit',
method: 'post',
data
});
}
/**
* 删除中升高困难补助申请
* @param {number} id - 申请ID
* @returns {Promise}
*/
export function delApply(id) {
return request({
url: `/comprehensive/knzzZsgApply/doCancel/${id}`,
method: 'post'
});
}
/**
* 重新提交中升高困难补助申请
* @param {Object} data - 申请数据
* @returns {Promise}
*/
export function reApply(data) {
return request({
url: '/comprehensive/knzzZsgApply/doReApply',
method: 'post',
data
});
}
/**
* 获取学生个人签名信息
* @returns {Promise}
*/
export function getOwnSign() {
return request({
url: '/workstudy/post/getOwnSign',
method: 'get'
});
}
/**
* 获取学生家庭信息
* @returns {Promise}
*/
export function getOwnFamily() {
return request({
url: '/comprehensive/knzzTufaApply/getOwnFamily',
method: 'get'
});
}
/**
* 获取学生基本信息
* @returns {Promise}
*/
export function getStudentInfo() {
return request({
url: '/system/student/getOwnInfo',
method: 'get'
});
}
/**
* 获取学生额外信息
* @returns {Promise}
*/
export function getExtraInfo() {
return request({
url: '/comprehensive/extraInfo/getOwnInfo',
method: 'get'
});
}

View File

@@ -1267,8 +1267,25 @@
"navigationBarTitleText": "特殊困难资助申请",
"navigationBarTextStyle": "white"
}
},
{
"path": "pages/finance/knzzZsg/index",
"style": {
"navigationBarBackgroundColor": "#1890FF",
"enablePullDownRefresh": false,
"navigationBarTitleText": "中升高困难补助",
"navigationBarTextStyle": "white"
}
},
{
"path": "pages/finance/knzzZsg/apply",
"style": {
"navigationBarBackgroundColor": "#1890FF",
"enablePullDownRefresh": false,
"navigationBarTitleText": "中升高困难补助申请",
"navigationBarTextStyle": "white"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,605 @@
<template>
<view class="knzz-zsg">
<!-- 数据列表滚动容器 -->
<scroll-view class="list-container" id="list-container" scroll-y @scrolltolower="handleLoadMore"
lower-threshold="50" enhanced :show-scrollbar="false">
<!-- 初始加载状态 -->
<uni-load-more :status="loading ? 'loading' : 'done'" v-if="loading" class="loading-wrap"></uni-load-more>
<!-- 空数据状态 -->
<view class="empty-state" v-if="!loading && !hasData">
<uni-icons type="empty" size="80" color="#c0c4cc"></uni-icons>
<text class="empty-text">暂无中升高困难补助申请数据</text>
<text class="empty-tip" v-if="roleGroup.includes('学生')">点击右下角"+"按钮提交新申请</text>
</view>
<!-- 数据列表 -->
<view class="card-list" v-if="!loading && hasData">
<view class="apply-card" v-for="(item, index) in validDataList" :key="index" hover-class="card-hover"
:hover-stop-propagation="true">
<!-- 卡片头部 -->
<view class="card-header">
<view class="apply-no">
<text class="label-text">学年</text>
<text class="no-text">{{ getSafeValue(item, 'stuYearName', '无') }}</text>
</view>
<view class="status-wrap">
<view class="status-label" :class="getStatusClass(item)">
{{ getStatusText(item) }}
</view>
</view>
</view>
<!-- 卡片主体折叠面板 -->
<uni-collapse accordion v-model="item.activeCollapse">
<uni-collapse-item title="基本信息" name="basic" class="collapse-item">
<view class="info-grid">
<view class="info-item"><text class="label">姓名</text><text
class="value">{{ getSafeValue(item, 'stuName', '-') }}</text></view>
<view class="info-item"><text class="label">学号</text><text
class="value">{{ getSafeValue(item, 'stuNo', '-') }}</text></view>
<view class="info-item"><text class="label">班级</text><text
class="value">{{ getSafeValue(item, 'className', '-') }}</text></view>
<view class="info-item"><text class="label">学院</text><text
class="value">{{ getSafeValue(item, 'deptName', '-') }}</text></view>
</view>
</uni-collapse-item>
<uni-collapse-item title="申请信息" name="apply" class="collapse-item">
<view class="info-form">
<view class="form-item"><text class="label">家庭户口</text><text
class="value">{{ getSafeValue(item, 'jthk', '-') }}</text></view>
<view class="form-item"><text class="label">家庭人口数</text><text
class="value">{{ getSafeValue(item, 'familyNum', '-') }}</text></view>
<view class="form-item"><text class="label">家庭月收入</text><text
class="value">{{ getSafeValue(item, 'monthMoney', '-') }}</text></view>
<view class="form-item"><text class="label">人均月收入</text><text
class="value">{{ getSafeValue(item, 'perMoney', '-') }}</text></view>
<view class="form-item"><text class="label">申请原因</text><text
class="value">{{ getSafeValue(item, 'applyReason', '-') }}</text></view>
</view>
</uni-collapse-item>
<uni-collapse-item title="审核意见" name="approval" class="collapse-item">
<view class="approval-list">
<view class="approval-item">
<text class="approval-node">辅导员审核意见</text>
<text class="approval-result" :class="getReviewClass(item, 'fdyCmt')">
{{ getReviewDetailText(item, 'fdyCmt') }}
</text>
</view>
<view class="approval-item">
<text class="approval-node">学院审核意见</text>
<text class="approval-result" :class="getReviewClass(item, 'xwCmt')">
{{ getReviewDetailText(item, 'xwCmt') }}
</text>
</view>
<view class="approval-item">
<text class="approval-node">学校审核意见</text>
<text class="approval-result" :class="getReviewClass(item, 'xgCmt')">
{{ getReviewDetailText(item, 'xgCmt') }}
</text>
</view>
</view>
</uni-collapse-item>
</uni-collapse>
<!-- 卡片操作区 -->
<view class="card-actions">
<view>
<uni-button type="text" size="mini" @click="detail(item, '修改')"
v-if="item.applyStatus == '10'">
<uni-icons type="refresh" size="14" class="mr-5"></uni-icons>重新提交
</uni-button>
<uni-button type="text" size="mini" @click="detail(item, '修改')"
v-if="item.applyStatus == '1'">
<uni-icons type="edit" size="14" class="mr-5"></uni-icons>修改
</uni-button>
<uni-button type="text" size="mini" @click="handleDelete(item)"
v-if="item.applyStatus == '1'">
<uni-icons type="close" size="14" class="mr-5"></uni-icons>取消申请
</uni-button>
</view>
<view>
<uni-button type="text" size="mini" @click="detail(item, '详情')" class="detail-btn"
:disabled="!getSafeValue(item, 'id')">
<uni-icons type="eye" size="14" class="mr-5"></uni-icons>查看
</uni-button>
</view>
</view>
</view>
</view>
<!-- 加载更多状态 -->
<view class="load-more-wrap" v-if="hasData">
<uni-load-more :status="loadingMore ? 'loading' : (hasMore ? 'more' : 'nomore')"
:content-text="loadMoreText"></uni-load-more>
</view>
</scroll-view>
<!-- 添加申请按钮 -->
<view class="add" @click="applyKnzzZsg" v-if="roleGroup.includes('学生')">{{ '+' }}</view>
</view>
</template>
<script>
import { listOwn, delApply, reApply } from '@/api/finance/knzzZsg';
import { getUserProfile } from '@/api/system/user';
export default {
name: "KnzzZsgList",
data() {
return {
// 加载状态
loading: true,
loadingMore: false,
hasMore: true,
// 总数据量
totalCount: 0,
// 原始数据
knzzZsgList: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 5
},
// 用户角色
roleGroup: '',
user: {},
// 加载更多文本
loadMoreText: {
contentdown: '上拉加载更多',
contentrefresh: '正在加载...',
contentnomore: '没有更多数据了'
}
};
},
computed: {
// 过滤后的有效数据列表
validDataList() {
return this.knzzZsgList.filter(item => {
return item !== null && item !== undefined && typeof item === 'object';
}).map(item => {
if (!item.hasOwnProperty('activeCollapse')) {
item.activeCollapse = 'basic';
}
return item;
});
},
// 是否有有效数据
hasData() {
return this.validDataList.length > 0;
}
},
onShow() {
this.getUser();
},
methods: {
/** 安全取值方法 */
getSafeValue(obj, key, defaultValue = '') {
if (!obj || typeof obj !== 'object') return defaultValue;
return obj[key] !== undefined && obj[key] !== null ? obj[key] : defaultValue;
},
/** 获取状态样式类 */
getStatusClass(item) {
const status = this.getSafeValue(item, 'applyStatus');
const typeMap = {
'1': 'status-warning',
'2': 'status-success',
'3': 'status-success',
'4': 'status-success',
'5': 'status-success',
'10': 'status-error'
};
return typeMap[status] || 'status-default';
},
/** 获取状态文本 */
getStatusText(item) {
const status = this.getSafeValue(item, 'applyStatus');
const statusMap = {
'1': '待审核',
'2': '辅导员审核通过',
'3': '学院审核通过',
'4': '学校审核通过',
'5': '审核通过',
'10': '已驳回'
};
return statusMap[status] || '未知状态';
},
/** 获取审核意见样式类 */
getReviewClass(item, type = 'fdyCmt') {
const reviewResult = this.getSafeValue(item, type);
if (!reviewResult) return 'status-default';
return 'status-success';
},
/** 获取详细审核意见文本 */
getReviewDetailText(item, type = 'fdyCmt') {
const reviewResult = this.getSafeValue(item, type);
if (!reviewResult) return '未审核';
return reviewResult;
},
/** 查询数据 */
getList(isRefresh = false) {
if (isRefresh) {
this.loading = true;
this.hasMore = true;
this.queryParams.pageNum = 1;
this.knzzZsgList = [];
} else {
this.loadingMore = true;
}
listOwn(this.queryParams).then(response => {
const res = response || {};
const newData = Array.isArray(res.rows) ? res.rows : [];
this.totalCount = Number(res.total) || 0;
if (isRefresh) {
this.knzzZsgList = newData;
} else {
this.knzzZsgList = [...this.knzzZsgList, ...newData];
}
// 更新状态
this.loading = false;
this.loadingMore = false;
this.hasMore = this.knzzZsgList.length < this.totalCount;
}).catch((error) => {
console.error('数据加载失败:', error);
this.loading = false;
this.loadingMore = false;
uni.showToast({
title: '数据加载失败',
icon: 'none'
});
});
},
/** 获取用户信息 */
getUser() {
getUserProfile().then(response => {
const res = response || {};
this.user = res.data || {};
this.roleGroup = res.roleGroup || '';
// 获取申请列表
this.getList(true);
}).catch((error) => {
console.error('用户信息获取失败:', error);
this.loading = false;
uni.showToast({
title: '用户信息加载失败',
icon: 'none'
});
});
},
/** 加载更多 */
handleLoadMore() {
if (this.loadingMore || !this.hasMore) return;
this.queryParams.pageNum += 1;
this.getList(false);
},
/** 查看详情 */
detail(item, text) {
const id = this.getSafeValue(item, 'id');
if (!id) {
uni.showToast({
title: '数据异常,无法查看详情',
icon: 'none'
});
return;
}
// 使用本地存储传递item数据到详情页面避免url长度限制
uni.setStorageSync('knzzZsgItem', item);
if (text == '详情') {
uni.navigateTo({
url: `/pages/finance/knzzZsg/apply?id=${id}&type=detail`
});
} else {
uni.navigateTo({
url: `/pages/finance/knzzZsg/apply?id=${id}`
});
}
},
/** 删除申请 */
handleDelete(item) {
uni.showModal({
title: '确认删除',
content: '确定要删除该申请吗?',
success: (res) => {
if (res.confirm) {
delApply(item.id).then(() => {
uni.showToast({
title: '删除成功',
icon: 'success'
});
this.getList(true);
}).catch(() => {
uni.showToast({
title: '删除失败',
icon: 'none'
});
});
}
}
});
},
// 跳转到申请页面
applyKnzzZsg() {
uni.navigateTo({
url: './apply'
});
}
}
}
</script>
<style scoped>
.knzz-zsg {
background-color: #F3F4F6;
min-height: 100vh;
padding-bottom: 20rpx;
}
.app-container {
padding-bottom: 10rpx;
}
.list-container {
width: 100%;
min-height: calc(100vh - 300rpx);
}
.loading-wrap {
padding: 20rpx;
text-align: center;
}
.empty-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 100rpx 0;
color: #c0c4cc;
}
.empty-text {
margin-top: 20rpx;
font-size: 28rpx;
}
.empty-tip {
margin-top: 10rpx;
font-size: 24rpx;
color: #909399;
}
.card-list {
width: 100%;
padding: 5px 15px 0px;
}
.apply-card {
background-color: white;
margin-bottom: 10px;
border-radius: 10px;
overflow: hidden;
}
.card-hover {
opacity: 0.8;
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx 24rpx;
border-bottom: 1px solid #f0f0f0;
}
.apply-no {
display: flex;
align-items: center;
}
.label-text {
font-size: 26rpx;
color: #606266;
margin-right: 10rpx;
}
.no-text {
font-size: 28rpx;
color: #303133;
font-weight: 500;
}
.status-wrap {
display: flex;
align-items: center;
gap: 10rpx;
}
.status-label {
padding: 4rpx 12rpx;
border-radius: 10rpx;
font-size: 22rpx;
color: white;
}
.status-info {
background-color: #909399;
}
.status-warning {
background-color: #e6a23c;
}
.status-success {
background-color: #67c23a;
}
.status-error {
background-color: #f56c6c;
}
.status-default {
background-color: #909399;
}
.collapse-item {
padding: 0;
}
.info-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15rpx;
padding: 20rpx 24rpx;
}
.info-item {
display: flex;
align-items: center;
}
.info-item .label {
font-size: 26rpx;
color: #606266;
width: 100rpx;
}
.info-item .value {
font-size: 26rpx;
color: #303133;
flex: 1;
}
.info-form {
padding: 20rpx 24rpx;
}
.form-item {
display: flex;
align-items: flex-start;
margin-bottom: 15rpx;
}
.form-item .label {
font-size: 26rpx;
color: #606266;
width: 140rpx;
padding-top: 5rpx;
}
.form-item .value {
font-size: 26rpx;
color: #303133;
flex: 1;
word-break: break-word;
}
.approval-list {
padding: 20rpx 24rpx;
}
.approval-item {
margin-bottom: 15rpx;
}
.approval-item:last-child {
margin-bottom: 0;
}
.approval-node {
font-size: 26rpx;
color: #606266;
margin-right: 10rpx;
}
.approval-result {
font-size: 26rpx;
padding: 4rpx 12rpx;
border-radius: 10rpx;
color: white;
}
.card-actions {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15rpx 24rpx;
border-top: 1px solid #f0f0f0;
}
.detail-btn {
color: #1890FF;
}
.load-more-wrap {
padding: 20rpx;
text-align: center;
}
.add {
position: fixed;
right: 30rpx;
bottom: 30rpx;
width: 80rpx;
height: 80rpx;
background-color: #1890FF;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 48rpx;
box-shadow: 0 4rpx 20rpx rgba(24, 144, 255, 0.3);
}
/* 申请须知样式 */
.info-content {
padding: 20rpx;
}
.info-section {
background-color: white;
border-radius: 10rpx;
padding: 24rpx;
margin-bottom: 20rpx;
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
}
.info-title {
display: block;
font-size: 32rpx;
font-weight: bold;
color: #333;
margin-bottom: 20rpx;
padding-bottom: 10rpx;
border-bottom: 1px solid #f0f0f0;
}
.info-text {
display: block;
font-size: 26rpx;
color: #666;
margin-bottom: 15rpx;
line-height: 1.5;
}
</style>

View File

@@ -44,6 +44,10 @@
<image :src="getImgUrl('finance')" mode="aspectFit"></image>
<text> 特殊困难资助</text>
</view>
<view class="item" @click="goToKnzzZsg">
<image :src="getImgUrl('finance')" mode="aspectFit"></image>
<text> 中升高困难补助</text>
</view>
</view>
</view>
@@ -284,6 +288,13 @@
url: '/pages/finance/special/index'
})
},
// 跳转到中升高困难补助
goToKnzzZsg() {
uni.navigateTo({
url: '/pages/finance/knzzZsg/index'
})
},
// 获取个人信息
getUserInfo() {
getUserProfile().then(res => {