[update]-会议-嘉宾可以上传 会议资料文件，并且可以更新列表页的数据
This commit is contained in:
fengchenchen
@@ -588,8 +588,8 @@
|
||||
<section class="base-info">
|
||||
<h3 class="title">会议资料</h3>
|
||||
<!-- 报名成功才显示查看按钮-->
|
||||
<div class="table-operator" style="margin-bottom: 15px">
|
||||
<a-button type="primary" icon="plus" >资料上传</a-button>
|
||||
<div class="table-operator upload-div" v-if="situationInfo.guestsUploadFileFlag">
|
||||
<a-button type="primary" icon="plus" @click="uploadFileFunc">资料上传</a-button>
|
||||
</div>
|
||||
<file-table :file-id="model.meetingData" :has-limit-bool="true" :meeting-id="model.id"
|
||||
:show-detail-bool="showDetailBool"></file-table>
|
||||
@@ -633,6 +633,8 @@
|
||||
</template>
|
||||
<edit-sign-up-info ref="editSignUpInfoForm"></edit-sign-up-info>
|
||||
|
||||
<file-upload-modal ref="fileUploadModal" :meeting-id="model.id" @ok="refreshData"></file-upload-modal>
|
||||
|
||||
</j-modal>
|
||||
</template>
|
||||
|
||||
@@ -650,6 +652,7 @@ import {compareCurrentTime} from '../../utils/meetingJudgeUtil'
|
||||
import EditSignUpInfo from '@views/meetingActivity/modules/EditSignUpInfo'
|
||||
// 问题征集的表格
|
||||
import ProblemCollectionTable from './modules/ProblemCollectionTable'
|
||||
import FileUploadModal from './modules/FileUploadModal'
|
||||
|
||||
const columns = [
|
||||
{
|
||||
@@ -708,7 +711,8 @@ export default {
|
||||
FileTable,
|
||||
SignStep,
|
||||
EditSignUpInfo,
|
||||
ProblemCollectionTable
|
||||
ProblemCollectionTable,
|
||||
FileUploadModal
|
||||
},
|
||||
props: {
|
||||
// 是否是从会议点进来的 默认走消息
|
||||
@@ -978,6 +982,14 @@ export default {
|
||||
goSignUpPage() {
|
||||
let url = `${window._CONFIG['singInQRCodHref']}?id=${this.model.id}`
|
||||
window.open(url, '_blank')
|
||||
},
|
||||
uploadFileFunc() {
|
||||
this.$refs.fileUploadModal.add()
|
||||
},
|
||||
// 更新显示页面的数据
|
||||
refreshData() {
|
||||
console.log('---------refreshData--------')
|
||||
this.$emit('refresh-data', this.model.situationId)
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1175,4 +1187,7 @@ h3.title::before {
|
||||
.m-l-10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.upload-div{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -0,0 +1,132 @@
|
||||
<!--嘉宾文件上传的模态框-->
|
||||
<template>
|
||||
<j-modal
|
||||
:title="title"
|
||||
:width="width"
|
||||
:visible="visible"
|
||||
:confirmLoading="confirmLoading"
|
||||
switchFullscreen
|
||||
@ok="handleOk"
|
||||
@cancel="handleCancel"
|
||||
cancelText="关闭">
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form :form="form">
|
||||
<a-row>
|
||||
<a-col>
|
||||
<a-form-item label="文件" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
||||
<j-upload file-type="all"
|
||||
file-type-error-message="请上传文件"
|
||||
:multiple="true"
|
||||
:number="10"
|
||||
:return-id="true"
|
||||
v-decorator="['fileIds', validatorRules.fileIds]"
|
||||
:trigger-change="true"></j-upload>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
</a-spin>
|
||||
</j-modal>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import pick from 'lodash.pick'
|
||||
import { postAction } from '../../../api/manage'
|
||||
import JUpload from '@comp/jero/JUpload'
|
||||
|
||||
export default {
|
||||
name: 'FileUploadModal',
|
||||
components: { JUpload },
|
||||
props: {
|
||||
// 会议id
|
||||
meetingId: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: '编辑',
|
||||
width: 800,
|
||||
visible: false,
|
||||
confirmLoading: false,
|
||||
form: this.$form.createForm(this),
|
||||
model: {},
|
||||
fileList: [],
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 5 }
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 17 }
|
||||
},
|
||||
validatorRules: {
|
||||
fileIds: {
|
||||
rules: [{ required: true, message: '请上传文件' }],
|
||||
validateTrigger: 'change'
|
||||
}
|
||||
},
|
||||
url: {
|
||||
add: '/meeting/payMeetingSituation/guestsUploadFile' // 资料上传
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
add(data) {
|
||||
this.edit({}, data)
|
||||
},
|
||||
edit(record, data) {
|
||||
this.dataType = data // 接收数据类型
|
||||
this.form.resetFields()
|
||||
this.model = Object.assign({}, record)
|
||||
this.visible = true
|
||||
this.$nextTick(() => {
|
||||
this.form.setFieldsValue(pick(this.model, 'dataId'))
|
||||
})
|
||||
},
|
||||
close() {
|
||||
this.$emit('close')
|
||||
this.visible = false
|
||||
},
|
||||
handleOk() {
|
||||
if (this.confirmLoading) {
|
||||
return
|
||||
}
|
||||
this.confirmLoading = true
|
||||
// 触发表单验证
|
||||
this.form.validateFields((err, values) => {
|
||||
if (!err) {
|
||||
console.log(values)
|
||||
let params = values
|
||||
params.meetingId = this.meetingId
|
||||
postAction(this.url.add, params).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message)
|
||||
this.$emit('ok')
|
||||
this.close()
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
}).finally(() => {
|
||||
setTimeout(() => {
|
||||
this.confirmLoading = false
|
||||
}, 1000)
|
||||
})
|
||||
} else {
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
},
|
||||
handleCancel() {
|
||||
this.close()
|
||||
this.$emit('ok')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@@ -222,7 +222,7 @@
|
||||
<!--上传凭证-->
|
||||
<upload-meeting-certificate-modal ref="upload" @ok="initData"></upload-meeting-certificate-modal>
|
||||
<!-- 会议详情-->
|
||||
<meeting-detail-modal ref="meetingDetail" :is-meeting-bool="true"></meeting-detail-modal>
|
||||
<meeting-detail-modal ref="meetingDetail" :is-meeting-bool="true" @refresh-data="fileRefreshData"></meeting-detail-modal>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@@ -365,7 +365,7 @@ export default {
|
||||
/*
|
||||
* 初始化加载数据
|
||||
* */
|
||||
initData(arg) {
|
||||
initData(arg, callback) {
|
||||
if (!this.url.list) {
|
||||
this.$message.error('请设置url.list属性!')
|
||||
return
|
||||
@@ -397,6 +397,7 @@ export default {
|
||||
} else {
|
||||
this.total = 0
|
||||
}
|
||||
callback && callback()
|
||||
}
|
||||
if (res.code === 510) {
|
||||
this.$message.warning(res.message)
|
||||
@@ -477,6 +478,15 @@ export default {
|
||||
this.queryParam.meetingType = val
|
||||
this.queryParam.tbMeetingType = undefined
|
||||
}
|
||||
},
|
||||
// 嘉宾上传会议资料后的回调函数
|
||||
fileRefreshData(situationId) {
|
||||
const callback = (situationId) => {
|
||||
let item = this.tableData.find(item => item.situationId === situationId)
|
||||
item && this.openMeetingDetail(item)
|
||||
}
|
||||
// 重新请求数据，并执行打开弹窗的回调函数
|
||||
this.initData(null, callback(situationId))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -180,7 +180,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 会议详情 -->
|
||||
<meeting-detail-modal ref="meetingDetail" is-meeting-bool></meeting-detail-modal>
|
||||
<meeting-detail-modal ref="meetingDetail" is-meeting-bool @refresh-data="fileRefreshData"></meeting-detail-modal>
|
||||
<!--上传凭证-->
|
||||
<upload-meeting-certificate-modal ref="upload" @ok="initData"></upload-meeting-certificate-modal>
|
||||
</div>
|
||||
@@ -341,7 +341,7 @@ export default {
|
||||
/*
|
||||
* 初始化加载数据
|
||||
* */
|
||||
initData(arg) {
|
||||
initData(arg, callback) {
|
||||
if (!this.url.list) {
|
||||
this.$message.error('请设置url.list属性!')
|
||||
return
|
||||
@@ -373,6 +373,7 @@ export default {
|
||||
} else {
|
||||
this.total = 0
|
||||
}
|
||||
callback && callback()
|
||||
}
|
||||
if (res.code === 510) {
|
||||
this.$message.warning(res.message)
|
||||
@@ -421,6 +422,15 @@ export default {
|
||||
openMeetingDetail(item) {
|
||||
// 打开会议详情
|
||||
this.$refs.meetingDetail.open(item)
|
||||
},
|
||||
// 嘉宾上传会议资料后的回调函数
|
||||
fileRefreshData(situationId) {
|
||||
const callback = (situationId) => {
|
||||
let item = this.tableData.find(item => item.situationId === situationId)
|
||||
item && this.openMeetingDetail(item)
|
||||
}
|
||||
// 重新请求数据，并执行打开弹窗的回调函数
|
||||
this.initData(null, callback(situationId))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user