2025-07-28 15:52:07 +08:00
|
|
|
<template>
|
|
|
|
|
<div class="app-container">
|
|
|
|
|
<el-card class="box-card">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span class="el-icon-document">待办任务</span>
|
|
|
|
|
<el-tag style="margin-left: 10px">发起人:{{ startUser }}</el-tag>
|
|
|
|
|
<el-tag>任务节点:{{ taskName }}</el-tag>
|
|
|
|
|
<el-button style="float: right" size="mini" type="danger" @click="goBack">关闭</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<el-tabs tab-position="top" v-model="activeName" @tab-click="handleClick">
|
|
|
|
|
<!--表单信息-->
|
|
|
|
|
<el-tab-pane label="表单信息" name="1">
|
|
|
|
|
<el-col :span="16" :offset="4">
|
|
|
|
|
<div class="">
|
|
|
|
|
<!-- 考勤表单 -->
|
|
|
|
|
<el-descriptions class="margin-top" title="" :column="2" size="medium" border style="width: 100%" v-if="leaveForm">
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 学号 </template>
|
|
|
|
|
{{ form.stuNo }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 姓名 </template>
|
|
|
|
|
{{ form.studentName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 性别 </template>
|
|
|
|
|
{{ form.gender }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 院部 </template>
|
|
|
|
|
{{ form.departmentName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 班级 </template>
|
|
|
|
|
{{ form.className }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 联系电话 </template>
|
|
|
|
|
{{ form.phoneNumber }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 家长姓名 </template>
|
|
|
|
|
{{ form.fatherName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 家长联系电话 </template>
|
|
|
|
|
{{ form.fatherRelation }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 请假事由 </template>
|
|
|
|
|
{{ form.leaveType == '0' ? '病假' : '事假' }}
|
|
|
|
|
{{ form.reason }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 请假起始时间 </template>
|
|
|
|
|
{{ form.startDate }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 请假截止时间 </template>
|
|
|
|
|
{{ form.endDate }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 请假天数 </template>
|
|
|
|
|
{{ form.leaveDays }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 目的地 </template>
|
|
|
|
|
{{ form.destination }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 目的地详细 </template>
|
|
|
|
|
{{ form.destinationDetails }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 是否离桂 </template>
|
|
|
|
|
{{ form.leavingGx == '0' ? '否' : '是' }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 安全承诺书 </template>
|
|
|
|
|
{{ form.safetyPromise == true ? '已勾选' : '未勾选' }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 请假人签字上传 </template>
|
|
|
|
|
<image-preview :src="form.applicantSignature" :width="100" :height="100" />
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 材料附件 </template>
|
|
|
|
|
<image-preview :src="form.attachment" :width="100" :height="100" />
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 备注 </template>
|
|
|
|
|
{{ form.remark }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
|
|
|
|
|
<!-- 处分表单 -->
|
|
|
|
|
<el-descriptions class="margin-top" title="" :column="2" size="medium" border style="width: 100%" v-if="disposalForm">
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 学号 </template>
|
|
|
|
|
{{ form.stuNo }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 姓名 </template>
|
|
|
|
|
{{ form.stuName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 性别 </template>
|
|
|
|
|
{{ form.gender }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 院部 </template>
|
|
|
|
|
{{ form.departmentName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 年级 </template>
|
|
|
|
|
{{ form.gradeName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 班级 </template>
|
|
|
|
|
{{ form.className }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 民族 </template>
|
|
|
|
|
{{ form.mz }}
|
|
|
|
|
</el-descriptions-item>
|
2025-08-20 17:22:52 +08:00
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 政治面貌 </template>
|
|
|
|
|
{{ form.politicalStatus }}
|
|
|
|
|
</el-descriptions-item>
|
2025-07-28 15:52:07 +08:00
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 出生日期 </template>
|
|
|
|
|
{{ form.birthday }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 籍贯:省/自治区/直辖市 </template>
|
|
|
|
|
{{ form.jg }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 市/县 </template>
|
|
|
|
|
{{ form.hksz2 }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 违纪时间 </template>
|
|
|
|
|
{{ form.violationDate }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 处分等级 </template>
|
|
|
|
|
{{ penaltyTypeMethodFormat(form) }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item span="2">
|
|
|
|
|
<template slot="label"> 违纪材料 </template>
|
|
|
|
|
<Affix v-model="form.evidenceUpload" :disabled="true"></Affix>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item span="2">
|
|
|
|
|
<template slot="label"> 处分建议 </template>
|
|
|
|
|
{{ form.penaltyRecommendation }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item span="2">
|
|
|
|
|
<template slot="label"> 违规条例 </template>
|
|
|
|
|
{{ form.violationRegulations }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item span="2">
|
|
|
|
|
<template slot="label"> 处分文号 </template>
|
|
|
|
|
{{ form.penaltyNumber }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item span="2">
|
|
|
|
|
<template slot="label"> 处分时间 </template>
|
|
|
|
|
{{ form.disciplinaryDate }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
|
|
|
|
|
<!-- 解除处分表单 -->
|
|
|
|
|
<el-descriptions class="margin-top" title="" :column="2" size="medium" border style="width: 100%" v-if="relieveForm">
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 学号 </template>
|
|
|
|
|
{{ form.stuNo }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 姓名 </template>
|
|
|
|
|
{{ form.stuName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 性别 </template>
|
|
|
|
|
{{ form.gender }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 院部 </template>
|
|
|
|
|
{{ form.departmentName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 年级 </template>
|
|
|
|
|
{{ form.gradeName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 班级 </template>
|
|
|
|
|
{{ form.className }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 民族 </template>
|
|
|
|
|
{{ form.mz }}
|
|
|
|
|
</el-descriptions-item>
|
2025-08-20 17:22:52 +08:00
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 政治面貌 </template>
|
|
|
|
|
{{ form.politicalStatus }}
|
|
|
|
|
</el-descriptions-item>
|
2025-07-28 15:52:07 +08:00
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 出生日期 </template>
|
|
|
|
|
{{ form.birthday }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 籍贯:省/自治区/直辖市 </template>
|
|
|
|
|
{{ form.jg }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 市/县 </template>
|
|
|
|
|
{{ form.hksz2 }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 解除处分文号 </template>
|
|
|
|
|
{{ form.relieveNumber }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 处分文号 </template>
|
|
|
|
|
{{ form.penaltyNumber }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 违纪时间 </template>
|
|
|
|
|
{{ form.violationDate }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 处分等级 </template>
|
|
|
|
|
{{ penaltyTypeMethodFormat(form) }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item span="2">
|
|
|
|
|
<template slot="label"> 处分期间表现 </template>
|
|
|
|
|
{{ form.ideologicalEducation }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
|
|
|
|
|
<!-- 休学申请表单 -->
|
|
|
|
|
<el-descriptions class="margin-top" title="" :column="3" size="medium" border style="width: 100%" v-if="quitSchoolForm">
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 学号 </template>
|
|
|
|
|
{{ form.stuNo }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 姓名 </template>
|
|
|
|
|
{{ form.stuName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 性别 </template>
|
|
|
|
|
{{ form.gender }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 院部 </template>
|
|
|
|
|
{{ form.departmentName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 年级 </template>
|
|
|
|
|
{{ form.gradeName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 班级 </template>
|
|
|
|
|
{{ form.className }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 出生日期 </template>
|
|
|
|
|
{{ form.birthday }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 家长姓名 </template>
|
|
|
|
|
{{ form.parentName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 家长电话 </template>
|
|
|
|
|
{{ form.parentPhone }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 民族 </template>
|
|
|
|
|
{{ form.mz }}
|
|
|
|
|
</el-descriptions-item>
|
2025-08-20 17:22:52 +08:00
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 政治面貌 </template>
|
|
|
|
|
{{ form.politicalStatus }}
|
|
|
|
|
</el-descriptions-item>
|
2025-07-28 15:52:07 +08:00
|
|
|
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label"> 籍贯:省/自治区/直辖市 </template>
|
|
|
|
|
{{ form.jg }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item >
|
|
|
|
|
<template slot="label"> 休学类型 </template>
|
|
|
|
|
{{ quitSchoolTypeMethodFormat(form) }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item span="3">
|
|
|
|
|
<template slot="label"> 休学类别 </template>
|
|
|
|
|
{{ quitSchoolMethodFormat(form) }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item span="3">
|
|
|
|
|
<template slot="label"> 附件上传 </template>
|
|
|
|
|
<Affix v-model="form.attachmentUpload" :disabled="true"></Affix>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item span="3">
|
|
|
|
|
<template slot="label"> 申请原因 </template>
|
|
|
|
|
{{ form.reasonApplying }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item span="3">
|
|
|
|
|
<template slot="label"> 签名 </template>
|
|
|
|
|
<img v-if="form.applySignature" :src="baseUrl + form.applySignature" width="200px" height="200px" class="avatar" />
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item span="3">
|
|
|
|
|
<template slot="label"> 辅导员联系情况 </template>
|
|
|
|
|
{{ form.ideologicalEducation }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item span="3">
|
|
|
|
|
<template slot="label"> 在校时间说明 </template>
|
|
|
|
|
{{ form.instructionSchoolHours }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
|
|
|
|
|
<!-- 退学 -->
|
|
|
|
|
|
|
|
|
|
<!-- 复学 -->
|
|
|
|
|
|
|
|
|
|
<!-- 给予退学 -->
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin-left: 15%; margin-bottom: 20px; font-size: 14px; margin-top: 20px">
|
|
|
|
|
<el-button v-if="!formKeyExist" icon="el-icon-edit-outline" type="success" size="mini" @click="handleComplete">同意 </el-button>
|
|
|
|
|
<!-- <el-button icon="el-icon-edit-outline" type="primary" size="mini" @click="handleDelegate">委派</el-button>-->
|
|
|
|
|
<!-- <el-button icon="el-icon-edit-outline" type="primary" size="mini" @click="handleAssign">转办</el-button>-->
|
|
|
|
|
<!-- <el-button icon="el-icon-edit-outline" type="primary" size="mini" @click="handleDelegate">签收</el-button>-->
|
|
|
|
|
<el-button icon="el-icon-refresh-left" type="warning" v-if="rejectBtn" size="mini" @click="handleReturn">退回</el-button>
|
|
|
|
|
<!-- <el-button icon="el-icon-circle-close" type="danger" v-if="rejectBtn" size="mini" @click="handleReject">驳回</el-button> -->
|
|
|
|
|
<el-button icon="el-icon-circle-close" type="danger" v-if="rejectBtn" size="mini" @click="handleReject">驳回</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
<!--流程流转记录-->
|
|
|
|
|
<el-tab-pane label="流转记录" name="2">
|
|
|
|
|
<!--flowRecordList-->
|
|
|
|
|
<el-col :span="16" :offset="4">
|
|
|
|
|
<div class="block">
|
|
|
|
|
<el-timeline>
|
|
|
|
|
<el-timeline-item v-for="(item, index) in flowRecordList" :key="index" :icon="setIcon(item.finishTime)" :color="setColor(item.finishTime)">
|
|
|
|
|
<p style="font-weight: 700">{{ item.taskName }}</p>
|
|
|
|
|
<el-card :body-style="{ padding: '10px' }">
|
|
|
|
|
<el-descriptions class="margin-top" :column="1" size="small" border>
|
|
|
|
|
<el-descriptions-item v-if="item.assigneeName" label-class-name="my-label">
|
|
|
|
|
<template slot="label"><i class="el-icon-user"></i>办理人</template>
|
|
|
|
|
{{ item.assigneeName }}
|
|
|
|
|
<el-tag type="info" size="mini">{{ item.deptName }}</el-tag>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item v-if="item.candidate" label-class-name="my-label">
|
|
|
|
|
<template slot="label"><i class="el-icon-user"></i>候选办理</template>
|
|
|
|
|
{{ item.candidate }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label-class-name="my-label">
|
|
|
|
|
<template slot="label"><i class="el-icon-date"></i>接收时间</template>
|
|
|
|
|
{{ item.createTime }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item v-if="item.finishTime" label-class-name="my-label">
|
|
|
|
|
<template slot="label"><i class="el-icon-date"></i>处理时间</template>
|
|
|
|
|
{{ item.finishTime }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item v-if="item.duration" label-class-name="my-label">
|
|
|
|
|
<template slot="label"><i class="el-icon-time"></i>耗时</template>
|
|
|
|
|
{{ item.duration }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item v-if="item.comment" label-class-name="my-label">
|
|
|
|
|
<template slot="label"><i class="el-icon-tickets"></i>处理意见</template>
|
|
|
|
|
{{ item.comment.comment }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
</el-card>
|
|
|
|
|
</el-timeline-item>
|
|
|
|
|
</el-timeline>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
<!--流程图-->
|
|
|
|
|
<el-tab-pane label="流程图" name="3">
|
|
|
|
|
<flow :flowData="flowData" />
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
</el-tabs>
|
|
|
|
|
<!--审批任务-->
|
|
|
|
|
<el-dialog :title="completeTitle" class="certificate-service" :visible.sync="completeOpen" width="60%" append-to-body>
|
|
|
|
|
<!-- 处分决定书 -->
|
|
|
|
|
<el-card v-if="showLetterService">
|
|
|
|
|
<div class="flex justify-center items-center min-h-screen">
|
|
|
|
|
<div class="flex flex-col items-start p-6 border border-zinc-300 dark:border-zinc-700 relative">
|
|
|
|
|
<h1 class="text-lg font-bold mb-2 text-zinc-900 dark:text-zinc-100 text-center">广西水利电力职业技术学院处分决定送达书</h1>
|
|
|
|
|
<p class="mb-4 text-zinc-600 dark:text-zinc-300">{{ form.stuName }}同学:</p>
|
|
|
|
|
<p class="mb-4 text-zinc-600 dark:text-zinc-300 desc">{{ form.letterService }}</p>
|
|
|
|
|
<div class="stamp">
|
|
|
|
|
<img src="https://gss0.baidu.com/7Po3dSag_xI4khGko9WTAnF6hhy/zhidao/wh%3D450%2C600/sign=debd0a4bb2fd5266a77e34109e28bb1d/8d5494eef01f3a297283d36e9d25bc315d607cc2.jpg" alt="Stamp" />
|
|
|
|
|
<!-- <img src="https://placehold.co/100x100" alt="Stamp" /> -->
|
|
|
|
|
<div>
|
|
|
|
|
<div>学生工作处</div>
|
|
|
|
|
<div>{{ form.violationDate }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <pdf :src="pdfURL"> </pdf> -->
|
|
|
|
|
<el-button @click="fileUpload" type="danger">下载处分下文</el-button>
|
|
|
|
|
</el-card>
|
|
|
|
|
<el-button @click="fileUpload" type="danger" v-if="showFileDowload">下载解除处分下文</el-button>
|
|
|
|
|
|
|
|
|
|
<el-card v-if="showQuitSchoolProve">
|
|
|
|
|
<div id="quitSchool" class="certificate">
|
|
|
|
|
<h1>休学证明</h1>
|
|
|
|
|
<h4>桂水电院 {{ form.quitYear }} 休字第 {{ form.quitNumber }}号</h4>
|
|
|
|
|
<p>{{ form.stuName }},{{ form.gender }},{{ form.mz }},{{ form.birthday }}出生,{{ form.jg }}人,{{ form.className }}学生,学号:{{ form.stuNo }}.该生于个人原因-{{ form.reasonApplying }},申请休学.经学校研究,同意休学,时间从{{ form.quitStartTime }}至{{ form.quitEndTime }}.</p>
|
|
|
|
|
<p>抄送:教务处、财务处、{{ form.departmentName }}</p>
|
|
|
|
|
<div class="stamp">
|
|
|
|
|
<img src="https://gss0.baidu.com/7Po3dSag_xI4khGko9WTAnF6hhy/zhidao/wh%3D450%2C600/sign=debd0a4bb2fd5266a77e34109e28bb1d/8d5494eef01f3a297283d36e9d25bc315d607cc2.jpg" alt="Stamp" />
|
|
|
|
|
<div>
|
|
|
|
|
<span>学生工作处</span>
|
|
|
|
|
<span>{{ form.quitStartTime }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
<el-form ref="taskForm" :model="taskForm" :rules="rules" label-width="130px">
|
|
|
|
|
<el-form-item prop="targetKey">
|
|
|
|
|
<flow-user v-if="checkSendUser" :checkType="checkType" @handleUserSelect="handleUserSelect"></flow-user>
|
|
|
|
|
<flow-role v-if="checkSendRole" @handleRoleSelect="handleRoleSelect"></flow-role>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- 处分表单 -->
|
|
|
|
|
<el-form-item label="处分文号" prop="penaltyNumber" v-if="dispositionServiceShow">
|
|
|
|
|
<el-input v-model="taskForm.penaltyNumber" placeholder="请输入处分文号" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="送达书" prop="letterServiceContent" v-if="dispositionServiceShow">
|
|
|
|
|
<el-input type="textarea" v-model="taskForm.letterServiceContent" placeholder="请输入送达书" rows="5" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<!-- <el-form-item label="违纪时间" prop="violationDate" v-if="dispositionServiceShow" :rules="[{ required: true, message: '请选择违纪日期', trigger: 'blur' }]">
|
|
|
|
|
<el-date-picker clearable v-model="taskForm.violationDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择违纪日期"> </el-date-picker>
|
|
|
|
|
</el-form-item> -->
|
|
|
|
|
<el-form-item label="处分时间" prop="disciplinaryDate" v-if="dispositionServiceShow" :rules="[{ required: true, message: '请选择违纪日期', trigger: 'blur' }]">
|
|
|
|
|
<el-date-picker clearable v-model="taskForm.disciplinaryDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择违纪日期"> </el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<!-- 解除表单 -->
|
|
|
|
|
<el-form-item label="解除处分文号" prop="relieveNumber" v-if="relieveServiceShow">
|
|
|
|
|
<el-input v-model="taskForm.relieveNumber" placeholder="请输入解除处分文号" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="处分期间表现" prop="ideologicalEducation" v-if="ideologicalEducationShow">
|
|
|
|
|
<el-input v-model="taskForm.ideologicalEducation" placeholder="请输入处分期间表现" type="textarea" rows="4" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<!-- 处分/解除处分 -->
|
|
|
|
|
<el-form-item label="处分材料" v-if="dispositionServiceShow || relieveServiceShow" prop="dispositionServiceContent">
|
|
|
|
|
<file-upload v-model="taskForm.dispositionServiceContent" :disabled="true" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<!-- 休学表单 -->
|
|
|
|
|
<el-form-item label="辅导员联系情况" prop="ideologicalEducation" v-if="quitSchoolShow">
|
|
|
|
|
<el-input v-model="taskForm.ideologicalEducation" placeholder="请输入辅导员联系情况" type="textarea" rows="4" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="在校时间说明 " prop="instructionSchoolHours" v-if="quitSchoolShow">
|
|
|
|
|
<el-input v-model="taskForm.instructionSchoolHours" placeholder="在校时间说明" type="textarea" rows="1" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<!-- 休学表单:学生教育管理科审核 -->
|
|
|
|
|
<el-form-item label="休学文号" prop="quitNumber" v-if="quitSchoolGLKSHShow">
|
|
|
|
|
<el-input v-model="taskForm.quitNumber" placeholder="请输入休学文号" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="休学开始时间" prop="quitStartTime" v-if="quitSchoolGLKSHShow">
|
|
|
|
|
<el-date-picker v-model="taskForm.quitStartTime" type="date" placeholder="开始时间"> </el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="休学结束时间" prop="quitEndTime" v-if="quitSchoolGLKSHShow">
|
|
|
|
|
<el-date-picker v-model="taskForm.quitEndTime" type="date" placeholder="结束时间"> </el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="休学类别" prop="quitCategory" v-if="quitSchoolGLKSHShow">
|
|
|
|
|
<el-select v-model="taskForm.quitCategory" placeholder="请选择休学类别">
|
|
|
|
|
<el-option v-for="dict in dict.type.rt_transaction_type" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="休学类型" prop="quitType" v-if="quitSchoolGLKSHShow">
|
|
|
|
|
<el-select v-model="taskForm.quitType" placeholder="请选择休学类型">
|
|
|
|
|
<el-option v-for="dict in dict.type.rt_quit_types" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="休学年份" prop="quitYear" v-if="quitSchoolGLKSHShow">
|
|
|
|
|
<el-select clearable v-model="taskForm.quitYear" placeholder="请退学年份">
|
|
|
|
|
<el-option v-for="dict in dict.type.sys_teacher_kpi_filling_year" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="休学备注" prop="remark" v-if="quitSchoolGLKSHShow">
|
|
|
|
|
<el-input v-model="taskForm.remark" placeholder="请输入备注" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="completeOpen = false">取 消</el-button>
|
|
|
|
|
<el-button type="primary" @click="taskComplete">确 定</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
<!--退回流程-->
|
|
|
|
|
<el-dialog :title="returnTitle" :visible.sync="returnOpen" width="40%" append-to-body>
|
|
|
|
|
<el-form ref="taskForm" :model="taskForm" label-width="80px">
|
|
|
|
|
<el-form-item label="退回节点" prop="targetKey">
|
|
|
|
|
<el-radio-group v-model="taskForm.targetKey">
|
|
|
|
|
<el-radio-button v-for="item in returnTaskList" :key="item.id" :label="item.id">{{ item.name }} </el-radio-button>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="退回意见" prop="comment" :rules="[{ required: true, message: '请输入意见', trigger: 'blur' }]">
|
|
|
|
|
<el-input style="width: 50%" type="textarea" v-model="taskForm.comment" placeholder="请输入意见" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="returnOpen = false">取 消</el-button>
|
|
|
|
|
<el-button type="primary" @click="taskReturn">确 定</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
<!--驳回流程-->
|
|
|
|
|
<el-dialog :title="rejectTitle" :visible.sync="rejectOpen" width="40%" append-to-body>
|
|
|
|
|
<el-form ref="taskForm" :model="taskForm" label-width="80px">
|
|
|
|
|
<el-form-item label="驳回意见" prop="comment" :rules="[{ required: true, message: '请输入意见', trigger: 'blur' }]">
|
|
|
|
|
<el-input style="width: 50%" type="textarea" v-model="taskForm.comment" placeholder="请输入意见" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="rejectOpen = false">取 消</el-button>
|
|
|
|
|
<el-button type="primary" @click="taskReject">确 定</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</el-card>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { flowXmlAndNode, getProcessVariables } from '@/api/flowable/definition'
|
|
|
|
|
import { flowRecord } from '@/api/flowable/finished'
|
|
|
|
|
import { complete, delegate, flowTaskForm, getNextFlowNode, rejectTask, returnList, returnTask } from '@/api/flowable/todo'
|
|
|
|
|
import { getDisciplinaryApplicationByProcInsId, getStuInfo, updateDisciplinaryApplication} from '@/api/routine/disciplinaryApplication'
|
|
|
|
|
import { getLeaveApplicationByProcInsId, getStuInfoByStuId } from '@/api/routine/leaveApplication'
|
|
|
|
|
import { getStuDisciplinaryRelieveByProcInsId, updateRelieve } from '@/api/routine/relieve'
|
|
|
|
|
import { getRtStuQuitSchoolByProcInsId, updateRtStuQuitSchool } from '@/api/routine/rtStuQuitSchool'
|
|
|
|
|
import FlowRole from '@/components/flow/Role'
|
|
|
|
|
import FlowUser from '@/components/flow/User'
|
|
|
|
|
import Parser from '@/components/parser/Parser'
|
|
|
|
|
import download from '@/plugins/download'
|
|
|
|
|
import { checkRole } from '@/utils/permission'; // 权限判断函数
|
|
|
|
|
import flow from '@/views/flowable/task/todo/detail/flow'
|
|
|
|
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
|
|
|
|
|
import pdf from 'vue-pdf'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: 'Record',
|
|
|
|
|
dicts: ['rt_penalty_type', 'rt_penalty_status', 'rt_quit_type', 'rt_transaction_type', 'sys_teacher_kpi_filling_year'],
|
|
|
|
|
components: {
|
|
|
|
|
Parser,
|
|
|
|
|
flow,
|
|
|
|
|
FlowUser,
|
|
|
|
|
FlowRole,
|
|
|
|
|
pdf,
|
|
|
|
|
},
|
|
|
|
|
props: {},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
// 模型xml数据
|
|
|
|
|
xmlData: '',
|
|
|
|
|
flowData: {},
|
|
|
|
|
activeName: '1',
|
|
|
|
|
// 部门名称
|
|
|
|
|
deptName: undefined,
|
|
|
|
|
// 部门树选项
|
|
|
|
|
// 用户表格数据
|
|
|
|
|
userList: null,
|
|
|
|
|
defaultProps: {
|
|
|
|
|
children: 'children',
|
|
|
|
|
label: 'label',
|
|
|
|
|
},
|
|
|
|
|
// 查询参数
|
|
|
|
|
queryParams: {
|
|
|
|
|
deptId: undefined,
|
|
|
|
|
},
|
|
|
|
|
// 遮罩层
|
|
|
|
|
loading: true,
|
|
|
|
|
flowRecordList: [], // 流程流转数据
|
|
|
|
|
formConfCopy: {},
|
|
|
|
|
src: null,
|
|
|
|
|
rules: {
|
|
|
|
|
penaltyNumber: [{ required: true, message: '请输入处分文号', trigger: 'blur' }],
|
|
|
|
|
letterServiceContent: [{ required: true, message: '请输入送达书', trigger: 'blur' }],
|
|
|
|
|
violationDate: [{ type: 'date', required: true, message: '请选择违纪日期', trigger: 'blur' }],
|
|
|
|
|
relieveNumber: [{ required: true, message: '请输入解除处分文号', trigger: 'blur' }],
|
|
|
|
|
dispositionServiceContent: [{ required: true, message: '请上传下文', trigger: 'blur' }],
|
|
|
|
|
ideologicalEducation: [{ required: true, message: '请输入处分期间表现', trigger: 'blur' }],
|
|
|
|
|
quitNumber: [{ required: true, message: '请输入休学文号', trigger: 'blur' }],
|
|
|
|
|
quitStartTime: [{ required: true, message: '请选择休学开始时间', trigger: 'blur' }],
|
|
|
|
|
quitEndTime: [{ required: true, message: '请选择休学结束时间', trigger: 'blur' }],
|
|
|
|
|
quitType: [{ required: true, message: '请选择休学类型', trigger: 'blur' }],
|
|
|
|
|
quitCategory: [{ required: true, message: '请选择休学类别', trigger: 'blur' }],
|
|
|
|
|
quitYear: [{ required: true, message: '请选择休学年份', trigger: 'blur' }],
|
|
|
|
|
instructionSchoolHours: [{ required: true, message: '请输入在校时间说明', trigger: 'blur' }],
|
|
|
|
|
ideologicalEducation: [{ required: true, message: '请输入辅导员联系情况', trigger: 'blur' }],
|
|
|
|
|
}, // 表单校验
|
|
|
|
|
variablesForm: {}, // 流程变量数据
|
|
|
|
|
taskForm: {
|
|
|
|
|
returnTaskShow: false, // 是否展示回退表单
|
|
|
|
|
delegateTaskShow: false, // 是否展示回退表单
|
|
|
|
|
defaultTaskShow: true, // 默认处理
|
|
|
|
|
comment: '', // 意见内容
|
|
|
|
|
procInsId: '', // 流程实例编号
|
|
|
|
|
instanceId: '', // 流程实例编号
|
|
|
|
|
deployId: '', // 流程定义编号
|
|
|
|
|
taskId: '', // 流程任务编号
|
|
|
|
|
procDefId: '', // 流程编号
|
|
|
|
|
targetKey: '',
|
|
|
|
|
variables: {
|
|
|
|
|
variables: {},
|
|
|
|
|
},
|
|
|
|
|
penaltyNumber: '',
|
|
|
|
|
letterServiceContent: '',
|
|
|
|
|
violationDate: '',
|
|
|
|
|
relieveNumber: '',
|
|
|
|
|
dispositionServiceContent: '',
|
|
|
|
|
ideologicalEducation: '',
|
|
|
|
|
},
|
|
|
|
|
assignee: null,
|
|
|
|
|
formConf: {}, // 默认表单数据
|
|
|
|
|
variables: [], // 流程变量数据
|
|
|
|
|
variablesData: {}, // 流程变量数据
|
|
|
|
|
returnTaskList: [], // 回退列表数据
|
|
|
|
|
completeTitle: null,
|
|
|
|
|
completeOpen: false,
|
|
|
|
|
returnTitle: null,
|
|
|
|
|
returnOpen: false,
|
|
|
|
|
rejectOpen: false,
|
|
|
|
|
rejectTitle: null,
|
|
|
|
|
userData: [],
|
|
|
|
|
checkSendUser: false, // 是否展示人员选择模块
|
|
|
|
|
checkSendRole: false, // 是否展示角色选择模块
|
|
|
|
|
checkType: 'single', // 选择类型
|
|
|
|
|
taskName: null, // 任务节点
|
|
|
|
|
startUser: null, // 发起人信息,
|
|
|
|
|
multiInstanceVars: '', // 会签节点
|
|
|
|
|
formKeyExist: false, // 当前节点是否存在表单
|
|
|
|
|
// 表单参数:目前是考勤表单
|
|
|
|
|
form: {},
|
|
|
|
|
// 学生基础信息
|
|
|
|
|
stuInfo: {},
|
|
|
|
|
baseUrl: process.env.VUE_APP_BASE_API,
|
|
|
|
|
category: null, // 流程分类
|
|
|
|
|
leaveForm: false, // 请假表单
|
|
|
|
|
disposalForm: false, // 处分表单
|
|
|
|
|
relieveForm: false, // 解除处分表单
|
|
|
|
|
quitSchoolForm: false, // 休学申请表单
|
|
|
|
|
dispositionServiceShow: false, //处分下文输入框显示
|
|
|
|
|
relieveServiceShow: false, //处分下文输入框显示
|
|
|
|
|
quitSchoolShow: false, // 休学申请输入框显示
|
|
|
|
|
quitSchoolGLKSHShow: false, // 学生教育管理科审核
|
|
|
|
|
showLetterService: false, //处分送达书是否展示
|
|
|
|
|
showQuitSchoolProve: false, //休学证明
|
|
|
|
|
rejectBtn: true, //驳回按钮
|
|
|
|
|
dispositionServiceContent: '', //处分下文
|
|
|
|
|
pdfURL: '', // pdf路径
|
|
|
|
|
letterServiceContent: '', // 送达书文字
|
|
|
|
|
ideologicalEducationShow: false, // 处分期间表现输入框
|
|
|
|
|
showFileDowload: false, //是否显示下载下文
|
|
|
|
|
quitTypeOptions: [], //休学类别
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
if (this.$route.query) {
|
|
|
|
|
this.taskName = this.$route.query.taskName
|
|
|
|
|
this.startUser = this.$route.query.startUser
|
|
|
|
|
this.taskForm.deployId = this.$route.query.deployId
|
|
|
|
|
this.taskForm.taskId = this.$route.query.taskId
|
|
|
|
|
this.taskForm.procInsId = this.$route.query.procInsId
|
|
|
|
|
this.taskForm.executionId = this.$route.query.executionId
|
|
|
|
|
this.taskForm.instanceId = this.$route.query.procInsId
|
|
|
|
|
this.category = this.$route.query.category
|
|
|
|
|
// 如果任务名是其中的两个,则改变审批意见的输入框内容
|
|
|
|
|
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.taskName == '辅导员接收') && this.category == 'quitSchool') {
|
|
|
|
|
this.showQuitSchoolProve = true
|
|
|
|
|
}
|
|
|
|
|
if (this.taskName == '学生接收' && this.category == 'relieve') {
|
|
|
|
|
this.showFileDowload = true
|
|
|
|
|
}
|
|
|
|
|
if (this.category == 'leave') {
|
|
|
|
|
this.leaveForm = true
|
|
|
|
|
// 查询表单数据
|
|
|
|
|
this.getLeaveApplication(this.taskForm.procInsId)
|
|
|
|
|
} else if (this.category == 'disposal') {
|
|
|
|
|
this.disposalForm = true
|
|
|
|
|
this.getDisciplinaryApplication(this.taskForm.procInsId)
|
|
|
|
|
} else if (this.category == 'relieve') {
|
|
|
|
|
this.relieveForm = true
|
|
|
|
|
this.getStuDisciplinaryRelieve(this.taskForm.procInsId)
|
|
|
|
|
if (this.taskName == '辅导员意见审批') {
|
|
|
|
|
this.ideologicalEducationShow = true
|
|
|
|
|
}
|
|
|
|
|
} else if (this.category == 'quitSchool') {
|
|
|
|
|
this.quitSchoolForm = true
|
|
|
|
|
this.getRtStuQuitSchoolByProcInsId(this.taskForm.procInsId)
|
|
|
|
|
if (this.taskName == '辅导员联系情况') {
|
|
|
|
|
this.quitSchoolShow = true
|
|
|
|
|
}
|
|
|
|
|
if (this.taskName == '学生教育管理科审核') {
|
|
|
|
|
this.quitSchoolGLKSHShow = true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 流程任务获取变量信息
|
|
|
|
|
if (this.taskForm.taskId) {
|
|
|
|
|
this.processVariables(this.taskForm.taskId)
|
|
|
|
|
this.getFlowTaskForm(this.taskForm.taskId)
|
|
|
|
|
}
|
|
|
|
|
this.getFlowRecordList(this.taskForm.procInsId, this.taskForm.deployId)
|
|
|
|
|
this.rejectBtn = !checkRole(['teststu'])
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
penaltyTypeMethodFormat(row, column) {
|
|
|
|
|
return this.selectDictLabel(this.dict.type.rt_penalty_type, row.penaltyType)
|
|
|
|
|
},
|
|
|
|
|
quitSchoolMethodFormat(row, column) {
|
|
|
|
|
return this.selectDictLabel(this.dict.type.rt_quit_type, row.quitCategory)
|
|
|
|
|
},
|
|
|
|
|
quitSchoolTypeMethodFormat(row, column) {
|
|
|
|
|
return this.selectDictLabel(this.dict.type.rt_quit_type, row.quitType)
|
|
|
|
|
},
|
|
|
|
|
getRtStuQuitSchoolByProcInsId(procInsId) {
|
|
|
|
|
getRtStuQuitSchoolByProcInsId(procInsId).then((res) => {
|
|
|
|
|
this.form = res.data
|
|
|
|
|
this.taskForm.quitType = this.form.quitType
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 请求 解除处分表单数据
|
|
|
|
|
getStuDisciplinaryRelieve(procInsId) {
|
|
|
|
|
getStuDisciplinaryRelieveByProcInsId(procInsId).then((response) => {
|
|
|
|
|
console.log('-----------', response)
|
|
|
|
|
this.form = response.data
|
|
|
|
|
this.form.penaltyType = this.form.penaltyType.toString()
|
|
|
|
|
this.pdfURL = this.baseUrl + this.form.relieveService
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 请求 请假表单数据
|
|
|
|
|
getLeaveApplication(procInsId) {
|
|
|
|
|
getLeaveApplicationByProcInsId(procInsId).then((response) => {
|
|
|
|
|
this.form = response.data
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 请求 处分表单数据
|
|
|
|
|
getDisciplinaryApplication(procInsId) {
|
|
|
|
|
getDisciplinaryApplicationByProcInsId(procInsId).then((response) => {
|
|
|
|
|
this.form = response.data
|
|
|
|
|
this.form.penaltyType = this.form.penaltyType.toString()
|
|
|
|
|
this.pdfURL = this.baseUrl + this.form.dispositionService
|
|
|
|
|
this.getStuInfo(this.form.stuNo)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getStuInfo(stuNo) {
|
|
|
|
|
getStuInfo(stuNo).then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
// console.log(res)
|
|
|
|
|
this.stuInfo = res.data
|
|
|
|
|
console.log('学生数据', this.stuInfo)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getStuInfoByStuId(stuNo) {
|
|
|
|
|
getStuInfoByStuId(stuNo).then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
this.stuInfo = res.data
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleClick(tab, event) {
|
|
|
|
|
if (tab.name === '3') {
|
|
|
|
|
flowXmlAndNode({ procInsId: this.taskForm.procInsId, deployId: this.taskForm.deployId }).then((res) => {
|
|
|
|
|
this.flowData = res.data
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
setIcon(val) {
|
|
|
|
|
if (val) {
|
|
|
|
|
return 'el-icon-check'
|
|
|
|
|
} else {
|
|
|
|
|
return 'el-icon-time'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
setColor(val) {
|
|
|
|
|
if (val) {
|
|
|
|
|
return '#2bc418'
|
|
|
|
|
} else {
|
|
|
|
|
return '#b3bdbb'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 用户信息选中数据
|
|
|
|
|
handleUserSelect(selection) {
|
|
|
|
|
if (selection) {
|
|
|
|
|
if (selection instanceof Array) {
|
|
|
|
|
const selectVal = selection.map((item) => item.userId)
|
|
|
|
|
if (this.multiInstanceVars) {
|
|
|
|
|
this.$set(this.taskForm.variables, this.multiInstanceVars, selectVal)
|
|
|
|
|
} else {
|
|
|
|
|
this.$set(this.taskForm.variables, 'approval', selectVal.join(','))
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
this.$set(this.taskForm.variables, 'approval', selection.userId.toString())
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 角色信息选中数据
|
|
|
|
|
handleRoleSelect(selection) {
|
|
|
|
|
if (selection) {
|
|
|
|
|
if (selection instanceof Array) {
|
|
|
|
|
const selectVal = selection.map((item) => item.roleId)
|
|
|
|
|
this.$set(this.taskForm.variables, 'approval', selectVal.join(','))
|
|
|
|
|
} else {
|
|
|
|
|
this.$set(this.taskForm.variables, 'approval', selection)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
/** 流程流转记录 */
|
|
|
|
|
getFlowRecordList(procInsId, deployId) {
|
|
|
|
|
const that = this
|
|
|
|
|
const params = { procInsId: procInsId, deployId: deployId }
|
|
|
|
|
flowRecord(params)
|
|
|
|
|
.then((res) => {
|
|
|
|
|
that.flowRecordList = res.data.flowList
|
|
|
|
|
})
|
|
|
|
|
.catch((res) => {
|
|
|
|
|
this.goBack()
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
fillFormData(form, data) {
|
|
|
|
|
form.fields.forEach((item) => {
|
|
|
|
|
const val = data[item.__vModel__]
|
|
|
|
|
if (val) {
|
|
|
|
|
item.__config__.defaultValue = val
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
/** 获取流程变量内容 */
|
|
|
|
|
processVariables(taskId) {
|
|
|
|
|
if (taskId) {
|
|
|
|
|
// 提交流程申请时填写的表单存入了流程变量中后续任务处理时需要展示
|
|
|
|
|
getProcessVariables(taskId).then((res) => {
|
|
|
|
|
this.variablesData = res.data.variables
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
/** 流程节点表单 */
|
|
|
|
|
getFlowTaskForm(taskId) {
|
|
|
|
|
if (taskId) {
|
|
|
|
|
// 提交流程申请时填写的表单存入了流程变量中后续任务处理时需要展示
|
|
|
|
|
flowTaskForm({ taskId: taskId }).then((res) => {
|
|
|
|
|
this.variablesData = res.data.formData
|
|
|
|
|
this.taskForm.variables = res.data.formData
|
|
|
|
|
this.formKeyExist = res.data.formKeyExist
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
/** 加载审批任务弹框 */
|
|
|
|
|
handleComplete() {
|
|
|
|
|
// this.completeOpen = true;
|
|
|
|
|
// this.completeTitle = "流程审批";
|
|
|
|
|
this.submitForm(null)
|
|
|
|
|
},
|
|
|
|
|
/** 用户审批任务 */
|
|
|
|
|
taskComplete() {
|
|
|
|
|
// if (!this.taskForm.variables && this.checkSendUser) {
|
|
|
|
|
// this.$modal.msgError('请选择流程接收人员!')
|
|
|
|
|
// return
|
|
|
|
|
// }
|
|
|
|
|
// if (!this.taskForm.variables && this.checkSendRole) {
|
|
|
|
|
// this.$modal.msgError('请选择流程接收角色组!')
|
|
|
|
|
// return
|
|
|
|
|
// }
|
|
|
|
|
this.$refs['taskForm'].validate((valid) => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
this.$modal.loading('正在努力加载中,请稍等...')
|
|
|
|
|
|
|
|
|
|
this.taskForm.comment = '同意'
|
|
|
|
|
if (this.taskForm && this.formKeyExist) {
|
|
|
|
|
// 表单是否禁用
|
|
|
|
|
this.taskForm.formData.formData.disabled = true
|
|
|
|
|
// 是否显示按钮
|
|
|
|
|
this.taskForm.formData.formData.formBtns = false
|
|
|
|
|
this.taskForm.variables = Object.assign({}, this.taskForm.variables, this.taskForm.formData.valData)
|
|
|
|
|
this.taskForm.variables.variables = this.taskForm.formData.formData
|
|
|
|
|
|
|
|
|
|
complete(this.taskForm).then((response) => {
|
|
|
|
|
this.$modal.closeLoading()
|
|
|
|
|
|
|
|
|
|
this.goBack()
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
// 流程设计人员类型配置为固定人员接收任务时,直接提交任务到下一步
|
|
|
|
|
complete(this.taskForm).then((response) => {
|
|
|
|
|
if ((this.taskName == '学务干事审批归档' || this.taskName == '学生教育管理科审批归档') && this.category == 'disposal') {
|
|
|
|
|
this.form.dispositionService = this.taskForm.dispositionServiceContent
|
|
|
|
|
this.form.penaltyNumber = this.taskForm.penaltyNumber
|
|
|
|
|
this.form.violationDate = this.taskForm.violationDate
|
|
|
|
|
this.form.disciplinaryDate=this.taskForm.disciplinaryDate
|
|
|
|
|
this.editDisciplinaryApplication()
|
|
|
|
|
} else if ((this.taskName == '学务干事审批归档' || this.taskName == '学生教育管理科审批归档') && this.category == 'relieve') {
|
|
|
|
|
this.form.relieveService = this.taskForm.dispositionServiceContent
|
|
|
|
|
this.form.relieveNumber = this.taskForm.relieveNumber
|
|
|
|
|
this.updateRelieve()
|
|
|
|
|
} else if (this.taskName == '辅导员意见审批' && this.category == 'relieve') {
|
|
|
|
|
this.form.ideologicalEducation = this.taskForm.ideologicalEducation
|
|
|
|
|
this.updateRelieve()
|
|
|
|
|
} else if (this.taskName == '辅导员联系情况' && this.category == 'quitSchool') {
|
|
|
|
|
this.form.ideologicalEducation = this.taskForm.ideologicalEducation
|
|
|
|
|
this.form.instructionSchoolHours = this.taskForm.instructionSchoolHours
|
|
|
|
|
this.updateRtStuQuitSchool()
|
|
|
|
|
} else if (this.taskName == '学生教育管理科审核' && this.category == 'quitSchool') {
|
|
|
|
|
// 学生教育管理科审核,赋值
|
|
|
|
|
this.form.quitStartTime = this.taskForm.quitStartTime
|
|
|
|
|
this.form.quitEndTime = this.taskForm.quitEndTime
|
|
|
|
|
this.form.quitType = this.taskForm.quitType
|
|
|
|
|
this.form.quitCategory = this.taskForm.quitCategory
|
|
|
|
|
this.form.quitNumber = this.taskForm.quitNumber
|
|
|
|
|
this.form.remark = this.taskForm.remark
|
|
|
|
|
this.updateRtStuQuitSchool()
|
|
|
|
|
} else {
|
|
|
|
|
this.$modal.msgSuccess(response.msg)
|
|
|
|
|
}
|
|
|
|
|
this.$modal.closeLoading()
|
|
|
|
|
|
|
|
|
|
this.goBack()
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
editDisciplinaryApplication() {
|
|
|
|
|
this.form.penaltyStatus = '0'
|
|
|
|
|
this.form.letterService = this.taskForm.letterServiceContent
|
|
|
|
|
this.form.violationDate=this.taskForm.violationDate
|
|
|
|
|
this.form.disciplinaryDate=this.taskForm.disciplinaryDate
|
|
|
|
|
updateDisciplinaryApplication(this.form).then((response) => {
|
|
|
|
|
this.$modal.msgSuccess(response.msg)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
updateRelieve() {
|
|
|
|
|
updateRelieve(this.form).then((response) => {
|
|
|
|
|
this.$modal.msgSuccess(response.msg)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
updateRtStuQuitSchool() {
|
|
|
|
|
updateRtStuQuitSchool(this.form).then((response) => {
|
|
|
|
|
this.$modal.msgSuccess(response.msg)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
/** 委派任务 */
|
|
|
|
|
handleDelegate() {
|
|
|
|
|
this.taskForm.delegateTaskShow = true
|
|
|
|
|
this.taskForm.defaultTaskShow = false
|
|
|
|
|
},
|
|
|
|
|
handleAssign() {},
|
|
|
|
|
/** 返回页面 */
|
|
|
|
|
goBack() {
|
|
|
|
|
// 关闭当前标签页并返回上个页面
|
|
|
|
|
const obj = { path: '/task/todo', query: { t: Date.now() } }
|
|
|
|
|
console.log(obj)
|
|
|
|
|
this.$tab.closeOpenPage(obj)
|
|
|
|
|
},
|
|
|
|
|
/** 驳回任务 */
|
|
|
|
|
handleReject() {
|
|
|
|
|
this.rejectOpen = true
|
|
|
|
|
this.rejectTitle = '驳回流程'
|
|
|
|
|
},
|
|
|
|
|
/** 驳回任务 */
|
|
|
|
|
taskReject() {
|
|
|
|
|
this.$refs['taskForm'].validate((valid) => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
rejectTask(this.taskForm).then((res) => {
|
|
|
|
|
this.$modal.msgSuccess(res.msg)
|
|
|
|
|
this.goBack()
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
/** 可退回任务列表 */
|
|
|
|
|
handleReturn() {
|
|
|
|
|
this.returnOpen = true
|
|
|
|
|
this.returnTitle = '退回流程'
|
|
|
|
|
returnList(this.taskForm).then((res) => {
|
|
|
|
|
this.returnTaskList = res.data
|
|
|
|
|
this.taskForm.variables = null
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
/** 提交退回任务 */
|
|
|
|
|
taskReturn() {
|
|
|
|
|
this.$refs['taskForm'].validate((valid) => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
returnTask(this.taskForm).then((res) => {
|
|
|
|
|
this.$modal.msgSuccess(res.msg)
|
|
|
|
|
this.goBack()
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
/** 取消回退任务按钮 */
|
|
|
|
|
cancelTask() {
|
|
|
|
|
this.taskForm.returnTaskShow = false
|
|
|
|
|
this.taskForm.defaultTaskShow = true
|
|
|
|
|
this.returnTaskList = []
|
|
|
|
|
},
|
|
|
|
|
/** 委派任务 */
|
|
|
|
|
submitDeleteTask() {
|
|
|
|
|
this.$refs['taskForm'].validate((valid) => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
delegate(this.taskForm).then((response) => {
|
|
|
|
|
this.$modal.msgSuccess(response.msg)
|
|
|
|
|
this.goBack()
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
/** 取消回退任务按钮 */
|
|
|
|
|
cancelDelegateTask() {
|
|
|
|
|
this.taskForm.delegateTaskShow = false
|
|
|
|
|
this.taskForm.defaultTaskShow = true
|
|
|
|
|
this.returnTaskList = []
|
|
|
|
|
},
|
|
|
|
|
/** 申请流程表单数据提交 */
|
|
|
|
|
submitForm(formData) {
|
|
|
|
|
// 根据当前任务或者流程设计配置的下一步节点 todo 暂时未涉及到考虑网关、表达式和多节点情况
|
|
|
|
|
const params = { taskId: this.taskForm.taskId }
|
|
|
|
|
getNextFlowNode(params).then((res) => {
|
|
|
|
|
const data = res.data
|
|
|
|
|
this.taskForm.formData = formData
|
|
|
|
|
// if (data) {
|
|
|
|
|
// if (data.dataType === 'dynamic') {
|
|
|
|
|
// if (data.type === 'assignee') { // 指定人员
|
|
|
|
|
// this.checkSendUser = true;
|
|
|
|
|
// this.checkType = "single";
|
|
|
|
|
// } else if (data.type === 'candidateUsers') { // 候选人员(多个)
|
|
|
|
|
// this.checkSendUser = true;
|
|
|
|
|
// this.checkType = "multiple";
|
|
|
|
|
// } else if (data.type === 'candidateGroups') { // 指定组(所属角色接收任务)
|
|
|
|
|
// this.checkSendRole = true;
|
|
|
|
|
// } else { // 会签
|
|
|
|
|
// // 流程设计指定的 elementVariable 作为会签人员列表
|
|
|
|
|
// this.multiInstanceVars = data.vars;
|
|
|
|
|
// this.checkSendUser = true;
|
|
|
|
|
// this.checkType = "multiple";
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
this.completeOpen = true
|
|
|
|
|
this.completeTitle = '流程审批'
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
fileUpload() {
|
|
|
|
|
download.resource(this.pdfURL)
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.test-form {
|
|
|
|
|
margin: 15px auto;
|
|
|
|
|
width: 800px;
|
|
|
|
|
padding: 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.clearfix:before,
|
|
|
|
|
.clearfix:after {
|
|
|
|
|
display: table;
|
|
|
|
|
content: '';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.clearfix:after {
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.box-card {
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-tag + .el-tag {
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.my-label {
|
|
|
|
|
background: #e1f3d8;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.indented-text {
|
|
|
|
|
text-indent: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.gongzhang {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.gongzhang img {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -20px;
|
|
|
|
|
/* 根据需要调整图片的垂直位置 */
|
|
|
|
|
left: 0;
|
|
|
|
|
/* 根据需要调整图片的水平位置 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.gongzhang p {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
/* 根据需要调整两个 p 标签之间的垂直距离 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.certificate-service {
|
|
|
|
|
.desc {
|
|
|
|
|
text-indent: 2em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.stamp {
|
|
|
|
|
text-align: right;
|
|
|
|
|
& > div {
|
|
|
|
|
margin-top: -70px;
|
|
|
|
|
margin-right: 25px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
width: 120px;
|
|
|
|
|
height: 120px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.certificate {
|
|
|
|
|
padding: 0 50px;
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 34px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #868585;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
p {
|
|
|
|
|
text-indent: 32px;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
color: #333;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.stamp {
|
|
|
|
|
position: relative;
|
|
|
|
|
height: 115px;
|
|
|
|
|
margin-top: 50px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
color: #333;
|
|
|
|
|
line-height: 35px;
|
|
|
|
|
letter-spacing: 3px;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
|
|
|
|
|
& > div {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
margin-right: 28px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
width: 180px;
|
|
|
|
|
height: 180px;
|
|
|
|
|
top: -54px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: -1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
