This commit is contained in:
2025-09-25 09:19:48 +08:00
parent 45888897b4
commit be44b80099
14 changed files with 1701 additions and 54 deletions
@@ -8,16 +8,16 @@ layout("/layouts/platform.html"){
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"></el-input>
</search-item>
<search-item label="教代会">
<el-select v-model="pageForm.sessionId" @change="sessionChange">
<el-select v-model="pageForm.sessionId">
<el-option v-for="item in sessionOptions" :label="item.fullName" :value="item.id"
:key="item.id"></el-option>
</el-select>
</search-item>
<search-item label="分工会">
<el-select v-model="pageForm.unionId" filterable @change="listUnit" clearable style="width: 100%">
<el-option v-for="i in unionOptions" :label="i.name" :key="i.id" :value="i.id"></el-option>
</el-select>
</search-item>
<!-- <search-item label="分工会">
<el-select v-model="pageForm.unionId" filterable @change="listUnit" clearable style="width: 100%">
<el-option v-for="i in unionOptions" :label="i.name" :key="i.id" :value="i.id"></el-option>
</el-select>
</search-item>-->
</search>
</el-card>
@@ -41,7 +41,7 @@ layout("/layouts/platform.html"){
@click="$refs.pushAttendanceRef.onOpen(pageForm.sessionId,pageForm.unionId)"
>列席代表预选
</el-button>
<el-button icon="el-icon-download" size="small" type="primary" @click="doExport">导出</el-button>
<!-- <el-button icon="el-icon-download" size="small" type="primary" @click="doExport">导出</el-button>-->
<el-button icon="el-icon-check" size="small" type="primary" @click="onBatchSubmit">正式代表提交上报
</el-button>
@@ -60,75 +60,113 @@ layout("/layouts/platform.html"){
row-key="id"
@sort-change="pageOrder"
>
<el-table-column type="selection" width="55" reserve-selection fixed="left"></el-table-column>
<el-table-column type="selection" width="55" reserve-selection fixed="left" :selectable="(row)=>{return row.taskKey==='0cacd1e7-7bb2-47dd-818b-6a73062e0c62'}"></el-table-column>
<el-table-column type="index" width="55" label="序号" :index="indexMethod" fixed="left"></el-table-column>
<el-table-column label="姓名" prop="userName" width="100" fixed="left"></el-table-column>
<el-table-column label="年龄" prop="age" width="100"></el-table-column>
<el-table-column label="性别" prop="sex" width="100" fixed="left"></el-table-column>
<el-table-column label="民族" prop="nation" min-width="100"></el-table-column>
<el-table-column label="职称" prop="jobTitle" min-width="150"></el-table-column>
<el-table-column label="职级" prop="jobTitleLevel" min-width="100"></el-table-column>
<el-table-column label="职称" prop="professionalTitle" min-width="150"></el-table-column>
<el-table-column label="职级" prop="professionalLevel" min-width="100"></el-table-column>
<el-table-column label="校级领导" prop="schoolLeader" min-width="100">
<template scope="{row}">
<template v-slot="{row}">
<el-checkbox
v-if="row"
v-model="row.schoolLeader"
:style="{'pointer-events':row.stateCode===0?'auto':'none'}"
:style="{'pointer-events':(row.taskKey === 'startTask' || row.taskKey==='53ff0c2a-ba93-45e9-a9fd-db51cdab3080' || !row.instanceId)?'auto':'none'}"
></el-checkbox>
</template>
</el-table-column>
<el-table-column label="中层领导" prop="middleLevelLeader" min-width="100">
<template scope="{row}">
<template v-slot="{row}">
<el-checkbox
v-if="row"
v-model="row.middleLevelLeader"
:style="{'pointer-events':row.stateCode===0?'auto':'none'}"
:style="{'pointer-events':(row.taskKey === 'startTask' || row.taskKey==='53ff0c2a-ba93-45e9-a9fd-db51cdab3080' || !row.instanceId)?'auto':'none'}"
></el-checkbox>
</template>
</el-table-column>
<el-table-column label="专任教师" prop="ordinaryTeacher" min-width="100">
<template scope="{row}">
<template v-slot="{row}">
<el-checkbox
v-if="row"
v-model="row.ordinaryTeacher"
:style="{'pointer-events':row.stateCode===0?'auto':'none'}"
:style="{'pointer-events':(row.taskKey === 'startTask' || row.taskKey==='53ff0c2a-ba93-45e9-a9fd-db51cdab3080' || !row.instanceId)?'auto':'none'}"
></el-checkbox>
</template>
</el-table-column>
<el-table-column label="高级职称专任教师" prop="seniorTeacher" min-width="150">
<template scope="{row}">
<template v-slot="{row}">
<el-checkbox
v-if="row"
v-model="row.seniorTeacher"
style="pointer-events:none"
:style="{'pointer-events':(row.taskKey === 'startTask' || row.taskKey==='53ff0c2a-ba93-45e9-a9fd-db51cdab3080' || !row.instanceId)?'auto':'none'}"
></el-checkbox>
</template>
</el-table-column>
<el-table-column label="教代会代表" prop="isJdh" min-width="100">
<template scope="{row}">
<template v-slot="{row}">
<el-checkbox
v-if="row"
v-model="row.isJdh"
:style="{'pointer-events':row.stateCode===0?'auto':'none'}"
:style="{'pointer-events':(row.taskKey === 'startTask' || row.taskKey==='53ff0c2a-ba93-45e9-a9fd-db51cdab3080' || !row.instanceId)?'auto':'none'}"
></el-checkbox>
</template>
</el-table-column>
<el-table-column label="工代会代表" prop="isGdh" min-width="100">
<template scope="{row}">
<template v-slot="{row}">
<el-checkbox
v-if="row"
v-model="row.isGdh"
:style="{'pointer-events':row.stateCode===0?'auto':'none'}"
:style="{'pointer-events':(row.taskKey === 'startTask' || row.taskKey==='53ff0c2a-ba93-45e9-a9fd-db51cdab3080' || !row.instanceId)?'auto':'none'}"
></el-checkbox>
</template>
</el-table-column>
<el-table-column label="代表类型" prop="representativeType" show-overflow-tooltip width="100"
fixed="right"></el-table-column>
<el-table-column label="代表类型" prop="representativeType" show-overflow-tooltip width="100"></el-table-column>
<el-table-column prop="taskName" label="当前节点" width="120"></el-table-column>
<el-table-column prop="instanceState" label="流程状态">
<template slot-scope="{row}">
<enum-tag :value="row.instanceState" name="ProcessInstanceStateEnum" label_key="message"
size="small"></enum-tag>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="300px">
<template slot-scope="{row}">
<el-button @click="onView(row)" size="mini" type="primary">查看</el-button>
<el-button v-if="row.taskKey === 'startTask' || row.taskKey==='53ff0c2a-ba93-45e9-a9fd-db51cdab3080' || !row.instanceId" @click="onEdit(row)" size="mini"
type="primary">编辑
</el-button>
<template >
<el-button v-if="$auth.hasRoleOr('SYSADMIN, SCHOOL_UNION_ADMIN')" @click="onDelete(row.id)" size="mini" type="danger">
删除
</el-button>
<el-button v-else-if="row.taskKey === 'startTask' || row.taskKey==='53ff0c2a-ba93-45e9-a9fd-db51cdab3080' || !row.instanceId" @click="onDelete(row.id)"
size="mini" type="danger">删除
</el-button>
</template>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
<push-formal-dialog ref="pushFormalRef" @refresh="doSearch"></push-formal-dialog>
<push-attendance-dialog ref="pushAttendanceRef" @refresh="doSearch"></push-attendance-dialog>
<el-dialog :close-on-click-modal="false"
class="write-dialog"
:visible.sync="writeDialog"
:title="isRead ? '查看' : '编辑'"
top="50px"
width="60%">
<div style="max-height: 75vh;overflow-y: auto">
<formal-write ref="formalWriteRef" :is_read="isRead" :user_id="userId"
:session_id="pageForm.sessionId"
@refresh="writeDialog=false;doSearch()"></formal-write>
</div>
</el-dialog>
</div>
@@ -136,6 +174,8 @@ layout("/layouts/platform.html"){
<!--#include('push-progress.js'){}#-->
<!--#include('push-formal-dialog.js'){}#-->
<!--#include('push-attendance-dialog.js'){}#-->
<!--#include('write.js'){}#-->
new Vue({
el: '#app',
@@ -143,14 +183,79 @@ layout("/layouts/platform.html"){
components: {
'push-progress': pushProgress,
'push-formal-dialog': pushFormalDialog,
'push-attendance-dialog': pushAttendanceDialog,
'formal-write': write
},
data() {
return {
sessionOptions:[],
unionOptions:[]
pageForm: {
isFormalOrAttendance: "全部"
},
sessionOptions: [],
unionOptions: [],
writeDialog: false,
isRead: false,
userId: null
}
},
methods: {
doSearch() {
this.pageData()
const fullName = this.sessionOptions.find(v => v.id === this.pageForm.sessionId)?.fullName;
this.$refs.pushProgressRef.refreshData(this.pageForm.sessionId, fullName)
},
onView(row) {
this.writeDialog = true
this.userId = row.userId
this.isRead = true
},
onEdit(row) {
this.writeDialog = true
this.userId = row.userId
this.isRead = false
},
onDelete(id) {
this.$confirm("您确定要删除吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
this.$axios.post("/platform/teacherCongress/delegate/push/delete", {id}).then((res) => {
if (res.code === 0) {
this.$message.success(res.msg)
this.pageData()
}
})
})
},
doExport() {
},
onBatchSubmit() {
const selection = this.$refs.tableRef.selection
if (selection.length === 0){
this.$message.warning('请选择要上报的记录')
return
}
this.$confirm('您确定要上报吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
const {code, msg} = await this.$axios.post('/platform/teacherCongress/delegate/push/batchSubmit', {
ids: JSON.stringify(selection.map(v => v.id)),
sessionId: this.pageForm.sessionId
})
if (code === 0) {
this.$message.success(msg)
this.doSearch()
this.$refs.tableRef.clearSelection()
} else {
this.$message.error(msg)
}
})
},
listUnion() {
this.$businessTool.listUnion().then((res) => {
this.unionOptions = res
@@ -162,7 +267,7 @@ layout("/layouts/platform.html"){
this.sessionOptions = res.data
if (this.sessionOptions && this.sessionOptions.length > 0) {
this.pageForm.sessionId = this.sessionOptions[0].id
// this.pageData()
this.doSearch()
}
}
})
@@ -0,0 +1,134 @@
const pushAttendanceDialog = {
template: /*language=HTML*/ `
<el-dialog :close-on-click-modal="false"
:visible.sync="dialogVisible"
title="列席代表预选"
class="push-attendance-dialog"
width="70%">
<el-transfer
ref="transfer"
v-model="userValue"
:data="userData"
:filter-method="filterMethod"
:props="{key: 'id',label: 'name'}"
:titles="['可报人员名单', '当前选择']"
filterable
>
<div slot-scope="{ option }">
<div class="transfer-item">
<div class="transfer-item-name">{{ option.userName }} - {{ option.loginName }}</div>
<div class="transfer-item-details">
<span class="detail-item">{{ option.sex}}</span>
<span class="detail-item" v-if="option.age">{{ option.age }}岁</span>
<span class="detail-item" v-if="option.professionalTitle">{{ option.professionalTitle }}</span>
<span class="detail-item" v-if="option.professionalLevel">{{ option.professionalLevel }}</span>
<span class="detail-item" v-if="option.nation">{{ option.nation }}</span>
</div>
</div>
</div>
</el-transfer>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="onConfirm">确 定</el-button>
</span>
</el-dialog>
`,
data() {
return {
dialogVisible: false,
userValue: [],
userData: [],
rightChecked: [],
attendanceRightChecked: [],
sessionId: null
}
},
methods: {
async onOpen(sessionId, unionId) {
this.dialogVisible = true
this.sessionId = sessionId
this.userValue = []
this.userData = []
const {code, data} = await $.get('/platform/teacherCongress/delegate/push/getUnionUser', {
sessionId: sessionId,
unionId: unionId
})
if (code === 0) {
data.userData.forEach(v => {
this.userData.push({id: v.userId, ...v})
})
}
},
filterMethod(query, item) {
return item.userName.indexOf(query) > -1
},
async onConfirm() {
const {code, msg} = await $.post('/platform/teacherCongress/delegate/push/addPreselectionDb', {
userValue: JSON.stringify(this.userValue),
sessionId: this.sessionId,
representativeType: '列席代表'
})
if (code === 0) {
this.dialogVisible = false
this.$message.success(msg)
this.$emit('refresh')
}
}
},
style: /*language=CSS*/ `
.push-attendance-dialog ::v-deep .el-transfer{
text-align: center!important;
}
.push-attendance-dialog ::v-deep .el-transfer-panel__item.el-checkbox {
height: auto;
display: block;
margin-right: 0;
padding: 0 15px;
}
.push-attendance-dialog ::v-deep .el-checkbox__input {
vertical-align: top;
margin-top: 5px;
}
.push-attendance-dialog ::v-deep .transfer-item {
padding: 5px;
font-size: 12px;
border-bottom: 1px solid #f0f0f0;
}
.push-attendance-dialog ::v-deep .transfer-item-name {
font-weight: bold;
margin-bottom: 3px;
color: #303133;
}
.push-attendance-dialog ::v-deep .transfer-item-details {
display: flex;
flex-wrap: wrap;
gap: 6px;
color: #606266;
}
.push-attendance-dialog ::v-deep .detail-item {
display: inline-flex;
align-items: center;
}
.push-attendance-dialog ::v-deep .el-transfer-panel{
height: 60vh;
text-align: left !important;
width: 35% !important;
}
.push-attendance-dialog ::v-deep .el-transfer-panel__body {
height: calc(100% - 40px) !important;
display: flex;
flex-direction: column;
}
.push-attendance-dialog ::v-deep .el-transfer-panel__list.is-filterable {
flex: 1;
}
`
}
@@ -20,8 +20,8 @@ const pushFormalDialog = {
<div class="transfer-item-details">
<span class="detail-item">{{ option.sex}}</span>
<span class="detail-item" v-if="option.age">{{ option.age }}岁</span>
<span class="detail-item" v-if="option.jobTitle">{{ option.jobTitle }}</span>
<span class="detail-item" v-if="option.jobTitleLevel">{{ option.jobTitleLevel }}</span>
<span class="detail-item" v-if="option.professionalTitle">{{ option.professionalTitle }}</span>
<span class="detail-item" v-if="option.professionalLevel">{{ option.professionalLevel }}</span>
<span class="detail-item" v-if="option.nation">{{ option.nation }}</span>
</div>
</div>
@@ -49,7 +49,7 @@ const pushFormalDialog = {
this.sessionId = sessionId
this.userValue = []
this.userData = []
const {code, data} = await $.get('/platform/teacherCongress/delegate/push/getUnionUser', {
const {code, data} = await this.$axios.post('/platform/teacherCongress/delegate/push/getUnionUser', {
sessionId: sessionId,
unionId: unionId
})
@@ -63,7 +63,7 @@ const pushFormalDialog = {
return item.userName.indexOf(query) > -1
},
async onConfirm() {
const {code, msg} = await $.post('/platform/teacherCongress/delegate/push/addPreselectionDb', {
const {code, msg} = await this.$axios.post('/platform/teacherCongress/delegate/push/addPreselectionDb', {
userValue: JSON.stringify(this.userValue),
sessionId: this.sessionId,
representativeType: '正式代表'
@@ -179,7 +179,7 @@ const pushProgress = {
</div>
</div>
<!-- 少数民族数 -->
<!-- &lt;!&ndash; 少数民族数 &ndash;&gt;
<div class="metric-card">
<div class="metric-header">
<div>
@@ -210,7 +210,7 @@ const pushProgress = {
</div>
</div>
<!-- 校级领导 -->
&lt;!&ndash; 校级领导 &ndash;&gt;
<div class="metric-card">
<div class="metric-header">
<div>
@@ -241,7 +241,7 @@ const pushProgress = {
</div>
</div>
<!-- 中层领导 -->
&lt;!&ndash; 中层领导 &ndash;&gt;
<div class="metric-card">
<div class="metric-header">
<div>
@@ -270,7 +270,7 @@ const pushProgress = {
metrics.middleLevelLeader.remaining
}} 人</span>
</div>
</div>
</div>-->
</div>
</div>
@@ -379,7 +379,7 @@ const pushProgress = {
async refreshData(sessionId, teacherMeetName, unionId) {
this.teacherMeetName = teacherMeetName
const {code, data} = await $.get('/platform/teacherCongress/delegate/push/selfUnionPushMetric', {
teacherMeetId: sessionId,
sessionId: sessionId,
unionId: unionId
})
if (code === 0) {
@@ -0,0 +1,33 @@
<!--#
layout("/layouts/platform.html"){
#-->
<div id="app" v-cloak>
<guava>
<formal-write ref="formalWriteRef"></formal-write>
</guava>
</div>
<script>
<!--#include('write.js'){}#-->
new Vue({
el: '#app',
components: {
'formal-write': write
},
store,
data(){
return{
isRead:false,
userId:null
}
},
created(){
this.userId = this.$store.state.user.id
}
})
</script>
<!--#
}
#-->
@@ -0,0 +1,546 @@
const write = {
template: /*language=HTML*/ `
<div class="container-x1">
<div class="form-container">
<header class="header-x">
<div class="header-left">
<h1 class="title">代表信息填写</h1>
</div>
<div class="header-right">
当前届次:
<el-select
v-model="formData.sessionId"
:disabled="session_id!=null && user_id!=null"
@change="teacherMeetIdChange"
>
<el-option v-for="item in sessionOptions" :label="item.fullName" :value="item.id"
:key="item.id"></el-option>
</el-select>
</div>
</header>
<div class="notice-panel" :class="{ hidden: isSelected }">
<div>
<i class="el-icon-warning notice-icon"></i>
<h2 class="notice-title">暂未被推选为教代会代表</h2>
<p class="notice-text">如有疑问,请联系所在单位</p>
</div>
</div>
<div class="info-box" :class="{ hidden: !isSelected }">
<div class="info-content">
<i class="fa fa-info-circle info-icon"></i>
<div class="info-text">
<h3 class="info-title">推选信息</h3>
<p class="info-desc">您已被预选为{{ sessionName }}代表</p>
<div class="info-details">
<p>推选单位:{{ formData.unionName }}</p>
<p>推选时间:{{ formData.pushTime }}</p>
<p>代表类型:
<span>{{
[formData.isJdh && ('教代会'+formData.representativeType), formData.isGdh && ('工代会'+formData.representativeType)].filter(Boolean).join('、')
}}</span>
</p>
</div>
</div>
</div>
</div>
<el-form
ref="formRef"
:model="formData"
:rules="rules"
label-width="100px"
label-position="top"
:class="{ hidden: !isSelected }"
:disabled="(formData && formData.taskKey!=='53ff0c2a-ba93-45e9-a9fd-db51cdab3080') || is_read"
>
<div class="form-section">
<h3 class="section-title">基本信息</h3>
<div class="form-grid">
<el-form-item label="姓名" prop="userName">
<el-input v-model="formData.userName" readonly></el-input>
</el-form-item>
<el-form-item label="工号" prop="loginName">
<el-input v-model="formData.loginName" readonly></el-input>
</el-form-item>
<el-form-item label="性别" prop="sex">
<el-radio-group v-model="formData.sex">
<el-radio label="男">男</el-radio>
<el-radio label="女">女</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="出生年月" prop="birthday">
<el-date-picker
v-model="formData.birthday"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
style="width: 100%"
></el-date-picker>
</el-form-item>
<el-form-item label="民族" prop="nation">
<dict-select v-model="formData.nation" style="width: 100%" placeholder="请选择民族"
code="USER_NATION"></dict-select>
</el-form-item>
<el-form-item label="政治面貌" prop="political">
<el-input maxlength="100" placeholder="政治面貌"
v-model="formData.political"></el-input>
</el-form-item>
<el-form-item label="学历" prop="education">
<dict-select v-model="formData.education" style="width: 100%" placeholder="请选择学历"
code="USER_EDUCATION"></dict-select>
</el-form-item>
<el-form-item label="学位" prop="academicDegree">
<dict-select v-model="formData.academicDegree" style="width: 100%"
placeholder="请选择学位"
code="USER_ACADEMIC_DEGREE"></dict-select>
</el-form-item>
<el-form-item label="所属工会">
<el-input
v-model="formData.unionName"
readonly
placeholder="请输入所属工会"
clearable
></el-input>
</el-form-item>
<el-form-item label="所属单位">
<el-input
v-model="formData.unitName"
readonly
placeholder="请输入所属单位"
clearable
></el-input>
</el-form-item>
<el-form-item label="职称" prop="professionalTitle">
<dict-select v-model="formData.professionalTitle" style="width: 100%"
placeholder="请选择职称"
code="technical_title_level"></dict-select>
</el-form-item>
<el-form-item label="职级" prop="professionalLevel">
<dict-select v-model="formData.professionalLevel" style="width: 100%"
placeholder="请选择职级"
code="JobTitle"></dict-select>
</el-form-item>
<el-form-item label="是否专任教师" prop="ordinaryTeacher">
<el-radio-group v-model="formData.ordinaryTeacher" size="small">
<el-radio border :label="true">是</el-radio>
<el-radio border :label="false">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否高级职称专任教师" prop="seniorTeacher">
<el-radio-group v-model="formData.seniorTeacher" size="small">
<el-radio border :label="true">是</el-radio>
<el-radio border :label="false">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="校级领导" prop="schoolLeader">
<el-radio-group v-model="formData.schoolLeader" size="small">
<el-radio border :label="true">是</el-radio>
<el-radio border :label="false">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="中层领导" prop="middleLevelLeader">
<el-radio-group v-model="formData.middleLevelLeader" size="small">
<el-radio border :label="true">是</el-radio>
<el-radio border :label="false">否</el-radio>
</el-radio-group>
</el-form-item>
</div>
<div class="form-grid">
<el-form-item label="手机号" prop="mobile">
<el-input v-model="formData.mobile" maxlength="11"></el-input>
</el-form-item>
<!--<el-form-item label="电子邮箱" prop="email">
<el-input v-model="formData.email" maxlength="255"></el-input>
</el-form-item>-->
</div>
</div>
<div v-if="formData && formData.taskKey==='53ff0c2a-ba93-45e9-a9fd-db51cdab3080'" class="form-actions">
<el-button @click="onSave">保存草稿</el-button>
<el-button type="primary" @click="onSubmit">提交信息</el-button>
</div>
</el-form>
<div v-if="isSelected && formData && formData.taskKey!=='53ff0c2a-ba93-45e9-a9fd-db51cdab3080'" class="completion-panel">
<div>
<i class="el-icon-success completion-icon"></i>
<h2 class="completion-title">信息提交成功</h2>
<p class="completion-text">您已成功提交代表信息,感谢您的配合!</p>
<div class="completion-actions">
</div>
</div>
</div>
</div>
</div>
`,
mixins: [initTableMixins],
components: {},
props: {
user_id: {
type: String,
required: false,
default: null
},
session_id: {
type: String,
required: false,
default: null
},
is_read: {
type: Boolean,
required: false,
default: false
}
},
data() {
return {
isSelected: true,
formData: {
teacherMeetId: null
},
rules: {
age: [{required: true, message: '必填', trigger: ['blur', 'change']}],
nation: [{required: true, message: '必填', trigger: ['blur', 'change']}],
mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
position: [{required: false, message: '必填', trigger: ['blur', 'change']}],
political: [{required: true, message: '必填', trigger: ['blur', 'change']}],
education: [{required: true, message: '必填', trigger: ['blur', 'change']}],
academicDegree: [{required: true, message: '必填', trigger: ['blur', 'change']}],
jobTitle: [{required: false, message: '必填', trigger: ['blur', 'change']}],
email: [{required: false, message: '必填', trigger: ['blur', 'change']}],
vita: [{required: true, message: '必填', trigger: ['blur', 'change']}]
},
sessionOptions: [],
representativeTypeList: ['正式代表', '列席代表'],
}
},
computed: {
sessionName() {
if (this.session_id) {
return this.sessionOptions.find(v => v.id === this.session_id)?.fullName
} else if (this.formData.sessionId) {
return this.sessionOptions.find(v => v.id === this.formData.sessionId)?.fullName
}
return null
}
},
watch: {
user_id: {
handler(val) {
if (val && this.session_id) {
this.initOtherInfo()
}
},
immediate: true
},
session_id(val) {
if (val && this.user_id) {
this.formData.sessionId = val
this.initOtherInfo()
}
},
},
async created() {
await this.listSession()
if (!this.user_id && !this.session_id) {
await this.initInfo()
}
},
methods: {
async listSession() {
const res = await this.$axios.post("/platform/teacherCongress/common/listSession")
if (res.code === 0) {
this.sessionOptions = res.data
if (this.sessionOptions && this.sessionOptions.length > 0) {
this.$set(this.formData, 'sessionId', this.sessionOptions[0].id)
}
}
},
async initOtherInfo() {
const {code, data} = await $.get('/platform/teacherCongress/delegate/push/write/info', {
sessionId: this.session_id,
userId: this.user_id
})
if (code === 0) {
this.isSelected = data.isSelected
if (this.isSelected) {
this.formData = data.delegate
}
}
},
async initInfo() {
const {code, data} = await $.get('/platform/teacherCongress/delegate/push/write/info', {
sessionId: this.formData.sessionId
})
if (code === 0) {
this.isSelected = data.isSelected
if (this.isSelected) {
this.formData = data.delegate
}
}
},
teacherMeetIdChange() {
this.initInfo()
},
onSave() {
this.$refs.formRef.validate(async valid => {
if (valid) {
this.$confirm('保存后可继续编辑,您确定要保存吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
const {code} = await $.post('/platform/teacherCongress/delegate/push/write/save', this.formData)
if (code === 0) {
this.$message.success('保存成功')
this.$emit('refresh')
if (this.session_id && this.user_id) {
await this.initOtherInfo()
} else {
await this.initInfo()
}
} else {
this.$message.warning('保存失败')
}
}).catch(() => {
})
}
})
},
onSubmit() {
this.$refs.formRef.validate(async valid => {
if (valid) {
this.$confirm('您确定要提交吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
const {code} = await $.post('/platform/teacherCongress/delegate/push/write/submit', this.formData)
if (code === 0) {
this.$message.success('提交成功')
this.$emit('refresh')
if (this.session_id && this.user_id) {
await this.initOtherInfo()
} else {
await this.initInfo()
}
} else {
this.$message.warning('提交失败')
}
}).catch(() => {
})
}
})
}
},
style: /*language=CSS*/ `
.container-x1 {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.header-x {
display: flex;
justify-content: space-between;
align-items: center;
background-color: white;
margin-bottom: 20px;
}
.header-x .header-left {
display: flex;
align-items: center;
gap: 16px;
}
.header-x .header-left .back-button {
color: #64748b;
font-size: 20px;
cursor: pointer;
background: none;
border: none;
padding: 0;
}
.header-x .header-left .back-button:hover {
color: #2563eb;
}
.header-x .header-left .title {
font-size: 24px;
font-weight: bold;
margin: 0;
}
.header-x .header-right {
color: #64748b;
}
.notice-panel {
background-color: white;
border-radius: 8px;
padding: 32px;
margin-bottom: 20px;
text-align: center;
}
.notice-panel .notice-icon {
color: #ccc;
font-size: 48px;
margin-bottom: 16px;
}
.notice-panel .notice-title {
font-size: 20px;
font-weight: 500;
margin-bottom: 8px;
}
.notice-panel .notice-text {
color: #666;
}
.completion-panel {
background-color: white;
border-radius: 8px;
padding: 40px;
margin-bottom: 20px;
text-align: center;
}
.completion-panel .completion-icon {
color: #67c23a;
font-size: 48px;
margin-bottom: 16px;
}
.completion-panel .completion-title {
font-size: 20px;
font-weight: 500;
margin-bottom: 8px;
}
.completion-panel .completion-text {
color: #666;
margin-bottom: 24px;
}
.completion-panel ::v-deep .completion-actions {
display: flex;
justify-content: center;
gap: 16px;
}
::v-deep .form-container {
background-color: white;
border-radius: 8px;
padding: 32px;
margin-bottom: 20px;
}
::v-deep .info-box {
border-left: 4px solid #2563eb;
background-color: #ebf5ff;
padding: 16px;
margin-bottom: 32px;
}
.info-box ::v-deep .info-content {
display: flex;
align-items: flex-start;
}
.info-box .info-content ::v-deep .info-icon {
color: #2563eb;
margin-right: 12px;
margin-top: 2px;
}
.info-box .info-content ::v-deep .info-text {
flex: 1;
}
.info-box .info-content .info-text ::v-deep .info-title {
font-weight: 600;
margin-bottom: 8px;
}
.info-box .info-content .info-text ::v-deep .info-desc {
color: #666;
margin-bottom: 8px;
}
.info-box .info-content .info-text ::v-deep .info-details {
font-size: 14px;
color: #666;
margin-top: 8px;
}
.info-box .info-content .info-text .info-details p {
margin: 4px 0;
}
::v-deep .form-section {
margin-bottom: 32px;
}
.form-section ::v-deep .section-title {
font-size: 18px;
font-weight: 500;
margin-bottom: 16px;
}
.form-section ::v-deep .form-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 12px;
}
.form-section ::v-deep .form-grid.full-width {
grid-template-columns: 1fr;
}
/* Form actions styles */
::v-deep .form-actions {
display: flex;
justify-content: flex-end;
gap: 16px;
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid #dcdfe6;
}
.form-actions ::v-deep .el-button {
border-radius: 4px !important;
padding: 10px 24px;
font-weight: 500;
}
::v-deep .hidden {
display: none !important;
}
`
}
@@ -0,0 +1,204 @@
<!--#
layout("/layouts/platform.html"){
#-->
<div id="app" v-cloak>
<el-card shadow="never">
<search @search="doSearch">
<search-item label="姓名/工号">
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"></el-input>
</search-item>
<search-item label="教代会">
<el-select v-model="pageForm.sessionId">
<el-option v-for="item in sessionOptions" :label="item.fullName" :value="item.id"
:key="item.id"></el-option>
</el-select>
</search-item>
<search-item label="分工会">
<el-select v-model="pageForm.unionId" filterable @change="listUnit" clearable style="width: 100%">
<el-option v-for="i in unionOptions" :label="i.name" :key="i.id" :value="i.id"></el-option>
</el-select>
</search-item>
</search>
</el-card>
<el-card shadow="never">
<table-tool>
<el-radio-group @change="doSearch" v-model="pageForm.isFormalOrAttendance" size="small">
<el-radio-button label="全部"></el-radio-button>
<el-radio-button label="正式代表"></el-radio-button>
<el-radio-button label="列席代表"></el-radio-button>
</el-radio-group>
<el-radio-group v-model="pageForm.approval" size="small" class="ml10"
@change="doSearch">
<el-radio-button :label="true">已审核</el-radio-button>
<el-radio-button :label="false">未审核</el-radio-button>
</el-radio-group>
</table-tool>
<el-table
ref="tableRef"
:data="tableData"
row-key="id"
@sort-change="pageOrder"
>
<el-table-column type="selection" width="55" reserve-selection></el-table-column>
<el-table-column type="index" width="55" label="序号" :index="indexMethod"></el-table-column>
<el-table-column label="姓名" prop="userName" width="100"></el-table-column>
<el-table-column label="工号" prop="loginName"></el-table-column>
<el-table-column label="性别" prop="sex" width="50"></el-table-column>
<el-table-column label="分工会" prop="unionName" show-overflow-tooltip></el-table-column>
<el-table-column label="民族" prop="nation"></el-table-column>
<el-table-column label="政治面貌" prop="political"
show-overflow-tooltip></el-table-column>
<el-table-column label="学历" prop="education"></el-table-column>
<el-table-column label="职称" prop="professionalTitle"></el-table-column>
<el-table-column label="职级" prop="professionalLevel"></el-table-column>
<el-table-column label="教代会代表" prop="isJdh">
<template v-slot="{row}">
{{row.isJdh?"是":"否"}}
</template>
</el-table-column>
<el-table-column label="工代会代表" prop="isGdh">
<template v-slot="{row}">
{{row.isGdh?"是":"否"}}
</template>
</el-table-column>
<el-table-column label="代表类型" prop="representativeType"></el-table-column>
<el-table-column prop="curTaskName" label="当前节点"></el-table-column>
<el-table-column prop="instanceState" label="流程状态">
<template slot-scope="{row}">
<enum-tag :value="row.instanceState" name="ProcessInstanceStateEnum" label_key="message"
size="small"></enum-tag>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="300px">
<template slot-scope="{row}">
<el-button @click="onView(row)" size="mini" type="primary">查看</el-button>
<el-button v-if="row.taskState === 10" @click="handleTaskAction(row,1)" size="mini" type="primary">
通过
</el-button>
<el-button v-if="row.taskState === 10" @click="handleTaskAction(row,2)" size="mini" type="danger">
拒绝
</el-button>
<el-button v-if="row.canRevoke" @click="onRevoke(row)" size="mini" type="danger">撤回
</el-button>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
<el-dialog :close-on-click-modal="false"
class="write-dialog"
:visible.sync="writeDialog"
:title="isRead ? '查看' : '编辑'"
top="50px"
width="60%">
<div style="max-height: 75vh;overflow-y: auto">
<formal-write ref="formalWriteRef" :is_read="isRead" :user_id="userId"
:session_id="pageForm.sessionId"
@refresh="writeDialog=false;doSearch()"></formal-write>
</div>
</el-dialog>
</div>
<script>
<!--#include('write.js'){}#-->
new Vue({
el: '#app',
mixins: [initTableMixins],
components: {
'formal-write': write
},
data() {
return {
sessionOptions: [],
unionOptions: [],
pageForm: {
isFormalOrAttendance: "全部",
unionId: "",
sessionId: "",
approval: false,
},
writeDialog: false,
isRead: false,
userId: null
}
},
methods: {
onView(row) {
this.writeDialog = true
this.userId = row.userId
this.isRead = true
},
handleTaskAction(row, submitType) {
this.$confirm("您确定要提交吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
this.formData = {
processTaskId: row.taskId,
taskName: row.curTaskName
}
this.$axios.post("/flow/common/executeTask", {
data: JSON.stringify({
...this.formData,
submitType: submitType
})
}).then((res) => {
if (res.code === 0) {
this.$message.success(res.msg)
this.doSearch()
}
})
})
},
onRevoke(row) {
this.$confirm("您确定要撤回吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "info"
}).then(() => {
this.$axios.post("/flow/common/revokeTask", {taskId: row.taskId}).then((res) => {
if (res.code === 0) {
this.$message.success(res.msg)
this.doSearch()
}
})
})
},
listUnion() {
this.$businessTool.listUnion().then((res) => {
this.unionOptions = res
})
},
listSession() {
this.$axios.post("/platform/teacherCongress/common/listSession").then((res) => {
if (res.code === 0) {
this.sessionOptions = res.data
if (this.sessionOptions && this.sessionOptions.length > 0) {
this.pageForm.sessionId = this.sessionOptions[0].id
this.pageData()
}
}
})
}
},
async created() {
this.listUnion()
this.listSession()
}
})
</script>
<!--#
}
#-->