dsh
12 months ago
parent
2e6d9368b7
commit
72b9d69a1e
@ -0,0 +1,36 @@
|
|||||||
|
const state = {
|
||||||
|
applyType:'',
|
||||||
|
applyId:''
|
||||||
|
}
|
||||||
|
const mutations = {
|
||||||
|
SET_APPLYTYPE: (state, { key, value }) => {
|
||||||
|
if (key !== null && key !== "") {
|
||||||
|
state.applyType = value
|
||||||
|
}
|
||||||
|
},
|
||||||
|
SET_APPLYID: (state, { key, value }) => {
|
||||||
|
if (key !== null && key !== "") {
|
||||||
|
state.applyId = value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const actions = {
|
||||||
|
// 设置字典
|
||||||
|
setApplyType({ commit }, data) {
|
||||||
|
commit('SET_APPLYTYPE', data)
|
||||||
|
},
|
||||||
|
// 设置字典
|
||||||
|
setApplyId({ commit }, data) {
|
||||||
|
localStorage.setItem('applyId', data.value)
|
||||||
|
commit('SET_APPLYID', data)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
namespaced: true,
|
||||||
|
state,
|
||||||
|
mutations,
|
||||||
|
actions
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,438 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<!-- 搜索部分-->
|
||||||
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||||
|
<el-form-item label="奖项名称" prop="applyName">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.applyName"
|
||||||
|
placeholder="请输入奖项名称"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="创建者" prop="createBy">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.createBy"
|
||||||
|
placeholder="请输入创建者"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<custom-table
|
||||||
|
:columns="tableColumns"
|
||||||
|
:tableData="noticeList"
|
||||||
|
:loading="loading"
|
||||||
|
:actions="tableActions"
|
||||||
|
:query-params="queryParams"
|
||||||
|
:apply-type="applyParam.applyType"
|
||||||
|
@handleQuery="handleQuery"
|
||||||
|
@resetQuery="resetQuery"
|
||||||
|
@handleView="handleView"
|
||||||
|
@getList="getList"
|
||||||
|
@handleSelectionChange="handleSelectionChange"
|
||||||
|
></custom-table>
|
||||||
|
<pagination
|
||||||
|
v-show="total>0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
<!-- 修改公告对话框 -->
|
||||||
|
<el-dialog :title="title" :fullscreen="true" center :visible.sync="editOpen" top="0" width="100%" append-to-body>
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="是否获得过奖" prop="isReward">
|
||||||
|
<el-radio-group :disabled="isReadOnly" v-model="form.isReward">
|
||||||
|
<el-radio :label="0">是</el-radio>
|
||||||
|
<el-radio :label="1">否</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item>
|
||||||
|
<Update
|
||||||
|
:applyId="applyId"
|
||||||
|
:dialog-type="dialogType"
|
||||||
|
:table-data="fileData"
|
||||||
|
:isShowButton="isShowButton"
|
||||||
|
:isShowUploadButton="isShowUploadButton"
|
||||||
|
:template-type="templateType"
|
||||||
|
ref="childComponent"
|
||||||
|
>
|
||||||
|
</Update>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" v-if="isView === true" @click="submitAduit">审核提交</el-button>
|
||||||
|
<el-button type="danger" v-if="isView === true" @click="callback">退 回</el-button>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
listAduit,
|
||||||
|
getDetail,
|
||||||
|
checkFile,
|
||||||
|
approved, applyBack
|
||||||
|
} from "@/api/reward/aduit";
|
||||||
|
import CustomTable from "@/components/CustomTable/CustomTable.vue";
|
||||||
|
import Update from '@/components/AllTypeFile/update.vue'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "aduit",
|
||||||
|
components: {CustomTable, Update},
|
||||||
|
dicts: ['rew_apply_status'],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
templateType:'aduit',
|
||||||
|
dialogType: 'edit',
|
||||||
|
isShowUploadButton:false,
|
||||||
|
//列数据
|
||||||
|
tableColumns: [
|
||||||
|
{label: '创建者', prop: 'createBy', align: 'center'},
|
||||||
|
{label: '奖项名称', prop: 'applyName', align: 'center', showOverflowTooltip: true},
|
||||||
|
{label: '状态', prop: 'applyStatus', align: 'center', slotName: 'customSlotName'},
|
||||||
|
{label: '创建时间', prop: 'createTime', align: 'center'},
|
||||||
|
{label: '提交时间', prop: 'appTime', align: 'center', type: 'date'},
|
||||||
|
],
|
||||||
|
//操作列
|
||||||
|
tableActions: [
|
||||||
|
{text: '查看', icon: 'el-icon-view', handler: this.handleView,},
|
||||||
|
{text: '审核', icon: 'el-icon-edit', handler: this.handleUpdate,},
|
||||||
|
],
|
||||||
|
//文件上传配置项
|
||||||
|
fileData:[
|
||||||
|
{
|
||||||
|
name: '办学方向',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_1',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '弘扬践行黄炎培职业教育思想',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_2',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '培训条件和培训资源开发',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_3',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '管理水平',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_4',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '培训效果',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_5',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '社会服务',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_6',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '创新增量',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_7',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '盖章后的申报表',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_8',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '综述材料',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_9',
|
||||||
|
}
|
||||||
|
],
|
||||||
|
// 遮罩层
|
||||||
|
loading: true,
|
||||||
|
// 选中数组
|
||||||
|
ids: [],
|
||||||
|
// 非单个禁用
|
||||||
|
single: true,
|
||||||
|
// 非多个禁用
|
||||||
|
multiple: true,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 公告表格数据
|
||||||
|
noticeList: [],
|
||||||
|
isReadOnly: false,
|
||||||
|
isShowButton: true,
|
||||||
|
isView: false,
|
||||||
|
// 弹出层标题
|
||||||
|
title: "",
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
|
editOpen: false,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
applyName: undefined,
|
||||||
|
createBy: undefined,
|
||||||
|
applyStatus: undefined,
|
||||||
|
},
|
||||||
|
// 表单参数
|
||||||
|
form: {},
|
||||||
|
// 表单校验
|
||||||
|
rules: {
|
||||||
|
applyName: [
|
||||||
|
{required: true, message: "奖项名称不能为空", trigger: "blur"}
|
||||||
|
],
|
||||||
|
isReward: [
|
||||||
|
{required: true, message: "请选择", trigger: "change"}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
applyParam: {
|
||||||
|
applyType: ''
|
||||||
|
},
|
||||||
|
applyId: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if (this.$route.path.includes('trainAward') === true) {
|
||||||
|
this.$store.dispatch('apply/setApplyType', {key: 'applyType', value: 'rew_excellent_training'});
|
||||||
|
this.applyParam.applyType = this.$store.state.apply.applyType;
|
||||||
|
this.queryParams.applyType = this.$store.state.apply.applyType;
|
||||||
|
}
|
||||||
|
this.getList('mounted');
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 查询公告列表 */
|
||||||
|
getList(item) {
|
||||||
|
this.loading = true;
|
||||||
|
let queryObj = {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
applyStatus: '1',
|
||||||
|
applyType: this.applyParam.applyType
|
||||||
|
}
|
||||||
|
listAduit(item === 'mounted' ? queryObj : this.queryParams).then(response => {
|
||||||
|
this.noticeList = response.rows;
|
||||||
|
this.total = response.total;
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
this.editOpen = false
|
||||||
|
this.reset();
|
||||||
|
},
|
||||||
|
// 表单重置
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
// applyName: undefined,
|
||||||
|
isReward: undefined,
|
||||||
|
};
|
||||||
|
this.resetForm("form");
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
// 查询参数
|
||||||
|
this.queryParams = {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
applyName: undefined,
|
||||||
|
createBy: undefined,
|
||||||
|
applyStatus: undefined,
|
||||||
|
applyType: this.applyParam.applyType
|
||||||
|
};
|
||||||
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map(item => item.applyId)
|
||||||
|
this.single = selection.length != 1
|
||||||
|
this.multiple = !selection.length
|
||||||
|
},
|
||||||
|
/**查看按钮 */
|
||||||
|
handleView(row) {
|
||||||
|
this.editOpen = true;
|
||||||
|
this.title = "查看奖项";
|
||||||
|
const applyId = row.applyId || this.ids
|
||||||
|
this.isShowButton = false
|
||||||
|
getDetail(applyId).then(response => {
|
||||||
|
this.form = response.data;
|
||||||
|
console.log(this.form)
|
||||||
|
this.editOpen = true;
|
||||||
|
this.isReadOnly = true
|
||||||
|
this.isView = false
|
||||||
|
this.fileData.forEach((item) => {
|
||||||
|
item.childrenList = []
|
||||||
|
})
|
||||||
|
if (response.code === 200) {
|
||||||
|
response.data.fileRelationVOList.forEach((item) => {
|
||||||
|
let index = this.fileData.findIndex(i => i.fileCode === item.fileCode);
|
||||||
|
if (index !== -1) {
|
||||||
|
this.fileData[index].childrenList.push({
|
||||||
|
name: item.fileName,
|
||||||
|
fileName: item.realName,
|
||||||
|
url: item.filePath,
|
||||||
|
state: item.fileState,
|
||||||
|
fileId: item.fileId,
|
||||||
|
fileCode: item.fileCode,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.reset();
|
||||||
|
this.isView = true;
|
||||||
|
this.applyId = row.applyId
|
||||||
|
this.isReadOnly = true
|
||||||
|
this.isShowButton = true
|
||||||
|
this.isShowUploadButton = false
|
||||||
|
const applyId = row.applyId || this.ids
|
||||||
|
getDetail(applyId).then(response => {
|
||||||
|
this.form.isReward = response.data.isReward;
|
||||||
|
this.editOpen = true;
|
||||||
|
this.title = "修改奖项";
|
||||||
|
this.fileData.forEach((item) => {
|
||||||
|
item.childrenList = []
|
||||||
|
})
|
||||||
|
if (response.code === 200) {
|
||||||
|
response.data.fileRelationVOList.forEach((item) => {
|
||||||
|
let index = this.fileData.findIndex(i => i.fileCode === item.fileCode);
|
||||||
|
if (index !== -1) {
|
||||||
|
this.fileData[index].childrenList.push({
|
||||||
|
name: item.fileName,
|
||||||
|
fileName: item.realName,
|
||||||
|
url: item.filePath,
|
||||||
|
state: item.fileState,
|
||||||
|
fileId: item.fileId,
|
||||||
|
fileCode: item.fileCode,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
submitAduit(){
|
||||||
|
checkFile(this.applyId).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
approved(this.applyId).then(resp => {
|
||||||
|
if (resp.code === 200){
|
||||||
|
this.$modal.msgSuccess(res.msg)
|
||||||
|
this.editOpen = false
|
||||||
|
this.getList('mounted')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.$modal.msgError(res.msg)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
callback(){
|
||||||
|
this.$prompt('请输入退回意见', '退回意见', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
inputType: 'textarea',
|
||||||
|
}).then(({ value }) => {
|
||||||
|
applyBack(this.applyId, value).then(res => {
|
||||||
|
if (res.code === 200){
|
||||||
|
this.$modal.msgSuccess(res.msg)
|
||||||
|
this.editOpen = false
|
||||||
|
this.getList('mounted')
|
||||||
|
}else{
|
||||||
|
this.$modal.msgSuccess(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
handleDelete(row) {
|
||||||
|
const applyId = row.applyId || this.ids
|
||||||
|
this.$modal.confirm('是否确认删除奖项？').then(function () {
|
||||||
|
return delApply(applyId);
|
||||||
|
}).then(() => {
|
||||||
|
this.getList();
|
||||||
|
this.$modal.msgSuccess("删除成功");
|
||||||
|
localStorage.removeItem('applyId');
|
||||||
|
}).catch(() => {
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
::v-deep .el-dialog--center .el-dialog__body {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-dialog__footer {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fullscreen-dialog {
|
||||||
|
.el-dialog__wrapper {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1000;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5); /* 遮罩层透明度 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-dialog {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,509 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<!-- 搜索部分-->
|
||||||
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||||
|
<el-form-item label="奖项名称" prop="applyName">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.applyName"
|
||||||
|
placeholder="请输入奖项名称"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="创建者" prop="createBy">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.createBy"
|
||||||
|
placeholder="请输入创建者"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="状态" prop="applyStatus">
|
||||||
|
<el-select v-model="queryParams.applyStatus" placeholder="状态" clearable>
|
||||||
|
<el-option
|
||||||
|
v-for="dict in dict.type.rew_apply_status"
|
||||||
|
:key="dict.value"
|
||||||
|
:label="dict.label"
|
||||||
|
:value="dict.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
icon="el-icon-plus"
|
||||||
|
size="mini"
|
||||||
|
@click="handleAdd"
|
||||||
|
>申请</el-button>
|
||||||
|
</el-col>
|
||||||
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
|
</el-row>
|
||||||
|
<custom-table
|
||||||
|
:columns="tableColumns"
|
||||||
|
:tableData="noticeList"
|
||||||
|
:loading="loading"
|
||||||
|
:actions="tableActions"
|
||||||
|
:query-params="queryParams"
|
||||||
|
:apply-type="applyParam.applyType"
|
||||||
|
@handleQuery="handleQuery"
|
||||||
|
@resetQuery="resetQuery"
|
||||||
|
@handleView="handleView"
|
||||||
|
@handleAdd="handleAdd"
|
||||||
|
@getList="getList"
|
||||||
|
@handleSelectionChange="handleSelectionChange"
|
||||||
|
></custom-table>
|
||||||
|
<pagination
|
||||||
|
v-show="total>0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- 添加或查看公告对话框 -->
|
||||||
|
<el-dialog :title="title" :fullscreen="true" center :visible.sync="open" top="0" width="100%" append-to-body>
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="是否获得过奖" prop="isReward">
|
||||||
|
<el-radio-group :disabled="isReadOnly" v-model="form.isReward">
|
||||||
|
<el-radio :label="0">是</el-radio>
|
||||||
|
<el-radio :label="1">否</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item>
|
||||||
|
<Update
|
||||||
|
:applyId="applyId"
|
||||||
|
:table-data="fileData"
|
||||||
|
:isShowButton="isShowButton"
|
||||||
|
:isShowUploadButton="isShowUploadButton"
|
||||||
|
:template-type="templateType"
|
||||||
|
>
|
||||||
|
</Update>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" v-if="isView === true" :disabled="isDisabled" @click="submitForm">提 交</el-button>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
<!-- 修改公告对话框 -->
|
||||||
|
<el-dialog :title="title" :fullscreen="true" center :visible.sync="editOpen" top="0" width="100%" append-to-body>
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="是否获得过奖" prop="isReward">
|
||||||
|
<el-radio-group :disabled="isReadOnly" v-model="form.isReward">
|
||||||
|
<el-radio :label="0">是</el-radio>
|
||||||
|
<el-radio :label="1">否</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item>
|
||||||
|
<Update
|
||||||
|
:applyId="applyId"
|
||||||
|
:dialog-type="dialogType"
|
||||||
|
:table-data="fileData"
|
||||||
|
:isShowButton="isShowButton"
|
||||||
|
:isShowUploadButton="isShowUploadButton"
|
||||||
|
:template-type="templateType"
|
||||||
|
ref="childComponent"
|
||||||
|
>
|
||||||
|
</Update>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" v-if="isView === true" @click="submitForm">提 交</el-button>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
listApply,
|
||||||
|
getDetail,
|
||||||
|
getApplyId,
|
||||||
|
updateApply,
|
||||||
|
delApply, listFile
|
||||||
|
} from "@/api/reward/apply";
|
||||||
|
import CustomTable from "@/components/CustomTable/CustomTable.vue";
|
||||||
|
import Update from '@/components/AllTypeFile/update.vue'
|
||||||
|
export default {
|
||||||
|
name: "apply",
|
||||||
|
components: {CustomTable,Update},
|
||||||
|
dicts: ['rew_apply_status'],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
templateType:'apply',
|
||||||
|
dialogType:'edit',
|
||||||
|
isShowUploadButton:false,
|
||||||
|
//列数据
|
||||||
|
tableColumns: [
|
||||||
|
{ label: '创建者', prop: 'createBy', align: 'center' },
|
||||||
|
{ label: '奖项名称', prop: 'applyName', align: 'center', showOverflowTooltip: true },
|
||||||
|
{ label: '状态', prop: 'applyStatus', align: 'center',slotName: 'customSlotName' },
|
||||||
|
{ label: '创建时间', prop: 'createTime', align: 'center' },
|
||||||
|
{ label: '提交时间', prop: 'appTime', align: 'center',type:'date' },
|
||||||
|
],
|
||||||
|
//操作列
|
||||||
|
tableActions: [
|
||||||
|
{ text: '查看', icon: 'el-icon-view', handler: this.handleView,},
|
||||||
|
{ text: '修改', icon: 'el-icon-edit', handler: this.handleUpdate, },
|
||||||
|
{ text: '删除', icon: 'el-icon-delete', handler: this.handleDelete,},
|
||||||
|
{ text: '退回意见', icon: 'el-icon-s-comment', handler: this.applyMsg,}
|
||||||
|
],
|
||||||
|
//文件上传配置项
|
||||||
|
fileData:[
|
||||||
|
{
|
||||||
|
name: '办学方向',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_1',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '弘扬践行黄炎培职业教育思想',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_2',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '培训条件和培训资源开发',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_3',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '管理水平',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_4',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '培训效果',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_5',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '社会服务',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_6',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '创新增量',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_7',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '盖章后的申报表',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_8',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '综述材料',
|
||||||
|
status: '',
|
||||||
|
expanded: false,
|
||||||
|
childrenList: [],
|
||||||
|
fileCode:'rew_excellent_training_9',
|
||||||
|
}
|
||||||
|
],
|
||||||
|
// 遮罩层
|
||||||
|
loading: true,
|
||||||
|
// 选中数组
|
||||||
|
ids: [],
|
||||||
|
// 非单个禁用
|
||||||
|
single: true,
|
||||||
|
// 非多个禁用
|
||||||
|
multiple: true,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 公告表格数据
|
||||||
|
noticeList: [],
|
||||||
|
isReadOnly:false,
|
||||||
|
isShowButton:true,
|
||||||
|
isView:false,
|
||||||
|
// 弹出层标题
|
||||||
|
title: "",
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
|
editOpen:false,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
applyName: undefined,
|
||||||
|
createBy: undefined,
|
||||||
|
applyStatus: undefined,
|
||||||
|
applyType:undefined,
|
||||||
|
},
|
||||||
|
// 表单参数
|
||||||
|
form:{},
|
||||||
|
// 表单校验
|
||||||
|
rules: {
|
||||||
|
applyName: [
|
||||||
|
{ required: true, message: "奖项名称不能为空", trigger: "blur" }
|
||||||
|
],
|
||||||
|
isReward: [
|
||||||
|
{ required: true, message: "请选择", trigger: "change" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
applyParam:{
|
||||||
|
applyType:''
|
||||||
|
},
|
||||||
|
applyId:'',
|
||||||
|
isDisabled:false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if(this.$route.path.includes('trainAward') === true){
|
||||||
|
this.$store.dispatch('apply/setApplyType', { key: 'applyType', value: 'rew_excellent_training' });
|
||||||
|
this.applyParam.applyType = this.$store.state.apply.applyType;
|
||||||
|
this.queryParams.applyType = this.$store.state.apply.applyType;
|
||||||
|
}
|
||||||
|
this.getList('mounted');
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 查询公告列表 */
|
||||||
|
getList(item) {
|
||||||
|
this.loading = true;
|
||||||
|
let queryObj = {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
applyStatus:undefined,
|
||||||
|
applyType: this.applyParam.applyType
|
||||||
|
}
|
||||||
|
listApply(item ==='mounted' ? queryObj:this.queryParams).then(response => {
|
||||||
|
this.noticeList = response.rows;
|
||||||
|
this.total = response.total;
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
this.editOpen = false
|
||||||
|
this.reset();
|
||||||
|
},
|
||||||
|
// 表单重置
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
// applyName: undefined,
|
||||||
|
isReward: undefined,
|
||||||
|
};
|
||||||
|
this.resetForm("form");
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
// 查询参数
|
||||||
|
this.queryParams = {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
applyName: undefined,
|
||||||
|
createBy: undefined,
|
||||||
|
applyStatus: undefined,
|
||||||
|
applyType: this.applyParam.applyType
|
||||||
|
};
|
||||||
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map(item => item.applyId)
|
||||||
|
this.single = selection.length!=1
|
||||||
|
this.multiple = !selection.length
|
||||||
|
},
|
||||||
|
applyMsg(row){
|
||||||
|
let applyMsg = row.applyMsg
|
||||||
|
this.$alert(applyMsg, '退回意见', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/**查看按钮 */
|
||||||
|
handleView(row){
|
||||||
|
this.editOpen = true;
|
||||||
|
this.title = "查看奖项";
|
||||||
|
const applyId = row.applyId || this.ids
|
||||||
|
this.isShowUploadButton = false
|
||||||
|
this.isShowButton = false
|
||||||
|
getDetail(applyId).then(response => {
|
||||||
|
this.form = response.data;
|
||||||
|
console.log(this.form)
|
||||||
|
this.editOpen = true;
|
||||||
|
this.isReadOnly = true
|
||||||
|
this.isView = false
|
||||||
|
this.fileData.forEach((item)=>{
|
||||||
|
item.childrenList = []
|
||||||
|
})
|
||||||
|
if (response.code === 200) {
|
||||||
|
response.data.fileRelationVOList.forEach((item) => {
|
||||||
|
let index = this.fileData.findIndex(i => i.fileCode === item.fileCode);
|
||||||
|
if (index !== -1) {
|
||||||
|
this.fileData[index].childrenList.push({
|
||||||
|
name: item.fileName,
|
||||||
|
fileName:item.realName,
|
||||||
|
url: item.filePath,
|
||||||
|
state:item.fileState,
|
||||||
|
fileId:item.fileId,
|
||||||
|
fileCode:item.fileCode,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
handleAdd(applyType) {
|
||||||
|
this.reset();
|
||||||
|
this.isView=true;
|
||||||
|
this.open = true;
|
||||||
|
this.isReadOnly = false
|
||||||
|
this.isShowButton = true
|
||||||
|
this.isShowUploadButton = true
|
||||||
|
this.title = "添加奖项";
|
||||||
|
// if(this.noticeList.length === 0){
|
||||||
|
getApplyId(this.applyParam).then(response => {
|
||||||
|
if (response.code === 200){
|
||||||
|
this.$store.dispatch('apply/setApplyId', { key: 'applyId', value: response.data.applyId });
|
||||||
|
this.applyId = localStorage.getItem('applyId')
|
||||||
|
this.getList()
|
||||||
|
}
|
||||||
|
}).catch((err)=>{
|
||||||
|
this.isDisabled = true
|
||||||
|
});
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.reset();
|
||||||
|
this.isView=true;
|
||||||
|
this.applyId = row.applyId
|
||||||
|
this.isReadOnly = false
|
||||||
|
this.isShowButton = true
|
||||||
|
this.isShowUploadButton = true
|
||||||
|
const applyId = row.applyId || this.ids
|
||||||
|
getDetail(applyId).then(response => {
|
||||||
|
this.form.isReward = response.data.isReward;
|
||||||
|
this.editOpen = true;
|
||||||
|
this.title = "修改奖项";
|
||||||
|
this.fileData.forEach((item)=>{
|
||||||
|
item.childrenList = []
|
||||||
|
})
|
||||||
|
if (response.code === 200) {
|
||||||
|
response.data.fileRelationVOList.forEach((item) => {
|
||||||
|
let index = this.fileData.findIndex(i => i.fileCode === item.fileCode);
|
||||||
|
if (index !== -1) {
|
||||||
|
this.fileData[index].childrenList.push({
|
||||||
|
name: item.fileName,
|
||||||
|
fileName:item.realName,
|
||||||
|
url: item.filePath,
|
||||||
|
state:item.fileState,
|
||||||
|
fileId:item.fileId,
|
||||||
|
fileCode:item.fileCode,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm: function() {
|
||||||
|
this.$refs["form"].validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
this.form.applyId = this.applyId
|
||||||
|
if (this.form.applyId !== '') {
|
||||||
|
updateApply(this.form).then(response => {
|
||||||
|
this.$modal.msgSuccess("保存成功");
|
||||||
|
this.open = false;
|
||||||
|
this.editOpen = false
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
handleDelete(row) {
|
||||||
|
const applyId = row.applyId || this.ids
|
||||||
|
this.$modal.confirm('是否确认删除奖项？').then(function() {
|
||||||
|
return delApply(applyId);
|
||||||
|
}).then(() => {
|
||||||
|
this.getList();
|
||||||
|
this.$modal.msgSuccess("删除成功");
|
||||||
|
localStorage.removeItem('applyId');
|
||||||
|
}).catch(() => {});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
::v-deep .el-table__cell{
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
|
::v-deep .el-dialog--center .el-dialog__body{
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
::v-deep .el-dialog__footer{
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.fullscreen-dialog {
|
||||||
|
.el-dialog__wrapper {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1000;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5); /* 遮罩层透明度 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-dialog {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue