本文是关于无纸化会议系统管理端角色设置的操作,本界面使用html+css+js进行开发,使用Vue框架和ElementUI进行辅助开发。管理员上传完文件之后,进入到角色设置界面,角色设置界面主要是给参加会议的每个角色设置文件权限以及分配会议设备,初始界面如下图所示:
从上图可以看出,在文件列表中可以看到上一步上传的文件,这里的文件列表中的文件是根据当前会议从服务器中获取的,初始状态下将每个角色对所有文件的权限设置为可见,将每个角色的设备列表设置为空,获取已上传的文件列表,并进行变量的初始化的部分代码如下所示:
created : function () {
//从服务器获取文件列表
$.ajax({
type:"GET",
url:"http://paperless.ronwhite.online:10082/file/getFileList",
data:{
meetingId : Number(getCookie("meetingid"))
},
success:function(re){
if(re['code']==200){
//获取文件列表
if(re['obj']==null){
}else{
for(j =0; j < page.roles.length; j++){
var rolename = page.roles[j];
page.roleFileList[rolename] = [];
}
for(i = 0; i < re['obj'].length; i++){
//给文件信息列表fileList添加数据
page.fileList.push({
fileId : re['obj'][i]['uid'],
fileName : re['obj'][i]['name'],
fileStatus : '可见'
});
//给每个角色分配文件信息
for