11 changed files with 613 additions and 102 deletions
@ -0,0 +1,96 @@ |
|||||
|
<template> |
||||
|
<el-dialog :visible.sync="visible" :title="'处理'" :close-on-click-modal="false" :close-on-press-escape="false"> |
||||
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
||||
|
<el-form-item label="审核" prop="state" label-width="80px"> |
||||
|
<el-select @change="changeHandle" v-model="dataForm.state" placeholder="请选择" clearable> |
||||
|
<el-option label="通过" value="10"> </el-option> |
||||
|
<el-option label="不通过" value="5"> </el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="审核意见" prop="reason"> |
||||
|
<el-input |
||||
|
type="textarea" |
||||
|
:rows="3" |
||||
|
v-model="dataForm.reason" |
||||
|
maxlength="2000" |
||||
|
style="width:calc(100% - 110px)"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template slot="footer"> |
||||
|
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
||||
|
<el-button type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import debounce from 'lodash/debounce' |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
visible: false, |
||||
|
dataForm: { |
||||
|
id: '', |
||||
|
state: '', |
||||
|
reason: '' |
||||
|
}, |
||||
|
isAble: false, |
||||
|
isMust:false |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
dataRule () { |
||||
|
return { |
||||
|
state: [ |
||||
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
||||
|
], |
||||
|
reason: [ |
||||
|
{ required: this.isMust, message: this.$t('validate.required'), trigger: 'blur' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
changeHandle(value){ |
||||
|
if (value === '5') { |
||||
|
this.isMust = true |
||||
|
} |
||||
|
if (value === '10') { |
||||
|
this.isMust = false |
||||
|
} |
||||
|
}, |
||||
|
init () { |
||||
|
this.visible = true |
||||
|
this.isAble = false |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['dataForm'].resetFields() |
||||
|
}) |
||||
|
}, |
||||
|
// 表单提交 |
||||
|
dataFormSubmitHandle: debounce(function () { |
||||
|
this.$refs['dataForm'].validate((valid) => { |
||||
|
if (!valid) { |
||||
|
return false |
||||
|
} |
||||
|
this.isAble = true |
||||
|
this.$http['post']('/heart/vactinfo/handleApply', this.dataForm).then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
this.isAble = false |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.$message({ |
||||
|
message: this.$t('prompt.success'), |
||||
|
type: 'success', |
||||
|
duration: 500, |
||||
|
onClose: () => { |
||||
|
this.$emit('connectResponse') |
||||
|
this.visible = false |
||||
|
this.$emit('refreshDataList') |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => {}) |
||||
|
}) |
||||
|
}, 1000, { 'leading': true, 'trailing': false }) |
||||
|
} |
||||
|
} |
||||
|
</script> |
@ -0,0 +1,201 @@ |
|||||
|
<template> |
||||
|
<el-dialog :visible.sync="visible" title="详情" :close-on-click-modal="false" |
||||
|
:close-on-press-escape="false"> |
||||
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" |
||||
|
:label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
||||
|
<el-form-item label="标题:" prop="title" label-width="120px"> |
||||
|
{{dataForm.title}} |
||||
|
</el-form-item> |
||||
|
<el-form-item label="活动头图:" |
||||
|
prop="imgUrl" |
||||
|
label-width="120px"> |
||||
|
<el-upload class="avatar-uploader" |
||||
|
disabled |
||||
|
:show-file-list="false"> |
||||
|
<img v-if="dataForm.headPic" |
||||
|
:src="dataForm.headPic" |
||||
|
class="avatar"> |
||||
|
<i v-else |
||||
|
class="el-icon-plus avatar-uploader-icon"></i> |
||||
|
</el-upload> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="活动开始时间:" prop="actStartTime" label-width="120px"> |
||||
|
{{dataForm.actStartTime}} |
||||
|
</el-form-item> |
||||
|
<el-form-item label="活动结束时间:" prop="actEndTime" label-width="120px"> |
||||
|
{{dataForm.actEndTime}} |
||||
|
</el-form-item> |
||||
|
<el-form-item label="活动地点:" prop="actAddress" label-width="120px"> |
||||
|
{{dataForm.actAddress}} |
||||
|
</el-form-item> |
||||
|
<el-form-item label="报名要求:" prop="requirement" label-width="120px"> |
||||
|
{{dataForm.requirement}} |
||||
|
</el-form-item> |
||||
|
<el-form-item label="活动内容:" prop="actContent" label-width="120px"> |
||||
|
{{dataForm.actContent}} |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否只允许志愿者参加:" prop="volunteerFlag" label-width="120px"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ |
||||
|
dataForm.volunteerFlag == 0 |
||||
|
? "否" |
||||
|
: dataForm.volunteerFlag == 1 |
||||
|
? "是" |
||||
|
: "" |
||||
|
}} |
||||
|
</template> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系人:" prop="contacts" label-width="120px"> |
||||
|
{{dataForm.contacts}} |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系电话:" prop="tel" label-width="120px"> |
||||
|
{{dataForm.tel}} |
||||
|
</el-form-item> |
||||
|
<el-form-item label="审核状态:" prop="state" label-width="120px"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ |
||||
|
dataForm.state == 0 |
||||
|
? "审核中" |
||||
|
: dataForm.state == 5 |
||||
|
? "未通过" |
||||
|
: dataForm.state == 10 |
||||
|
? "待发布" |
||||
|
: dataForm.state == 15 |
||||
|
? "已发布" |
||||
|
: "" |
||||
|
}} |
||||
|
</template> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="审核理由:" prop="reason" label-width="120px"> |
||||
|
{{dataForm.reason}} |
||||
|
</el-form-item> |
||||
|
<el-form-item label="提交时间:" prop="updatedTime" label-width="120px"> |
||||
|
{{dataForm.updatedTime}} |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template slot="footer"> |
||||
|
<el-button @click="visible = false">{{ $t('返回') }}</el-button> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import debounce from 'lodash/debounce' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
visible: false, |
||||
|
dataForm: { |
||||
|
id: '', |
||||
|
title: '', |
||||
|
headPic: '', |
||||
|
actStartTime: '', |
||||
|
actEndTime: '', |
||||
|
actAddress: '', |
||||
|
requirement: '', |
||||
|
actContent: '', |
||||
|
volunteerFlag: '', |
||||
|
contacts: '', |
||||
|
tel: '', |
||||
|
state: '', |
||||
|
reason: '', |
||||
|
userId: '', |
||||
|
faceImg: '', |
||||
|
partyFlag: '', |
||||
|
deptId: '', |
||||
|
deptName: '', |
||||
|
allDeptIds: '', |
||||
|
allDeptNames: '', |
||||
|
parentDeptIds: '', |
||||
|
parentDeptNames: '', |
||||
|
delFlag: '', |
||||
|
revision: '', |
||||
|
createdBy: '', |
||||
|
createdTime: '', |
||||
|
updatedBy: '', |
||||
|
updatedTime: '' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
dataRule() { |
||||
|
return {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
this.visible = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['dataForm'].resetFields() |
||||
|
if (this.dataForm.id) { |
||||
|
this.getInfo() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 获取信息 |
||||
|
getInfo() { |
||||
|
this.$http.get(`/heart/vactinfo/${this.dataForm.id}`).then(({data: res}) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.dataForm = { |
||||
|
...this.dataForm, |
||||
|
...res.data |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
// 表单提交 |
||||
|
dataFormSubmitHandle: debounce(function () { |
||||
|
this.$refs['dataForm'].validate((valid) => { |
||||
|
if (!valid) { |
||||
|
return false |
||||
|
} |
||||
|
this.$http[!this.dataForm.id ? 'post' : 'put']('/heart/vactinfo/', this.dataForm).then(({data: res}) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.$message({ |
||||
|
message: this.$t('prompt.success'), |
||||
|
type: 'success', |
||||
|
duration: 500, |
||||
|
onClose: () => { |
||||
|
this.visible = false |
||||
|
this.$emit('refreshDataList') |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}) |
||||
|
}, 1000, {'leading': true, 'trailing': false}) |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style> |
||||
|
.avatar-uploader .el-upload { |
||||
|
border: 1px dashed #d9d9d9; |
||||
|
border-radius: 6px; |
||||
|
cursor: pointer; |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: #409eff; |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader-icon { |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
line-height: 178px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.avatar { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
display: block; |
||||
|
} |
||||
|
</style> |
@ -0,0 +1,28 @@ |
|||||
|
<template> |
||||
|
<keep-alive include="vactInfo"> |
||||
|
<component :is="selectComponent"></component> |
||||
|
</keep-alive> |
||||
|
</template> |
||||
|
<script> |
||||
|
import VactInfo from './vactinfo' |
||||
|
import ActInfoAdd from './actinfo-add-or-update' |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
selectComponent: VactInfo |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
VactInfo, |
||||
|
ActInfoAdd |
||||
|
}, |
||||
|
methods: { |
||||
|
init () { |
||||
|
this.selectComponent = VactInfo |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
@ -0,0 +1,200 @@ |
|||||
|
<template> |
||||
|
<el-card shadow="never" class="aui-card--fill"> |
||||
|
<div class="mod-heart__vactinfo}"> |
||||
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item label="公益组织" prop="volunteerOrgId" label-width="70px"> |
||||
|
<el-select v-model="dataForm.volunteerOrgId" clearable placeholder="志愿组织"> |
||||
|
<el-option v-for="item in volunteerOrgList" :key="item.id" :label="item.volunteerOrgName" :value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="活动名称" prop="title"> |
||||
|
<el-input v-model="dataForm.title" |
||||
|
placeholder="活动名称" |
||||
|
clearable></el-input> |
||||
|
</el-form-item> |
||||
|
<br> |
||||
|
<el-form-item label="日期(起)" |
||||
|
prop="vactStartTime" label-width="70px"> |
||||
|
<el-date-picker v-model="dataForm.vactStartTime" |
||||
|
type="date" |
||||
|
:picker-options="pickerBeginDateBefore" |
||||
|
value-format="yyyy-MM-dd" |
||||
|
format="yyyy-MM-dd" |
||||
|
placeholder="选择日期时间"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="日期(止)" |
||||
|
label-width="70px" |
||||
|
prop="vactEndTime"> |
||||
|
<el-date-picker v-model="dataForm.vactEndTime" |
||||
|
type="date" |
||||
|
:picker-options="pickerBeginDateAfter" |
||||
|
value-format="yyyy-MM-dd" |
||||
|
format="yyyy-MM-dd" |
||||
|
placeholder="选择日期时间"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" |
||||
|
@click="exportHandle()">导出</el-button> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button v-if="$hasPermission('heart:vactinfo:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button v-if="$hasPermission('heart:vactinfo:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
||||
|
<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="id" label="主键" header-align="center" align="center"></el-table-column>--> |
||||
|
<el-table-column type="index" |
||||
|
width="50" |
||||
|
label="序号" align="center"></el-table-column> |
||||
|
<el-table-column prop="orgNames" label="所属组织" show-overflow-tooltip header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="title" label="活动名称" show-overflow-tooltip header-align="center" align="center"></el-table-column> |
||||
|
<!-- <el-table-column prop="headPic" label="活动头图" header-align="center" align="center"></el-table-column>--> |
||||
|
<el-table-column prop="stateName" label="审核状态" width=120 header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="startEndTime" label="活动起止日期" header-align="center" align="center"></el-table-column> |
||||
|
<!-- <el-table-column prop="actStartTime" label="活动开始时间" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="actEndTime" label="活动结束时间" header-align="center" align="center"></el-table-column>--> |
||||
|
<el-table-column prop="actAddress" label="活动地点" show-overflow-tooltip header-align="center" align="center"></el-table-column> |
||||
|
<!-- <el-table-column prop="requirement" label="报名要求" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="actContent" label="活动内容" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="volunteerFlag" label="是否只允许志愿者参加 0否 1是" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="contacts" label="联系人" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="tel" label="联系电话" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="reason" label="审核理由" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="userId" label="用户ID" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="faceImg" label="头像地址" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="partyFlag" label="党员标识:0否1是" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="deptId" label="部门ID" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="deptName" label="部门名称" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="allDeptIds" label="所有部门ID" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="allDeptNames" label="所有部门名称" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="parentDeptIds" label="父所有部门" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="parentDeptNames" label="父所有部门" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="delFlag" label="删除标识 0-否,1-是" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="revision" label="乐观锁" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="createdBy" label="创建人" header-align="center" align="center"></el-table-column>--> |
||||
|
<el-table-column prop="createdTime" label="提交时间" width=180 header-align="center" align="center"></el-table-column> |
||||
|
<!-- <el-table-column prop="updatedBy" label="更新人" header-align="center" align="center"></el-table-column>--> |
||||
|
<!-- <el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column>--> |
||||
|
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="text" size="small" @click="openLook(scope.row.id)">{{ $t('详情') }}</el-button> |
||||
|
<el-button v-if="scope.row.state==='0'" type="text" size="small" @click="openHandle(scope.row.id)">{{ $t('审核') }}</el-button> |
||||
|
<el-button v-if="scope.row.state==='10'" type="text" size="small" @click="addAction(scope.row.id)">{{ $t('发布') }}</el-button> |
||||
|
<el-button v-if="$hasPermission('heart:vactinfo:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="pageSizeChangeHandle" |
||||
|
@current-change="pageCurrentChangeHandle"> |
||||
|
</el-pagination> |
||||
|
<!-- 弹窗, 新增 / 修改 --> |
||||
|
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
||||
|
<vact-look v-if="lookVisible" ref="vactLook" @refreshDataList="getDataList"></vact-look> |
||||
|
<vact-handle v-if="handleVisible" ref="vactHandle" @refreshDataList="getDataList"></vact-handle> |
||||
|
<actinfo-add-or-update v-if="actAddVisible" ref="actinfoAddOrUpdate" @refreshDataList="getDataList"></actinfo-add-or-update> |
||||
|
|
||||
|
</div> |
||||
|
</el-card> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import mixinViewModule from '@/mixins/view-module' |
||||
|
import AddOrUpdate from './vactinfo-add-or-update' |
||||
|
import VactHandle from './vact-handle' |
||||
|
import VactLook from './vactinfo-look' |
||||
|
import ActinfoAddOrUpdate from './actinfo-add-or-update' |
||||
|
export default { |
||||
|
mixins: [mixinViewModule], |
||||
|
data () { |
||||
|
return { |
||||
|
mixinViewModuleOptions: { |
||||
|
getDataListURL: '/heart/vactinfo/page', |
||||
|
getDataListIsPage: true, |
||||
|
deleteURL: '/heart/vactinfo', |
||||
|
deleteIsBatch: true, |
||||
|
exportURL: '/heart/vactinfo/export' |
||||
|
}, |
||||
|
dataForm: { |
||||
|
id: '', |
||||
|
vactStartTime: '', |
||||
|
vactEndTime: '', |
||||
|
}, |
||||
|
actAddVisible:false, |
||||
|
addActVisible:false, |
||||
|
lookVisible:false, |
||||
|
handleVisible:false, |
||||
|
volunteerOrgList:[], |
||||
|
pickerBeginDateBefore: { |
||||
|
disabledDate: (time) => { |
||||
|
let beginDateVal = this.dataForm.vactStartTime |
||||
|
if (beginDateVal) { |
||||
|
return time.getTime() > new Date(beginDateVal).getTime() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
pickerBeginDateAfter: { |
||||
|
disabledDate: (time) => { |
||||
|
let EndDateVal = this.dataForm.vactEndTime |
||||
|
if (EndDateVal) { |
||||
|
return time.getTime() < new Date(EndDateVal).getTime() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
AddOrUpdate, |
||||
|
VactHandle, |
||||
|
VactLook, |
||||
|
ActinfoAddOrUpdate |
||||
|
}, |
||||
|
created: function () { |
||||
|
this.getDataList() |
||||
|
this.getVolunteerOrgList() |
||||
|
}, |
||||
|
methods: { |
||||
|
getVolunteerOrgList() { |
||||
|
this.$http.get(`heart/volunteerorg/getVolunteerOrgList`).then(({data: res}) => { |
||||
|
this.volunteerOrgList = res.data |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
openHandle (id) { |
||||
|
this.handleVisible = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.vactHandle.dataForm.id = id |
||||
|
this.$refs.vactHandle.init() |
||||
|
}) |
||||
|
}, |
||||
|
openLook (id) { |
||||
|
this.lookVisible = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.vactLook.dataForm.id = id |
||||
|
this.$refs.vactLook.init() |
||||
|
}) |
||||
|
}, |
||||
|
addAction (id) { |
||||
|
this.$parent.selectComponent = 'ActInfoAdd' |
||||
|
this.$router.push( |
||||
|
{ path: '/heart-vactinfo-route', query: { vactId: id } } |
||||
|
) |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
@ -1,92 +0,0 @@ |
|||||
<template> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-heart__vactinfo}"> |
|
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
||||
<el-form-item> |
|
||||
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('heart:vactinfo:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('heart:vactinfo:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
|
||||
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> |
|
||||
<el-table-column prop="id" label="主键" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="title" label="标题" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="headPic" label="活动头图" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="actStartTime" label="活动开始时间" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="actEndTime" label="活动结束时间" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="actAddress" label="活动地点" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="requirement" label="报名要求" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="actContent" label="活动内容" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="volunteerFlag" label="是否只允许志愿者参加 0否 1是" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="contacts" label="联系人" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="tel" label="联系电话" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="state" label="审核状态:0-审核中,5-未通过,10-待发布,15已发布" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="reason" label="审核理由" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="userId" label="用户ID" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="faceImg" label="头像地址" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="partyFlag" label="党员标识:0否1是" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="deptId" label="部门ID" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="deptName" label="部门名称" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="allDeptIds" label="所有部门ID" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="allDeptNames" label="所有部门名称" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="parentDeptIds" label="父所有部门" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="parentDeptNames" label="父所有部门" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="delFlag" label="删除标识 0-否,1-是" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="revision" label="乐观锁" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="createdBy" label="创建人" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="updatedBy" label="更新人" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button v-if="$hasPermission('heart:vactinfo:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|
||||
<el-button v-if="$hasPermission('heart:vactinfo:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<el-pagination |
|
||||
:current-page="page" |
|
||||
:page-sizes="[10, 20, 50, 100]" |
|
||||
:page-size="limit" |
|
||||
:total="total" |
|
||||
layout="total, sizes, prev, pager, next, jumper" |
|
||||
@size-change="pageSizeChangeHandle" |
|
||||
@current-change="pageCurrentChangeHandle"> |
|
||||
</el-pagination> |
|
||||
<!-- 弹窗, 新增 / 修改 --> |
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
import AddOrUpdate from './vactinfo-add-or-update' |
|
||||
export default { |
|
||||
mixins: [mixinViewModule], |
|
||||
data () { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/heart/vactinfo/page', |
|
||||
getDataListIsPage: true, |
|
||||
deleteURL: '/heart/vactinfo', |
|
||||
deleteIsBatch: true |
|
||||
}, |
|
||||
dataForm: { |
|
||||
id: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
components: { |
|
||||
AddOrUpdate |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
Loading…
Reference in new issue