1243 lines
34 KiB
Vue
1243 lines
34 KiB
Vue
<template>
|
||
<!-- 此页面是请假申请、处分申请和解除处分申请进来的任务流程页面 -->
|
||
<view class="detail">
|
||
<Nav :navs="navs" @change="navChange" />
|
||
<view class="form" v-if="navIndex==0">
|
||
<!-- 请假表单 -->
|
||
<view class="container" style="padding-bottom: 60px;" v-if="formData!=null&&leaveForm">
|
||
<!--学号 -->
|
||
<view class="form-item">
|
||
<text class="label">学号：</text>
|
||
<text class="uni-input">{{ formData.stuNo }}</text>
|
||
</view>
|
||
|
||
<!--姓名 -->
|
||
<view class="form-item">
|
||
<text class="label">姓名：</text>
|
||
<text class="uni-input">{{ formData.studentName }}</text>
|
||
</view>
|
||
|
||
<!-- 性别 -->
|
||
<view class="form-item">
|
||
<text class="label">性别：</text>
|
||
<text class="uni-input">{{ formData.gender }}</text>
|
||
</view>
|
||
|
||
<!--院部 -->
|
||
<view class="form-item">
|
||
<text class="label">院部：</text>
|
||
<text class="uni-input">{{ formData.departmentName }}</text>
|
||
</view>
|
||
|
||
<!--班级 -->
|
||
<view class="form-item">
|
||
<text class="label">班级：</text>
|
||
<text class="uni-input">{{ formData.className }}</text>
|
||
</view>
|
||
|
||
<!--联系电话 -->
|
||
<view class="form-item">
|
||
<text class="label">联系电话：</text>
|
||
<text class="uni-input">{{ formData.phoneNumber }}</text>
|
||
</view>
|
||
|
||
<!--家长姓名 -->
|
||
<view class="form-item">
|
||
<text class="label">家长姓名：</text>
|
||
<text class="uni-input">{{ formData.fatherName }}</text>
|
||
</view>
|
||
|
||
<!--家长联系电话 -->
|
||
<view class="form-item">
|
||
<text class="label">家长联系电话：</text>
|
||
<text class="uni-input">{{ formData.fatherRelation }}</text>
|
||
</view>
|
||
|
||
<view class="form-item">
|
||
<text class="label">请假事由：</text>
|
||
<text class="uni-input">{{ formData.leaveType=='0'?"病假":"事假" }}--{{formData.reason}}</text>
|
||
</view>
|
||
<view class="form-item">
|
||
<text class="label">请假开始时间：</text>
|
||
<text class="uni-input">{{ formData.startDate }}</text>
|
||
</view>
|
||
<view class="form-item">
|
||
<text class="label">请假结束时间：</text>
|
||
<text class="uni-input">{{ formData.endDate }}</text>
|
||
</view>
|
||
<view class="form-item">
|
||
<text class="label">请假天数：</text>
|
||
<text class="uni-input">{{ formData.leaveDays }}</text>
|
||
</view>
|
||
<view class="form-item">
|
||
<text class="label">目的地：</text>
|
||
<text class="uni-input">{{ formData.destination }}</text>
|
||
</view>
|
||
<view class="form-item">
|
||
<text class="label">目的地详细：</text>
|
||
<text class="uni-input">{{ formData.destinationDetails }}</text>
|
||
</view>
|
||
<view class="form-item">
|
||
<text class="label">是否离桂：</text>
|
||
<text class="uni-input">{{ formData.leavingGx==1?"是":"否" }}</text>
|
||
</view>
|
||
<view class="form-item">
|
||
<text class="label">目的地详细：</text>
|
||
<text class="uni-input">{{ formData.destinationDetails }}</text>
|
||
</view>
|
||
<view class="form-item" style="height: auto;">
|
||
<text class="label">请假人签字：</text>
|
||
<view class="uni-input">
|
||
<image class="form-img" :src="baseImgUrl+formData.applicantSignature" mode=""></image>
|
||
</view>
|
||
</view>
|
||
<view class="form-item" style="height: auto;">
|
||
<text class="label">材料附件：</text>
|
||
<view class="uni-input">
|
||
<image @tap="previewImage(attachments,index)" v-for="(img,index) in attachments" :key="index"
|
||
class="form-img" :src="baseImgUrl+img" mode=""></image>
|
||
</view>
|
||
</view>
|
||
<view class="form-item">
|
||
<text class="label">备注：</text>
|
||
<text class="uni-input"></text>
|
||
</view>
|
||
<view class="btns" v-if="tag==1">
|
||
<button class="submit" v-if="taskName=='学生销假申请'" @tap="cancelLeave">销假</button>
|
||
<button class="turn-down" @tap="onReject" v-if="role!=='学生'&&taskName!=='学生销假申请'">驳回</button>
|
||
<button class="return" @tap="onReturn" v-if="btnShow">回退</button>
|
||
<button class="submit" @tap="onComplete" v-if="taskName!=='学生销假申请'">审批</button>
|
||
</view>
|
||
<!-- <view class="btns" v-if="tag==1">
|
||
<button class="reject" @click="onReject" v-if="role!=='学生'">驳回</button>
|
||
<button @click="onComplete">审批</button>
|
||
</view> -->
|
||
</view>
|
||
<!-- 处分表单 -->
|
||
<view class="container" style="padding-bottom: 60px;" v-else-if="formData!=null&&disposalForm">
|
||
<!--学号 -->
|
||
<view class="form-item">
|
||
<text class="label">学号：</text>
|
||
<text class="uni-input">{{ formData.stuNo }}</text>
|
||
</view>
|
||
|
||
<!--姓名 -->
|
||
<view class="form-item">
|
||
<text class="label">姓名：</text>
|
||
<text class="uni-input">{{ formData.stuName }}</text>
|
||
</view>
|
||
|
||
<!-- 性别 -->
|
||
<view class="form-item">
|
||
<text class="label">性别：</text>
|
||
<text class="uni-input">{{ formData.gender }}</text>
|
||
</view>
|
||
|
||
<!--院部 -->
|
||
<view class="form-item">
|
||
<text class="label">院部：</text>
|
||
<text class="uni-input">{{ formData.departmentName }}</text>
|
||
</view>
|
||
|
||
<!--年级 -->
|
||
<view class="form-item">
|
||
<text class="label">年级：</text>
|
||
<text class="uni-input">{{ formData.gradeName }}</text>
|
||
</view>
|
||
|
||
<!--班级 -->
|
||
<view class="form-item">
|
||
<text class="label">班级：</text>
|
||
<text class="uni-input">{{ formData.className }}</text>
|
||
</view>
|
||
|
||
<!--民族 -->
|
||
<view class="form-item">
|
||
<text class="label">民族：</text>
|
||
<text class="uni-input">{{ formData.mz }}</text>
|
||
</view>
|
||
|
||
<!--出生日期 -->
|
||
<view class="form-item">
|
||
<text class="label">出生日期：</text>
|
||
<text class="uni-input">{{ formData.birthday }}</text>
|
||
</view>
|
||
|
||
<!--籍贯：省/自治区/直辖市 -->
|
||
<view class="form-item">
|
||
<text class="label">籍贯【省/自治区/直辖市】：</text>
|
||
<text class="uni-input">{{ formData.jg }}</text>
|
||
</view>
|
||
|
||
<!--违纪时间 -->
|
||
<view class="form-item">
|
||
<text class="label">违纪时间：</text>
|
||
<text class="uni-input">{{ formData.violationDate }}</text>
|
||
</view>
|
||
|
||
<!--处分等级 -->
|
||
<view class="form-item">
|
||
<text class="label">处分等级：</text>
|
||
<text class="uni-input">{{ penaltyTypeMethodFormat(formData.penaltyType) }}</text>
|
||
</view>
|
||
|
||
<!-- 违纪材料 -->
|
||
<view class="form-item">
|
||
<text class="label">违纪材料：</text>
|
||
<text class="uni-input">{{ formData.evidenceUpload }}</text>
|
||
</view>
|
||
|
||
<!-- 处分建议 -->
|
||
<view class="form-item">
|
||
<text class="label">处分建议：</text>
|
||
<text class="uni-input">{{ formData.penaltyRecommendation }}</text>
|
||
</view>
|
||
|
||
<!-- 违规条例 -->
|
||
<view class="form-item">
|
||
<text class="label">违规条例：</text>
|
||
<text class="uni-input">{{ formData.violationRegulations }}</text>
|
||
</view>
|
||
<view class="btns" v-if="tag==1">
|
||
<button class="turn-down" @tap="onReject" v-if="role!=='学生'">驳回</button>
|
||
<button class="return" @tap="onReturn" v-if="btnShow">回退</button>
|
||
<button class="submit" @tap="onComplete">审批</button>
|
||
</view>
|
||
<!-- <view class="btns" v-if="tag==1">
|
||
<button class="reject" @click="onReject" v-if="role!=='学生'">驳回</button>
|
||
<button @click="onComplete">审批</button>
|
||
</view> -->
|
||
</view>
|
||
<!-- 解除处分表单 -->
|
||
<view class="container" style="padding-bottom: 60px;" v-else-if="formData!=null&&relieveForm">
|
||
<!--学号 -->
|
||
<view class="form-item">
|
||
<text class="label">学号：</text>
|
||
<text class="uni-input">{{ formData.stuNo }}</text>
|
||
</view>
|
||
|
||
<!--姓名 -->
|
||
<view class="form-item">
|
||
<text class="label">姓名：</text>
|
||
<text class="uni-input">{{ formData.stuName }}</text>
|
||
</view>
|
||
|
||
<!-- 性别 -->
|
||
<view class="form-item">
|
||
<text class="label">性别：</text>
|
||
<text class="uni-input">{{ formData.gender }}</text>
|
||
</view>
|
||
|
||
<!--院部 -->
|
||
<view class="form-item">
|
||
<text class="label">院部：</text>
|
||
<text class="uni-input">{{ formData.departmentName }}</text>
|
||
</view>
|
||
|
||
<!--年级 -->
|
||
<view class="form-item">
|
||
<text class="label">年级：</text>
|
||
<text class="uni-input">{{ formData.gradeName }}</text>
|
||
</view>
|
||
|
||
<!--班级 -->
|
||
<view class="form-item">
|
||
<text class="label">班级：</text>
|
||
<text class="uni-input">{{ formData.className }}</text>
|
||
</view>
|
||
|
||
<!--民族 -->
|
||
<view class="form-item">
|
||
<text class="label">民族：</text>
|
||
<text class="uni-input">{{ formData.mz }}</text>
|
||
</view>
|
||
|
||
<!--出生日期 -->
|
||
<view class="form-item">
|
||
<text class="label">出生日期：</text>
|
||
<text class="uni-input">{{ formData.birthday }}</text>
|
||
</view>
|
||
|
||
<!--籍贯：省/自治区/直辖市 -->
|
||
<view class="form-item">
|
||
<text class="label">籍贯：省/自治区/直辖市：</text>
|
||
<text class="uni-input">{{ formData.jg }}</text>
|
||
</view>
|
||
|
||
<!--解除处分文号 -->
|
||
<view class="form-item">
|
||
<text class="label">解除处分文号：</text>
|
||
<text class="uni-input">{{ formData.relieveNumber }}</text>
|
||
</view>
|
||
|
||
<!--处分文号 -->
|
||
<view class="form-item">
|
||
<text class="label">处分文号：</text>
|
||
<text class="uni-input">{{ formData.penaltyNumber }}</text>
|
||
</view>
|
||
|
||
<!-- 违纪时间 -->
|
||
<view class="form-item">
|
||
<text class="label">违纪时间：</text>
|
||
<text class="uni-input">{{ formData.violationDate }}</text>
|
||
</view>
|
||
|
||
<!-- 处分等级 -->
|
||
<view class="form-item">
|
||
<text class="label">处分等级：</text>
|
||
<text class="uni-input">{{ penaltyTypeMethodFormat(formData.penaltyType) }}</text>
|
||
</view>
|
||
|
||
<!-- 处分期间表现 -->
|
||
<view class="form-item">
|
||
<text class="label">处分期间表现：</text>
|
||
<text class="uni-input">{{ formData.ideologicalEducation }}</text>
|
||
</view>
|
||
<view class="btns" v-if="tag==1">
|
||
<button class="turn-down" @tap="onReject" v-if="btnShow">驳回</button>
|
||
<button class="return" @tap="onReturn" v-if="btnShow">回退</button>
|
||
<button class="submit" @tap="onComplete">审批</button>
|
||
</view>
|
||
<!-- <view class="btns" v-if="tag==1">
|
||
<button class="reject" @click="onReject" v-if="btnShow">驳回</button>
|
||
<button @click="onComplete">审批</button>
|
||
</view> -->
|
||
</view>
|
||
</view>
|
||
<view class="progress" v-if="navIndex==1">
|
||
<FlowStep :procInsId="procInsId" :deployId="deployId" />
|
||
</view>
|
||
<uni-popup class="popup" v-if="formData!=null" ref="approveDialog" type="dialog" background-color="#fff">
|
||
<view class="popup-content">
|
||
<view class="title">
|
||
流程审批
|
||
</view>
|
||
<view class="content">
|
||
<view class="show-letter" v-if="showLetterService">
|
||
<view class="title">
|
||
广西水利电力职业技术学院处分决定送达书
|
||
</view>
|
||
<view class="stu-name">
|
||
{{ formData.stuName }}同学：
|
||
</view>
|
||
<view class="desc">
|
||
{{ formData.letterService }}
|
||
</view>
|
||
<view class="bottom">
|
||
<button size="mini" type="warn">下载处分下文</button>
|
||
<view class="gaizhang">
|
||
<image
|
||
src="https://gss0.baidu.com/7Po3dSag_xI4khGko9WTAnF6hhy/zhidao/wh%3D450%2C600/sign=debd0a4bb2fd5266a77e34109e28bb1d/8d5494eef01f3a297283d36e9d25bc315d607cc2.jpg"
|
||
mode="widthFix"></image>
|
||
<view class="time">
|
||
<text>学生工作处</text>
|
||
<text>{{ formData.violationDate }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<scroll-view scroll-y="true" style="height:320px;"
|
||
v-if="dispositionServiceShow||relieveServiceShow||relieveShow">
|
||
<view class="form-item" v-if="dispositionServiceShow">
|
||
<label class="label"><text class="required">*</text>处分文号</label>
|
||
<input type="text" v-model="taskForm.penaltyNumber" placeholder="请输入处分文号" />
|
||
</view>
|
||
<view class="form-item" v-if="dispositionServiceShow">
|
||
<label class="label"><text class="required">*</text>送达书</label>
|
||
<textarea v-model="taskForm.letterServiceContent">
|
||
</textarea>
|
||
</view>
|
||
<view class="form-item" v-if="dispositionServiceShow">
|
||
<label class="label"><text class="required">*</text>违纪时间</label>
|
||
<picker @change="onChangeTime" mode="date" value="2022">
|
||
<view class="uni-input">
|
||
<text
|
||
class="val">{{taskForm.violationDate==''?'请选择违纪日期':taskForm.violationDate}}</text>
|
||
<uni-icons type="calendar" size="25" color="#202020"></uni-icons>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
<!-- 解除处分审批弹窗 -->
|
||
<view class="form-item" v-if="relieveShow">
|
||
<label class="label"><text class="required">*</text>处分期间表现</label>
|
||
<textarea v-model="taskForm.ideologicalEducation">
|
||
</textarea>
|
||
</view>
|
||
<!-- 解除处分 归档-->
|
||
<view class="form-item" v-if="relieveServiceShow">
|
||
<label class="label"><text class="required">*</text>解除处分文号</label>
|
||
<input type="text" placeholder-class="placeholderColor" v-model="taskForm.relieveNumber"
|
||
placeholder="请输入解除处分文号" />
|
||
</view>
|
||
<view class="form-item" v-if="dispositionServiceShow||relieveServiceShow">
|
||
<label class="label"><text class="required">*</text>处分/解除下文</label>
|
||
<view class="file">
|
||
<uni-file-picker @delete="onRemovefile" @select="onSelectFile" :auto-upload="false"
|
||
file-mediatype="all" file-extname="doc,xls,ppt,txt,pdf,xlsx">
|
||
<text class="add">+ 选择文件</text>
|
||
</uni-file-picker>
|
||
<view class="tip">
|
||
<!-- 请上传大小不超过5MB，格式为doc/xls/ppt/txt/pdf/xlsx的文件 -->
|
||
<text>请上传大小不超过<text class="emphasize">5MB</text> </text>
|
||
<text>格式为<text class="emphasize">doc/xls/ppt/txt/pdf/xlsx</text>的文件</text>
|
||
</view>
|
||
</view>
|
||
<!-- <uni-file-picker @delete="onRemovefile" @select="onSelectFile" :auto-upload="false"
|
||
file-mediatype="all" file-extname="doc,xls,ppt,txt,pdf,xlsx"></uni-file-picker>
|
||
<view class="tip">
|
||
<text>文件大小:5MB以下</text>
|
||
<text>文件格式: doc/xls/ppt/txt/pdf/xlsx</text>
|
||
</view> -->
|
||
</view>
|
||
</scroll-view>
|
||
<!-- 下载解除处分下文按钮 -->
|
||
<view class="form-item download" v-if="showFileDowload">
|
||
<image class="file-icon" src="../../static/file.png" mode="widthFix"></image>
|
||
<text @tap="fileUpload">下载解除处分下文</text>
|
||
<!-- <button @tap="fileUpload" size="mini" type="warn">下载解除处分下文</button> -->
|
||
</view>
|
||
</view>
|
||
<view class="btns">
|
||
<button type="default" @tap="onCancel">取消</button>
|
||
<button type="primary" @tap="approveDialogConfirm">确定</button>
|
||
</view>
|
||
</view>
|
||
</uni-popup>
|
||
<!-- 回退弹窗 -->
|
||
<uni-popup class="popup return-dialog" ref="returnDialog" type="dialog" background-color="#fff">
|
||
<view class="popup-content">
|
||
<view class="title">
|
||
退回流程
|
||
</view>
|
||
<view class="content">
|
||
<view class="form-item">
|
||
<label>退回节点</label>
|
||
<scroll-view scroll-y="true">
|
||
<view class="list">
|
||
<view class="item" @tap="taskDotChange(index,item)"
|
||
:class="index==taskDotIndex?'active':''" v-for="(item,index) in returnTaskList"
|
||
:key="index">
|
||
{{item.name}}
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
<view class="form-item">
|
||
<label><text class="required">*</text>退回意见</label>
|
||
<textarea v-model="taskForm.comment"></textarea>
|
||
</view>
|
||
</view>
|
||
<view class="btns">
|
||
<button type="default" @tap="onCancel">取消</button>
|
||
<button type="primary" @tap="returnDialogConfirm">确定</button>
|
||
</view>
|
||
</view>
|
||
</uni-popup>
|
||
<!-- 驳回弹窗 -->
|
||
<uni-popup ref="rejectDialog" type="dialog">
|
||
<uni-popup-dialog mode="input" title="驳回" v-model="inputReject" @confirm="rejectDialogConfirm"
|
||
placeholder="请输入驳回理由"></uni-popup-dialog>
|
||
</uni-popup>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import Nav from "@/components/navs/navs.vue"
|
||
import FlowStep from "@/components/flow-step/flow-step.vue"
|
||
import {
|
||
baseUrl
|
||
} from "@/config.js";
|
||
import uploadFile from "@/plugins/upload.js";
|
||
import {
|
||
getLeaveApplicationByProcInsId,
|
||
complete,
|
||
reject,
|
||
returnList,
|
||
returnTask,
|
||
getDisciplinaryApplicationByProcInsId,
|
||
getStuDisciplinaryRelieveByProcInsId,
|
||
updateDisciplinaryApplication
|
||
} from "@/api/task.js";
|
||
import {
|
||
updateRelieve
|
||
} from "@/api/applyrelieve/applyrelieve.js";
|
||
import { checkRole } from '@/utils/permission'; // 权限判断函数
|
||
export default {
|
||
components: {
|
||
Nav,
|
||
FlowStep
|
||
},
|
||
data() {
|
||
return {
|
||
navs: [{
|
||
text: "表单信息",
|
||
val: 0
|
||
},
|
||
{
|
||
text: "流程跟踪",
|
||
val: 1
|
||
}
|
||
],
|
||
navIndex: 0,
|
||
taskDotIndex: 0,
|
||
returnTaskList: [], // 回退列表数据
|
||
role: uni.getStorageSync("roles"),
|
||
// 表单参数：目前是考勤表单
|
||
// form: {},
|
||
baseImgUrl: baseUrl,
|
||
status: 'loading',
|
||
formData: null,
|
||
procInsId: '',
|
||
deployId: '',
|
||
tag: "",
|
||
//审批弹窗内容
|
||
inputApprove: "",
|
||
inputReject: "",
|
||
attachments: [],
|
||
category: null, // 流程分类
|
||
leaveForm: false, // 请假表单
|
||
disposalForm: false, // 处分表单
|
||
relieveForm: false, // 解除处分表单
|
||
relieveShow: false, //审批 解除处分弹窗表单
|
||
// violationTime: "请选择违纪日期", //违纪时间
|
||
dispositionServiceShow: false, //处分下文输入框显示
|
||
relieveServiceShow: false, //处分下文输入框显示
|
||
showLetterService: false, //处分送达书是否展示
|
||
dispositionServiceContent: '', //处分下文
|
||
pdfURL: '', // pdf路径
|
||
letterServiceContent: '', // 送达书文字
|
||
ideologicalEducationShow: false, // 处分期间表现输入框
|
||
showFileDowload: false, //是否显示下载下文
|
||
taskName: null, // 任务节点
|
||
taskForm: {
|
||
returnTaskShow: false, // 是否展示回退表单
|
||
delegateTaskShow: false, // 是否展示回退表单
|
||
defaultTaskShow: true, // 默认处理
|
||
comment: '', // 意见内容
|
||
procInsId: '', // 流程实例编号
|
||
instanceId: '', // 流程实例编号
|
||
deployId: '', // 流程定义编号
|
||
taskId: '', // 流程任务编号
|
||
procDefId: '', // 流程编号
|
||
targetKey: '',
|
||
variables: {
|
||
variables: {},
|
||
},
|
||
penaltyNumber: '',
|
||
letterServiceContent: '',
|
||
violationDate: '',
|
||
relieveNumber: '',
|
||
dispositionServiceContent: '',
|
||
ideologicalEducation: '',
|
||
},
|
||
btnShow:false,
|
||
};
|
||
},
|
||
onLoad(option) {
|
||
console.log(this.role)
|
||
let query = JSON.parse(option.query);
|
||
this.taskId = query.taskId;
|
||
this.procInsId = query.procInsId;
|
||
this.category = query.category;
|
||
this.tag = query.tag;
|
||
this.taskForm.deployId = query.deployId;
|
||
this.taskForm.instanceId = query.procInsId
|
||
this.taskForm.procInsId = query.procInsId
|
||
this.taskForm.executionId = query.executionId
|
||
this.taskForm.taskId = query.taskId
|
||
this.taskName = query.taskName
|
||
this.startUser = query.startUser;
|
||
// 如果任务名是其中的两个，则改变审批意见的输入框内容
|
||
if ((this.taskName == '学务干事审批归档' || this.taskName == '学生教育管理科审批归档') && this.category == 'disposal') {
|
||
this.dispositionServiceShow = true //处分下文输入框显示
|
||
this.taskForm.letterServiceContent = '你因 ，根据《广西水利电力职业技术学院学生违纪处分规定》 的相关规定，决定给予你 ，处分期限 。'
|
||
}
|
||
if ((this.taskName == '学务干事审批归档' || this.taskName == '学生教育管理科审批归档') && this.category == 'relieve') {
|
||
this.relieveServiceShow = true // 解除处分
|
||
}
|
||
if ((this.taskName == '学生接收' || this.taskName == '申请人（辅导员）接收') && this.category == 'disposal') {
|
||
this.showLetterService = true
|
||
}
|
||
if (this.taskName == '学生接收' && this.category == 'relieve') {
|
||
this.showFileDowload = true
|
||
}
|
||
if (this.taskName == '辅导员意见审批' && this.category == 'relieve') {
|
||
this.relieveShow = true;
|
||
}
|
||
this.getFormDetail();
|
||
if (this.tag == 1) {
|
||
this.getReturnList();
|
||
}
|
||
this.btnShow = !checkRole(['teststu'])
|
||
},
|
||
methods: {
|
||
navChange(index) {
|
||
this.navIndex = index;
|
||
},
|
||
taskDotChange(index, item) {
|
||
this.taskDotIndex = index;
|
||
this.taskForm.targetKey = item.id;
|
||
},
|
||
penaltyTypeMethodFormat(penaltyType) {
|
||
// 0-警告；1-严重警告；2-记过；3-留校察看；4-开除学籍
|
||
const penaltyTypes = {
|
||
0: '警告',
|
||
1: '严重警告',
|
||
2: '记过',
|
||
3: '留校察看',
|
||
4: '开除学籍',
|
||
};
|
||
|
||
if (penaltyTypes.hasOwnProperty(penaltyType)) {
|
||
return penaltyTypes[penaltyType];
|
||
} else {
|
||
return '未知惩罚类型';
|
||
}
|
||
},
|
||
onReturn() {
|
||
this.$refs.returnDialog.open();
|
||
},
|
||
getReturnList() {
|
||
returnList(this.taskForm).then((res) => {
|
||
this.returnTaskList = res.data
|
||
})
|
||
},
|
||
onCancel() {
|
||
this.$refs.approveDialog.close();
|
||
this.$refs.returnDialog.close();
|
||
},
|
||
//回退确认
|
||
returnDialogConfirm() {
|
||
if (this.taskForm.targetKey == "") {
|
||
this.taskForm.targetKey = this.returnTaskList[0].id;
|
||
}
|
||
if (this.taskForm.comment == "") {
|
||
uni.showToast({
|
||
title: `请填写回退意见`,
|
||
icon: "none"
|
||
});
|
||
return;
|
||
}
|
||
uni.showLoading({
|
||
title: "正在回退"
|
||
});
|
||
returnTask(this.taskForm).then((res) => {
|
||
uni.hideLoading();
|
||
uni.showToast({
|
||
title: res.msg
|
||
})
|
||
uni.navigateBack({
|
||
success: () => {
|
||
const pages = getCurrentPages();
|
||
if (pages.length > 0) {
|
||
const prevPage = pages[pages.length - 2]
|
||
if (prevPage && typeof prevPage.getList === 'function') {
|
||
prevPage.handleChange(2);
|
||
}
|
||
}
|
||
|
||
}
|
||
})
|
||
})
|
||
this.$refs.returnDialog.close();
|
||
},
|
||
onComplete() {
|
||
this.$refs.approveDialog.open();
|
||
},
|
||
onReject() {
|
||
this.$refs.rejectDialog.open();
|
||
},
|
||
getFormDetail() {
|
||
let sdata = this.procInsId;
|
||
if (this.category == 'leave') {
|
||
this.leaveForm = true
|
||
// 查询表单数据
|
||
getLeaveApplicationByProcInsId(sdata).then(res => {
|
||
this.formData = res.data;
|
||
if (res.data.attachment != null) {
|
||
this.attachments = res.data.attachment.split(',');
|
||
}
|
||
})
|
||
} else if (this.category == 'disposal') {
|
||
this.disposalForm = true;
|
||
getDisciplinaryApplicationByProcInsId(sdata).then(res => {
|
||
this.formData = res.data;
|
||
this.pdfURL = baseUrl + res.data.dispositionService;
|
||
})
|
||
} else if (this.category == 'relieve') {
|
||
console.log('relieve');
|
||
this.relieveForm = true
|
||
getStuDisciplinaryRelieveByProcInsId(sdata).then(res => {
|
||
this.formData = res.data;
|
||
this.pdfURL = baseUrl + res.data.relieveService
|
||
})
|
||
}
|
||
},
|
||
approveDialogConfirm() {
|
||
console.log(this.taskForm);
|
||
let requiredFields = [];
|
||
if ((this.taskName == '学务干事审批归档' || this.taskName == '学生教育管理科审批归档') && this.category ==
|
||
'disposal') {
|
||
requiredFields = [
|
||
'penaltyNumber',
|
||
'letterServiceContent',
|
||
'violationDate',
|
||
'dispositionServiceContent'
|
||
];
|
||
} else if (this.taskName == '辅导员意见审批' && this.category == 'relieve') {
|
||
requiredFields = [
|
||
'ideologicalEducation'
|
||
];
|
||
} else if ((this.taskName == '学务干事审批归档' || this.taskName == '学生教育管理科审批归档') && this
|
||
.category == 'relieve') {
|
||
requiredFields = [
|
||
'dispositionServiceContent',
|
||
'relieveNumber'
|
||
];
|
||
}
|
||
const emptyField = requiredFields.find(field => this.taskForm[field] === "");
|
||
if (emptyField) {
|
||
uni.showToast({
|
||
title: `请填写完必填项内容`,
|
||
icon: "none"
|
||
})
|
||
return;
|
||
}
|
||
this.taskForm.comment = '同意'
|
||
uni.showLoading({
|
||
title: "正在审批"
|
||
});
|
||
complete(this.taskForm).then(res => {
|
||
if (res.code == 200) {
|
||
if ((this.taskName == '学务干事审批归档' || this.taskName == '学生教育管理科审批归档') && this.category ==
|
||
'disposal') {
|
||
this.formData.dispositionService = this.taskForm.dispositionServiceContent
|
||
this.formData.penaltyNumber = this.taskForm.penaltyNumber
|
||
this.formData.violationDate = this.taskForm.violationDate
|
||
this.editDisciplinaryApplication();
|
||
} else if ((this.taskName == '学务干事审批归档' || this.taskName == '学生教育管理科审批归档') && this
|
||
.category == 'relieve') {
|
||
this.formData.relieveService = this.taskForm.dispositionServiceContent
|
||
this.formData.relieveNumber = this.taskForm.relieveNumber
|
||
this.updateRelieve()
|
||
} else if (this.taskName == '辅导员意见审批' && this.category == 'relieve') {
|
||
this.formData.ideologicalEducation = this.taskForm.ideologicalEducation;
|
||
this.updateRelieve();
|
||
}
|
||
uni.showToast({
|
||
title: "审批成功"
|
||
});
|
||
uni.hideLoading();
|
||
uni.navigateBack({
|
||
success: () => {
|
||
const pages = getCurrentPages();
|
||
if (pages.length > 0) {
|
||
const prevPage = pages[pages.length - 2]
|
||
if (prevPage && typeof prevPage.getList === 'function') {
|
||
prevPage.handleChange(2);
|
||
}
|
||
}
|
||
|
||
}
|
||
})
|
||
|
||
}
|
||
})
|
||
},
|
||
editDisciplinaryApplication() {
|
||
this.formData.penaltyStatus = '0'
|
||
this.formData.letterService = this.taskForm.letterServiceContent
|
||
updateDisciplinaryApplication(this.formData).then((response) => {
|
||
uni.showToast({
|
||
title: response.msg
|
||
})
|
||
})
|
||
},
|
||
updateRelieve() {
|
||
updateRelieve(this.formData).then((response) => {
|
||
uni.showToast({
|
||
title: response.msg
|
||
})
|
||
})
|
||
},
|
||
//下载文档
|
||
fileUpload() {
|
||
console.log(this.pdfURL);
|
||
},
|
||
rejectDialogConfirm() {
|
||
uni.showLoading({
|
||
title: "正在驳回"
|
||
});
|
||
let sData = {
|
||
taskId: this.taskId,
|
||
comment: this.inputReject
|
||
}
|
||
if (this.inputReject == "") {
|
||
uni.showToast({
|
||
title: `请填写驳回原因`,
|
||
icon: "none"
|
||
})
|
||
return;
|
||
}
|
||
reject(sData).then(res => {
|
||
if (res.code == 200) {
|
||
uni.showToast({
|
||
title: "已驳回"
|
||
})
|
||
uni.hideLoading();
|
||
uni.navigateBack({
|
||
success: () => {
|
||
const pages = getCurrentPages();
|
||
if (pages.length > 0) {
|
||
const prevPage = pages[pages.length - 2]
|
||
if (prevPage && typeof prevPage.getList === 'function') {
|
||
prevPage.handleChange(2);
|
||
console.log('刷新已办任务数据');
|
||
}
|
||
}
|
||
}
|
||
})
|
||
}
|
||
})
|
||
},
|
||
previewImage(attachmentArray, i) {
|
||
let imgs = attachmentArray.map(img => {
|
||
return this.baseImgUrl + img
|
||
})
|
||
uni.previewImage({
|
||
urls: imgs, // 图片数组
|
||
current: i // 当前显示图片的索引，这里假设默认显示第一张图片
|
||
});
|
||
},
|
||
//移除文件
|
||
onRemovefile(file) {
|
||
let fileListArray = this.taskForm.dispositionServiceContent.split(',');
|
||
fileListArray.splice(file.index, 1);
|
||
this.taskForm.dispositionServiceContent = fileListArray.join(',');
|
||
},
|
||
//上传文件
|
||
onSelectFile(file) {
|
||
uploadFile('/common/upload', file.tempFilePaths[0]).then((res) => {
|
||
let result = JSON.parse(res);
|
||
if (result.code == 200) {
|
||
uni.showToast({
|
||
title: "文件上传成功"
|
||
})
|
||
if (this.taskForm.dispositionServiceContent !== "") {
|
||
this.taskForm.dispositionServiceContent = this.taskForm.dispositionServiceContent +
|
||
"," + result.fileName;
|
||
} else {
|
||
this.taskForm.dispositionServiceContent = result.fileName;
|
||
}
|
||
}
|
||
})
|
||
},
|
||
onChangeTime(e) {
|
||
this.taskForm.violationDate = e.detail.value;
|
||
},
|
||
//销假
|
||
cancelLeave() {
|
||
uni.navigateTo({
|
||
// url: "/pages/applyleave/cancellationLeave?procInsId="+this.procInsId
|
||
url:`/pages/applyleave/cancellationLeave?query=${JSON.stringify(this.taskForm)}`
|
||
})
|
||
}
|
||
},
|
||
|
||
};
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.detail {
|
||
padding-top: 90rpx;
|
||
|
||
.container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
padding: 10rpx;
|
||
|
||
.form-item {
|
||
width: 95%;
|
||
height: 80rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
margin-bottom: 20rpx;
|
||
justify-content: space-between;
|
||
border-bottom: 1px solid #ededee;
|
||
|
||
}
|
||
|
||
.custom-input {
|
||
width: 100%;
|
||
}
|
||
|
||
.form-text {
|
||
width: 95%;
|
||
margin-bottom: 20rpx;
|
||
border-bottom: 1px solid #ededee;
|
||
}
|
||
|
||
.form-img {
|
||
width: 100px;
|
||
height: 100px;
|
||
margin-bottom: 20rpx;
|
||
border-bottom: 1px solid #ededee;
|
||
}
|
||
|
||
.example-body {
|
||
margin-top: 20rpx;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
.txt {
|
||
margin-top: 20rpx;
|
||
}
|
||
|
||
.label {
|
||
text-align: right;
|
||
margin-right: 20rpx;
|
||
text-wrap: nowrap;
|
||
}
|
||
|
||
.select {
|
||
color: #888889;
|
||
white-space: nowrap;
|
||
/* 防止换行 */
|
||
overflow: hidden;
|
||
/* 隐藏溢出部分 */
|
||
text-overflow: ellipsis;
|
||
/* 显示省略号 */
|
||
}
|
||
|
||
.uni-input {
|
||
color: #888889;
|
||
text-align: right;
|
||
}
|
||
|
||
.btn {
|
||
width: 100%;
|
||
height: 90rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
|
||
position: fixed;
|
||
bottom: 20px;
|
||
left: 0;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
button {
|
||
width: 30%;
|
||
background-color: #87CEFA;
|
||
color: white;
|
||
}
|
||
|
||
.form-address {
|
||
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.labelsafe {
|
||
color: red;
|
||
}
|
||
|
||
.form-canvas {
|
||
width: 95%;
|
||
height: 700rpx;
|
||
}
|
||
|
||
.tab-box {
|
||
width: 80%;
|
||
height: 100vh;
|
||
background-color: #f0f0f0;
|
||
|
||
.success-img {
|
||
width: 90%;
|
||
height: 300rpx;
|
||
|
||
}
|
||
}
|
||
|
||
.btns {
|
||
display: flex;
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
|
||
button {
|
||
height: 50px;
|
||
line-height: 50px;
|
||
// width: 50%;
|
||
flex: 1;
|
||
border-radius: 0;
|
||
|
||
&.turn-down {
|
||
background-color: #FF3334;
|
||
}
|
||
|
||
&.return {
|
||
background-color: #FFBA00;
|
||
}
|
||
|
||
&.submit {
|
||
background-color: #0092FF;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.progress {
|
||
padding: 0 30rpx 30rpx;
|
||
|
||
.title {
|
||
font-weight: bold;
|
||
color: #202020;
|
||
display: inline-block;
|
||
font-size: 30rpx;
|
||
margin-bottom: 30rpx;
|
||
}
|
||
}
|
||
|
||
.popup {
|
||
.popup-content {
|
||
width: 90vw;
|
||
max-height: 86vh;
|
||
overflow: scroll;
|
||
// padding: 0 40rpx;
|
||
|
||
.title {
|
||
font-size: 40rpx;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
margin: 20rpx 0;
|
||
}
|
||
|
||
.content {
|
||
padding: 0 40rpx;
|
||
|
||
.show-letter {
|
||
.title {
|
||
font-size: 30rpx;
|
||
}
|
||
|
||
.stu-name {
|
||
margin-bottom: 8rpx;
|
||
}
|
||
|
||
.desc {
|
||
color: #797979;
|
||
}
|
||
|
||
.bottom {
|
||
button {
|
||
margin: 20rpx 0;
|
||
}
|
||
|
||
.gaizhang {
|
||
text-align: right;
|
||
position: relative;
|
||
|
||
image {
|
||
width: 200rpx;
|
||
}
|
||
|
||
.time {
|
||
position: absolute;
|
||
right: 30rpx;
|
||
bottom: 55rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
.form-item {
|
||
.required {
|
||
color: red;
|
||
margin-right: 8rpx;
|
||
}
|
||
|
||
&.download {
|
||
margin: 50rpx 0 30rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
color: #4097FE;
|
||
justify-content: center;
|
||
|
||
.file-icon {
|
||
width: 50rpx;
|
||
margin-right: 20rpx;
|
||
}
|
||
|
||
text {
|
||
border-bottom: 1px solid #4097FE;
|
||
padding-bottom: 2px;
|
||
}
|
||
}
|
||
|
||
.label {
|
||
display: inline-block;
|
||
margin: 30rpx 0 20rpx;
|
||
color: #202020;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.file {
|
||
border: 1px solid #E1E1E1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
padding: 40rpx 0;
|
||
border-radius: 16rpx;
|
||
|
||
.uni-file-picker {
|
||
text-align: center;
|
||
|
||
.add {
|
||
font-size: 30rpx;
|
||
display: inline-block;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
/deep/ .uni-file-picker__lists {
|
||
border-color: #4097FE !important;
|
||
border-radius: 0 !important;
|
||
}
|
||
|
||
/deep/ .files__name {
|
||
color: #4097FE;
|
||
}
|
||
}
|
||
|
||
.tip {
|
||
display: flex;
|
||
flex-direction: column;
|
||
color: #999;
|
||
margin-top: 20rpx;
|
||
font-size: 24rpx;
|
||
|
||
text:first-child {
|
||
margin-bottom: 10rpx;
|
||
}
|
||
|
||
.emphasize {
|
||
color: red;
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
|
||
input {
|
||
display: inline-block;
|
||
padding: 0 20rpx;
|
||
height: 70rpx;
|
||
}
|
||
|
||
textarea {
|
||
height: 200rpx;
|
||
padding: 10rpx;
|
||
}
|
||
|
||
.placeholderColor {
|
||
color: #D8D8D8;
|
||
}
|
||
|
||
input,
|
||
textarea {
|
||
width: 100%;
|
||
border: 1px solid #E1E1E1;
|
||
border-radius: 16rpx;
|
||
|
||
}
|
||
|
||
picker {
|
||
border: 1px solid #E1E1E1;
|
||
height: 70rpx;
|
||
line-height: 70rpx;
|
||
padding: 0 30rpx;
|
||
|
||
.uni-input {
|
||
display: flex;
|
||
color: #797979;
|
||
|
||
.val {
|
||
flex: 1;
|
||
}
|
||
}
|
||
}
|
||
|
||
.uni-file-picker {
|
||
/deep/ .uni-progress-bar {
|
||
background-color: transparent !important;
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
.btns {
|
||
display: flex;
|
||
margin-top: 80rpx;
|
||
|
||
button {
|
||
flex: 1;
|
||
border-radius: 0;
|
||
border-bottom: 0;
|
||
|
||
&:first-child {
|
||
background-color: transparent;
|
||
border: 1px solid #4097FE;
|
||
border-bottom: 0;
|
||
color: #4097FE;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.return-dialog {
|
||
.form-item {
|
||
label {
|
||
font-weight: bold;
|
||
display: inline-block;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
&:last-child {
|
||
margin-top: 15px;
|
||
}
|
||
|
||
.list {
|
||
height: auto;
|
||
max-height: 200px;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
// height: 200px;
|
||
// display: flex;
|
||
// flex-wrap: wrap;
|
||
|
||
.item {
|
||
width: 100%;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
text-align: center;
|
||
|
||
&.active {
|
||
background-color: #0092FF;
|
||
color: white;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|