实现用户仅能查看自己提交的文件
This commit is contained in:
F嘉阳
472
src/main/resources/static/js/home.js
Normal file
472
src/main/resources/static/js/home.js
Normal file
@@ -0,0 +1,472 @@
|
||||
var dt = new Date();
|
||||
var month = dt.getMonth() + 1;
|
||||
var day = dt.getDate();
|
||||
var year = dt.getFullYear();
|
||||
var cur = year + '-' + month + '-' + day;
|
||||
|
||||
function DateDiff(sDate1, sDate2) { //sDate1和sDate2是2002-12-18格式
|
||||
var aDate, oDate1, oDate2, iDays
|
||||
aDate = sDate1.split("-")
|
||||
oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]) //转换为12-18-2002格式
|
||||
aDate = sDate2.split("-")
|
||||
oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0])
|
||||
iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 / 24) //把相差的毫秒数转换为天数
|
||||
return iDays
|
||||
}
|
||||
|
||||
var Main = {
|
||||
data() {
|
||||
var checkName = (rule, value, callback) => {
|
||||
if (!value) {
|
||||
return callback(new Error('用户名不能为空'));
|
||||
}
|
||||
};
|
||||
var checkNo = (rule, value, callback) => {
|
||||
if (!value) {
|
||||
return callback(new Error('学号不能为空'));
|
||||
}
|
||||
};
|
||||
var checkRealName = (rule, value, callback) => {
|
||||
if (!value) {
|
||||
return callback(new Error('真实姓名不能为空'));
|
||||
}
|
||||
};
|
||||
var validatePass = (rule, value, callback) => {
|
||||
if (value === '') {
|
||||
callback(new Error('请输入密码'));
|
||||
} else {
|
||||
if (this.ruleForm2.checkPass !== '') {
|
||||
this.$refs.ruleForm2.validateField('checkPass');
|
||||
}
|
||||
callback();
|
||||
}
|
||||
};
|
||||
var validatePass2 = (rule, value, callback) => {
|
||||
if (value === '') {
|
||||
callback(new Error('请再次输入密码'));
|
||||
} else if (value !== this.ruleForm2.colpassword) {
|
||||
callback(new Error('两次输入密码不一致!'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
return {
|
||||
feedbackForm: {
|
||||
content: ''
|
||||
},
|
||||
activeIndex: '1',
|
||||
dialogVisible: false,
|
||||
dialogTableVisible: false,
|
||||
ruleForm2: {
|
||||
colname: '',
|
||||
colpassword: '',
|
||||
checkPass: '',
|
||||
colstudentno: '',
|
||||
colrealname: '',
|
||||
colemail: ''
|
||||
},
|
||||
rules2: {
|
||||
colpassword: [
|
||||
{required: true, validator: validatePass, trigger: 'blur'}
|
||||
],
|
||||
checkPass: [
|
||||
{required: true, validator: validatePass2, trigger: 'blur'}
|
||||
],
|
||||
colstudentno: [
|
||||
{
|
||||
required: true,
|
||||
validator: checkNo,
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
colrealname: [
|
||||
{
|
||||
required: true,
|
||||
validator: checkRealName,
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
colname: [
|
||||
{required: true, validator: checkName, trigger: 'blur'}
|
||||
],
|
||||
},
|
||||
activeName: 'login',
|
||||
fileList: [],
|
||||
DownloadList: [],
|
||||
VersionList:[
|
||||
{
|
||||
date:'2018-02-23',
|
||||
content:'修复用户信息修改页面数据绑定方式，改为使用axios进行数据获取和绑定',
|
||||
version:'V1.5',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-22',
|
||||
content:'实现后台对未交作业人员的查询',
|
||||
version:'V1.4',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-22',
|
||||
content:'实现用户信息修改',
|
||||
version:'V1.3.1',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-21',
|
||||
content:'实现用户信息修改页面session传值',
|
||||
version:'V1.3',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-09',
|
||||
content:'实现用户管理和作业管理数据读取',
|
||||
version:'V1.2.1',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-09',
|
||||
content:'实现单文件删除',
|
||||
version:'V1.2',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-08',
|
||||
content:'完成课程管理数据读取，修复页面加载css，js错误',
|
||||
version:'V1.1.2',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-08',
|
||||
content:'完成管理员主页的数据读取',
|
||||
version:'V1.1.1',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-08',
|
||||
content:'完成前端界面设计',
|
||||
version:'V1.0',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-08',
|
||||
content:'实现表单异步提交并显示消息',
|
||||
version:'V0.15',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-07',
|
||||
content:'实现作业上传自动创建文件夹',
|
||||
version:'V0.14',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-07',
|
||||
content:'实现作业获取和展示',
|
||||
version:'V0.13',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-06',
|
||||
content:'完成前端上传页面设计',
|
||||
version:'V0.12',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-06',
|
||||
content:'实现登录日志记录',
|
||||
version:'V0.11',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-05',
|
||||
content:'提高加密安全性',
|
||||
version:'V0.10.1',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-05',
|
||||
content:'实现用户密码SHA加密',
|
||||
version:'V0.10',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-05',
|
||||
content:'实现登录拦截器',
|
||||
version:'V0.9',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-05',
|
||||
content:'实现注册功能',
|
||||
version:'V0.8',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-05',
|
||||
content:'实现json数据绑定',
|
||||
version:'V0.7',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-04',
|
||||
content:'实现多文件上传，按钮vue传值（vue2.1特性）',
|
||||
version:'V0.6',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-04',
|
||||
content:'实现Element组件+单文件上传',
|
||||
version:'V0.5',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-04',
|
||||
content:'使用thymeleaf模板引擎，引入frame框架和公用css和js文件',
|
||||
version:'V0.4',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-02-03',
|
||||
content:'实现文件上传和数据库记录、Element+vue登录注册UI',
|
||||
version:'V0.3',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-01-30',
|
||||
content:'实现登录，编写错误码，实现错误码返回json',
|
||||
version:'V0.2',
|
||||
user:'F嘉阳'
|
||||
},
|
||||
{
|
||||
date:'2018-01-30',
|
||||
content:'实现数据库查询用户，获取密码，编写了单元测试类',
|
||||
version:'V0.1',
|
||||
user:'F嘉阳'
|
||||
}
|
||||
],
|
||||
tableHomeworkData: [
|
||||
{
|
||||
workid: 1,
|
||||
colfileid: 56,
|
||||
workname: "实验报告",
|
||||
worktime: "2018-02-06 20:44:08.0",
|
||||
colfilename: "2018 服务器装机.xlsx",
|
||||
coursename: "信息安全",
|
||||
workremark: "3000字以上",
|
||||
workfolder: "第一次作业"
|
||||
},
|
||||
{
|
||||
workid: 1,
|
||||
colfileid: 56,
|
||||
workname: "实验报告2",
|
||||
worktime: "2018-02-08 20:44:08.0",
|
||||
colfilename: "2018 服务器装机.xlsx",
|
||||
coursename: "决策支持系统",
|
||||
workremark: "3000字以上",
|
||||
workfolder: "第一次作业"
|
||||
}
|
||||
],
|
||||
tableData2: [{
|
||||
date: '2016-05-02',
|
||||
}, {
|
||||
date: '2016-05-04',
|
||||
}, {
|
||||
date: '2016-05-01',
|
||||
}, {
|
||||
date: '2016-05-03',
|
||||
}],
|
||||
tableData3: [{
|
||||
date: '2016-05-02',
|
||||
name: '王小虎'
|
||||
}, {
|
||||
date: '2016-05-04',
|
||||
name: '王小虎'
|
||||
}, {
|
||||
date: '2016-05-01',
|
||||
name: '王小虎'
|
||||
}, {
|
||||
date: '2016-05-03',
|
||||
name: '王小虎'
|
||||
}]
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => {
|
||||
var that = this;
|
||||
axios.get(getRootPath_web()+'/download/findone')
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
that.DownloadList = response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
axios.get(getRootPath_web()+'/home/findAllHomework')
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
that.tableHomeworkData = response.data;
|
||||
//that.limitTime = response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
|
||||
openNotiSuccess(title, content) {
|
||||
this.$notify({
|
||||
title: title,
|
||||
message: content,
|
||||
type: 'success'
|
||||
});
|
||||
},
|
||||
openSuccess(content) {
|
||||
this.$message({
|
||||
message: content,
|
||||
type: 'success'
|
||||
});
|
||||
},
|
||||
uploadURL(row) {
|
||||
return "http://localhost:8080/cms/moreUpload?courseName=" + row.coursename + "&folder=" + row.workfolder;
|
||||
},
|
||||
limitTime(row) {
|
||||
return DateDiff(row.worktime.replace(/([^\s]+)\s.*/, "$1"), cur);
|
||||
},
|
||||
submitForm(formName, url) {
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
axios({
|
||||
url: 'http://localhost:8080/cms/' + url,
|
||||
method: 'post',
|
||||
data: {
|
||||
content: this.$refs.content.value
|
||||
},
|
||||
transformRequest: [function (data) {
|
||||
// Do whatever you want to transform the data
|
||||
let ret = ''
|
||||
for (let it in data) {
|
||||
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
|
||||
}
|
||||
return ret
|
||||
}],
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded'
|
||||
}
|
||||
})
|
||||
console.log(this.$refs.content.value)
|
||||
this.openNotiSuccess("成功", "反馈成功！")
|
||||
//this.$options.methods.openNotiSuccess.bind(this)();
|
||||
//alert('submit!');
|
||||
} else {
|
||||
console.log('error submit!!');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
resetForm(formName) {
|
||||
this.$refs[formName].resetFields();
|
||||
},
|
||||
handleClick(row) {
|
||||
console.log(row.colfileid);
|
||||
},
|
||||
submitUpload() {
|
||||
this.$refs.upload.submit();
|
||||
},
|
||||
handleRemove(file, fileList) {
|
||||
console.log(file, fileList);
|
||||
},
|
||||
ClickToJump(targe) {
|
||||
window.location.href = "http://localhost:8080/cms/" + targe;
|
||||
},
|
||||
handleDownload(row) {
|
||||
/*var url = window.location.protocol+"://"+window.location.host+":"+window.location.port+"/"*/
|
||||
window.open("http://localhost:8080/cms/download/dodownload?fileId=" + row.colfileid);
|
||||
},
|
||||
handleDelete(row) {
|
||||
axios({
|
||||
url: 'http://localhost:8080/cms/home/filedelete',
|
||||
method: 'post',
|
||||
data: {
|
||||
fileid: row.colfileid
|
||||
},
|
||||
transformRequest: [function (data) {
|
||||
// Do whatever you want to transform the data
|
||||
let ret = ''
|
||||
for (let it in data) {
|
||||
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
|
||||
}
|
||||
return ret
|
||||
}],
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded'
|
||||
}
|
||||
});
|
||||
this.openNotiSuccess("成功", "删除成功！");
|
||||
},
|
||||
handlePreview(file) {
|
||||
console.log(file);
|
||||
},
|
||||
handleExceed(files, fileList) {
|
||||
this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
|
||||
},
|
||||
beforeRemove(file, fileList) {
|
||||
return this.$confirm(`确定移除 ${ file.name }？`);
|
||||
},
|
||||
handleSelect(key, keyPath) {
|
||||
console.log(key, keyPath);
|
||||
},
|
||||
handleOpen(key, keyPath) {
|
||||
console.log(key, keyPath);
|
||||
},
|
||||
handleClose(key, keyPath) {
|
||||
console.log(key, keyPath);
|
||||
},
|
||||
dialogClose(done) {
|
||||
this.$confirm('确认关闭？')
|
||||
.then(_ => {
|
||||
done();
|
||||
})
|
||||
.catch(_ => {
|
||||
});
|
||||
},
|
||||
showMsg(msg) {
|
||||
this.$message({
|
||||
message: msg,
|
||||
type: 'success'
|
||||
});
|
||||
},
|
||||
notiSuccess(title, value) {
|
||||
this.$notify({
|
||||
title: title,
|
||||
message: value,
|
||||
type: 'success'
|
||||
});
|
||||
},
|
||||
notiWarning(title, value) {
|
||||
this.$notify({
|
||||
title: title,
|
||||
message: value,
|
||||
type: 'warning'
|
||||
});
|
||||
},
|
||||
|
||||
notiInfo(title, value) {
|
||||
this.$notify.info({
|
||||
title: title,
|
||||
message: value
|
||||
});
|
||||
},
|
||||
|
||||
notiError(title, value) {
|
||||
this.$notify.error({
|
||||
title: title,
|
||||
message: value
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
var Ctor = Vue.extend(Main)
|
||||
var con = new Ctor().$mount('#app')
|
||||
//con.showMsg('登录成功');
|
||||
Reference in New Issue
Block a user