可以返回搜索到的值,但无法显示在列表里

This commit is contained in:
Sparkfreeman 2024-07-04 20:49:48 +08:00
parent 4f33e9c8ca
commit 37bc08761d
2 changed files with 14 additions and 6 deletions

View File

@ -25,7 +25,13 @@ const actions = {
}, },
async searchMeetings({ commit }, params) { async searchMeetings({ commit }, params) {
try { try {
const response = await MeetingService.searchMeetings(params); const formattedparams = {
name: params.name,
organizer: params.organizer,
startTime: params.startTime,
};
const response = MeetingService.searchMeetings(formattedparams);
commit('setMeetings', response.data); commit('setMeetings', response.data);
} catch (error) { } catch (error) {
console.error('Failed to search meetings:', error); console.error('Failed to search meetings:', error);

View File

@ -4,8 +4,7 @@
<el-input v-model="searchName" placeholder="会议名称" class="search-input"></el-input> <el-input v-model="searchName" placeholder="会议名称" class="search-input"></el-input>
<el-input v-model="searchOrganizer" placeholder="创建人" class="search-input"></el-input> <el-input v-model="searchOrganizer" placeholder="创建人" class="search-input"></el-input>
<el-date-picker v-model="searchStartTime" type="datetime" placeholder="开始时间" class="search-input"></el-date-picker> <el-date-picker v-model="searchStartTime" type="datetime" placeholder="开始时间" class="search-input"></el-date-picker>
<el-button type="primary" @click="searchMeetings">搜索</el-button> <el-button type="primary" @click="search">搜索</el-button>
<el-button type="primary" @click="exportMeetings">导出会议</el-button>
<el-button type="primary" @click="goToAddMeeting">添加会议</el-button> <el-button type="primary" @click="goToAddMeeting">添加会议</el-button>
</div> </div>
<el-table :data="allMeetings" style="width: 100%"> <el-table :data="allMeetings" style="width: 100%">
@ -38,6 +37,8 @@
import { mapActions, mapGetters } from 'vuex'; import { mapActions, mapGetters } from 'vuex';
import axios from 'axios'; import axios from 'axios';
import MeetingService from "@services/meetingService.js"; import MeetingService from "@services/meetingService.js";
import MeetingManagement from "@store/meetingManagement.js";
import meetingManagement from "@store/meetingManagement.js";
export default { export default {
name: 'MeetingManagement', name: 'MeetingManagement',
@ -48,7 +49,8 @@ export default {
total: 0, total: 0,
searchName: '', searchName: '',
searchOrganizer: '', searchOrganizer: '',
searchStartTime: null searchStartTime: null,
allMeeting:''
}; };
}, },
computed: { computed: {
@ -87,13 +89,13 @@ export default {
this.currentPage = val; this.currentPage = val;
this.fetchMeetings(); this.fetchMeetings();
}, },
searchMeetings() { search() {
const params = { const params = {
name: this.searchName, name: this.searchName,
organizer: this.searchOrganizer, organizer: this.searchOrganizer,
startTime: this.searchStartTime ? this.searchStartTime.toISOString() : null startTime: this.searchStartTime ? this.searchStartTime.toISOString() : null
}; };
MeetingService.searchMeetings(params); this.allMeeting = this.searchMeetings(params)
}, },
exportMeetings() { exportMeetings() {
axios axios