var dt = new Date();
let th = this;
let username = "";
/*let username = this.ruleForm2.colname.value;*/
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 checkQuestion = (rule, value, callback) => {
            if (!value) {
                return callback(new Error('问题不能为空'));
            } else {
                callback()
            }
        };
        var checkAnswer = (rule, value, callback) => {
            if (!value) {
                return callback(new Error('答案不能为空'));
            } else {
                callback()
            }
        };
        var checkName = (rule, value, callback) => {
            let that = this;
            if (!value) {
                return callback(new Error('用户名不能为空'));
            } else {
                //判断用户名是否已存在
                axios.get(getRootPath_web() + '/CheckUserName', {
                    params: {
                        name: value
                    }
                })
                    .then(function (response) {
                        console.log(response.data);
                        if (response.data === true) {
                            callback();
                        } else if (value !== username) {
                            return callback(new Error('用户名已存在'));
                        } else {
                            callback();
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                        that.errorNotify(error.message);
                    });
            }
        };
        var checkNo = (rule, value, callback) => {
            if (!value) {
                return callback(new Error('学号不能为空'));
            } else {
                //判断是否为指定班级的合法用户
                axios.get(getRootPath_web() + '/CheckStudentNo', {
                    params: {
                        studentno: value
                    }
                })
                    .then(function (response) {
                        console.log(response.data);
                        if (response.data === true) {
                            callback()
                        } else {
                            return callback(new Error('学号非法'));
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                        this.errorNotify(error.message);
                    });
            }
        };
        var checkRealName = (rule, value, callback) => {
            let that = this;
            if (!value) {
                return callback(new Error('真实姓名不能为空'));
            } else {
                //判断用户名与学号是否匹配
                axios.get(getRootPath_web() + '/CheckStudent', {
                    params: {
                        realname: value,
                        studentno: this.ruleForm2.colstudentno
                    }
                })
                    .then(function (response) {
                        console.log(response.data);
                        if (response.data === false && value !== that.ruleForm2.colrealname) {
                            return callback(new Error('姓名与学号不匹配或该用户已注册'));
                        } else {
                            callback()
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                        this.errorNotify(error.message);
                    });
            }
        };
        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 {
            activeIndex: '2',
            ruleForm2: {
                coluserid: '',
                colname: '',
                colstudentno: '',
                colrealname: '',
                colemail: '',
                colpassword: '',
                checkPass: '',
                question: '',
                answer: ''
            },
            ruleForm3: {
                coluserid: '',
                colname: '',
                question: '',
                answer: ''
            },
            rules3: {
                question: [
                    {required: true, validator: checkQuestion, trigger: 'blur'}
                ],
                answer: [
                    {required: true, validator: checkAnswer, trigger: 'blur'}
                ]
            },
            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'}
                ],
            },
            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: "第一次作业"
                }
            ],
            NoticeList: [
                {
                    noticeid: 1,
                    adminid: 1,
                    noticeContent: "系统正式上线，Alpha测试版",
                    issueTime: "2018-2-26 11:00"
                },
                {
                    noticeid: 2,
                    adminid: 1,
                    noticeContent: "系统，测试",
                    issueTime: "2018-2-26 11:13"
                }
            ]
        }
    },
    methods: {
        errorNotify(content) {
            this.$notify.error({
                title: '错误',
                message: content
            })
        },
        openNotiSuccess(title, content) {
            this.$notify({
                title: title,
                message: content,
                type: 'success'
            });
        },
        openNotiError(title, content) {
            this.$notify.error({
                title: title,
                message: content
            });
        },
        limitTime(row) {
            return DateDiff(row.worktime.replace(/([^\s]+)\s.*/, "$1"), cur);
        },
        submitForm(formName, url) {
            this.$refs[formName].validate((valid) => {
                var that = this;
                if (valid) {
                    axios({
                        url: getRootPath_web() + url,
                        method: 'post',
                        data: that.ruleForm2
                        ,
                        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'
                        }
                    }).then(function (response) {
                        console.log(response.data);
                        if (response.data === true) {
                            that.openNotiSuccess("成功", "修改成功，刷新页面即可查看新信息！");
                        } else if (response.data === false) {
                            that.openNotiError("失败", "修改失败！");
                        } else {
                            that.openNotiError("错误", response.data.message);
                        }
                    }).catch(function (error) {
                        console.log(error);
                        that.openNotiError("错误", "服务器错误！");
                    });
                    //console.log(this.$refs.content.value)
                    //this.openNotiSuccess("成功", "修改成功！")
                    //this.$options.methods.openNotiSuccess.bind(this)();
                    //alert('submit!');
                } else {
                    console.log('error submit!!');
                    that.openNotiError("错误", "表单填写错误！");
                    return false;
                }
            });
        },
        clickToSubmit(formName) {
            this.$refs[formName].validate((valid) => {
                var that = this;
                if (valid) {
                    axios({
                        url: getRootPath_web() + '/beforeLogin',
                        method: 'post',
                        data: {
                            colname: outSideThis.ruleForm1.colname.value,
                            colpassword: outSideThis.ruleForm1.colpassword.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'
                        }
                    }).then(function (response) {
                        console.log(response.data);
                        if (response.data === true) {
                            //that.$refs[formName].submit;
                            //return true;
                            document.getElementById('ruleForm1').submit();
                        } else if (response.data === false) {
                            that.openNotiError("失败", response.data.message);
                        } else {
                            that.openNotiError("错误", response.data.message);
                        }
                    }).catch(function (error) {
                        console.log(error);
                        that.openNotiError("错误", "服务器错误！");
                    });
                    //console.log(this.$refs.content.value)
                    //this.openNotiSuccess("成功", "修改成功！")
                    //this.$options.methods.openNotiSuccess.bind(this)();
                    //alert('submit!');
                } else {
                    console.log('error submit!!');
                    that.openNotiError("错误", "表单填写错误！");
                    return false;
                }
            });
        },
        resetForm(formName) {
            this.$refs[formName].resetFields();
        },
        handleClick(tab, event) {
            console.log(tab, event);
        },
        ClickToJump(targe) {
            window.location.href = getRootPath_web() + "/" + targe;
        },
        handleSelect(key, keyPath) {
            console.log(key, keyPath);
        },
        onSubmit() {
            console.log('submit!');
        }
    },
    mounted() {
        this.$nextTick(() => {
            var that = this;
            axios.get(getRootPath_web() + '/home/userinfo')
                .then(function (response) {
                    //console.log(response.data);
                    // 注意此处赋值为引用赋值
                    that.ruleForm3 = that.ruleForm2 = response.data;
                    username=response.data.colname;
                })
                .catch(function (error) {
                    //console.log(error);
                    that.openNotiError("错误", response.data.message);
                });
            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);
                    that.openNotiError("错误", response.data.message);
                });
            axios.get(getRootPath_web() + '/home/findAllNotice')
                .then(function (response) {
                    console.log(response.data);
                    that.NoticeList = response.data;
                    //that.limitTime = response.data;
                })
                .catch(function (error) {
                    //console.log(error);
                    that.openNotiError("错误", response.data.message);
                });
        })
    }
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')