移动端V1.0
This commit is contained in:
423
pages/applyrelieve/disciplinaryApplication/add-punishment.vue
Normal file
423
pages/applyrelieve/disciplinaryApplication/add-punishment.vue
Normal file
@@ -0,0 +1,423 @@
|
||||
<template>
|
||||
<view class="add">
|
||||
<view class="form-item">
|
||||
<label>学号</label>
|
||||
<input type="number" placeholder="请输入" @blur="stduIDOnBlur" v-model="valiFormData.stuNo" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<label>姓名</label>
|
||||
<input type="text" v-model="valiFormData.studentName" placeholder="请输入" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<label>性别</label>
|
||||
<radio-group data-group-name="punishment">
|
||||
<label>
|
||||
<radio value="男" :checked="valiFormData.gender === '男'" active-background-color="#2a8f08"
|
||||
style="transform:scale(0.7)" />男
|
||||
</label>
|
||||
<label>
|
||||
<radio value="女" :checked="valiFormData.gender === '女'" active-background-color="#2a8f08"
|
||||
style="transform:scale(0.7)" />女
|
||||
</label>
|
||||
</radio-group>
|
||||
</view>
|
||||
<view class="form-item" v-for="(item,index) in inputArray" :key="index">
|
||||
<label>{{item.text}}</label>
|
||||
<input type="text" v-model="valiFormData[item.val]" placeholder="请输入" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<label>处分等级</label>
|
||||
<picker range-key="class_name" v-model="valiFormData.penaltyType" :range="options" @change="onPickerChange">
|
||||
<view class="uni-input">
|
||||
<text class="val">{{ options[valiFormData.penaltyType] || '请选择处分等级' }}</text>
|
||||
<uni-icons type="down" size="16" color="#202020"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<label>处分建议</label>
|
||||
<input type="text" v-model="valiFormData.penaltyRecommendation" placeholder="请输入" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<label>违纪条例</label>
|
||||
<input type="text" v-model="valiFormData.violationRegulations" placeholder="请输入" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<label>违纪材料</label>
|
||||
<view class="tip">
|
||||
请上传违纪询问记录，违纪申辩记录，学生检讨书等扫描件。
|
||||
</view>
|
||||
<uni-file-picker :auto-upload="false" @select="uploadImg" @delete="deleteImg"></uni-file-picker>
|
||||
</view>
|
||||
<view class="btns">
|
||||
<button @click="onSave" :disabled="isSubmitting">保存</button>
|
||||
<button @click="onSubmit" :disabled="isSubmitting">提交</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getStuInfoByStuNo,
|
||||
submitPunishment,
|
||||
savePunishment,
|
||||
deleteImg
|
||||
} from "@/api/applyrelieve/applyrelieve.js";
|
||||
import uploadFile from "@/plugins/upload.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isSubmitting: false, //表单提交标志位
|
||||
inputArray: [{
|
||||
text: "班级",
|
||||
val: "className",
|
||||
},
|
||||
{
|
||||
text: "学院",
|
||||
val: "departmentName",
|
||||
},
|
||||
{
|
||||
text: "年级",
|
||||
val: "gradeName",
|
||||
},
|
||||
{
|
||||
text: "民族",
|
||||
val: "mz",
|
||||
},
|
||||
{
|
||||
text: "出生日期",
|
||||
val: "birthday",
|
||||
},
|
||||
{
|
||||
text: "籍贯",
|
||||
val: "jg",
|
||||
},
|
||||
],
|
||||
// 校验表单数据
|
||||
valiFormData: {
|
||||
stuNo: '',
|
||||
studentName: '',
|
||||
gender: '',
|
||||
className: '',
|
||||
departmentName: '',
|
||||
gradeName: '',
|
||||
mz: '',
|
||||
birthday: '',
|
||||
penaltyType: '',
|
||||
jg: '',
|
||||
penaltyRecommendation: '',
|
||||
violationRegulations: ''
|
||||
},
|
||||
|
||||
options: ['警告', '严重警告', '记过', '留校察看', '开除学籍'], // 处分等级
|
||||
selectedOptionIndex: -1, // 当前选中的处分等级索引
|
||||
stuname: "", //
|
||||
stduID: "",
|
||||
system: "",
|
||||
grade: "",
|
||||
studclass: "",
|
||||
gender: "",
|
||||
nation: "",
|
||||
birth: "",
|
||||
suggest: "",
|
||||
imageIds: [],
|
||||
affixId: ""
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
methods: {
|
||||
stduIDOnBlur() {
|
||||
getStuInfoByStuNo(this.valiFormData.stuNo).then(res => {
|
||||
console.log(res.data);
|
||||
if (this.valiFormData.stuNo !== '') {
|
||||
if (res.data) {
|
||||
this.valiFormData.studentName = res.data.studentName;
|
||||
this.valiFormData.gender = res.data.gender;
|
||||
this.valiFormData.className = res.data.className;
|
||||
this.valiFormData.departmentName = res.data.departmentName;
|
||||
this.valiFormData.gradeName = res.data.gradeName;
|
||||
console.log(this.valiFormData)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "学号不存在",
|
||||
icon: "error"
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
onPickerChange(event) {
|
||||
this.valiFormData.penaltyType = event.detail.value;
|
||||
},
|
||||
base64ToBlob(base64String) {
|
||||
const byteCharacters = atob(base64String.split(',')[1]);
|
||||
const byteNumbers = new Array(byteCharacters.length);
|
||||
|
||||
for (let i = 0; i < byteCharacters.length; i++) {
|
||||
byteNumbers[i] = byteCharacters.charCodeAt(i);
|
||||
}
|
||||
|
||||
const byteArray = new Uint8Array(byteNumbers);
|
||||
return new Blob([byteArray], {
|
||||
type: 'application/octet-stream'
|
||||
});
|
||||
},
|
||||
// 上传图片
|
||||
uploadImg(e) {
|
||||
if (this.affixId == "") {
|
||||
this.affixId = e.tempFiles[0].uuid;
|
||||
}
|
||||
let formDataObj = { // 使用一个普通的对象来存储表单数据
|
||||
affixId: this.affixId
|
||||
};
|
||||
console.log(this.affixId);
|
||||
uploadFile('/affix/upload', e.tempFilePaths[0], formDataObj).then((res) => {
|
||||
let result = JSON.parse(res);
|
||||
const imageId = result.id;
|
||||
this.imageIds.push(imageId)
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: "上传成功",
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
deleteImg(e) {
|
||||
let imgId = this.imageIds[e.index];
|
||||
this.imageIds.splice(e.index, 1);
|
||||
deleteImg({
|
||||
id: imgId
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
})
|
||||
},
|
||||
onSave(ref) {
|
||||
this.valiFormData.evidenceUpload = this.affixId;
|
||||
const requiredFields = [
|
||||
'stuNo',
|
||||
'studentName',
|
||||
'gender',
|
||||
'className',
|
||||
'departmentName',
|
||||
'gradeName',
|
||||
'mz',
|
||||
'birthday',
|
||||
'penaltyType',
|
||||
'jg',
|
||||
'penaltyRecommendation',
|
||||
'violationRegulations',
|
||||
'evidenceUpload'
|
||||
];
|
||||
const emptyField = requiredFields.find(field => this.valiFormData[field] === "");
|
||||
if (emptyField) {
|
||||
uni.showToast({
|
||||
title: `请填写完整内容`,
|
||||
icon: "none"
|
||||
})
|
||||
return;
|
||||
}
|
||||
this.isSubmitting = true; // 设置为正在提交
|
||||
uni.showLoading({
|
||||
title: "正在保存",
|
||||
success: () => {
|
||||
savePunishment(this.valiFormData).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: "保存成功"
|
||||
})
|
||||
this.isSubmitting = false;
|
||||
uni.navigateBack();
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
onSubmit() {
|
||||
this.valiFormData.evidenceUpload = this.affixId;
|
||||
const requiredFields = [
|
||||
'stuNo',
|
||||
'studentName',
|
||||
'gender',
|
||||
'className',
|
||||
'departmentName',
|
||||
'gradeName',
|
||||
'mz',
|
||||
'birthday',
|
||||
'penaltyType',
|
||||
'jg',
|
||||
'penaltyRecommendation',
|
||||
'violationRegulations',
|
||||
'evidenceUpload'
|
||||
];
|
||||
const emptyField = requiredFields.find(field => this.valiFormData[field] === "");
|
||||
if (emptyField) {
|
||||
uni.showToast({
|
||||
title: `请填写完整内容`,
|
||||
icon: "none"
|
||||
})
|
||||
return;
|
||||
}
|
||||
this.isSubmitting = true; // 设置为正在提交
|
||||
uni.showLoading({
|
||||
title: "正在提交",
|
||||
success: () => {
|
||||
submitPunishment(this.valiFormData).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: "提交成功"
|
||||
})
|
||||
this.isSubmitting = false;
|
||||
uni.navigateBack();
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.add {
|
||||
background-color: #F5F5F7;
|
||||
padding: 10px;
|
||||
padding-bottom: 80px;
|
||||
|
||||
.form-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 22rpx 40rpx;
|
||||
background-color: white;
|
||||
margin-bottom: 20rpx;
|
||||
border-radius: 16rpx;
|
||||
|
||||
.tip {
|
||||
color: red;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: 20rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
input {
|
||||
border: 1px solid #E1E1E1;
|
||||
border-radius: 10rpx;
|
||||
height: 70rpx;
|
||||
padding-left: 30rpx;
|
||||
|
||||
.input-placeholder {
|
||||
color: #b6b6b6;
|
||||
}
|
||||
}
|
||||
|
||||
picker {
|
||||
border: 1px solid #E1E1E1;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
padding: 0 30rpx;
|
||||
|
||||
.uni-input {
|
||||
display: flex;
|
||||
color: #797979;
|
||||
|
||||
.val {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.upload-img {
|
||||
border: 1px solid #E1E1E1;
|
||||
padding: 20rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
|
||||
.tip {
|
||||
margin-top: 15rpx;
|
||||
color: #7a7a7a;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.img-list {
|
||||
border: 1px solid #D8D8D8;
|
||||
border-radius: 20rpx;
|
||||
|
||||
.imgs {
|
||||
padding: 22rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.img {
|
||||
position: relative;
|
||||
width: 160rpx;
|
||||
height: 170rpx;
|
||||
margin-bottom: 15rpx;
|
||||
margin-right: 15rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.remove {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
width: 52rpx;
|
||||
height: 52rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.btn {
|
||||
border-top: 1px solid #D8D8D8;
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btns {
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
background: white;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
|
||||
button {
|
||||
flex: 1;
|
||||
background-color: #1890FF;
|
||||
color: white;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 10px;
|
||||
background-color: white;
|
||||
border: 1px solid #1890FF;
|
||||
color: #1890FF;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
288
pages/applyrelieve/disciplinaryApplication/detail.vue
Normal file
288
pages/applyrelieve/disciplinaryApplication/detail.vue
Normal file
@@ -0,0 +1,288 @@
|
||||
<template>
|
||||
<view class="detail" v-if="detail!=null">
|
||||
<Nav :navs="navs" @change="navChange" />
|
||||
<view class="card" v-if="navIndex==0">
|
||||
<view class="title">基础信息</view>
|
||||
<view class="row">
|
||||
<label>学号：</label>
|
||||
<label>{{detail.stuNo}}</label>
|
||||
</view>
|
||||
<view class="row">
|
||||
<label>姓名：</label>
|
||||
<label>{{detail.stuName}}</label>
|
||||
</view>
|
||||
<view class="row">
|
||||
<label>性别：</label>
|
||||
<label>{{detail.gender}}</label>
|
||||
</view>
|
||||
<view class="row">
|
||||
<label>学院：</label>
|
||||
<label>{{detail.departmentName}}</label>
|
||||
</view>
|
||||
<view class="row">
|
||||
<label>年级：</label>
|
||||
<label>{{detail.gradeName}}</label>
|
||||
</view>
|
||||
<view class="row">
|
||||
<label>班级：</label>
|
||||
<label>{{detail.className}}</label>
|
||||
</view>
|
||||
<view class="row">
|
||||
<label>民族：</label>
|
||||
<label>{{detail.mz}}</label>
|
||||
</view>
|
||||
<view class="row">
|
||||
<label>出生日期：</label>
|
||||
<label>{{detail.birthday}}</label>
|
||||
</view>
|
||||
<view class="row">
|
||||
<label>籍贯：</label>
|
||||
<label>{{detail.jg}}</label>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card" v-if="navIndex==1">
|
||||
<view class="title">处分信息</view>
|
||||
<view class="row">
|
||||
<label>处分文号：</label>
|
||||
<label>{{detail.penaltyNumber}}</label>
|
||||
</view>
|
||||
<view class="row">
|
||||
<label>违纪时间：</label>
|
||||
<label>{{detail.violationDate}}</label>
|
||||
</view>
|
||||
<view class="row" style="display: flex;">
|
||||
<label>处分等级：</label>
|
||||
<DictStatus :status="rt_penalty_type" :value="detail.penaltyType" />
|
||||
</view>
|
||||
<view class="row disciplinary-materials">
|
||||
<label>违纪材料：</label>
|
||||
<view v-for="file in fileList" :key="file.id" @tap="onLook(file)">
|
||||
<image src="../../../static/file.png" mode="widthFix"></image>
|
||||
<text>{{file.trueName}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<label>处分建议：</label>
|
||||
<label>{{detail.penaltyRecommendation}}</label>
|
||||
</view>
|
||||
<view class="row">
|
||||
<label>违纪条例：</label>
|
||||
<label>{{detail.violationRegulations}}</label>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<label>解除违纪申请：</label>
|
||||
<label>{{detail.gender}}</label>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="card" v-if="navIndex==2">
|
||||
<view class="title">处分进度</view>
|
||||
<view class="steps">
|
||||
<view class="step" v-for="step in stepList" :key="step.taskId">
|
||||
<image v-if="step.finishTime" class="icon" src="../../../static/success.png" mode="widthFix">
|
||||
</image>
|
||||
<image style="width:34rpx;" v-else class="icon" src="../../../static/wating.png" mode="widthFix">
|
||||
</image>
|
||||
<image class="line" src="../../../static/step-line.png" mode="widthFix"></image>
|
||||
<view class="right">
|
||||
<text>{{step.taskName}}:</text>
|
||||
<text>{{step.assigneeName}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="loading-more-top" v-if="stepList.length==0">
|
||||
<uni-load-more status="loading" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
baseUrl
|
||||
} from "@/config.js";
|
||||
import {
|
||||
isImageUrl
|
||||
} from "@/utils/checkPic.js";
|
||||
import Nav from "@/components/navs/navs.vue"
|
||||
import DictStatus from "@/components/dict-status/dict-status.vue"
|
||||
import {
|
||||
getDicts,
|
||||
} from '@/api/system/dict/data.js';
|
||||
import {
|
||||
getAffixItems
|
||||
} from "@/api/affix.js";
|
||||
import {
|
||||
getDisciplinaryApplicationByProcInsId,
|
||||
} from '@/api/applyrelieve/applyrelieve.js';
|
||||
import {
|
||||
flowRecord
|
||||
} from '@/api/flowRecord/flowRecord.js';
|
||||
export default {
|
||||
components: {
|
||||
Nav,
|
||||
DictStatus
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
navs: [{
|
||||
text: "基础信息",
|
||||
val: 0
|
||||
},
|
||||
{
|
||||
text: "处分信息",
|
||||
val: 1
|
||||
},
|
||||
{
|
||||
text: "处分进度",
|
||||
val: 2
|
||||
}
|
||||
],
|
||||
detail: null,
|
||||
navIndex: 0,
|
||||
rt_penalty_type: [],
|
||||
stepList: [],
|
||||
//违纪材料
|
||||
fileList: [],
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
this.stuNo = option.stuNo;
|
||||
this.procInsId = option.procInsId;
|
||||
this.deployId = option.deployId;
|
||||
this.getDisciplinaryApplicationByProcInsId();
|
||||
this.get_penalty_type();
|
||||
this.getFlowRecord();
|
||||
},
|
||||
methods: {
|
||||
async get_penalty_type() {
|
||||
let res = await getDicts('rt_penalty_type');
|
||||
console.log(res);
|
||||
this.rt_penalty_type = res.data;
|
||||
},
|
||||
navChange(index) {
|
||||
this.navIndex = index;
|
||||
},
|
||||
async getDisciplinaryApplicationByProcInsId() {
|
||||
let res = await getDisciplinaryApplicationByProcInsId(this.procInsId);
|
||||
this.detail = res.data;
|
||||
if (res.code == 200) {
|
||||
getAffixItems({
|
||||
affixId: this.detail.evidenceUpload
|
||||
}).then(file => {
|
||||
this.fileList = file.data;
|
||||
})
|
||||
}
|
||||
console.log(res);
|
||||
},
|
||||
async getFlowRecord() {
|
||||
let res = await flowRecord({
|
||||
procInsId: this.procInsId,
|
||||
deployId: this.deployId
|
||||
});
|
||||
this.stepList = res.data.flowList.reverse();
|
||||
},
|
||||
onLook(file) {
|
||||
let url = baseUrl + file.savePath;
|
||||
if (isImageUrl(file.savePath)) {
|
||||
console.log("是图片");
|
||||
uni.previewImage({
|
||||
urls: [url], // 需要预览的图片HTTP链接列表
|
||||
current: 0 // 当前显示图片的链接索引
|
||||
});
|
||||
} else {
|
||||
const a = document.createElement('a');
|
||||
a.style.display = 'none';
|
||||
a.href = url;
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
document.body.removeChild(a);
|
||||
window.URL.revokeObjectURL(url);
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.detail {
|
||||
height: calc(100vh - 44px);
|
||||
background-color: #F5F5F7;
|
||||
padding: 80rpx 30rpx 0;
|
||||
|
||||
.card {
|
||||
margin: 30rpx 0rpx 0;
|
||||
padding: 30rpx;
|
||||
background-color: white;
|
||||
border-radius: 20rpx;
|
||||
|
||||
.title {
|
||||
font-weight: bold;
|
||||
color: #202020;
|
||||
display: inline-block;
|
||||
font-size: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-bottom: 30rpx;
|
||||
|
||||
&>label:first-child {
|
||||
color: #9C9C9C;
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
|
||||
&.disciplinary-materials {
|
||||
view {
|
||||
margin-top: 15px;
|
||||
background-color: #F5F5F5;
|
||||
padding: 18rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 70rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
|
||||
text {
|
||||
flex: 1;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.steps {
|
||||
margin-top: 20px;
|
||||
|
||||
.step {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 50rpx;
|
||||
|
||||
.icon {
|
||||
width: 35rpx;
|
||||
}
|
||||
|
||||
.line {
|
||||
flex: 0.7;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.right {
|
||||
flex: 1.4;
|
||||
|
||||
text:first-child {
|
||||
color: #9E9E9E;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
280
pages/applyrelieve/disciplinaryApplication/list.vue
Normal file
280
pages/applyrelieve/disciplinaryApplication/list.vue
Normal file
@@ -0,0 +1,280 @@
|
||||
<template>
|
||||
<view class="stu-punishment">
|
||||
<Nav :navs="navs" @change="navChange"/>
|
||||
<scroll-view scroll-y="true" @scrolltolower="scrolltolower">
|
||||
<view class="list">
|
||||
<view class="item" @tap="toDetail(item)" v-for="item in stuPunishmentList" :key="item.id">
|
||||
<view class="top">
|
||||
姓名:{{item.stuName}}
|
||||
<DictType :types="rt_penalty_status" :type="item.penaltyStatus" />
|
||||
<!-- <uni-icons type="right" size="18" color="#202020"></uni-icons> -->
|
||||
</view>
|
||||
<view class="content">
|
||||
<view>学号：{{item.stuNo}}</view>
|
||||
<view>班级：{{item.className}}</view>
|
||||
<view class="level">处分等级：
|
||||
<DictStatus :status="rt_penalty_type" :value="item.penaltyType" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="empty" v-if="stuPunishmentList.length==0&&topLoading==false">
|
||||
<image src="@/static/empty.png" mode="widthFix"></image>
|
||||
暂时没有数据
|
||||
</view>
|
||||
<view class="loading-more-top" v-if="topLoading">
|
||||
<uni-load-more style="padding-top: 90px;" status="loading" />
|
||||
</view>
|
||||
<view class="loading-more" v-if="loading">
|
||||
<uni-load-more status="loading" />
|
||||
</view>
|
||||
<view class="no-more" v-if="!loading&&stuPunishmentList.length!=0">
|
||||
到底啦~~
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="add" @tap="addDisciplinaryApplication">
|
||||
+
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Nav from "@/components/navs/navs.vue"
|
||||
import DictType from "@/components/dict-type/dict-type.vue"
|
||||
import DictStatus from "@/components/dict-status/dict-status.vue"
|
||||
import {
|
||||
list,
|
||||
} from '@/api/applyrelieve/applyrelieve.js';
|
||||
import {
|
||||
getDicts,
|
||||
} from '@/api/system/dict/data.js';
|
||||
export default {
|
||||
components: {
|
||||
Nav,
|
||||
DictType,
|
||||
DictStatus
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
navs:[
|
||||
{
|
||||
text:"全部",
|
||||
val:""
|
||||
},
|
||||
{
|
||||
text:"处分中",
|
||||
val:"0"
|
||||
},
|
||||
{
|
||||
text:"已解除",
|
||||
val:"1"
|
||||
},
|
||||
{
|
||||
text:"解除中",
|
||||
val:"2"
|
||||
},
|
||||
{
|
||||
text:"处分申请中",
|
||||
val:"3"
|
||||
}
|
||||
],
|
||||
stuPunishmentList: [],
|
||||
loading: false,
|
||||
topLoading: true,
|
||||
rt_penalty_type: [],
|
||||
rt_penalty_status: [],
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
penaltyStatus:""
|
||||
},
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.getList();
|
||||
this.get_penalty_type();
|
||||
this.get_penalty_status();
|
||||
},
|
||||
methods: {
|
||||
addDisciplinaryApplication(){
|
||||
uni.navigateTo({
|
||||
url:"./add-punishment"
|
||||
})
|
||||
},
|
||||
scrolltolower() {
|
||||
if (this.queryParams.pageNum < this.totalPages) {
|
||||
this.queryParams.pageNum++;
|
||||
this.loading = true;
|
||||
setTimeout(() => {
|
||||
this.getList()
|
||||
}, 1000)
|
||||
} else {
|
||||
|
||||
}
|
||||
},
|
||||
toDetail(item){
|
||||
uni.navigateTo({
|
||||
url:`./detail?procInsId=${item.processInstanceId}&deployId=${item.deployId}&category=disposal&stuNo=${item.stuNo}`
|
||||
})
|
||||
},
|
||||
navChange(index){
|
||||
this.stuPunishmentList=[];
|
||||
this.topLoading=true;
|
||||
this.queryParams={
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
penaltyStatus:index
|
||||
};
|
||||
this.getList();
|
||||
},
|
||||
async getList() {
|
||||
let res = await list(this.queryParams);
|
||||
if (res.code == 200) {
|
||||
this.loading = false;
|
||||
if (this.queryParams.pageNum == 1) {
|
||||
this.stuPunishmentList = res.rows; // 如果是第一页，直接显示新数据
|
||||
} else {
|
||||
this.stuPunishmentList = this.stuPunishmentList.concat(res.rows); // 否则追加新数据到列表中
|
||||
}
|
||||
this.totalPages = Math.ceil(res.total / this.queryParams.pageSize);
|
||||
this.topLoading = false;
|
||||
|
||||
}
|
||||
},
|
||||
async get_penalty_type() {
|
||||
let res = await getDicts('rt_penalty_type');
|
||||
this.rt_penalty_type = res.data;
|
||||
},
|
||||
async get_penalty_status() {
|
||||
let res = await getDicts('rt_penalty_status');
|
||||
this.rt_penalty_status = res.data;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.stu-punishment {
|
||||
background-color: #F5F5F7;
|
||||
scroll-view {
|
||||
height: calc(100vh - 10px);
|
||||
padding-top:100rpx;
|
||||
.no-more {
|
||||
text-align: center;
|
||||
color: gray;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.empty{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-top: 200rpx;
|
||||
color: #9E9E9E;
|
||||
font-size: 36rpx;
|
||||
image{
|
||||
width: 250rpx;
|
||||
margin-bottom: 50rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 20rpx 40rpx 15rpx 40rpx;
|
||||
|
||||
.item {
|
||||
background-color: white;
|
||||
margin-bottom: 20rpx;
|
||||
padding: 40rpx;
|
||||
border-radius:16px;
|
||||
border-bottom-right-radius: 0;
|
||||
position: relative;
|
||||
|
||||
.top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #F5F5F7;
|
||||
padding-bottom: 20rpx;
|
||||
|
||||
.uni-icons {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-top: 20rpx;
|
||||
|
||||
.level {
|
||||
display: flex;
|
||||
|
||||
}
|
||||
|
||||
&>view:not(:last-child) {
|
||||
margin-bottom: 15rpx;
|
||||
|
||||
.progress {
|
||||
color: #1890FF;
|
||||
}
|
||||
}
|
||||
|
||||
.status {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
color: white;
|
||||
|
||||
.status-text {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
right: 8%;
|
||||
font-size: 35rpx;
|
||||
}
|
||||
|
||||
.triangle-right {
|
||||
width: 0;
|
||||
height: 0;
|
||||
/* 上边框设置为透明 */
|
||||
border-left: 120px solid transparent;
|
||||
}
|
||||
|
||||
&.submit {
|
||||
color: #202020;
|
||||
|
||||
.triangle-right {
|
||||
/* 左边框设置为与文本相同的颜色 */
|
||||
border-bottom: 100px solid #D7D7D7;
|
||||
}
|
||||
}
|
||||
|
||||
&.agree {
|
||||
.triangle-right {
|
||||
/* 左边框设置为与文本相同的颜色 */
|
||||
border-bottom: 100px solid #2FB15B;
|
||||
}
|
||||
}
|
||||
|
||||
&.refuse {
|
||||
.triangle-right {
|
||||
/* 左边框设置为与文本相同的颜色 */
|
||||
border-bottom: 100px solid #FF759F;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.add {
|
||||
background-color: #1890FF;
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
border-radius: 50%;
|
||||
color: white;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 60rpx;
|
||||
position: fixed;
|
||||
bottom: 50px;
|
||||
right: 25px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user