fjy8018/cms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

解决前端Vue数据绑定诸多问题

Browse Source
This commit is contained in:
F嘉阳
2018-04-05 11:06:35 +08:00
parent b55b735bb2
commit 0c182a4375
9 changed files with 101 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
cms.nginx - 副本.conf
View File

@@ -35,9 +35,10 @@ server cms.fjy8018.xin:8085;
#我工程的context-path=mytest
location /cms {
proxy_pass http://cms.fjy8018.xin:8085;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-Port $server_port;
# root html;
# index index.html index.htm;
}

3
src/main/java/com/fjy/spring/controller/UpLoadController.java
View File

@@ -8,6 +8,7 @@ import com.fjy.spring.properties.ServerProperties;
import com.fjy.spring.service.FileService;
import com.fjy.spring.service.LogService;
import com.fjy.spring.untils.FormatFileSizeUtil;
import com.fjy.spring.untils.GetIPAddrUtil;
import lombok.extern.slf4j.Slf4j;
import org.apache.commons.io.FileUtils;
import org.springframework.beans.factory.annotation.Autowired;
@@ -212,7 +213,7 @@ public class UpLoadController {
TbLog logs = new TbLog();
logs.setUserid(user.getColuserid());
logs.setColtime(dateNowStr);
logs.setColip(httpServletRequest.getRemoteAddr());
logs.setColip(GetIPAddrUtil.getIpAddr(httpServletRequest));
logs.setColheader(user.getColname() + "上传了'" + filename + "'文件");
logService.addLogRec(logs);

19
src/main/resources/static/js/common.js
View File

@@ -10,3 +10,22 @@ function getRootPath_web() {
var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
return (localhostPaht + projectName);
}
function compareTime(startTime,endTime) {
var startTimes = startTime.substring(0, 10).split('-');
var endTimes = endTime.substring(0, 10).split('-');
startTime = startTimes[1] + '-' + startTimes[2] + '-' + startTimes[0] + ' ' + startTime.substring(10, 19);
endTime = endTimes[1] + '-' + endTimes[2] + '-' + endTimes[0] + ' ' + endTime.substring(10, 19);
var thisResult = (Date.parse(endTime) - Date.parse(startTime)) / 3600 / 1000;
if (thisResult < 0) {
console.log("endTime小于tartTime！");
return false;
} else if (thisResult > 0) {
console.log("endTime大于tartTime！");
return true;
} else if (thisResult == 0) {
console.log("endTime等于tartTime！");
return false;
} else {
return '异常';
}
}

6
src/main/resources/static/js/home.js
View File

@@ -328,7 +328,13 @@ var Main = {
});
},
uploadURL(row) {
console.log(row.worktime);
if (compareTime(cur,row.worktime)){
document.getElementById("btn-group").style.display="";
return "http://localhost:8080/cms/moreUpload?courseName=" + row.coursename + "&folder=" + row.workfolder;
}else{
document.getElementById("btn-show").style.display="";
}
},
limitTime(row) {
return DateDiff(row.worktime.replace(/([^\s]+)\s.*/, "$1"), cur);

26
src/main/resources/static/js/homepage.js
View File

@@ -3,7 +3,6 @@ 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("-")
@@ -13,7 +12,9 @@ function DateDiff(sDate1, sDate2) { //sDate1和sDate2是2002-12-18格式
iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 / 24) //把相差的毫秒数转换为天数
return iDays
}
function displayStyle(id,type) {
document.getElementById(id).style.display=type;
}
var Main = {
data() {
var checkName = (rule, value, callback) => {
@@ -65,6 +66,7 @@ var Main = {
colrealname: '',
colemail: ''
},
isShow:true,
rules2: {
colpassword: [
{required: true, validator: validatePass, trigger: 'blur'}
@@ -230,7 +232,27 @@ var Main = {
});
},
uploadURL(row) {
let that = this;
console.log(row.worktime+"||"+row.workid);
if (compareTime(cur,row.worktime)){
that.isShow = true;
console.log("Show"+that.isShow);
//提交时间合法
//document.getElementById("btn-group").style.display="";
//displayStyle("btn-show"+row.workid,"none");
//displayStyle("btn-group"+row.workid,"");
return getRootPath_web()+"/home/moreUpload?courseName=" + row.coursename + "&folder=" + row.workfolder+"&rename=true";
}else{
that.isShow = false;
console.log("EShow"+that.isShow);
//提交时间不合法
//displayStyle("btn-show"+row.workid,"");
//displayStyle("btn-group"+row.workid,"none");
//displayStyle("btn-show");
//document.getElementById("btn-show").style.display="";
return 0;
}
},
limitTime(row) {
return DateDiff(row.worktime.replace(/([^\s]+)\s.*/, "$1"), cur);

7
src/main/resources/static/js/managecourse.js
View File

@@ -18,7 +18,12 @@ var Main = {
teacherrealname: "root"
}
],
multipleSelection: []
multipleSelection: [],
courseList:[
{courseName:"root"},
{courseName:"root2"},
],
teacherList:[],
}
},
mounted() {

2
src/main/resources/templates/dist/thymeleaf/common_head.html vendored
View File

@@ -12,7 +12,7 @@
<!-- 先引入 Vue -->
<script src="https://unpkg.com/vue@2.5.15/dist/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui@2.2.1/lib/index.js"></script>
<script src="https://unpkg.com/element-ui@2.3.3/lib/index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script th:src="@{/js/common.js}"></script>
</div>

27
src/main/resources/templates/home/home.html
View File

@@ -128,14 +128,29 @@
<el-upload class="upload-demo" ref="upload"
:action="uploadURL(props.row)"
:on-preview="handlePreview"
:on-remove="handleRemove" :file-list="fileList" :auto-upload="false"
:on-remove="handleRemove" :file-list="fileList"
:auto-upload="false"
name="imageFile">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" size="small" type="success"
<div id="btn-group" v-show="isShow">
<el-button slot="trigger" size="small" type="primary">
选取文件
</el-button>
<el-button style="margin-left: 10px;" size="small"
type="success"
@click="submitUpload">
上传到服务器
</el-button>
<div slot="tip" class="el-upload__tip">上传文件大小不能超过100Mb</div>
<div slot="tip" class="el-upload__tip">上传文件大小不能超过100Mb
</div>
</div>
<div id="btn-show" v-show="!isShow">
<el-alert
title="作业提交已截止"
type="error"
center
show-icon>
</el-alert>
</div>
</el-upload>
</el-form-item>
</el-form>
@@ -248,7 +263,9 @@
size="small">
下载
</el-button>
<el-button type="danger" plain size="small" @click="handleDelete(scope.row)">删除</el-button>
<el-button type="danger" plain size="small"
@click="handleDelete(scope.row)">删除
</el-button>
</template>
</el-table-column>
</el-table-column>

8
src/main/resources/templates/home/managecourse.html
View File

@@ -47,9 +47,11 @@
<h4>添加课程</h4>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="课程名">
<el-autocomplete class="inline-input" v-model="state1"
:fetch-suggestions="querySearchAsync" placeholder="课程名"
@select="handleSelect"></el-autocomplete>
<el-select placeholder="请选择课程" v-model="courseList.courseName">
<el-option v-for="course in courseList" :value="course.courseName" :label="course.courseName">{{course.courseName}}</el-option>
<!--<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>-->
</el-select>
</el-form-item>
<el-form-item label="教师名">
<el-autocomplete class="inline-input" v-model="state2"