本文是关于无纸化会议系统管理端会议记录的操作,本界面使用html+css+js进行开发,使用Vue框架和ElementUI进行辅助开发。管理员可以使用本网页查询会议记录并对会议进行操作,如将会议状态从未开始切换为即将开始,或者把即将开始的会议改为另一个会议。
网页分成两个部分,上方的显示条和下方的会议列表,上方的显示条显示的是即将开始的会议和正在进行中的会议,如果有即将开始的会议或者正在进行的会议,在显示条上就会显示有即将开始的会议或者正在进行的会议,如果既没有即将开始的会议,又没有正在进行的会议,那么就会显示当前暂无会议安排,因此,为了实现这个功能,我们需要从服务器获取会议列表,并将不同状态的会议存入到不同的会议列表中,部分实现代码如下:
created : function () {
$.ajax({
type:"GET",
url:"http://paperless.ronwhite.online:10082/meeting/getMeetingList",
data:{
},
success:function(re){
if(re['code']==200){
var ml = re['obj'];
for(var i = 0; i < ml.length; i++){
var meeting = ml[i];
var mState = '';
if(meeting['state']==100){
mState = '未开始';
}else if(meeting['state']==0){
mState = '会议即将开始';
}else if(meeting['state']==1){
mState = '会议进行中';
}else{
mState = '已结束';
}
//新建一个会议信息对象
var mi = {
meetingId : meeting['uid'],
meetingTitle : meeting['name'],
meetintContent : meeting['content'],
meetingBeginTime : meeting['beginTime'],