From 6277ff74356393d5347fd3356ce3ff8999936e78 Mon Sep 17 00:00:00 2001 From: yujialong <479214531@qq.com> Date: Tue, 28 Sep 2021 18:00:28 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 29 +- src/api/index.js | 369 +++--- src/components/pdf/index.vue | 146 ++- src/components/quill/index.vue | 302 ++--- src/components/quill/options.js | 30 +- src/i18n/index.js | 40 +- src/layouts/footer/index.vue | 47 +- src/layouts/header/index.vue | 66 +- src/layouts/home/index.vue | 56 +- src/layouts/navbar/index.vue | 81 +- src/libs/auth/generateBtnPermission.js | 29 +- src/libs/bus.js | 2 +- src/libs/random_str.js | 6 +- src/libs/resize/index.js | 22 +- src/libs/route/addRoutes.js | 34 +- src/libs/route/generateRoutes.js | 38 +- src/libs/route/resetRouter.js | 8 +- src/libs/util.cookies.js | 12 +- src/libs/util.db.js | 14 +- src/libs/util.js | 323 ++--- src/libs/videoList.js | 1558 +++++++++++------------ src/main.js | 40 +- src/mixins/app.js | 4 +- src/mixins/setBackground/index.js | 6 +- src/pages/account/login/index.vue | 698 +++++----- src/pages/account/register/index.vue | 236 ++-- src/pages/ass/list/index.vue | 456 +++---- src/pages/course/list/index.vue | 274 +++- src/pages/exception/error/403/index.vue | 73 +- src/pages/exception/error/404/index.vue | 89 +- src/pages/exception/i18n/index.vue | 35 +- src/pages/exception/icon/index.vue | 305 ++--- src/pages/index/list/index.vue | 25 +- src/pages/information/list/index.vue | 32 - src/pages/match/list/index.vue | 559 +++++++- src/pages/preview/list/index.vue | 733 ++++++----- src/pages/record/list/ass.vue | 67 +- src/pages/record/list/index.vue | 240 ++-- src/pages/record/list/practice.vue | 79 +- src/pages/record/show/index.vue | 736 ++++++----- src/pages/setting/person/index.vue | 952 +++++++------- src/pages/station/list/index.vue | 419 +++--- src/plugins/auth/index.js | 22 +- src/plugins/filters/index.js | 6 +- src/plugins/index.js | 12 +- src/plugins/requests/index.js | 147 +-- src/plugins/throttle/index.js | 16 +- src/router/index.js | 26 +- src/router/modules/ass.js | 16 +- src/router/modules/index.js | 14 +- src/router/modules/preview.js | 16 +- src/router/modules/record.js | 29 +- src/router/modules/setting.js | 16 +- src/router/modules/station.js | 20 +- src/router/permission.js | 36 +- src/router/routes.js | 62 +- src/setting.env.js | 8 +- src/setting.js | 196 ++- src/store/getters.js | 6 +- src/store/index.js | 24 +- src/store/modules/layout.js | 16 +- src/store/modules/project.js | 22 +- src/store/modules/user.js | 111 +- src/styles/common.scss | 445 ++++--- src/styles/font/icon/demo.css | 460 +++---- src/styles/font/icon/demo_index.html | 798 ++++++------ src/styles/font/icon/iconfont.css | 59 +- src/styles/font/icon/iconfont.svg | 103 +- src/styles/font/iconfont.css | 2 +- src/styles/layout/index.scss | 13 +- src/styles/lib/_flex.scss | 4 + src/styles/lib/_float.scss | 2 + src/styles/lib/_link.scss | 1 + src/styles/lib/_position.scss | 1 - src/styles/lib/_reset.scss | 9 +- src/styles/lib/_var.scss | 58 +- src/styles/var.scss | 31 +- 77 files changed, 6682 insertions(+), 5395 deletions(-) delete mode 100644 src/pages/information/list/index.vue diff --git a/src/App.vue b/src/App.vue index db71ed9..ff6d150 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,24 +1,25 @@ \ No newline at end of file diff --git a/src/api/index.js b/src/api/index.js index 03841f6..2be1f11 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -1,158 +1,215 @@ -import Setting from '@/setting' -let host = `${Setting.apiBaseURL}evaluation/` -let loginhost = `${Setting.apiBaseURL}liuwanr/` +import Setting from "@/setting"; + +// let host = `${Setting.apiBaseURL}evaluation/`; +let loginhost = `${Setting.apiBaseURL}liuwanr/`; + +let host = "http://192.168.31.151:9000/"; // 榕 export default { - host, - logins: `${loginhost}userInfo/logins`, //登录  - updateLogInNumber: `${loginhost}userInfo/updateLogInNumber`, //用户登录修改登录次数和登陆时间 - uploadUserAvatars: `${loginhost}userInfo/uploadUserAvatars`, //上传头像 - loginSchool: `${loginhost}userInfo/loginSchoolClient`, //登陆查询学校 - loginRole: `${loginhost}userInfo/loginRole`, //登陆查询角色 - save: `${host}tms/userInfo/add`, //注册 - - queryToken: `${loginhost}userInfo/queryToken`, - queryWorkNumberIsExist:`${loginhost}userInfo/queryWorkNumberIsExist`,//查询学号、工号是否存在 - queryAccountIsExist:`${loginhost}userInfo/queryAccountIsExist`,//查询员工，学生账号是否存在接口 - - addStuPro: `${host}stuProfessionalArchitecture/addStuProfessionalArchitecture`, //添加学生专业 - queryStuPro: `${host}stuProfessionalArchitecture/queryStuProfessionalArchitecture`, //查询学生专业 - queryStuGrade: `${host}stuProfessionalArchitecture/queryStuGrade`, //查询学生年级 - queryStuClass: `${host}stuProfessionalArchitecture/queryStuClass`, //查询学生班级 - deleteStuPro: `${host}stuProfessionalArchitecture/deleteStuProfessionalArchitecture`, //删除学生专业 - updateStuPro: `${host}stuProfessionalArchitecture/updateStuProfessionalArchitecture`, //编辑学生专业 - - findPasswordByEmail: `${host}tms/userInfo/findPasswordByEmail`, - findPasswordByPhone: `${host}tms/userInfo/findPasswordByPhone`, - resetPassword: `${host}tms/userInfo/resetPassword`, - checkCode: `${host}tms/userInfo/checkCode`, - - queryStudentData: `${host}student/queryStudent`, //查询学生 - queryStudentDetails: `${host}student/queryStudentDetails`, //查询学生详情 - addStudent: `${host}student/addStudent`, //添加学生 - deleteStudent: `${host}student/deleteStudent`, //删除学生 - updateStudent: `${host}student/updateStudent`, //编辑学生 - updateStuGrade: `${host}stuProfessionalArchitecture/updateStuGrade`, //编辑学生年级 - addStuGrade: `${host}stuProfessionalArchitecture/addStuGrade`, //添加学生年级 - deleteStuGrade: `${host}stuProfessionalArchitecture/deleteStuGrade`, //删除学生年级 - updateStuClass: `${host}stuProfessionalArchitecture/updateStuClass`, //编辑学生班级 - addStuClass: `${host}stuProfessionalArchitecture/addStuClass`, //添加学生班级 - deleteStuClass: `${host}stuProfessionalArchitecture/deleteStuClass`, //删除学生班级 - - queryPersonalCenter:`${host}personalCenter/queryPersonalCenter`, - addStaffPro: `${host}staffProfessionalArchitecture/addStaffProfessionalArchitecture`, //添加员工专业 - queryStaffPro: `${host}staffProfessionalArchitecture/queryAllStaffProfessionalArchitecture`, //查询员工专业 - deleteStaffPro: `${host}staffProfessionalArchitecture/deleteStaffProfessionalArchitecture`, //删除员工专业 - deleteStaffGrade: `${host}staffGrade/deleteStaffGrade`, //删除员工部门 - updateStaffPro: `${host}staffProfessionalArchitecture/updateStaffProfessionalArchitecture`, //编辑员工专业 - queryStaffGrade: `${host}staffGrade/queryStaffGrade`, //查询员工部门 - queryStaffGradeDetails: `${host}staffGrade/queryStaffGradeDetails`, //查询员工部门详情 - addStaffGrade: `${host}staffGrade/addStaffGrade`, //新增员工部门 - updateStaffGrade: `${host}staffGrade/updateStaffGrade`, //编辑员工部门 - queryCourseDiscipline: `${loginhost}course/queryCourseDiscipline`, //查询课程学科 - queryCourseProfessionalClass: `${loginhost}course/queryCourseProfessionalClass`, //查询专业类 - queryCourseProfessional: `${loginhost}course/queryCourseProfessional`, //查询专业 - queryPhone: `${loginhost}userInfo/queryPhone`, //查询电话是否存在 - - queryStaff: `${host}staff/queryStaff`, //查询员工 - addStaff: `${host}staff/addStaff`, //添加员工 - queryStaffDetails: `${host}staff/queryStaffDetails`, //员工详情 - deleteStaff: `${host}staff/deleteStaff`, //删除员工 - updateStaff: `${host}staff/updateStaff`, //更新员工 - readStaff: `${host}staff/readStaff`, //上传员工模板 - - queryGetByClassName:`${host}makeuplist/queryGetByClassName`, - deleteExperimentalClass:`${host}experimentalClass/deleteExperimentalClass`,//删除实验班级 - queryAssesmentcondition:`${host}assesment/queryAssesmentcondition`,//考核成绩表格 - queryGetById:`${host}assesment/queryGetById`,//查询考核信息 - updateAssesment:`${host}assesment/updateAssesment`,//修改考核 - updateState:`${host}assesment/updateState`,//点击启动修改考核时间 - updateAssesmentTime:`${host}assesment/updateAssesmentTime`,//点击提前结束获取当前时间 - queryAssesmentScore:`${host}assesment/queryAssesmentScore`,//获取查询成绩页面 - queryAssesmentAchievement:`${host}assesment/queryAssesmentAchievement`,//查询成绩明细板块 - excelExport:`${host}makeuplist/excelExport`,//模板下载 - importMakeuplist:`${host}makeuplist/importMakeuplist`, //模板上传 - queryAllExperiment:`${host}experiment/queryAllExperiment`,//实验项目渲染， - queryAttendanceSignIn:`${host}attendance/queryAttendanceSignIn`,//获得用户ID 及考勤总数 - insertAttendance:`${host}Experimentallearning/insertAttendance`,//改变签到状态 - queryExperimentallearning:`${host}Experimentallearning/queryExperimentallearning`,//获取项目名和签到状态 - queryCourseDetails:`${host}course/queryCourseDetails`,//获取课程简介和课程目标 - queryTeacherName:`${host}Experimentallearning/queryTeacherName`,//获取教师信息 - queryStudentName:`${host}Experimentallearning/queryStudentName`,//获取学生信息 - queryPracticeVo:`${host}experiment/queryPracticeVo`,//获取表格数据 - queryStudentAssessment:`${host}assesmentRecord/queryStudentAssessment`, //查询姓名和个人平均分和最高分 - queryAssesmentRecordMaxScore:`${host}assesmentRecord/queryAssesmentRecordMaxScore`, //查询学校平均分最高分 - queryAssesmentRecordWhole:`${host}assesmentRecord/queryAssesmentRecordWhole`,//查询全国平均考核得分 - queryAssesmentRecordMaxWhole:`${host}assesmentRecord/queryAssesmentRecordMaxWhole`, //查询全国平均分最高分 - queryStudentByPage:`${host}experiment/queryStudentByPage`, //查询练习记录表格数据 - queryProject:`${host}ProjectAndCourse/queryProject`,//实验项目信息展示 - updateIsExperiment:`${host}ProjectAndCourse/updateIsExperiment`,//修改是否开启项目 - updateIsAttendance:`${host}ProjectAndCourse/updateIsAttendance`,//修改是否考勤 - addAssesment:`${host}assesment/addAssesment`,//添加考核 - queryStuProfessionalArchitecture:`${host}stuProfessionalArchitecture/queryStuProfessionalArchitecture`,//修改是否考勤 - queryStuGrade:`${host}stuProfessionalArchitecture/queryStuGrade`,//修改是否考勤 - queryStuClass:`${host}stuProfessionalArchitecture/queryStuClass`,//修改是否考勤 - queryStudent:`${host}stuProfessionalArchitecture/queryStudent`,//修改是否考勤 - queryAttendanceDetailed:`${host}attendance/queryAttendanceDetailed`,//获取考勤列表数据 - - queryExperimentClass:`${host}experimentalClass/queryExperimentalClass`,//查询实验班级 - queryExperimentalClassSP:`${host}experimentalClass/queryExperimentalClassSP`,//查询实验班级学生专业 - queryStudentClass:`${host}experimentalClass/queryStudentClass`,//查询学生行政班级 - queryClassDetails:`${host}experimentalClass/queryExperimentClassDetails`,//查询实验班级详情 - updateClassName:`${host}experimentalClass/updateExperimentClassName`,//修改实验班级名称 - updateState:`${host}assesment/updateState`,//修改考核状态 - experimentClassDeleteStudent:`${host}experimentalClass/experimentClassDeleteStudent`, //移除实验班学生 - addExperimentalClass:`${host}experimentalClass/addExperimentalClass`,//添加实验班级 - platformQueryCourse:`${host}course/platformQueryCourse`, - queryAssesment:`${host}Experimentallearning/queryAssesment`, - getCourse:`${host}course/getCourse`,//获取课程简介，教学目标，课程名称 - getProfessionals:`${host}experimentalClass/getProfessionals`,// 请求专业下拉框数据 - getStudentClass:`${host}experimentalClass/getStudentClass`,//请求行政班级下拉框数据 - getCourseSchedule:`${host}ProjectAndCourse/getCourseSchedule`,//课程进度 - releaseAssesment:`${host}assesment/releaseAssesment`,//发布考核 - experimentClassAddStudent:`${host}experimentalClass/experimentClassAddStudent`,//发布考核 - getExperimentalClass:`${host}assesment/getExperimentalClass`,//实验班级一级标题 - getCreationTime:`${host}assesment/getCreationTime`,//实验班级二级标题 - deleteAssesment:`${host}assesment/deleteAssesment`,//删除考核 - queryStudentCourse:`${host}Experimentallearning/queryStudentCourse`,//学生查询课程 - getByCourseId:`${host}assesment/getByCourseId`,//查询系统列表 - getCoursevideo:`${host}tms/classTech/simulationPlayList`,//开始课程-课程视频 - queryStaffPAN:`${host}staffProfessionalArchitecture/queryStaffPAN`,//查询员工专业是否存在 - queryStudentisAssess:`${host}assesment/queryStudentisAssess`,//查看正在参与考核的学生 - - queryProvince: `${loginhost}province/queryProvince`, //查询省份 - queryCity: `${loginhost}city/queryCity`, //查询城市 - querySchoolData: `${loginhost}customer/querySchool`, //根据学校名称查询学校信息 - - examinePassword:`${host}tms/user/examinePassword`,//更换密码 - userinfoUpdate:`${host}tms/user/update`,//个人中心信息修改 - userinfo:`${host}tms/user/userinfo`,//个人中心信息展示 - sendEmailCode:`${host}tms/user/sendEmailCode`,//发送邮箱验证码 - bingEmail:`${host}tms/user/bingEmail`,//邮箱验证并更新 - sendPhoneCode:`${host}tms/user/sendPhoneCode`,//发送手机验证码 - bindPhone:`${host}tms/user/bindPhone`,//校验手机验证码 - - canExperiment: `${host}tms/evaluationrecord/can_experiment`, //查询是否能够开启实验 - openExercise: `${host}tms/evaluationrecord/openExercise`, //查询是否能够开启虚拟仿真实验 - openTeaching: `${host}tms/evaluationrecord/openTeaching`, //查询是否能够开启教学实验 - experimentDetail: `${host}tms/evaluationrecord/detail`, //成绩详情 - experimentNext: `${host}tms/evaluationrecord/next`, //下一题 - experimentNotmade: `${host}tms/evaluationrecord/not_made`, //提交之前查询是否还有未做完的试题 - experimentPrevious: `${host}tms/evaluationrecord/previous`, //上一题 - experimentRemaining: `${host}tms/evaluationrecord/remaining`, //获取测评剩余时间 - experimentStart: `${host}tms/evaluationrecord/start`, //开始测评 - experimentSubmit: `${host}tms/evaluationrecord/submit`, //提交测评 - - fictitiousRecord: `${host}fictitious/projectrecord/user/record`, //用户端实验记录 - exportProjectRecord: `${host}fictitious/projectrecord/user/exportProjectRecord`, //虚拟实验记录导出 - exportExperimentProjectRecord: `${host}fictitious/projectrecord/user/exportExperimentProjectRecord`, //个人实验记录导出 - fictitiousScore: `${host}fictitious/projectrecord/user/score`, //个人实验概览 - experimentRecord: `${host}fictitious/projectrecord/user/experimentRecord`, //用户端教学实验记录 - - joinPractice: `${host}tms/classTech/joinPractice`, //通过邀请码进入实验 - queryArchievement: `${host}tms/classTech/queryExperimentalReport`, //查看教学实验报告 - queryVirtualReport: `${host}tms/classTech/queryVirtualReport`, //查看虚仿实验报告 - checkInvitationCode: `${host}tms/classTech/checkInvitationCode`, //校验是否需要邀请码 - userRecord: `${host}tms/classTech/userRecord`, //查询班级实验列表信息 - modifyReport: `${host}Achievement/modify`, -} \ No newline at end of file + host, + + // 登录 + logins: `${host}users/users/user/login`, //登录 + verification: `${host}users/users/user/captcha`,// 验证码图片 + + //实验台 + experimentOverview: `${host}occupationlab/achievement/experimentOverview`, //实验概览 + queryAssessmentByStudent: `${host}occupationlab/achievement/queryAssessmentByStudent`, //学生端考核成绩 + queryPracticeByStudent: `${host}occupationlab/achievement/queryPracticeByStudent`, //学生端练习成绩 + exportAssessmentInfo: `${host}occupationlab/achievement/exportAssessmentInfo`, // 批量导出考核成绩 + exportPracticeInfo: `${host}occupationlab/achievement/exportPracticeInfo`, // 批量导出练习成绩 + + // 能力测评 + canExperiment: `${host}occupationlab/occupationlab/evaluationrecord/can_experiment`, // 查询是否能够开启实验 + experimentDetail: `${host}occupationlab/occupationlab/evaluationrecord/detail`, // 成绩详情 + experimentNext: `${host}occupationlab/occupationlab/evaluationrecord/next`, // 下一题 + experimentNotmade: `${host}occupationlab/occupationlab/evaluationrecord/not_made`, // 提交之前查询是否还有未做完的试题 + openExercise: `${host}occupationlab/occupationlab/evaluationrecord/openExercise`, // 查询是否能开启虚拟仿真实验 + openTeaching: `${host}occupationlab/occupationlab/evaluationrecord/openTeaching`, // 查询是否能开启教学实验 + experimentPrevious: `${host}occupationlab/occupationlab/evaluationrecord/previous`, // 上一题 + experimentRemaining: `${host}occupationlab/occupationlab/evaluationrecord/remaining`, // 获取测评剩余时间 + experimentStart: `${host}occupationlab/occupationlab/evaluationrecord/start`, // 开始测评 + experimentSubmit: `${host}occupationlab/occupationlab/evaluationrecord/submit`, // 提交测评 + + // 考核列表 + pageStuAssessment: `${host}occupationlab/assessment/pageStuAssessment`, // 学生端——学生考核列表 + getPythonSysByStuAccountId: `${host}occupationlab/assessment/getPythonSysByStuAccountId`, // 学生端——课程名称 + myClassByStudent: `${host}occupationlab/achievement/myClassByStudent`, // 学生端:我的班级 + getStudentInfoByAccountId: `${host}occupationlab/architecture/getStudentInfoByAccountId`, // 查看学生信息 + enterExam: `${host}occupationlab/assessment/enterExam`, // 学生端——进入考试 + + // 课程学习 + queryGlClassification: `${host}occupationlab/management/edu/courseClassification/queryGlClassification`, // 查询课程分类 + queryCourseByCondition: `${host}occupationlab/management/edu/course/queryCourseByCondition`, // 课程列表分页条件查询 + getCourseById: `${host}occupationlab/management/edu/course/getCourse`, // 根据id查询课程 + queryChaptersAndSubsections: `${host}occupationlab/management/edu/courseChapter/queryChaptersAndSubsections`, // 根据课程id查询章节小节,树状结构 + getSubsection: `${host}occupationlab/management/edu/courseSubsection/getSubsection`, // 根据小节id获取预览文件地址 + + getPlayAuth: `${host}nakadai/nakadai/oss/getPlayAuth`, // 获取播放凭证 + + // 资讯 + queryAllColumns: `${host}occupationlab/enterprise/information/column/queryAllColumns`, // 栏目树 + queryArticleByCondition: `${host}occupationlab/enterprise/information/article/queryArticleByCondition`, // 文章列表分页条件查询 + getArticle: `${host}occupationlab/enterprise/information/article/getArticle`, // 根据id查询文章 + + // 线上赛事 + onlineContestQuery: `${host}occupationlab/enterprise/match/onlineContest/onlineContestQuery`, // 线上赛事列表分页条件查询 + addApplicant: `${host}occupationlab/enterprise/match/applicant/addApplicant`, // 添加报名人员 + getContestProgress: `${host}occupationlab/enterprise/match/contest-progress/getContestProgress`, // 根据赛事id查询竞赛进展 + getContest: `${host}occupationlab/enterprise/match/contest/getContest`, // 根据id查询赛事 + + + + + + + + + + + + + + + + + + // logins: `${loginhost}userInfo/logins`, //登录 + updateLogInNumber: `${loginhost}userInfo/updateLogInNumber`, //用户登录修改登录次数和登陆时间 + uploadUserAvatars: `${loginhost}userInfo/uploadUserAvatars`, //上传头像 + loginSchool: `${loginhost}userInfo/loginSchoolClient`, //登陆查询学校 + loginRole: `${loginhost}userInfo/loginRole`, //登陆查询角色 + save: `${host}tms/userInfo/add`, //注册 + + queryToken: `${loginhost}userInfo/queryToken`, + queryWorkNumberIsExist: `${loginhost}userInfo/queryWorkNumberIsExist`,//查询学号、工号是否存在 + queryAccountIsExist: `${loginhost}userInfo/queryAccountIsExist`,//查询员工，学生账号是否存在接口 + + addStuPro: `${host}stuProfessionalArchitecture/addStuProfessionalArchitecture`, //添加学生专业 + queryStuPro: `${host}stuProfessionalArchitecture/queryStuProfessionalArchitecture`, //查询学生专业 + // queryStuGrade: `${host}stuProfessionalArchitecture/queryStuGrade`, //查询学生年级 + // queryStuClass: `${host}stuProfessionalArchitecture/queryStuClass`, //查询学生班级 + deleteStuPro: `${host}stuProfessionalArchitecture/deleteStuProfessionalArchitecture`, //删除学生专业 + updateStuPro: `${host}stuProfessionalArchitecture/updateStuProfessionalArchitecture`, //编辑学生专业 + + findPasswordByEmail: `${host}tms/userInfo/findPasswordByEmail`, + findPasswordByPhone: `${host}tms/userInfo/findPasswordByPhone`, + resetPassword: `${host}tms/userInfo/resetPassword`, + checkCode: `${host}tms/userInfo/checkCode`, + + queryStudentData: `${host}student/queryStudent`, //查询学生 + queryStudentDetails: `${host}student/queryStudentDetails`, //查询学生详情 + addStudent: `${host}student/addStudent`, //添加学生 + deleteStudent: `${host}student/deleteStudent`, //删除学生 + updateStudent: `${host}student/updateStudent`, //编辑学生 + updateStuGrade: `${host}stuProfessionalArchitecture/updateStuGrade`, //编辑学生年级 + addStuGrade: `${host}stuProfessionalArchitecture/addStuGrade`, //添加学生年级 + deleteStuGrade: `${host}stuProfessionalArchitecture/deleteStuGrade`, //删除学生年级 + updateStuClass: `${host}stuProfessionalArchitecture/updateStuClass`, //编辑学生班级 + addStuClass: `${host}stuProfessionalArchitecture/addStuClass`, //添加学生班级 + deleteStuClass: `${host}stuProfessionalArchitecture/deleteStuClass`, //删除学生班级 + + queryPersonalCenter: `${host}personalCenter/queryPersonalCenter`, + addStaffPro: `${host}staffProfessionalArchitecture/addStaffProfessionalArchitecture`, //添加员工专业 + queryStaffPro: `${host}staffProfessionalArchitecture/queryAllStaffProfessionalArchitecture`, //查询员工专业 + deleteStaffPro: `${host}staffProfessionalArchitecture/deleteStaffProfessionalArchitecture`, //删除员工专业 + deleteStaffGrade: `${host}staffGrade/deleteStaffGrade`, //删除员工部门 + updateStaffPro: `${host}staffProfessionalArchitecture/updateStaffProfessionalArchitecture`, //编辑员工专业 + queryStaffGrade: `${host}staffGrade/queryStaffGrade`, //查询员工部门 + queryStaffGradeDetails: `${host}staffGrade/queryStaffGradeDetails`, //查询员工部门详情 + addStaffGrade: `${host}staffGrade/addStaffGrade`, //新增员工部门 + updateStaffGrade: `${host}staffGrade/updateStaffGrade`, //编辑员工部门 + queryCourseDiscipline: `${loginhost}course/queryCourseDiscipline`, //查询课程学科 + queryCourseProfessionalClass: `${loginhost}course/queryCourseProfessionalClass`, //查询专业类 + queryCourseProfessional: `${loginhost}course/queryCourseProfessional`, //查询专业 + queryPhone: `${loginhost}userInfo/queryPhone`, //查询电话是否存在 + + queryStaff: `${host}staff/queryStaff`, //查询员工 + addStaff: `${host}staff/addStaff`, //添加员工 + queryStaffDetails: `${host}staff/queryStaffDetails`, //员工详情 + deleteStaff: `${host}staff/deleteStaff`, //删除员工 + updateStaff: `${host}staff/updateStaff`, //更新员工 + readStaff: `${host}staff/readStaff`, //上传员工模板 + + queryGetByClassName: `${host}makeuplist/queryGetByClassName`, + deleteExperimentalClass: `${host}experimentalClass/deleteExperimentalClass`,//删除实验班级 + queryAssesmentcondition: `${host}assesment/queryAssesmentcondition`,//考核成绩表格 + queryGetById: `${host}assesment/queryGetById`,//查询考核信息 + updateAssesment: `${host}assesment/updateAssesment`,//修改考核 + // updateState: `${host}assesment/updateState`,//点击启动修改考核时间 + updateAssesmentTime: `${host}assesment/updateAssesmentTime`,//点击提前结束获取当前时间 + queryAssesmentScore: `${host}assesment/queryAssesmentScore`,//获取查询成绩页面 + queryAssesmentAchievement: `${host}assesment/queryAssesmentAchievement`,//查询成绩明细板块 + excelExport: `${host}makeuplist/excelExport`,//模板下载 + importMakeuplist: `${host}makeuplist/importMakeuplist`, //模板上传 + queryAllExperiment: `${host}experiment/queryAllExperiment`,//实验项目渲染， + queryAttendanceSignIn: `${host}attendance/queryAttendanceSignIn`,//获得用户ID 及考勤总数 + insertAttendance: `${host}Experimentallearning/insertAttendance`,//改变签到状态 + queryExperimentallearning: `${host}Experimentallearning/queryExperimentallearning`,//获取项目名和签到状态 + queryCourseDetails: `${host}course/queryCourseDetails`,//获取课程简介和课程目标 + queryTeacherName: `${host}Experimentallearning/queryTeacherName`,//获取教师信息 + queryStudentName: `${host}Experimentallearning/queryStudentName`,//获取学生信息 + queryPracticeVo: `${host}experiment/queryPracticeVo`,//获取表格数据 + queryStudentAssessment: `${host}assesmentRecord/queryStudentAssessment`, //查询姓名和个人平均分和最高分 + queryAssesmentRecordMaxScore: `${host}assesmentRecord/queryAssesmentRecordMaxScore`, //查询学校平均分最高分 + queryAssesmentRecordWhole: `${host}assesmentRecord/queryAssesmentRecordWhole`,//查询全国平均考核得分 + queryAssesmentRecordMaxWhole: `${host}assesmentRecord/queryAssesmentRecordMaxWhole`, //查询全国平均分最高分 + queryStudentByPage: `${host}experiment/queryStudentByPage`, //查询练习记录表格数据 + queryProject: `${host}ProjectAndCourse/queryProject`,//实验项目信息展示 + updateIsExperiment: `${host}ProjectAndCourse/updateIsExperiment`,//修改是否开启项目 + updateIsAttendance: `${host}ProjectAndCourse/updateIsAttendance`,//修改是否考勤 + addAssesment: `${host}assesment/addAssesment`,//添加考核 + queryStuProfessionalArchitecture: `${host}stuProfessionalArchitecture/queryStuProfessionalArchitecture`,//修改是否考勤 + queryStuGrade: `${host}stuProfessionalArchitecture/queryStuGrade`,//修改是否考勤 + queryStuClass: `${host}stuProfessionalArchitecture/queryStuClass`,//修改是否考勤 + queryStudent: `${host}stuProfessionalArchitecture/queryStudent`,//修改是否考勤 + queryAttendanceDetailed: `${host}attendance/queryAttendanceDetailed`,//获取考勤列表数据 + + queryExperimentClass: `${host}experimentalClass/queryExperimentalClass`,//查询实验班级 + queryExperimentalClassSP: `${host}experimentalClass/queryExperimentalClassSP`,//查询实验班级学生专业 + queryStudentClass: `${host}experimentalClass/queryStudentClass`,//查询学生行政班级 + queryClassDetails: `${host}experimentalClass/queryExperimentClassDetails`,//查询实验班级详情 + updateClassName: `${host}experimentalClass/updateExperimentClassName`,//修改实验班级名称 + updateState: `${host}assesment/updateState`,//修改考核状态 + experimentClassDeleteStudent: `${host}experimentalClass/experimentClassDeleteStudent`, //移除实验班学生 + addExperimentalClass: `${host}experimentalClass/addExperimentalClass`,//添加实验班级 + platformQueryCourse: `${host}course/platformQueryCourse`, + queryAssesment: `${host}Experimentallearning/queryAssesment`, + getCourse: `${host}course/getCourse`,//获取课程简介，教学目标，课程名称 + getProfessionals: `${host}experimentalClass/getProfessionals`,// 请求专业下拉框数据 + getStudentClass: `${host}experimentalClass/getStudentClass`,//请求行政班级下拉框数据 + getCourseSchedule: `${host}ProjectAndCourse/getCourseSchedule`,//课程进度 + releaseAssesment: `${host}assesment/releaseAssesment`,//发布考核 + experimentClassAddStudent: `${host}experimentalClass/experimentClassAddStudent`,//发布考核 + getExperimentalClass: `${host}assesment/getExperimentalClass`,//实验班级一级标题 + getCreationTime: `${host}assesment/getCreationTime`,//实验班级二级标题 + deleteAssesment: `${host}assesment/deleteAssesment`,//删除考核 + queryStudentCourse: `${host}Experimentallearning/queryStudentCourse`,//学生查询课程 + getByCourseId: `${host}assesment/getByCourseId`,//查询系统列表 + getCoursevideo: `${host}tms/classTech/simulationPlayList`,//开始课程-课程视频 + queryStaffPAN: `${host}staffProfessionalArchitecture/queryStaffPAN`,//查询员工专业是否存在 + queryStudentisAssess: `${host}assesment/queryStudentisAssess`,//查看正在参与考核的学生 + + queryProvince: `${loginhost}province/queryProvince`, //查询省份 + queryCity: `${loginhost}city/queryCity`, //查询城市 + querySchoolData: `${loginhost}customer/querySchool`, //根据学校名称查询学校信息 + + examinePassword: `${host}tms/user/examinePassword`,//更换密码 + userinfoUpdate: `${host}tms/user/update`,//个人中心信息修改 + userinfo: `${host}tms/user/userinfo`,//个人中心信息展示 + sendEmailCode: `${host}tms/user/sendEmailCode`,//发送邮箱验证码 + bingEmail: `${host}tms/user/bingEmail`,//邮箱验证并更新 + sendPhoneCode: `${host}tms/user/sendPhoneCode`,//发送手机验证码 + bindPhone: `${host}tms/user/bindPhone`,//校验手机验证码 + + + + + + joinPractice: `${host}tms/classTech/joinPractice`, //通过邀请码进入实验 + queryArchievement: `${host}tms/classTech/queryExperimentalReport`, //查看教学实验报告 + queryVirtualReport: `${host}tms/classTech/queryVirtualReport`, //查看虚仿实验报告 + checkInvitationCode: `${host}tms/classTech/checkInvitationCode`, //校验是否需要邀请码 + userRecord: `${host}tms/classTech/userRecord`, //查询班级实验列表信息 + modifyReport: `${host}Achievement/modify` +}; \ No newline at end of file diff --git a/src/components/pdf/index.vue b/src/components/pdf/index.vue index e822cb5..bd70a17 100644 --- a/src/components/pdf/index.vue +++ b/src/components/pdf/index.vue @@ -9,20 +9,23 @@ :modal="false" :append-to-body="true">
- +

- - {{currentPage}} / {{pageCount}} - + + {{ currentPage }} / {{ pageCount }} +

@@ -32,93 +35,100 @@ \ No newline at end of file diff --git a/src/components/quill/index.vue b/src/components/quill/index.vue index f4d2118..6806bc1 100644 --- a/src/components/quill/index.vue +++ b/src/components/quill/index.vue @@ -2,178 +2,180 @@
- + 点击上传
diff --git a/src/components/quill/options.js b/src/components/quill/options.js index 5a90edd..b368bcb 100644 --- a/src/components/quill/options.js +++ b/src/components/quill/options.js @@ -1,16 +1,16 @@ export default [ - ['bold', 'italic', 'underline', 'strike'], - ['blockquote', 'code-block'], - [{ 'header': 1 }, { 'header': 2 }], - [{ 'list': 'ordered' }, { 'list': 'bullet' }], - [{ 'script': 'sub' }, { 'script': 'super' }], - [{ 'indent': '-1' }, { 'indent': '+1' }], - [{ 'direction': 'rtl' }], - [{ 'size': ['small', false, 'large', 'huge'] }], - [{ 'header': [1, 2, 3, 4, 5, 6, false] }], - [{ 'color': [] }, { 'background': [] }], - [{ 'font': [] }], - [{ 'align': [] }], - ['clean'], - ['link', 'image', 'video'] -] \ No newline at end of file + ["bold", "italic", "underline", "strike"], + ["blockquote", "code-block"], + [{ "header": 1 }, { "header": 2 }], + [{ "list": "ordered" }, { "list": "bullet" }], + [{ "script": "sub" }, { "script": "super" }], + [{ "indent": "-1" }, { "indent": "+1" }], + [{ "direction": "rtl" }], + [{ "size": ["small", false, "large", "huge"] }], + [{ "header": [1, 2, 3, 4, 5, 6, false] }], + [{ "color": [] }, { "background": [] }], + [{ "font": [] }], + [{ "align": [] }], + ["clean"], + ["link", "image", "video"] +]; \ No newline at end of file diff --git a/src/i18n/index.js b/src/i18n/index.js index 299d2da..a35ee1e 100644 --- a/src/i18n/index.js +++ b/src/i18n/index.js @@ -1,30 +1,30 @@ export const messages = { - 'zh': { + "zh": { i18n: { - breadcrumb: '国际化产品', - tips: '通过切换语言按钮，来改变当前内容的语言。', - btn: '切换英文', - title1: '常用用法', - p1: '要是你把你的秘密告诉了风，那就别怪风把它带给树。', - p2: '没有什么比信念更能支撑我们度过艰难的时光了。', - p3: '只要能把自己的事做好，并让自己快乐，你就领先于大多数人了。', - title2: '组件插值', - info: 'Element组件需要国际化，请参考 {action}。', - value: '文档' + breadcrumb: "国际化产品", + tips: "通过切换语言按钮，来改变当前内容的语言。", + btn: "切换英文", + title1: "常用用法", + p1: "要是你把你的秘密告诉了风，那就别怪风把它带给树。", + p2: "没有什么比信念更能支撑我们度过艰难的时光了。", + p3: "只要能把自己的事做好，并让自己快乐，你就领先于大多数人了。", + title2: "组件插值", + info: "Element组件需要国际化，请参考 {action}。", + value: "文档" } }, - 'en': { + "en": { i18n: { - breadcrumb: 'International Products', - tips: 'Click on the button to change the current language. ', - btn: 'Switch Chinese', - title1: 'Common usage', + breadcrumb: "International Products", + tips: "Click on the button to change the current language. ", + btn: "Switch Chinese", + title1: "Common usage", p1: "If you reveal your secrets to the wind you should not blame the wind for revealing them to the trees.", p2: "Nothing can help us endure dark times better than our faith. ", p3: "If you can do what you do best and be happy, you're further along in life than most people.", - title2: 'Component interpolation', - info: 'The default language of Element is Chinese. If you wish to use another language, please refer to the {action}.', - value: 'documentation' + title2: "Component interpolation", + info: "The default language of Element is Chinese. If you wish to use another language, please refer to the {action}.", + value: "documentation" } } -} \ No newline at end of file +}; \ No newline at end of file diff --git a/src/layouts/footer/index.vue b/src/layouts/footer/index.vue index b00f26e..c230ffa 100644 --- a/src/layouts/footer/index.vue +++ b/src/layouts/footer/index.vue @@ -8,36 +8,35 @@ \ No newline at end of file diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue index fc52876..ddc919f 100644 --- a/src/layouts/header/index.vue +++ b/src/layouts/header/index.vue @@ -1,6 +1,7 @@ \ No newline at end of file diff --git a/src/layouts/navbar/index.vue b/src/layouts/navbar/index.vue index 7ce2097..30eccf9 100644 --- a/src/layouts/navbar/index.vue +++ b/src/layouts/navbar/index.vue @@ -1,82 +1,87 @@ \ No newline at end of file diff --git a/src/libs/auth/generateBtnPermission.js b/src/libs/auth/generateBtnPermission.js index d8ed295..89744a4 100644 --- a/src/libs/auth/generateBtnPermission.js +++ b/src/libs/auth/generateBtnPermission.js @@ -2,24 +2,25 @@ * @description 生成按钮级别权限组 * */ -import store from '@/store'; -export default function(data){ - let result = [] +import store from "@/store"; + +export default function(data) { + let result = []; data.map(e => { - if(e.select){ + if (e.select) { e.children.map(n => { - if(n.select){ - if(n.children.length){ - result.push(`${e.name}:${n.name}`) + if (n.select) { + if (n.children.length) { + result.push(`${e.name}:${n.name}`); n.children.map(j => { - j.select && (e.path ? result.push(`${e.path}:${n.name}:${j.name}`) : result.push(`${n.path}:${j.name}`)) - }) - }else{ - result.push(`${e.path}:${n.name}`) + j.select && (e.path ? result.push(`${e.path}:${n.name}:${j.name}`) : result.push(`${n.path}:${j.name}`)); + }); + } else { + result.push(`${e.path}:${n.name}`); } } - }) + }); } - }) - store.dispatch('auth/addBtnAuth',result) + }); + store.dispatch("auth/addBtnAuth", result); } diff --git a/src/libs/bus.js b/src/libs/bus.js index b433c90..87fc642 100644 --- a/src/libs/bus.js +++ b/src/libs/bus.js @@ -1,4 +1,4 @@ -import Vue from 'vue'; +import Vue from "vue"; // 使用 Event Bus const bus = new Vue(); diff --git a/src/libs/random_str.js b/src/libs/random_str.js index d9b5838..f012ef8 100644 --- a/src/libs/random_str.js +++ b/src/libs/random_str.js @@ -1,8 +1,8 @@ // 生成随机字符串 -export default function (len = 32) { - const $chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'; +export default function(len = 32) { + const $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890"; const maxPos = $chars.length; - let str = ''; + let str = ""; for (let i = 0; i < len; i++) { str += $chars.charAt(Math.floor(Math.random() * maxPos)); } diff --git a/src/libs/resize/index.js b/src/libs/resize/index.js index 0bf38b6..8c2831f 100644 --- a/src/libs/resize/index.js +++ b/src/libs/resize/index.js @@ -1,16 +1,18 @@ // rem等比适配配置文件 // 基准大小 -const baseSize = 16 +const baseSize = 16; + // 设置 rem 函数 -function setRem () { - // 当前页面宽度相对于 1920宽的缩放比例，可根据自己需要修改。 - const scale = document.documentElement.clientWidth / 1920 - // 设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整） - document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px' +function setRem() { + // 当前页面宽度相对于 1920宽的缩放比例，可根据自己需要修改。 + const scale = document.documentElement.clientWidth / 1920; + // 设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整） + document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + "px"; } + // 初始化 -setRem() +setRem(); // 改变窗口大小时重新设置 rem -window.onresize = function () { - setRem() -} \ No newline at end of file +window.onresize = function() { + setRem(); +}; \ No newline at end of file diff --git a/src/libs/route/addRoutes.js b/src/libs/route/addRoutes.js index 48cbdd9..69dae33 100644 --- a/src/libs/route/addRoutes.js +++ b/src/libs/route/addRoutes.js @@ -1,31 +1,31 @@ -import store from '@/store'; -import router from '@/router'; -import generateBtnPermission from '../auth/generateBtnPermission'; +import store from "@/store"; +import router from "@/router"; +import generateBtnPermission from "../auth/generateBtnPermission"; -const newRoutes = [] +const newRoutes = []; -function createMeta(item){ - let meta = { title: item.name } - return meta +function createMeta(item) { + let meta = { title: item.name }; + return meta; } -function createRoute(data){ +function createRoute(data) { data.map(e => { - if(e.select && e.path){ - let meta = createMeta(e) + if (e.select && e.path) { + let meta = createMeta(e); newRoutes.push({ name: e.path, path: () => import(`@/pages/${e.path}.vue`), meta - }) + }); } - e.children && e.children.length && createRoute(e.children) - }) + e.children && e.children.length && createRoute(e.children); + }); } -export default function(data,path){ - generateBtnPermission(data) - createRoute(data) - store.dispatch('auth/addRoutes',newRoutes) +export default function(data, path) { + generateBtnPermission(data); + createRoute(data); + store.dispatch("auth/addRoutes", newRoutes); // router.addRoutes(routes) } \ No newline at end of file diff --git a/src/libs/route/generateRoutes.js b/src/libs/route/generateRoutes.js index 638f846..9db8a7b 100644 --- a/src/libs/route/generateRoutes.js +++ b/src/libs/route/generateRoutes.js @@ -1,26 +1,26 @@ -import store from '@/store'; -import router from '@/router'; +import store from "@/store"; +import router from "@/router"; -export default function(){ +export default function() { setTimeout(() => { - let routes = store.state.auth.routes + let routes = store.state.auth.routes; routes.forEach(e => { - if(e.path == '/'){ - e.component = () => import('@/layouts/home/index.vue') - }else{ - e.component = () => import(`@/pages/${e.path}.vue`) + if (e.path == "/") { + e.component = () => import("@/layouts/home/index.vue"); + } else { + e.component = () => import(`@/pages/${e.path}.vue`); } - + e.children && e.children.forEach(n => { - n.path && (n.component = () => import(`@/pages/${n.path}.vue`)) - }) - }) - + n.path && (n.component = () => import(`@/pages/${n.path}.vue`)); + }); + }); + routes.push({ - path: '*', - redirect: '404' - }) - - router.addRoutes(routes) - },500) + path: "*", + redirect: "404" + }); + + router.addRoutes(routes); + }, 500); } \ No newline at end of file diff --git a/src/libs/route/resetRouter.js b/src/libs/route/resetRouter.js index 096e4f5..d955318 100644 --- a/src/libs/route/resetRouter.js +++ b/src/libs/route/resetRouter.js @@ -1,6 +1,6 @@ -import router from '@/router'; +import router from "@/router"; -export default function(){ - const newRouter = createRouter() - router.matcher = newRouter.matcher +export default function() { + const newRouter = createRouter(); + router.matcher = newRouter.matcher; } \ No newline at end of file diff --git a/src/libs/util.cookies.js b/src/libs/util.cookies.js index 63c9a8b..75c1c8d 100644 --- a/src/libs/util.cookies.js +++ b/src/libs/util.cookies.js @@ -1,5 +1,5 @@ -import Cookies from 'js-cookie'; -import Setting from '@/setting'; +import Cookies from "js-cookie"; +import Setting from "@/setting"; const cookies = {}; @@ -9,7 +9,7 @@ const cookies = {}; * @param {String} value cookie value * @param {Object} cookieSetting cookie setting */ -cookies.set = function (name = 'default', value = '', cookieSetting = {}) { +cookies.set = function(name = "default", value = "", cookieSetting = {}) { let currentCookieSetting = { expires: Setting.cookiesExpires }; @@ -21,14 +21,14 @@ cookies.set = function (name = 'default', value = '', cookieSetting = {}) { * @description 拿到 cookie 值 * @param {String} name cookie name */ -cookies.get = function (name = 'default') { +cookies.get = function(name = "default") { return Cookies.get(`admin-${name}`); }; /** * @description 拿到 cookie 全部的值 */ -cookies.getAll = function () { +cookies.getAll = function() { return Cookies.get(); }; @@ -36,7 +36,7 @@ cookies.getAll = function () { * @description 删除 cookie * @param {String} name cookie name */ -cookies.remove = function (name = 'default') { +cookies.remove = function(name = "default") { return Cookies.remove(`admin-${name}`); }; diff --git a/src/libs/util.db.js b/src/libs/util.db.js index 944ea81..847371d 100644 --- a/src/libs/util.db.js +++ b/src/libs/util.db.js @@ -13,10 +13,10 @@ var _local = { var data = Object.assign(params, { startTime: new Date().getTime() }); localStorage.setItem(key, JSON.stringify(data)); } else { - if (Object.prototype.toString.call(value) == '[object Object]') { + if (Object.prototype.toString.call(value) == "[object Object]") { value = JSON.stringify(value); } - if (Object.prototype.toString.call(value) == '[object Array]') { + if (Object.prototype.toString.call(value) == "[object Array]") { value = JSON.stringify(value); } localStorage.setItem(key, value); @@ -55,20 +55,20 @@ var _local = { clear() { localStorage.clear(); } -} +}; /** * sessionStorage */ var _session = { - get: function (key) { + get: function(key) { var data = sessionStorage[key]; if (!data || data === "null") { return null; } return data; }, - set: function (key, value) { + set: function(key, value) { sessionStorage[key] = value; }, // 删除 @@ -79,5 +79,5 @@ var _session = { clear() { sessionStorage.clear(); } -} -export { _local, _session } \ No newline at end of file +}; +export { _local, _session }; \ No newline at end of file diff --git a/src/libs/util.js b/src/libs/util.js index ad0d0ba..713a7f5 100644 --- a/src/libs/util.js +++ b/src/libs/util.js @@ -1,159 +1,178 @@ -import cookies from './util.cookies' -import {_local,_session} from './util.db' -import { Message } from 'element-ui' -import store from '@/store' -import axios from 'axios' -import api from '@/api' -import Setting from '@/setting' +import cookies from "./util.cookies"; +import { _local, _session } from "./util.db"; +import { Message } from "element-ui"; +import store from "@/store"; +import axios from "axios"; +import api from "@/api"; +import Setting from "@/setting"; -let logout = false +let logout = false; const util = { - cookies, - local: _local, - session: _session, - // 传入身份证获取生日 - getBirth(idCard) { - var birthday = ""; - if(idCard != null && idCard != ""){ - if(idCard.length == 15){ - birthday = "19"+idCard.slice(6,12); - } else if(idCard.length == 18){ - birthday = idCard.slice(6,14); - } - birthday = birthday.replace(/(.{4})(.{2})/,"$1-$2-"); - //通过正则表达式来指定输出格式为:1990-01-01 - } - return birthday; - }, - // new Date('2020-11-12 00:00:00') 在IE下失效，因此把-替换成/ - dateCompatible(date) { - return date.replace(/\-/g, '/') - }, - // 日期时间前面补零 - formateTime(num) { - return num < 10 ? `0${num}` : num - }, - //返回格式化时间，传参例如："yyyy-MM-dd hh:mm:ss" - formatDate(fmt,date) { - var date = date ? date : new Date() - var o = { - "M+" : date.getMonth()+1, //月份 - "d+" : date.getDate(), //日 - "h+" : date.getHours(), //小时 - "m+" : date.getMinutes(), //分 - "s+" : date.getSeconds(), //秒 - "q+" : Math.floor((date.getMonth()+3)/3), //季度 - "S" : date.getMilliseconds() //毫秒 - }; - if(/(y+)/.test(fmt)) { - fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length)); - } - for(var k in o) { - if(new RegExp("("+ k +")").test(fmt)){ - fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length))); + cookies, + local: _local, + session: _session, + // 传入身份证获取生日 + getBirth(idCard) { + var birthday = ""; + if (idCard != null && idCard != "") { + if (idCard.length == 15) { + birthday = "19" + idCard.slice(6, 12); + } else if (idCard.length == 18) { + birthday = idCard.slice(6, 14); + } + birthday = birthday.replace(/(.{4})(.{2})/, "$1-$2-"); + //通过正则表达式来指定输出格式为:1990-01-01 } - } - return fmt; - }, - // 移除数组中指定值 - removeByValue(arr, val) { - for(var i=0; i { - n[attr] = n[attr].replace(/<\/?.+?>/gi,'') - }) - return list - }, - // 传入文件名获取文件后缀 - getFileExt(fileName) { - return fileName.substring(fileName.lastIndexOf('.') + 1) - }, - // 传入文件名和路径，下载图片视频，支持跨域，a标签加download不支持跨域 - downloadFile(fileName,url) { - var x = new XMLHttpRequest() - x.open("GET", url, true) - x.responseType = 'blob' - x.onload=function(e) { - var url = window.URL.createObjectURL(x.response) - var a = document.createElement('a') - a.href = url - a.download = fileName - a.click() - } - x.send() - }, - // 传入文件名和数据，下载文件 - downloadFileDirect(fileName,data) { - if ('download' in document.createElement('a')) { // 非IE下载 - const elink = document.createElement('a') - elink.download = fileName - elink.style.display = 'none' - elink.href = URL.createObjectURL(data) - document.body.appendChild(elink) - elink.click() - URL.revokeObjectURL(elink.href) // 释放URL 对象 - document.body.removeChild(elink) - } else { // IE10+下载 - navigator.msSaveBlob(data, fileName) - } - }, - // 成功提示 - successMsg(message,duration = 3000) { - return Message.success({message,showClose: true,offset: (document.documentElement.clientHeight - 40) / 2,duration}) - }, - // 警告提示 - warningMsg(message,duration = 3000) { - return Message.warning({message,showClose: true,offset: (document.documentElement.clientHeight - 40) / 2,duration}) - }, - // 错误提示 - errorMsg(message,duration = 3000) { - return Message.error({message,showClose: true,offset: (document.documentElement.clientHeight - 40) / 2,duration}) - }, - // 登录互踢 - getToken(){ - if(process.env.NODE_ENV == 'production'){ - if(store.state.user.dataTime && !logout){ - axios.get(`${api.queryToken}?token=${_local.get(Setting.tokenKey)}`).then(res => { - if(store.state.user.dataTime && (res.data.message != store.state.user.dataTime)){ - logout || Message.error('您已在另一台设备登录，本次登录已下线！') - logout = true - setTimeout(() => { - _local.remove(Setting.storeKey) - _local.remove(Setting.tokenKey) - location.reload() - },1500) - } - }).catch(err => {}) + for (var k in o) { + if (new RegExp("(" + k + ")").test(fmt)) { + fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); + } + } + return fmt; + }, + // 移除数组中指定值 + removeByValue(arr, val) { + for (var i = 0; i < arr.length; i++) { + if (arr[i] == val) { + arr.splice(i, 1); + break; + } + } + }, + // 传入文件后缀判断是否是视频 + isVideo(ext) { + if ("mp4,3gp,mov,m4v,avi,dat,mkv,flv,vob,rmvb,rm,qlv".includes(ext)) return true; + return false; + }, + // 传入文件后缀判断是否是音频 + isAudio(ext) { + if ("mp3,aac,ape,flac,wav,wma,amr,mid".includes(ext)) return true; + return false; + }, + // 传入文件后缀判断是否是图片 + isImg(ext) { + if ("jpg,jpeg,png,gif,svg,psd".includes(ext)) return true; + return false; + }, + // 传入文件后缀判断是否是pdf以外的文档 + isDoc(ext) { + if (!util.isVideo(ext) && !util.isAudio(ext) && !util.isImg(ext) && ext != "pdf") return true; + return false; + }, + // 循环去除html标签 + removeHtmlTag(list, attr) { + list.map(n => { + n[attr] = n[attr].replace(/<\/?.+?>/gi, ""); + }); + return list; + }, + // 传入文件名获取文件后缀 + getFileExt(fileName) { + return fileName.substring(fileName.lastIndexOf(".") + 1); + }, + // 传入文件名和路径，下载图片视频，支持跨域，a标签加download不支持跨域 + downloadFile(fileName, url) { + var x = new XMLHttpRequest(); + x.open("GET", url, true); + x.responseType = "blob"; + x.onload = function(e) { + var url = window.URL.createObjectURL(x.response); + var a = document.createElement("a"); + a.href = url; + a.download = fileName; + a.click(); + }; + x.send(); + }, + // 传入文件名和数据，下载文件 + downloadFileDirect(fileName, data) { + if ("download" in document.createElement("a")) { // 非IE下载 + const elink = document.createElement("a"); + elink.download = fileName; + elink.style.display = "none"; + elink.href = URL.createObjectURL(data); + document.body.appendChild(elink); + elink.click(); + URL.revokeObjectURL(elink.href); // 释放URL 对象 + document.body.removeChild(elink); + } else { // IE10+下载 + navigator.msSaveBlob(data, fileName); + } + }, + // 成功提示 + successMsg(message, duration = 3000) { + Message.closeAll(); + return Message.success({ + message, + showClose: true, + offset: (document.documentElement.clientHeight - 40) / 2, + duration + }); + }, + // 警告提示 + warningMsg(message, duration = 3000) { + Message.closeAll(); + return Message.warning({ + message, + showClose: true, + offset: (document.documentElement.clientHeight - 40) / 2, + duration + }); + }, + // 错误提示 + errorMsg(message, duration = 3000) { + Message.closeAll(); + return Message.error({ + message, + showClose: true, + offset: (document.documentElement.clientHeight - 40) / 2, + duration + }); + }, + // 登录互踢 + getToken() { + if (process.env.NODE_ENV == "production") { + if (store.state.user.dataTime && !logout) { + axios.get(`${api.queryToken}?token=${_local.get(Setting.tokenKey)}`).then(res => { + if (store.state.user.dataTime && (res.data.message != store.state.user.dataTime)) { + logout || Message.error("您已在另一台设备登录，本次登录已下线！"); + logout = true; + setTimeout(() => { + _local.remove(Setting.storeKey); + _local.remove(Setting.tokenKey); + location.reload(); + }, 1500); + } + }).catch(err => { + }); + } } } - } -} +}; -export default util \ No newline at end of file +export default util; \ No newline at end of file diff --git a/src/libs/videoList.js b/src/libs/videoList.js index 7e43727..8b704be 100644 --- a/src/libs/videoList.js +++ b/src/libs/videoList.js @@ -1,791 +1,791 @@ export const videoList1 = [{ - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/print%28%29%E5%87%BD%E6%95%B0.pptx', - 'isdel': 0, - 'title': '项目一 print()函数' -}, { - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/项目一.mp4', - 'isdel': 0, - 'title': '项目一 print()函数（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E6%95%B0%E6%8D%AE%E8%BD%AC%E6%8D%A2%E4%B8%8E%E6%8B%BC%E6%8E%A5.pptx', - 'isdel': 0, - 'title': '项目二 数据转换与拼接' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/程序设计项目二数据转换与拼接.mp4', - 'isdel': 0, - 'title': '项目二 数据转换与拼接（操作视频）' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/if%E6%9D%A1%E4%BB%B6%E5%88%A4%E6%96%AD%E8%AF%AD%E5%8F%A5.pptx', - 'isdel': 0, - 'title': '项目三 if条件判断语句' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/if.mp4', - 'isdel': 0, - 'title': '项目三 if条件判断语句（操作视频）' -}, { - 'id': 6, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/input%28%29%E5%87%BD%E6%95%B0.pptx', - 'isdel': 0, - 'title': '项目四 input()函数' -}, { - 'id': 6, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/进阶（input）函数.mp4', - 'isdel': 0, - 'title': '项目四 input()函数（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E5%88%97%E8%A1%A8%E5%85%83%E7%BB%84%E5%AD%97%E5%85%B8.pptx', - 'isdel': 0, - 'title': '项目五 列表元组字典' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/列表元组字典.mp4', - 'isdel': 0, - 'title': '项目五 列表元组字典（操作视频）' -}, { - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/for%E5%BE%AA%E7%8E%AF.pptx', - 'isdel': 0, - 'title': '项目六 for循环' -}, { - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/for循环.mp4', - 'isdel': 0, - 'title': '项目六 for循环（操作视频）' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/while%E5%BE%AA%E7%8E%AF.pptx', - 'isdel': 0, - 'title': '项目七 while循环' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/while循环.mp4', - 'isdel': 0, - 'title': '项目七 while循环（操作视频）' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E5%87%BD%E6%95%B0.pptx', - 'isdel': 0, - 'title': '项目八 函数' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/函数.mp4', - 'isdel': 0, - 'title': '项目八 函数（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E7%B1%BB%E4%B8%8E%E5%AF%B9%E8%B1%A1%E4%B8%80.pptx', - 'isdel': 0, - 'title': '项目九 类与对象一' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/类与对象1.mp4', - 'isdel': 0, - 'title': '项目九 类与对象一（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E7%B1%BB%E4%B8%8E%E5%AF%B9%E8%B1%A1%E4%BA%8C.pptx', - 'isdel': 0, - 'title': '项目十 类与对象二' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/类与对象2.mp4', - 'isdel': 0, - 'title': '项目十 类与对象二（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E6%A8%A1%E5%9D%97.pptx', - 'isdel': 0, - 'title': '项目十一 模块' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/模块.mp4', - 'isdel': 0, - 'title': '项目十一 模块（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E7%BB%BC%E5%90%88%E8%AE%AD%E7%BB%83.pptx', - 'isdel': 0, - 'title': '项目十二 综合训练' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/综合训练1.mp4', - 'isdel': 0, - 'title': '项目十二 综合训练（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E5%BA%8F%E5%88%97%E5%BA%94%E7%94%A8.pptx', - 'isdel': 0, - 'title': '项目十三 序列应用' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/序列应用.mp4', - 'isdel': 0, - 'title': '项目十三 序列应用（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E6%95%B0%E6%8D%AE%E5%BA%93.pptx', - 'isdel': 0, - 'title': '项目十四 数据库' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/数据库(1).mp4', - 'isdel': 0, - 'title': '项目十四 数据库（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E7%88%AC%E8%99%AB.pptx', - 'isdel': 0, - 'title': '项目十五 爬虫' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/爬虫.mp4', - 'isdel': 0, - 'title': '项目十五 爬虫（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E6%9C%B4%E7%B4%A0%E8%B4%9D%E5%8F%B6%E6%96%AF%E5%88%86%E7%B1%BB%E7%AE%97%E6%B3%95.pptx', - 'isdel': 0, - 'title': '项目十六 朴素贝叶斯分类算法' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/贝叶斯.mp4', - 'isdel': 0, - 'title': '项目十六 朴素贝叶斯分类算法（操作视频）' + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/print%28%29%E5%87%BD%E6%95%B0.pptx", + "isdel": 0, + "title": "项目一 print()函数" +}, { + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/项目一.mp4", + "isdel": 0, + "title": "项目一 print()函数（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E6%95%B0%E6%8D%AE%E8%BD%AC%E6%8D%A2%E4%B8%8E%E6%8B%BC%E6%8E%A5.pptx", + "isdel": 0, + "title": "项目二 数据转换与拼接" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/程序设计项目二数据转换与拼接.mp4", + "isdel": 0, + "title": "项目二 数据转换与拼接（操作视频）" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/if%E6%9D%A1%E4%BB%B6%E5%88%A4%E6%96%AD%E8%AF%AD%E5%8F%A5.pptx", + "isdel": 0, + "title": "项目三 if条件判断语句" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/if.mp4", + "isdel": 0, + "title": "项目三 if条件判断语句（操作视频）" +}, { + "id": 6, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/input%28%29%E5%87%BD%E6%95%B0.pptx", + "isdel": 0, + "title": "项目四 input()函数" +}, { + "id": 6, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/进阶（input）函数.mp4", + "isdel": 0, + "title": "项目四 input()函数（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E5%88%97%E8%A1%A8%E5%85%83%E7%BB%84%E5%AD%97%E5%85%B8.pptx", + "isdel": 0, + "title": "项目五 列表元组字典" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/列表元组字典.mp4", + "isdel": 0, + "title": "项目五 列表元组字典（操作视频）" +}, { + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/for%E5%BE%AA%E7%8E%AF.pptx", + "isdel": 0, + "title": "项目六 for循环" +}, { + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/for循环.mp4", + "isdel": 0, + "title": "项目六 for循环（操作视频）" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/while%E5%BE%AA%E7%8E%AF.pptx", + "isdel": 0, + "title": "项目七 while循环" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/while循环.mp4", + "isdel": 0, + "title": "项目七 while循环（操作视频）" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E5%87%BD%E6%95%B0.pptx", + "isdel": 0, + "title": "项目八 函数" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/函数.mp4", + "isdel": 0, + "title": "项目八 函数（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E7%B1%BB%E4%B8%8E%E5%AF%B9%E8%B1%A1%E4%B8%80.pptx", + "isdel": 0, + "title": "项目九 类与对象一" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/类与对象1.mp4", + "isdel": 0, + "title": "项目九 类与对象一（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E7%B1%BB%E4%B8%8E%E5%AF%B9%E8%B1%A1%E4%BA%8C.pptx", + "isdel": 0, + "title": "项目十 类与对象二" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/类与对象2.mp4", + "isdel": 0, + "title": "项目十 类与对象二（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E6%A8%A1%E5%9D%97.pptx", + "isdel": 0, + "title": "项目十一 模块" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/模块.mp4", + "isdel": 0, + "title": "项目十一 模块（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E7%BB%BC%E5%90%88%E8%AE%AD%E7%BB%83.pptx", + "isdel": 0, + "title": "项目十二 综合训练" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/综合训练1.mp4", + "isdel": 0, + "title": "项目十二 综合训练（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E5%BA%8F%E5%88%97%E5%BA%94%E7%94%A8.pptx", + "isdel": 0, + "title": "项目十三 序列应用" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/序列应用.mp4", + "isdel": 0, + "title": "项目十三 序列应用（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E6%95%B0%E6%8D%AE%E5%BA%93.pptx", + "isdel": 0, + "title": "项目十四 数据库" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/数据库(1).mp4", + "isdel": 0, + "title": "项目十四 数据库（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E7%88%AC%E8%99%AB.pptx", + "isdel": 0, + "title": "项目十五 爬虫" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/爬虫.mp4", + "isdel": 0, + "title": "项目十五 爬虫（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1ppt%281%29/%E6%9C%B4%E7%B4%A0%E8%B4%9D%E5%8F%B6%E6%96%AF%E5%88%86%E7%B1%BB%E7%AE%97%E6%B3%95.pptx", + "isdel": 0, + "title": "项目十六 朴素贝叶斯分类算法" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/programming/贝叶斯.mp4", + "isdel": 0, + "title": "项目十六 朴素贝叶斯分类算法（操作视频）" }]; export const videoList4 = [{ - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E8%B4%A7%E5%B8%81%E6%97%B6%E9%97%B4%E4%BB%B7%E5%80%BC.pptx', - 'isdel': 0, - 'title': '项目一 货币时间价值' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%B8%80%EF%BC%9A%E8%B4%A7%E5%B8%81%E6%97%B6%E9%97%B4%E4%BB%B7%E5%80%BC.mp4', - 'isdel': 0, - 'title': '项目一 货币时间价值（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E6%95%B0%E6%8D%AE%E9%A9%B1%E5%8A%A8%E7%9A%84%E8%B4%A2%E5%8A%A1%E5%86%B3%E7%AD%96.pptx', - 'isdel': 0, - 'title': '项目二 数据驱动的财务决策' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%BA%8C%EF%BC%9A%E6%95%B0%E6%8D%AE%E9%A9%B1%E5%8A%A8%E7%9A%84%E8%B4%A2%E5%8A%A1%E5%86%B3%E7%AD%96.mp4', - 'isdel': 0, - 'title': '项目二 数据驱动的财务决策（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E5%80%BA%E5%88%B8%E7%9A%84%E5%AE%9A%E4%BB%B7.pptx', - 'isdel': 0, - 'title': '项目三 债券的定价' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%B8%89%EF%BC%9A%E5%80%BA%E5%88%B8%E7%9A%84%E5%AE%9A%E4%BB%B7.mp4', - 'isdel': 0, - 'title': '项目三 债券的定价（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83%E7%9A%84%E5%AE%9A%E4%BB%B7.pptx', - 'isdel': 0, - 'title': '项目四 欧式期权的定价' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%9B%9B%EF%BC%9A%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83%E5%AE%9A%E4%BB%B7.mp4', - 'isdel': 0, - 'title': '项目四 欧式期权的定价（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E8%82%A1%E7%A5%A8%E7%9A%84%E5%AE%9A%E4%BB%B7.pptx', - 'isdel': 0, - 'title': '项目五 股票的定价' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%BA%94%EF%BC%9A%E8%82%A1%E7%A5%A8%E5%AE%9A%E4%BB%B7.mp4', - 'isdel': 0, - 'title': '项目五 股票的定价（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E5%9B%BA%E5%AE%9A%E6%94%B6%E7%9B%8A%E8%AF%81%E5%88%B8%E8%AE%A1%E7%AE%97.pptx', - 'isdel': 0, - 'title': '项目六 固定收益证券计算' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%85%AD%EF%BC%9A%E5%9B%BA%E5%AE%9A%E6%94%B6%E7%9B%8A%E8%AF%81%E5%88%B8%E8%AE%A1%E7%AE%97.mp4', - 'isdel': 0, - 'title': '项目六 固定收益证券计算（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E4%BC%B0%E8%AE%A1%CE%B2%E7%B3%BB%E6%95%B0.pptx', - 'isdel': 0, - 'title': '项目七 估计β系数' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%B8%83%EF%BC%9A%E4%BC%B0%E8%AE%A1%CE%B2%E7%B3%BB%E6%95%B0.mp4', - 'isdel': 0, - 'title': '项目七 估计β系数（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E5%9B%BD%E5%80%BA%E6%9C%9F%E8%B4%A7.pptx', - 'isdel': 0, - 'title': '项目八 国债期货' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%85%AB%EF%BC%9A%E5%9B%BD%E5%80%BA%E6%9C%9F%E8%B4%A7%E6%A8%A1%E6%8B%9F%E8%AE%BE%E8%AE%A1.mp4', - 'isdel': 0, - 'title': '项目八 国债期货（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E8%82%A1%E6%8C%87%E6%9C%9F%E8%B4%A7%E5%A5%97%E6%9C%9F%E4%BF%9D%E9%9A%9C%E7%AD%96%E7%95%A5%E8%AE%BE%E8%AE%A1.pptx', - 'isdel': 0, - 'title': '项目九 股指期货套期保障策略设计' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%B9%9D%EF%BC%9A%E8%82%A1%E6%8C%87%E6%9C%9F%E8%B4%A7%E5%A5%97%E6%9C%9F%E4%BF%9D%E9%9A%9C%E7%AD%96%E7%95%A5%E8%AE%BE%E8%AE%A1.mp4', - 'isdel': 0, - 'title': '项目九 股指期货套期保障策略设计（操作视频）' -}, { - 'id': 6, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/JR%E4%BA%8C%E5%8F%89%E6%A0%91%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83%E8%AE%BE%E8%AE%A1.pptx', - 'isdel': 0, - 'title': '项目十 JR二叉树欧式期权设计' -}, { - 'id': 6, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%EF%BC%9A%E4%BA%8C%E5%8F%89%E6%A0%91%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83.mp4', - 'isdel': 0, - 'title': '项目十 JR二叉树欧式期权设计（操作视频）' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%80%EF%BC%9A%E5%B8%83%E8%8E%B1%E5%85%8B%E2%80%94%E8%88%92%E5%B0%94%E6%96%AF%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83.mp4', - 'isdel': 0, - 'title': '项目十一 布莱克-舒尔斯欧式期权设计' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%80%EF%BC%9A%E5%B8%83%E8%8E%B1%E5%85%8B%E2%80%94%E8%88%92%E5%B0%94%E6%96%AF%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83.mp4', - 'isdel': 0, - 'title': '项目十一 布莱克-舒尔斯欧式期权设计（操作视频）' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E4%BA%8C%E5%8F%89%E6%A0%91%E7%BE%8E%E5%BC%8F%E6%9C%9F%E6%9D%83%E8%AE%BE%E8%AE%A1.pptx', - 'isdel': 0, - 'title': '项目十二 二叉树美式期权设计' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%BA%8C%EF%BC%9A%E4%BA%8C%E5%8F%89%E6%A0%91%E7%BE%8E%E5%BC%8F%E6%9C%9F%E6%9D%83%E3%80%81.mp4', - 'isdel': 0, - 'title': '项目十二 二叉树美式期权设计（操作视频）' -}, { - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E5%B8%83%E8%8E%B1%E5%85%8B-%E8%88%92%E5%B0%94%E6%96%AF%E7%BE%8E%E5%BC%8F%E6%9C%9F%E6%9D%83%E8%AE%BE%E8%AE%A1.pptx', - 'isdel': 0, - 'title': '项目十三 布莱克-舒尔斯美式期权设计' -}, { - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%89%EF%BC%9A%E5%B8%83%E8%8E%B1%E5%85%8B-%E8%88%92%E5%B0%94%E6%96%AF%E7%BE%8E%E5%BC%8F%E6%9C%9F%E6%9D%83.mp4', - 'isdel': 0, - 'title': '项目十三 布莱克-舒尔斯美式期权设计（操作视频）' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/Covered%20Call.pptx', - 'isdel': 0, - 'title': '项目十四 Covered Call' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E5%9B%9B%EF%BC%9ACovered%20Call.mp4', - 'isdel': 0, - 'title': '项目十四 Covered Call（操作视频）' -}, { - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/Butterfiy%20Spread.pptx', - 'isdel': 0, - 'title': '项目十五 Butterfiy Spread' -}, { - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%BA%94%EF%BC%9A%E7%A2%9F%E5%BC%8F%E4%BB%B7%E5%B7%AE.mp4', - 'isdel': 0, - 'title': '项目十五 Butterfiy Spread（操作视频）' + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E8%B4%A7%E5%B8%81%E6%97%B6%E9%97%B4%E4%BB%B7%E5%80%BC.pptx", + "isdel": 0, + "title": "项目一 货币时间价值" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%B8%80%EF%BC%9A%E8%B4%A7%E5%B8%81%E6%97%B6%E9%97%B4%E4%BB%B7%E5%80%BC.mp4", + "isdel": 0, + "title": "项目一 货币时间价值（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E6%95%B0%E6%8D%AE%E9%A9%B1%E5%8A%A8%E7%9A%84%E8%B4%A2%E5%8A%A1%E5%86%B3%E7%AD%96.pptx", + "isdel": 0, + "title": "项目二 数据驱动的财务决策" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%BA%8C%EF%BC%9A%E6%95%B0%E6%8D%AE%E9%A9%B1%E5%8A%A8%E7%9A%84%E8%B4%A2%E5%8A%A1%E5%86%B3%E7%AD%96.mp4", + "isdel": 0, + "title": "项目二 数据驱动的财务决策（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E5%80%BA%E5%88%B8%E7%9A%84%E5%AE%9A%E4%BB%B7.pptx", + "isdel": 0, + "title": "项目三 债券的定价" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%B8%89%EF%BC%9A%E5%80%BA%E5%88%B8%E7%9A%84%E5%AE%9A%E4%BB%B7.mp4", + "isdel": 0, + "title": "项目三 债券的定价（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83%E7%9A%84%E5%AE%9A%E4%BB%B7.pptx", + "isdel": 0, + "title": "项目四 欧式期权的定价" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%9B%9B%EF%BC%9A%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83%E5%AE%9A%E4%BB%B7.mp4", + "isdel": 0, + "title": "项目四 欧式期权的定价（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E8%82%A1%E7%A5%A8%E7%9A%84%E5%AE%9A%E4%BB%B7.pptx", + "isdel": 0, + "title": "项目五 股票的定价" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%BA%94%EF%BC%9A%E8%82%A1%E7%A5%A8%E5%AE%9A%E4%BB%B7.mp4", + "isdel": 0, + "title": "项目五 股票的定价（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E5%9B%BA%E5%AE%9A%E6%94%B6%E7%9B%8A%E8%AF%81%E5%88%B8%E8%AE%A1%E7%AE%97.pptx", + "isdel": 0, + "title": "项目六 固定收益证券计算" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%85%AD%EF%BC%9A%E5%9B%BA%E5%AE%9A%E6%94%B6%E7%9B%8A%E8%AF%81%E5%88%B8%E8%AE%A1%E7%AE%97.mp4", + "isdel": 0, + "title": "项目六 固定收益证券计算（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E4%BC%B0%E8%AE%A1%CE%B2%E7%B3%BB%E6%95%B0.pptx", + "isdel": 0, + "title": "项目七 估计β系数" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%B8%83%EF%BC%9A%E4%BC%B0%E8%AE%A1%CE%B2%E7%B3%BB%E6%95%B0.mp4", + "isdel": 0, + "title": "项目七 估计β系数（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E5%9B%BD%E5%80%BA%E6%9C%9F%E8%B4%A7.pptx", + "isdel": 0, + "title": "项目八 国债期货" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%85%AB%EF%BC%9A%E5%9B%BD%E5%80%BA%E6%9C%9F%E8%B4%A7%E6%A8%A1%E6%8B%9F%E8%AE%BE%E8%AE%A1.mp4", + "isdel": 0, + "title": "项目八 国债期货（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E8%82%A1%E6%8C%87%E6%9C%9F%E8%B4%A7%E5%A5%97%E6%9C%9F%E4%BF%9D%E9%9A%9C%E7%AD%96%E7%95%A5%E8%AE%BE%E8%AE%A1.pptx", + "isdel": 0, + "title": "项目九 股指期货套期保障策略设计" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E4%B9%9D%EF%BC%9A%E8%82%A1%E6%8C%87%E6%9C%9F%E8%B4%A7%E5%A5%97%E6%9C%9F%E4%BF%9D%E9%9A%9C%E7%AD%96%E7%95%A5%E8%AE%BE%E8%AE%A1.mp4", + "isdel": 0, + "title": "项目九 股指期货套期保障策略设计（操作视频）" +}, { + "id": 6, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/JR%E4%BA%8C%E5%8F%89%E6%A0%91%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83%E8%AE%BE%E8%AE%A1.pptx", + "isdel": 0, + "title": "项目十 JR二叉树欧式期权设计" +}, { + "id": 6, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%EF%BC%9A%E4%BA%8C%E5%8F%89%E6%A0%91%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83.mp4", + "isdel": 0, + "title": "项目十 JR二叉树欧式期权设计（操作视频）" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%80%EF%BC%9A%E5%B8%83%E8%8E%B1%E5%85%8B%E2%80%94%E8%88%92%E5%B0%94%E6%96%AF%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83.mp4", + "isdel": 0, + "title": "项目十一 布莱克-舒尔斯欧式期权设计" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%80%EF%BC%9A%E5%B8%83%E8%8E%B1%E5%85%8B%E2%80%94%E8%88%92%E5%B0%94%E6%96%AF%E6%AC%A7%E5%BC%8F%E6%9C%9F%E6%9D%83.mp4", + "isdel": 0, + "title": "项目十一 布莱克-舒尔斯欧式期权设计（操作视频）" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E4%BA%8C%E5%8F%89%E6%A0%91%E7%BE%8E%E5%BC%8F%E6%9C%9F%E6%9D%83%E8%AE%BE%E8%AE%A1.pptx", + "isdel": 0, + "title": "项目十二 二叉树美式期权设计" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%BA%8C%EF%BC%9A%E4%BA%8C%E5%8F%89%E6%A0%91%E7%BE%8E%E5%BC%8F%E6%9C%9F%E6%9D%83%E3%80%81.mp4", + "isdel": 0, + "title": "项目十二 二叉树美式期权设计（操作视频）" +}, { + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/%E5%B8%83%E8%8E%B1%E5%85%8B-%E8%88%92%E5%B0%94%E6%96%AF%E7%BE%8E%E5%BC%8F%E6%9C%9F%E6%9D%83%E8%AE%BE%E8%AE%A1.pptx", + "isdel": 0, + "title": "项目十三 布莱克-舒尔斯美式期权设计" +}, { + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%89%EF%BC%9A%E5%B8%83%E8%8E%B1%E5%85%8B-%E8%88%92%E5%B0%94%E6%96%AF%E7%BE%8E%E5%BC%8F%E6%9C%9F%E6%9D%83.mp4", + "isdel": 0, + "title": "项目十三 布莱克-舒尔斯美式期权设计（操作视频）" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/Covered%20Call.pptx", + "isdel": 0, + "title": "项目十四 Covered Call" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E5%9B%9B%EF%BC%9ACovered%20Call.mp4", + "isdel": 0, + "title": "项目十四 Covered Call（操作视频）" +}, { + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E9%87%91%E8%9E%8D%E5%BB%BA%E6%A8%A1ppt%281%29/Butterfiy%20Spread.pptx", + "isdel": 0, + "title": "项目十五 Butterfiy Spread" +}, { + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/jinrong/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%BA%94%EF%BC%9A%E7%A2%9F%E5%BC%8F%E4%BB%B7%E5%B7%AE.mp4", + "isdel": 0, + "title": "项目十五 Butterfiy Spread（操作视频）" }]; export const videoList5 = [{ - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%B8%80%20%E4%BA%86%E8%A7%A3matplotlib.pptx', - 'isdel': 0, - 'title': '项目一 了解matplotlib' -}, { - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/%E9%A1%B9%E7%9B%AE%E4%B8%80%EF%BC%9A%E5%9F%BA%E7%A1%801%E2%80%94%E2%80%94%E4%BA%86%E8%A7%A3matplotlib%E7%9A%84%E5%8A%9F%E8%83%BD.mp4', - 'isdel': 0, - 'title': '项目一 了解matplotlib（操作视频）' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%BA%8C%20%E7%BB%98%E5%88%B6%E6%9D%A1%E5%BD%A2%E5%9B%BE.pptx', - 'isdel': 0, - 'title': '项目二 绘制条形图' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/%E9%A1%B9%E7%9B%AE%E4%BA%8C%EF%BC%9A%E5%9F%BA%E7%A1%802%E2%80%94%E2%80%94%E5%9B%BE%E5%BD%A2%E7%9A%84%E7%BB%98%E5%88%B6%28%E6%9D%A1%E5%BD%A2%E5%9B%BE%29.mp4', - 'isdel': 0, - 'title': '项目二 绘制条形图（操作视频）' -}, { - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%B8%89%20%E7%BB%98%E5%88%B6%E7%9B%B4%E6%96%B9%E5%9B%BE.pptx', - 'isdel': 0, - 'title': '项目三 绘制直方图' -}, { - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目三：基础3——图形的绘制(直方图).mp4', - 'isdel': 0, - 'title': '项目三 绘制直方图（操作视频）' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%9B%9B%20%E7%BB%98%E5%88%B6%E6%8A%98%E7%BA%BF%E5%9B%BE.pptx', - 'isdel': 0, - 'title': '项目四 绘制折线图' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目四：基础4——图形的绘制(折线图).mp4', - 'isdel': 0, - 'title': '项目四 绘制折线图（操作视频）' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%BA%94%20%E7%BB%98%E5%88%B6%E6%95%A3%E7%82%B9%E5%9B%BE.pptx', - 'isdel': 0, - 'title': '项目五 绘制散点图' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目五：基础5——图形的绘制(散点图).mp4', - 'isdel': 0, - 'title': '项目五 绘制散点图（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%85%AD%20%E7%BB%98%E5%88%B6%E7%AE%B1%E7%BA%BF%E5%9B%BE.pptx', - 'isdel': 0, - 'title': '项目六 绘制箱线图' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目六：基础6——图形的绘制(箱线图).mp4', - 'isdel': 0, - 'title': '项目六 绘制箱线图（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%B8%83%20%E7%BB%98%E5%88%B6%E9%A5%BC%E5%9B%BE.pptx', - 'isdel': 0, - 'title': '项目七 绘制饼图' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目七：基础7——图形的绘制(饼图).mp4', - 'isdel': 0, - 'title': '项目七 绘制饼图（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%85%AB%20%E7%BB%98%E5%88%B6%E9%9D%A2%E7%A7%AF%E5%9B%BE.pptx', - 'isdel': 0, - 'title': '项目八 绘制面积图' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目八：基础8——图形的绘制(面积图).mp4', - 'isdel': 0, - 'title': '项目八 绘制面积图（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%B9%9D%20%E7%BB%98%E5%88%B62D%E7%AD%89%E9%AB%98%E7%BA%BF%E5%9B%BE.pptx', - 'isdel': 0, - 'title': '项目九 绘制2D等高线图' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目九：进阶1——绘制2D等高线图.mp4', - 'isdel': 0, - 'title': '项目九 绘制2D等高线图（操作视频）' -}, { - 'id': 11, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%20%E5%BD%93%E7%94%9F%E6%88%90%E7%9A%84%E5%9B%BE%E7%89%87%E6%9C%89%E4%B8%A4%E5%BC%A0%E6%88%96%E5%A4%9A%E5%BC%A0%E6%97%B6%E4%BF%9D%E8%AF%81%E5%9B%BE%E7%89%87%E4%B8%8D%E8%A6%86%E7%9B%96.pptx', - 'isdel': 0, - 'title': '项目十 当生成的图片有两张或多张时保证图片不覆盖' -}, { - 'id': 12, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%80%20%E7%BB%99%E6%89%80%E7%94%9F%E6%88%90%E7%9A%84%E5%9B%BE%E7%89%87%E6%B7%BB%E5%8A%A0%E6%A0%87%E7%AD%BE.pptx', - 'isdel': 0, - 'title': '项目十一 给所生成的图片添加标签' -}, { - 'id': 12, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十一：进阶3——给所生成的图片添加标签.mp4', - 'isdel': 0, - 'title': '项目十一 给所生成的图片添加标签（操作视频）' -}, { - 'id': 13, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%BA%8C%20%E5%A4%9A%E5%AD%90%E5%9B%BE.pptx', - 'isdel': 0, - 'title': '项目十二 多子图' -}, { - 'id': 13, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十二：进阶4——多子图.mp4', - 'isdel': 0, - 'title': '项目十二 多子图（操作视频）' -}, { - 'id': 11, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%89%20%E7%BB%98%E5%88%B6%E4%BA%8C%E7%BB%B4%E7%9B%B4%E6%96%B9%E5%9B%BE.pptx', - 'isdel': 0, - 'title': '项目十三 绘制二维直方图' -}, { - 'id': 11, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十三：进阶5——绘制一张二维直方图.mp4', - 'isdel': 0, - 'title': '项目十三 绘制二维直方图（操作视频）' -}, { - 'id': 12, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%E5%9B%9B%20%E8%87%AA%E5%AE%9A%E4%B9%89%E8%89%B2%E9%98%B6.pptx', - 'isdel': 0, - 'title': '项目十四 自定义色阶' -}, { - 'id': 12, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十四：进阶6——在一张图中绘制3组不同的直方图，并给所生成的图片设置透明度.mp4', - 'isdel': 0, - 'title': '项目十四 自定义色阶（操作视频）' -}, { - 'id': 13, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%BA%94%20%E4%B8%89%E7%BB%B4%E5%9B%BE%E5%83%8F.pptx', - 'isdel': 0, - 'title': '项目十五 三维图像' -}, { - 'id': 13, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十五：进阶7——自定义色阶.mp4', - 'isdel': 0, - 'title': '项目十五 三维图像（操作视频）' -}, { - 'id': 13, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十六：进阶8——三维图像.mp4', - 'isdel': 0, - 'title': '项目十六 进阶8——三维图像（操作视频）' -}, { - 'id': 13, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%83%EF%BC%9A%E7%BB%88%E9%98%B6%E2%80%94%E2%80%94%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96.mp4', - 'isdel': 0, - 'title': '项目十七 终阶——数据可视化' + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%B8%80%20%E4%BA%86%E8%A7%A3matplotlib.pptx", + "isdel": 0, + "title": "项目一 了解matplotlib" +}, { + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/%E9%A1%B9%E7%9B%AE%E4%B8%80%EF%BC%9A%E5%9F%BA%E7%A1%801%E2%80%94%E2%80%94%E4%BA%86%E8%A7%A3matplotlib%E7%9A%84%E5%8A%9F%E8%83%BD.mp4", + "isdel": 0, + "title": "项目一 了解matplotlib（操作视频）" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%BA%8C%20%E7%BB%98%E5%88%B6%E6%9D%A1%E5%BD%A2%E5%9B%BE.pptx", + "isdel": 0, + "title": "项目二 绘制条形图" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/%E9%A1%B9%E7%9B%AE%E4%BA%8C%EF%BC%9A%E5%9F%BA%E7%A1%802%E2%80%94%E2%80%94%E5%9B%BE%E5%BD%A2%E7%9A%84%E7%BB%98%E5%88%B6%28%E6%9D%A1%E5%BD%A2%E5%9B%BE%29.mp4", + "isdel": 0, + "title": "项目二 绘制条形图（操作视频）" +}, { + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%B8%89%20%E7%BB%98%E5%88%B6%E7%9B%B4%E6%96%B9%E5%9B%BE.pptx", + "isdel": 0, + "title": "项目三 绘制直方图" +}, { + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目三：基础3——图形的绘制(直方图).mp4", + "isdel": 0, + "title": "项目三 绘制直方图（操作视频）" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%9B%9B%20%E7%BB%98%E5%88%B6%E6%8A%98%E7%BA%BF%E5%9B%BE.pptx", + "isdel": 0, + "title": "项目四 绘制折线图" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目四：基础4——图形的绘制(折线图).mp4", + "isdel": 0, + "title": "项目四 绘制折线图（操作视频）" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%BA%94%20%E7%BB%98%E5%88%B6%E6%95%A3%E7%82%B9%E5%9B%BE.pptx", + "isdel": 0, + "title": "项目五 绘制散点图" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目五：基础5——图形的绘制(散点图).mp4", + "isdel": 0, + "title": "项目五 绘制散点图（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%85%AD%20%E7%BB%98%E5%88%B6%E7%AE%B1%E7%BA%BF%E5%9B%BE.pptx", + "isdel": 0, + "title": "项目六 绘制箱线图" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目六：基础6——图形的绘制(箱线图).mp4", + "isdel": 0, + "title": "项目六 绘制箱线图（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%B8%83%20%E7%BB%98%E5%88%B6%E9%A5%BC%E5%9B%BE.pptx", + "isdel": 0, + "title": "项目七 绘制饼图" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目七：基础7——图形的绘制(饼图).mp4", + "isdel": 0, + "title": "项目七 绘制饼图（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%85%AB%20%E7%BB%98%E5%88%B6%E9%9D%A2%E7%A7%AF%E5%9B%BE.pptx", + "isdel": 0, + "title": "项目八 绘制面积图" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目八：基础8——图形的绘制(面积图).mp4", + "isdel": 0, + "title": "项目八 绘制面积图（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E4%B9%9D%20%E7%BB%98%E5%88%B62D%E7%AD%89%E9%AB%98%E7%BA%BF%E5%9B%BE.pptx", + "isdel": 0, + "title": "项目九 绘制2D等高线图" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目九：进阶1——绘制2D等高线图.mp4", + "isdel": 0, + "title": "项目九 绘制2D等高线图（操作视频）" +}, { + "id": 11, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%20%E5%BD%93%E7%94%9F%E6%88%90%E7%9A%84%E5%9B%BE%E7%89%87%E6%9C%89%E4%B8%A4%E5%BC%A0%E6%88%96%E5%A4%9A%E5%BC%A0%E6%97%B6%E4%BF%9D%E8%AF%81%E5%9B%BE%E7%89%87%E4%B8%8D%E8%A6%86%E7%9B%96.pptx", + "isdel": 0, + "title": "项目十 当生成的图片有两张或多张时保证图片不覆盖" +}, { + "id": 12, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%80%20%E7%BB%99%E6%89%80%E7%94%9F%E6%88%90%E7%9A%84%E5%9B%BE%E7%89%87%E6%B7%BB%E5%8A%A0%E6%A0%87%E7%AD%BE.pptx", + "isdel": 0, + "title": "项目十一 给所生成的图片添加标签" +}, { + "id": 12, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十一：进阶3——给所生成的图片添加标签.mp4", + "isdel": 0, + "title": "项目十一 给所生成的图片添加标签（操作视频）" +}, { + "id": 13, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%BA%8C%20%E5%A4%9A%E5%AD%90%E5%9B%BE.pptx", + "isdel": 0, + "title": "项目十二 多子图" +}, { + "id": 13, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十二：进阶4——多子图.mp4", + "isdel": 0, + "title": "项目十二 多子图（操作视频）" +}, { + "id": 11, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%89%20%E7%BB%98%E5%88%B6%E4%BA%8C%E7%BB%B4%E7%9B%B4%E6%96%B9%E5%9B%BE.pptx", + "isdel": 0, + "title": "项目十三 绘制二维直方图" +}, { + "id": 11, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十三：进阶5——绘制一张二维直方图.mp4", + "isdel": 0, + "title": "项目十三 绘制二维直方图（操作视频）" +}, { + "id": 12, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%E5%9B%9B%20%E8%87%AA%E5%AE%9A%E4%B9%89%E8%89%B2%E9%98%B6.pptx", + "isdel": 0, + "title": "项目十四 自定义色阶" +}, { + "id": 12, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十四：进阶6——在一张图中绘制3组不同的直方图，并给所生成的图片设置透明度.mp4", + "isdel": 0, + "title": "项目十四 自定义色阶（操作视频）" +}, { + "id": 13, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%8F%AF%E8%A7%86%E5%8C%96ppt%281%29%281%29/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%BA%94%20%E4%B8%89%E7%BB%B4%E5%9B%BE%E5%83%8F.pptx", + "isdel": 0, + "title": "项目十五 三维图像" +}, { + "id": 13, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十五：进阶7——自定义色阶.mp4", + "isdel": 0, + "title": "项目十五 三维图像（操作视频）" +}, { + "id": 13, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/项目十六：进阶8——三维图像.mp4", + "isdel": 0, + "title": "项目十六 进阶8——三维图像（操作视频）" +}, { + "id": 13, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/visualization/%E9%A1%B9%E7%9B%AE%E5%8D%81%E4%B8%83%EF%BC%9A%E7%BB%88%E9%98%B6%E2%80%94%E2%80%94%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96.mp4", + "isdel": 0, + "title": "项目十七 终阶——数据可视化" }]; export const videoList6 = [{ - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE%E4%B8%80%EF%BC%9A%E5%80%BA%E5%88%B8%E5%92%8C%E5%88%A9%E7%8E%87.pptx', - 'isdel': 0, - 'title': '项目一 债券和利率' -}, { - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目一. 债券与利率.MP4', - 'isdel': 0, - 'title': '项目一 债券和利率（操作视频）' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE%E4%BA%8C%20%E8%B5%84%E4%BA%A7%E7%BB%84%E5%90%88.pptx', - 'isdel': 0, - 'title': '项目二 资产组合' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目二资产组合.mp4', - 'isdel': 0, - 'title': '项目二 资产组合（操作视频）' -}, { - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/3%E6%9C%9F%E6%9D%83%E5%AE%9A%E4%BB%B7%E7%90%86%E8%AE%BA%E5%92%8C%E5%A5%97%E5%88%A9%E5%AE%9A%E4%BB%B7.pptx', - 'isdel': 0, - 'title': '项目三 期权定价理论和套利定价' -}, { - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目三.期权定价理论和套利定价.mp4', - 'isdel': 0, - 'title': '项目三 期权定价理论和套利定价（操作视频）' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE%E5%9B%9Bppt.pptx', - 'isdel': 0, - 'title': '项目四 证券市场和股票的波动' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目四.证券市场和股票的波动.mp4', - 'isdel': 0, - 'title': '项目四 证券市场和股票的波动（操作视频）' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/5-%E9%A1%B9%E7%9B%AEppt.pptx', - 'isdel': 0, - 'title': '项目五 正态随机过程' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目五：正态随机过程.mp4', - 'isdel': 0, - 'title': '项目五 正态随机过程（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/6Poisson%E8%BF%87%E7%A8%8B.pptx', - 'isdel': 0, - 'title': '项目六 Poisson过程' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目六.Poisson过程.mp4', - 'isdel': 0, - 'title': '项目六 Poisson过程（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/7Python%E9%87%91%E8%9E%8D%E9%9A%8F%E6%9C%BA%E8%BF%87%E7%A8%8B%E5%AE%9E%E9%AA%8C%E6%95%99%E5%AD%A6%E7%B3%BB%E7%BB%9F%EF%BC%88%E7%AC%AC%E4%B8%83%E9%A1%B9%EF%BC%89.pptx', - 'isdel': 0, - 'title': '项目七 平稳随机过程' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/系统一 项目七 金融随机过程.mp4', - 'isdel': 0, - 'title': '项目七 平稳随机过程（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/8%E7%A6%BB%E6%95%A3%E5%8F%82%E6%95%B0Markov%E9%93%BE.pptx', - 'isdel': 0, - 'title': '项目八 离散参数Markov链' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目八：离散参数Markov链.mp4', - 'isdel': 0, - 'title': '项目八 离散参数Markov链（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE%E4%B9%9D%20%E8%BF%9E%E7%BB%AD%E6%97%B6%E9%97%B4Markov%E9%93%BE.pptx', - 'isdel': 0, - 'title': '项目九 连续时间Markov链' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目九.连续时间Markov链.mp4', - 'isdel': 0, - 'title': '项目九 连续时间Markov链（操作视频）' -}, { - 'id': 11, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE10_%E5%B8%83%E6%9C%97%E8%BF%90%E5%8A%A8.pptx', - 'isdel': 0, - 'title': '项目十 布朗运动' -}, { - 'id': 11, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目十.布朗运动.mp4', - 'isdel': 0, - 'title': '项目十 布朗运动（操作视频）' -}, { - 'id': 12, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE11_%E9%9E%85%E5%8F%8A%E5%85%B6%E5%BA%94%E7%94%A8.pptx', - 'isdel': 0, - 'title': '项目十一 鞅及其应用' -}, { - 'id': 12, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目十一.鞅及其应用.mp4', - 'isdel': 0, - 'title': '项目十一 鞅及其应用（操作视频）' -}, { - 'id': 13, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE12_%E9%9A%8F%E6%9C%BA%E5%BE%AE%E5%88%86%E6%96%B9%E7%A8%8B%E5%8F%8A%E5%85%B6%E5%9C%A8%E9%87%91%E8%9E%8D%E4%B8%AD%E7%9A%84%E5%BA%94%E7%94%A8.pptx', - 'isdel': 0, - 'title': '项目十二 随机微分方程及其在金融中的应用' -}, { - 'id': 13, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目十二：随机微分方程及其在金融中的应用.mp4', - 'isdel': 0, - 'title': '项目十二 随机微分方程及其在金融中的应用（操作视频）' + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE%E4%B8%80%EF%BC%9A%E5%80%BA%E5%88%B8%E5%92%8C%E5%88%A9%E7%8E%87.pptx", + "isdel": 0, + "title": "项目一 债券和利率" +}, { + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目一. 债券与利率.MP4", + "isdel": 0, + "title": "项目一 债券和利率（操作视频）" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE%E4%BA%8C%20%E8%B5%84%E4%BA%A7%E7%BB%84%E5%90%88.pptx", + "isdel": 0, + "title": "项目二 资产组合" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目二资产组合.mp4", + "isdel": 0, + "title": "项目二 资产组合（操作视频）" +}, { + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/3%E6%9C%9F%E6%9D%83%E5%AE%9A%E4%BB%B7%E7%90%86%E8%AE%BA%E5%92%8C%E5%A5%97%E5%88%A9%E5%AE%9A%E4%BB%B7.pptx", + "isdel": 0, + "title": "项目三 期权定价理论和套利定价" +}, { + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目三.期权定价理论和套利定价.mp4", + "isdel": 0, + "title": "项目三 期权定价理论和套利定价（操作视频）" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE%E5%9B%9Bppt.pptx", + "isdel": 0, + "title": "项目四 证券市场和股票的波动" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目四.证券市场和股票的波动.mp4", + "isdel": 0, + "title": "项目四 证券市场和股票的波动（操作视频）" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/5-%E9%A1%B9%E7%9B%AEppt.pptx", + "isdel": 0, + "title": "项目五 正态随机过程" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目五：正态随机过程.mp4", + "isdel": 0, + "title": "项目五 正态随机过程（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/6Poisson%E8%BF%87%E7%A8%8B.pptx", + "isdel": 0, + "title": "项目六 Poisson过程" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目六.Poisson过程.mp4", + "isdel": 0, + "title": "项目六 Poisson过程（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/7Python%E9%87%91%E8%9E%8D%E9%9A%8F%E6%9C%BA%E8%BF%87%E7%A8%8B%E5%AE%9E%E9%AA%8C%E6%95%99%E5%AD%A6%E7%B3%BB%E7%BB%9F%EF%BC%88%E7%AC%AC%E4%B8%83%E9%A1%B9%EF%BC%89.pptx", + "isdel": 0, + "title": "项目七 平稳随机过程" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/系统一 项目七 金融随机过程.mp4", + "isdel": 0, + "title": "项目七 平稳随机过程（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/8%E7%A6%BB%E6%95%A3%E5%8F%82%E6%95%B0Markov%E9%93%BE.pptx", + "isdel": 0, + "title": "项目八 离散参数Markov链" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目八：离散参数Markov链.mp4", + "isdel": 0, + "title": "项目八 离散参数Markov链（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE%E4%B9%9D%20%E8%BF%9E%E7%BB%AD%E6%97%B6%E9%97%B4Markov%E9%93%BE.pptx", + "isdel": 0, + "title": "项目九 连续时间Markov链" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目九.连续时间Markov链.mp4", + "isdel": 0, + "title": "项目九 连续时间Markov链（操作视频）" +}, { + "id": 11, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE10_%E5%B8%83%E6%9C%97%E8%BF%90%E5%8A%A8.pptx", + "isdel": 0, + "title": "项目十 布朗运动" +}, { + "id": 11, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目十.布朗运动.mp4", + "isdel": 0, + "title": "项目十 布朗运动（操作视频）" +}, { + "id": 12, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE11_%E9%9E%85%E5%8F%8A%E5%85%B6%E5%BA%94%E7%94%A8.pptx", + "isdel": 0, + "title": "项目十一 鞅及其应用" +}, { + "id": 12, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目十一.鞅及其应用.mp4", + "isdel": 0, + "title": "项目十一 鞅及其应用（操作视频）" +}, { + "id": 13, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE12_%E9%9A%8F%E6%9C%BA%E5%BE%AE%E5%88%86%E6%96%B9%E7%A8%8B%E5%8F%8A%E5%85%B6%E5%9C%A8%E9%87%91%E8%9E%8D%E4%B8%AD%E7%9A%84%E5%BA%94%E7%94%A8.pptx", + "isdel": 0, + "title": "项目十二 随机微分方程及其在金融中的应用" +}, { + "id": 13, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/系统一项目十二：随机微分方程及其在金融中的应用.mp4", + "isdel": 0, + "title": "项目十二 随机微分方程及其在金融中的应用（操作视频）" }]; export const videoList7 = [{ - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/1.pptx', - 'isdel': 0, - 'title': '项目一 了解matplotlib的功能' -}, { - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目一：基础了解maplab.mp4', - 'isdel': 0, - 'title': '项目一 了解matplotlib的功能（操作视频）' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/2.pptx', - 'isdel': 0, - 'title': '项目二 K线图' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目二：基础——K线图.mp4', - 'isdel': 0, - 'title': '项目二 K线图（操作视频）' -}, { - 'id': 6, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/3.pptx', - 'isdel': 0, - 'title': '项目三 动量交易策略' -}, { - 'id': 6, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目三：基础——动量交易策略.mp4', - 'isdel': 0, - 'title': '项目三 动量交易策略（操作视频）' -}, { - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/4.pptx', - 'isdel': 0, - 'title': '项目四 RSI相对强弱指标' -}, { - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目四：基础——RSI相对强弱指标.mp4', - 'isdel': 0, - 'title': '项目四 RSI相对强弱指标（操作视频）' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/5.pptx', - 'isdel': 0, - 'title': '项目五 简单移动平均' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目五：基础——简单移动平均.mp4', - 'isdel': 0, - 'title': '项目五 简单移动平均（操作视频）' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/6.pptx', - 'isdel': 0, - 'title': '项目六 加权移动平均' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目六：基础——加权移动平均.mp4', - 'isdel': 0, - 'title': '项目六 加权移动平均（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/7.pptx', - 'isdel': 0, - 'title': '项目七 通道突破策略' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目七：进阶1——通道突破策略.mp4', - 'isdel': 0, - 'title': '项目七 通道突破策略（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/8.pptx', - 'isdel': 0, - 'title': '项目八 KDJ交易策略' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目八：进阶2——KDJ交易策略.mp4', - 'isdel': 0, - 'title': '项目八 KDJ交易策略（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/9.pptx', - 'isdel': 0, - 'title': '项目九 OBV指标交易策略' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目九：进阶3——OBV指标交易策略.mp4', - 'isdel': 0, - 'title': '项目九 OBV指标交易策略（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/10.pptx', - 'isdel': 0, - 'title': '项目十 基于机器学习的量化投资策略概览' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目十：终阶——基于机器学习的量化投资概览.mp4', - 'isdel': 0, - 'title': '项目十 基于机器学习的量化投资策略概览（操作视频）' + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/1.pptx", + "isdel": 0, + "title": "项目一 了解matplotlib的功能" +}, { + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目一：基础了解maplab.mp4", + "isdel": 0, + "title": "项目一 了解matplotlib的功能（操作视频）" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/2.pptx", + "isdel": 0, + "title": "项目二 K线图" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目二：基础——K线图.mp4", + "isdel": 0, + "title": "项目二 K线图（操作视频）" +}, { + "id": 6, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/3.pptx", + "isdel": 0, + "title": "项目三 动量交易策略" +}, { + "id": 6, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目三：基础——动量交易策略.mp4", + "isdel": 0, + "title": "项目三 动量交易策略（操作视频）" +}, { + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/4.pptx", + "isdel": 0, + "title": "项目四 RSI相对强弱指标" +}, { + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目四：基础——RSI相对强弱指标.mp4", + "isdel": 0, + "title": "项目四 RSI相对强弱指标（操作视频）" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/5.pptx", + "isdel": 0, + "title": "项目五 简单移动平均" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目五：基础——简单移动平均.mp4", + "isdel": 0, + "title": "项目五 简单移动平均（操作视频）" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/6.pptx", + "isdel": 0, + "title": "项目六 加权移动平均" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目六：基础——加权移动平均.mp4", + "isdel": 0, + "title": "项目六 加权移动平均（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/7.pptx", + "isdel": 0, + "title": "项目七 通道突破策略" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目七：进阶1——通道突破策略.mp4", + "isdel": 0, + "title": "项目七 通道突破策略（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/8.pptx", + "isdel": 0, + "title": "项目八 KDJ交易策略" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目八：进阶2——KDJ交易策略.mp4", + "isdel": 0, + "title": "项目八 KDJ交易策略（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/9.pptx", + "isdel": 0, + "title": "项目九 OBV指标交易策略" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目九：进阶3——OBV指标交易策略.mp4", + "isdel": 0, + "title": "项目九 OBV指标交易策略（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/10.pptx", + "isdel": 0, + "title": "项目十 基于机器学习的量化投资策略概览" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/zz/量化投资项目十：终阶——基于机器学习的量化投资概览.mp4", + "isdel": 0, + "title": "项目十 基于机器学习的量化投资策略概览（操作视频）" }]; export const videoList8 = [{ - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E4%B8%80%20%E6%95%B0%E6%8D%AE%E5%8C%85%E7%9A%84%E4%BD%BF%E7%94%A8.pptx', - 'isdel': 0, - 'title': '项目一 数据包的使用' -}, { - 'id': 1, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目一.mp4', - 'isdel': 0, - 'title': '项目一 数据包的使用（操作视频）' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8numpy%E5%AE%9A%E4%B9%89%E4%B8%80%E7%BB%B4%E6%95%B0%E7%BB%84--2.pptx', - 'isdel': 0, - 'title': '项目二 使用numpy定义一维数组' -}, { - 'id': 3, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目二.mp4', - 'isdel': 0, - 'title': '项目二 使用numpy定义一维数组（操作视频）' -}, { - 'id': 6, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8pandas%E5%AE%9A%E4%B9%89%E4%B8%80%E7%BB%B4%E6%95%B0%E7%BB%84--3.pptx', - 'isdel': 0, - 'title': '项目三 使用pandas定义一维数组' -}, { - 'id': 6, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目三.mp4', - 'isdel': 0, - 'title': '项目三 使用pandas定义一维数组（操作视频）' -}, { - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8numpy%E5%AE%9A%E4%B9%89%E4%BA%8C%E7%BB%B4%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84--4.pptx', - 'isdel': 0, - 'title': '项目四 使用numpy定义二维数据结构' -}, { - 'id': 5, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目四.mp4', - 'isdel': 0, - 'title': '项目四 使用numpy定义二维数据结构（操作视频）' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8pandas-DataFrame%EF%BC%88%E6%95%B0%E6%8D%AE%E6%A1%86%EF%BC%89%E5%AE%9A%E4%B9%89%E4%BA%8C%E7%BB%B4%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84--5.pptx', - 'isdel': 0, - 'title': '项目五 使用Pandas-DataFrame(数据框)定义二维数据结构' -}, { - 'id': 2, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目五.mp4', - 'isdel': 0, - 'title': '项目五 使用Pandas-DataFrame(数据框)定义二维数据结构（操作视频）' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E6%95%B0%E6%8D%AE%E9%9B%86%E6%8F%8F%E8%BF%B0%E7%BB%9F%E8%AE%A1%E4%BF%A1%E6%81%AF--6.pptx', - 'isdel': 0, - 'title': '项目六 数据集描述统计信息' -}, { - 'id': 7, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目六.mp4', - 'isdel': 0, - 'title': '项目六 数据集描述统计信息（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE7_%E7%90%86%E8%A7%A3%E6%95%B0%E6%8D%AE.pptx', - 'isdel': 0, - 'title': '项目七 理解数据' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目七.mp4', - 'isdel': 0, - 'title': '项目七 理解数据（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E5%85%AB%20%E6%A8%A1%E5%9E%8B%E6%9E%84%E5%BB%BA.pptx', - 'isdel': 0, - 'title': '项目八 模型构建' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目八.mp4', - 'isdel': 0, - 'title': '项目八 模型构建（操作视频）' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E8%BF%9B%E9%98%B63%E2%80%94%E2%80%94%E6%95%B0%E6%8D%AE%E6%B8%85%E6%B4%97--9.pptx', - 'isdel': 0, - 'title': '项目九 数据清洗' -}, { - 'id': 4, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目九.mp4', - 'isdel': 0, - 'title': '项目九 数据清洗（操作视频）' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E5%8D%81%20%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96.pptx', - 'isdel': 0, - 'title': '项目十 数据可视化' -}, { - 'id': 9, - 'links': 'https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目十.mp4', - 'isdel': 0, - 'title': '项目十 数据可视化（操作视频）' + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E4%B8%80%20%E6%95%B0%E6%8D%AE%E5%8C%85%E7%9A%84%E4%BD%BF%E7%94%A8.pptx", + "isdel": 0, + "title": "项目一 数据包的使用" +}, { + "id": 1, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目一.mp4", + "isdel": 0, + "title": "项目一 数据包的使用（操作视频）" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8numpy%E5%AE%9A%E4%B9%89%E4%B8%80%E7%BB%B4%E6%95%B0%E7%BB%84--2.pptx", + "isdel": 0, + "title": "项目二 使用numpy定义一维数组" +}, { + "id": 3, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目二.mp4", + "isdel": 0, + "title": "项目二 使用numpy定义一维数组（操作视频）" +}, { + "id": 6, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8pandas%E5%AE%9A%E4%B9%89%E4%B8%80%E7%BB%B4%E6%95%B0%E7%BB%84--3.pptx", + "isdel": 0, + "title": "项目三 使用pandas定义一维数组" +}, { + "id": 6, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目三.mp4", + "isdel": 0, + "title": "项目三 使用pandas定义一维数组（操作视频）" +}, { + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8numpy%E5%AE%9A%E4%B9%89%E4%BA%8C%E7%BB%B4%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84--4.pptx", + "isdel": 0, + "title": "项目四 使用numpy定义二维数据结构" +}, { + "id": 5, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目四.mp4", + "isdel": 0, + "title": "项目四 使用numpy定义二维数据结构（操作视频）" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8pandas-DataFrame%EF%BC%88%E6%95%B0%E6%8D%AE%E6%A1%86%EF%BC%89%E5%AE%9A%E4%B9%89%E4%BA%8C%E7%BB%B4%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84--5.pptx", + "isdel": 0, + "title": "项目五 使用Pandas-DataFrame(数据框)定义二维数据结构" +}, { + "id": 2, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目五.mp4", + "isdel": 0, + "title": "项目五 使用Pandas-DataFrame(数据框)定义二维数据结构（操作视频）" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E6%95%B0%E6%8D%AE%E9%9B%86%E6%8F%8F%E8%BF%B0%E7%BB%9F%E8%AE%A1%E4%BF%A1%E6%81%AF--6.pptx", + "isdel": 0, + "title": "项目六 数据集描述统计信息" +}, { + "id": 7, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目六.mp4", + "isdel": 0, + "title": "项目六 数据集描述统计信息（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE7_%E7%90%86%E8%A7%A3%E6%95%B0%E6%8D%AE.pptx", + "isdel": 0, + "title": "项目七 理解数据" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目七.mp4", + "isdel": 0, + "title": "项目七 理解数据（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E5%85%AB%20%E6%A8%A1%E5%9E%8B%E6%9E%84%E5%BB%BA.pptx", + "isdel": 0, + "title": "项目八 模型构建" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目八.mp4", + "isdel": 0, + "title": "项目八 模型构建（操作视频）" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E8%BF%9B%E9%98%B63%E2%80%94%E2%80%94%E6%95%B0%E6%8D%AE%E6%B8%85%E6%B4%97--9.pptx", + "isdel": 0, + "title": "项目九 数据清洗" +}, { + "id": 4, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目九.mp4", + "isdel": 0, + "title": "项目九 数据清洗（操作视频）" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E5%8D%81%20%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96.pptx", + "isdel": 0, + "title": "项目十 数据可视化" +}, { + "id": 9, + "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/video/dataAnalysis/系统三项目十.mp4", + "isdel": 0, + "title": "项目十 数据可视化（操作视频）" }]; diff --git a/src/main.js b/src/main.js index 5a63a36..c476d06 100644 --- a/src/main.js +++ b/src/main.js @@ -1,32 +1,34 @@ -import Vue from 'vue'; -import App from '@/App.vue'; -import router from '@/router'; -import ElementUI from 'element-ui'; -import '@/styles/index.scss' -import VueI18n from 'vue-i18n'; -import mixinApp from '@/mixins/app'; -import { messages } from '@/i18n'; -import 'babel-polyfill'; -import '@/libs/resize'; -import {post,get,del,put} from '@/plugins/requests/index.js'; -import api from '@/api'; -import store from '@/store' -import Setting from '@/setting'; -import permission from '@/router/permission'; +import Vue from "vue"; +import App from "@/App.vue"; +import router from "@/router"; +import ElementUI from "element-ui"; +import "@/styles/index.scss"; +import VueI18n from "vue-i18n"; +import mixinApp from "@/mixins/app"; +import { messages } from "@/i18n"; +import "babel-polyfill"; +import "@/libs/resize"; +import { post, get, del, put } from "@/plugins/requests/index.js"; +import core from '@/libs/core' +import api from "@/api"; +import store from "@/store"; +import Setting from "@/setting"; +import permission from "@/router/permission"; // 插件 -import plugins from '@/plugins'; -import filters from '@/plugins/filters' +import plugins from "@/plugins"; +import filters from "@/plugins/filters"; Vue.use(plugins); -Object.keys(filters).forEach(item => Vue.filter(item,filters[item])) +Object.keys(filters).forEach(item => Vue.filter(item, filters[item])); Vue.prototype.api = api; Vue.prototype.$get = get; Vue.prototype.$post = post; Vue.prototype.$del = del; Vue.prototype.$put = put; +Vue.prototype.core = core Vue.config.productionTip = false; Vue.use(VueI18n); @@ -42,4 +44,4 @@ new Vue({ i18n, store, render: h => h(App) -}).$mount('#app'); +}).$mount("#app"); diff --git a/src/mixins/app.js b/src/mixins/app.js index 64aaa70..fa8020a 100644 --- a/src/mixins/app.js +++ b/src/mixins/app.js @@ -4,8 +4,8 @@ export default { methods: { // 当 $route 更新时触发 - appRouteChange (to, from) { + appRouteChange(to, from) { } } -} +}; diff --git a/src/mixins/setBackground/index.js b/src/mixins/setBackground/index.js index 9d9fd4a..3c058de 100644 --- a/src/mixins/setBackground/index.js +++ b/src/mixins/setBackground/index.js @@ -1,8 +1,8 @@ export default { beforeCreate() { - document.querySelector('body').setAttribute('style', 'background-color:#fff') + document.querySelector("body").setAttribute("style", "background-color:#fff"); }, beforeDestroy() { - document.body.removeAttribute('style') + document.body.removeAttribute("style"); } -} \ No newline at end of file +}; \ No newline at end of file diff --git a/src/pages/account/login/index.vue b/src/pages/account/login/index.vue index dc03400..60ed199 100644 --- a/src/pages/account/login/index.vue +++ b/src/pages/account/login/index.vue @@ -28,26 +28,34 @@
- - + + - + - 登录 + + + + + + 登录 - - + + @@ -78,7 +86,8 @@
- +
@@ -88,7 +97,8 @@ - + \ No newline at end of file diff --git a/src/pages/account/register/index.vue b/src/pages/account/register/index.vue index ab9f6f5..b9c7009 100644 --- a/src/pages/account/register/index.vue +++ b/src/pages/account/register/index.vue @@ -2,7 +2,7 @@

账号注册

- +
@@ -25,28 +25,29 @@

省份

+ v-for="item in provinceList" + :key="item.value" + :label="item.provinceName" + :value="item.provinceId" + >

城市

+ v-for="item in cityList" + :key="item.value" + :label="item.cityName" + :value="item.cityId" + >

学校

- +
@@ -68,10 +69,11 @@ - +
- + 注册
@@ -82,34 +84,34 @@ export default { data: function() { return { regForm: { - userName: '', - workNumber: '', - provinceId: '', - cityId: '', - schoolAppellationId: '', - phone: '', - password: '', - rePassword: '', + userName: "", + workNumber: "", + provinceId: "", + cityId: "", + schoolAppellationId: "", + phone: "", + password: "", + rePassword: "", roleId: 4, schoolId: this.$config.schoolId }, regRules: { - userName: [{ required: true, message: '请输入学生姓名', trigger: 'blur' }], - workNumber: [{ required: true, message: '请输入学生学号', trigger: 'blur' }], - provinceId: [{ required: true, message: '请选择省份', trigger: 'change' }], - cityId: [{ required: true, message: '请选择城市', trigger: 'change' }], - schoolAppellationId: [{ required: true, message: '请选择学校', trigger: 'change' }], + userName: [{ required: true, message: "请输入学生姓名", trigger: "blur" }], + workNumber: [{ required: true, message: "请输入学生学号", trigger: "blur" }], + provinceId: [{ required: true, message: "请选择省份", trigger: "change" }], + cityId: [{ required: true, message: "请选择城市", trigger: "change" }], + schoolAppellationId: [{ required: true, message: "请选择学校", trigger: "change" }], phone: [ - { required: true, message: '请输入手机号', trigger: 'blur' }, - { pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' } + { required: true, message: "请输入手机号", trigger: "blur" }, + { pattern: /^1[3456789]\d{9}$/, message: "请输入正确的手机号", trigger: "blur" } ], password: [ - { required: true, message: '请输入密码', trigger: 'blur' }, - { pattern: /^.{6,}$/, message: '请输入6位数以上的密码', trigger: 'blur' } + { required: true, message: "请输入密码", trigger: "blur" }, + { pattern: /^.{6,}$/, message: "请输入6位数以上的密码", trigger: "blur" } ], rePassword: [ - { required: true, message: '请再次输入密码', trigger: 'blur' }, - { pattern: /^.{6,}$/, message: '请输入6位数以上的密码', trigger: 'blur' } + { required: true, message: "请再次输入密码", trigger: "blur" }, + { pattern: /^.{6,}$/, message: "请输入6位数以上的密码", trigger: "blur" } ] }, provinceList: this.$store.state.provinceList, //省份 @@ -120,118 +122,132 @@ export default { }; }, mounted() { - this.getProvince() - this.getSchoolData() + this.getProvince(); + this.getSchoolData(); }, methods: { - getProvince(){ + getProvince() { this.$get(this.api.queryProvince).then(res => { - this.provinceList = res.message - this.$store.commit("provinceData", { provinceList : this.provinceList}); - }).catch(res => {}); + this.provinceList = res.message; + this.$store.commit("provinceData", { provinceList: this.provinceList }); + }).catch(res => { + }); }, // 获取城市 - getCity(){ - this.regForm.cityId = '' - this.$get(this.api.queryCity,{provinceId: this.regForm.provinceId}).then(res => { - this.cityList = res.message - this.getSchoolData() - }).catch(res => {}) + getCity() { + this.regForm.cityId = ""; + this.$get(this.api.queryCity, { provinceId: this.regForm.provinceId }).then(res => { + this.cityList = res.message; + this.getSchoolData(); + }).catch(res => { + }); }, // 获取学校名称 - getSchoolData(){ - this.regForm.schoolAppellationId = '' - this.$get(this.api.querySchoolData,{provinceId: this.regForm.provinceId,cityId: this.regForm.cityId,schoolName: ''}).then(res => { - this.schoolList = res.message - }).catch(res => {}); + getSchoolData() { + this.regForm.schoolAppellationId = ""; + this.$get(this.api.querySchoolData, { + provinceId: this.regForm.provinceId, + cityId: this.regForm.cityId, + schoolName: "" + }).then(res => { + this.schoolList = res.message; + }).catch(res => { + }); }, registerForm() { this.$refs.reg.validate(valid => { if (valid) { - if(this.phoneRepeat) return util.warningMsg('该手机号已存在') - if(this.workNumberReapeat) return util.warningMsg('该学生学号已存在') - if(this.regForm.password !== this.regForm.rePassword) return util.warningMsg('两次输入的密码不一致，请重新输入') + if (this.phoneRepeat) return util.warningMsg("该手机号已存在"); + if (this.workNumberReapeat) return util.warningMsg("该学生学号已存在"); + if (this.regForm.password !== this.regForm.rePassword) return util.warningMsg("两次输入的密码不一致，请重新输入"); - let data = this.regForm - data.account = data.phone - data.uniqueIdentificationAccount = new Date().getTime() - this.$post(`${this.api.save}?workNumber=${this.regForm.workNumber}`,data).then(res => { - util.successMsg('注册成功') - this.$emit('update:isReg',false) - this.$emit('updateInfo',{username: this.regForm.phone,password: this.regForm.password}) - this.$refs.reg.resetFields() - }).catch(res => {}); + let data = this.regForm; + data.account = data.phone; + data.uniqueIdentificationAccount = new Date().getTime(); + this.$post(`${this.api.save}?workNumber=${this.regForm.workNumber}`, data).then(res => { + util.successMsg("注册成功"); + this.$emit("update:isReg", false); + this.$emit("updateInfo", { username: this.regForm.phone, password: this.regForm.password }); + this.$refs.reg.resetFields(); + }).catch(res => { + }); } else { // util.errorMsg('请输入账号和密码'); return false; } }); }, - async phoneChange(){ + async phoneChange() { let res = await this.$get(this.api.queryPhone, { phone: this.regForm.phone }); - if(res.message.length != 0){ - util.warningMsg('该手机号已存在'); - this.phoneRepeat = true - }else{ - this.phoneRepeat = false + if (res.message.length != 0) { + util.warningMsg("该手机号已存在"); + this.phoneRepeat = true; + } else { + this.phoneRepeat = false; } }, - async worknumberChange(){ - let res = await this.$get(this.api.queryWorkNumberIsExist, { + async worknumberChange() { + let res = await this.$get(this.api.queryWorkNumberIsExist, { workNumber: this.regForm.workNumber, roleId: 4, schoolAppellationId: this.regForm.schoolAppellationId }); - if(JSON.stringify(res.message) != '{}'){ - util.warningMsg('该学生学号已存在'); - this.workNumberReapeat = true - }else{ - this.workNumberReapeat = false + if (JSON.stringify(res.message) != "{}") { + util.warningMsg("该学生学号已存在"); + this.workNumberReapeat = true; + } else { + this.workNumberReapeat = false; } }, toLogin() { - this.$emit('update:isReg',false) + this.$emit("update:isReg", false); } - }, + } }; \ No newline at end of file diff --git a/src/pages/ass/list/index.vue b/src/pages/ass/list/index.vue index 3d510b1..c9ade44 100644 --- a/src/pages/ass/list/index.vue +++ b/src/pages/ass/list/index.vue @@ -7,67 +7,111 @@ + +
+
- + - - - - + + + - - - - - - - - + + + + - +
确 定 @@ -77,294 +121,274 @@ \ No newline at end of file diff --git a/src/pages/course/list/index.vue b/src/pages/course/list/index.vue index 53d60da..506c567 100644 --- a/src/pages/course/list/index.vue +++ b/src/pages/course/list/index.vue @@ -1,32 +1,278 @@ \ No newline at end of file diff --git a/src/pages/exception/error/403/index.vue b/src/pages/exception/error/403/index.vue index e6576d2..522233e 100644 --- a/src/pages/exception/error/403/index.vue +++ b/src/pages/exception/error/403/index.vue @@ -14,46 +14,51 @@ diff --git a/src/pages/exception/error/404/index.vue b/src/pages/exception/error/404/index.vue index bbb8580..816709c 100644 --- a/src/pages/exception/error/404/index.vue +++ b/src/pages/exception/error/404/index.vue @@ -1,59 +1,64 @@ diff --git a/src/pages/exception/i18n/index.vue b/src/pages/exception/i18n/index.vue index 69074bd..2e4d89c 100644 --- a/src/pages/exception/i18n/index.vue +++ b/src/pages/exception/i18n/index.vue @@ -2,22 +2,24 @@
- {{$t('i18n.breadcrumb')}} + {{ $t("i18n.breadcrumb") }}
- {{$t('i18n.tips')}} - {{$t('i18n.btn')}} + {{ $t("i18n.tips") }} + {{ $t("i18n.btn") }} +
-

{{$t('i18n.title1')}}

-

{{$t('i18n.p1')}}

-

{{$t('i18n.p2')}}

-

{{$t('i18n.p3')}}

+

{{ $t("i18n.title1") }}

+

{{ $t("i18n.p1") }}

+

{{ $t("i18n.p2") }}

+

{{ $t("i18n.p3") }}

-

{{$t('i18n.title2')}}

+

{{ $t("i18n.title2") }}

@@ -26,21 +28,22 @@ diff --git a/src/pages/exception/icon/index.vue b/src/pages/exception/icon/index.vue index 352d38b..4eab051 100644 --- a/src/pages/exception/icon/index.vue +++ b/src/pages/exception/icon/index.vue @@ -8,7 +8,7 @@

使用方法

- 直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：（共{{iconList.length}}个图标） + 直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：（共{{ iconList.length }}个图标）

@@ -31,7 +31,7 @@

  • - {{item}} + {{ item }}
    • @@ -41,172 +41,177 @@ \ No newline at end of file diff --git a/src/pages/information/list/index.vue b/src/pages/information/list/index.vue deleted file mode 100644 index ca44885..0000000 --- a/src/pages/information/list/index.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - - - \ No newline at end of file diff --git a/src/pages/match/list/index.vue b/src/pages/match/list/index.vue index 7b6a000..ab22b81 100644 --- a/src/pages/match/list/index.vue +++ b/src/pages/match/list/index.vue @@ -1,32 +1,573 @@ \ No newline at end of file diff --git a/src/pages/preview/list/index.vue b/src/pages/preview/list/index.vue index 4bb4262..d570e8c 100644 --- a/src/pages/preview/list/index.vue +++ b/src/pages/preview/list/index.vue @@ -13,7 +13,8 @@ \ No newline at end of file diff --git a/src/pages/record/list/practice.vue b/src/pages/record/list/practice.vue index 5ddfa84..017be92 100644 --- a/src/pages/record/list/practice.vue +++ b/src/pages/record/list/practice.vue @@ -1,34 +1,34 @@ \ No newline at end of file diff --git a/src/pages/record/show/index.vue b/src/pages/record/show/index.vue index 34c8fa2..9243a6e 100644 --- a/src/pages/record/show/index.vue +++ b/src/pages/record/show/index.vue @@ -12,9 +12,11 @@
    标准实验报告
    - {{editing ? '保存' : '编辑'}} + + {{ editing ? "保存" : "编辑" }} +
    - +

    基本信息 @@ -31,7 +33,7 @@ - + @@ -39,7 +41,7 @@ - + @@ -47,7 +49,7 @@ - + @@ -78,7 +80,7 @@ @@ -108,382 +110,418 @@ \ No newline at end of file diff --git a/src/pages/setting/person/index.vue b/src/pages/setting/person/index.vue index 55ea0fa..cfbd2e9 100644 --- a/src/pages/setting/person/index.vue +++ b/src/pages/setting/person/index.vue @@ -21,7 +21,7 @@

    - 用户信息 + 用户信息 更新资料

    @@ -31,7 +31,8 @@

    姓名 - + @@ -123,7 +124,8 @@
    证件 - +
    @@ -143,7 +145,8 @@
    当前所在学校 - +
    @@ -155,7 +158,8 @@
    -
    +
    职业 @@ -259,7 +263,8 @@
    - +
    @@ -281,8 +286,10 @@
    手机号
    - {{personalInformation.phone}} - 更换 + {{ personalInformation.phone }} + + 更换 + 绑定
    @@ -291,8 +298,10 @@
    邮箱
    - {{personalInformation.email}} - 更换 + {{ personalInformation.email }} + + 更换 + 绑定
    @@ -307,17 +316,17 @@ 更换
    - +
    + :title="personalInformation.email ? '更换邮箱' : '绑定邮箱'" + :visible.sync="emailVisible" + :close-on-click-modal="false" + @close="closeEmail" + width="30%"> @@ -325,7 +334,9 @@
    - {{emailBtnText}} + {{ emailBtnText }} +
    @@ -336,11 +347,11 @@     + :title="personalInformation.phone ? '更换手机号' : '绑定手机号'" + :visible.sync="phoneVisible" + :close-on-click-modal="false" + @close="closePhone" + width="30%"> @@ -348,7 +359,9 @@
    - {{phoneBtnText}} + {{ phoneBtnText }} +
    @@ -359,20 +372,22 @@     + title="更换密码" + :visible.sync="passwordVisible" + :close-on-click-modal="false" + @close="closePassword" + width="30%"> - - + + - + @@ -384,36 +399,37 @@ \ No newline at end of file diff --git a/src/plugins/auth/index.js b/src/plugins/auth/index.js index 7e14fb0..ec0cd3e 100644 --- a/src/plugins/auth/index.js +++ b/src/plugins/auth/index.js @@ -3,23 +3,23 @@ * 当传入的权限当前用户没有时，会移除该组件 * 用例：text 或者：text * */ -import store from '@/store' +import store from "@/store"; export default { - inserted (el, binding, vnode) { - let btnText = '' - if(binding.value){ - btnText = binding.value - }else{ - btnText = `${vnode.context.$route.path}:${el.innerText}` + inserted(el, binding, vnode) { + let btnText = ""; + if (binding.value) { + btnText = binding.value; + } else { + btnText = `${vnode.context.$route.path}:${el.innerText}`; } - const btnPermissions = store.state.auth.btns + const btnPermissions = store.state.auth.btns; if (btnText && btnPermissions && btnPermissions.length) { - const isPermission = btnPermissions.includes(btnText) + const isPermission = btnPermissions.includes(btnText); if (!isPermission) { - el.parentNode && el.parentNode.removeChild(el) + el.parentNode && el.parentNode.removeChild(el); } } } -} +}; diff --git a/src/plugins/filters/index.js b/src/plugins/filters/index.js index 4eb253f..df6ab61 100644 --- a/src/plugins/filters/index.js +++ b/src/plugins/filters/index.js @@ -4,9 +4,9 @@ * 用例：text 或者：{{val | default}} * */ const defaultShow = (val) => { - return val == null ? '--' : val -} + return val == null ? "--" : val; +}; module.exports = { defaultShow -} \ No newline at end of file +}; \ No newline at end of file diff --git a/src/plugins/index.js b/src/plugins/index.js index c81b9a1..fb83e4d 100644 --- a/src/plugins/index.js +++ b/src/plugins/index.js @@ -2,13 +2,13 @@ * 插件 * */ -import directiveAuth from '@/plugins/auth'; -import throttle from '@/plugins/throttle'; +import directiveAuth from "@/plugins/auth"; +import throttle from "@/plugins/throttle"; export default { - async install (Vue, options) { + async install(Vue, options) { // 指令 - Vue.directive('auth', directiveAuth); - Vue.directive('throttle', throttle); + Vue.directive("auth", directiveAuth); + Vue.directive("throttle", throttle); } -} \ No newline at end of file +}; \ No newline at end of file diff --git a/src/plugins/requests/index.js b/src/plugins/requests/index.js index ff509cc..73218e5 100644 --- a/src/plugins/requests/index.js +++ b/src/plugins/requests/index.js @@ -1,43 +1,43 @@ -import axios from 'axios' -import util from '@/libs/util' -import router from '@/router/index' -import Setting from '@/setting' +import axios from "axios"; +import util from "@/libs/util"; +import router from "@/router/index"; +import Setting from "@/setting"; const service = axios.create({ baseURL: Setting.apiBaseURL, timeout: 10000000 -}) +}); // post请求头 -service.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8' +service.defaults.headers.post["Content-Type"] = "application/json;charset=UTF-8"; // 请求拦截器 service.interceptors.request.use(config => { - util.getToken() - let token = util.local.get(Setting.tokenKey) - if(token) config.headers.token = token - return config -},err => { + util.getToken(); + let token = util.local.get(Setting.tokenKey); + if (token) config.headers.token = token; + return config; +}, err => { util.errorMsg({ - message: '退出登陆', - onClose: function () { - router.push({name: '/login'}) + message: "退出登陆", + onClose: function() { + router.push({ name: "/login" }); } - }) - return Promise.reject(err) -}) + }); + return Promise.reject(err); +}); // 响应拦截器 service.interceptors.response.use( response => { - const res = response.data - if(res.status == 200 || res.status == 10000) { - return Promise.resolve(res).catch(e => {}) - }else if(!res.status){ - return Promise.resolve(res).catch(e => {}) - }else { - util.errorMsg(res.errmessage) - return Promise.reject(res) + const res = response.data; + if (res.status == 200 || res.status == 10000) { + return Promise.resolve(res).catch(e => {}); + } else if (!res.status) { + return Promise.resolve(res).catch(e => {}); + } else { + util.errorMsg(res.errmessage || res.message); + return Promise.resolve(res).catch(e => {}); } }, // 服务器状态码不是200的情况 @@ -48,94 +48,95 @@ service.interceptors.response.use( // 未登录则跳转登录页面，并携带当前页面的路径 // 在登录成功后返回当前页面，这一步需要在登录页操作。 case 401: - util.local.remove(Setting.storeKey) - util.local.remove(Setting.tokenKey) - util.errorMsg('登录过期，请重新登录') + util.local.remove(Setting.storeKey); + util.local.remove(Setting.tokenKey); + util.errorMsg("登录过期，请重新登录"); setTimeout(() => { router.replace({ - path: '/login', + path: "/login", query: { redirect: router.currentRoute.fullPath } - }) - }, 1000) - break + }); + }, 1000); + break; case 500: - util.errorMsg('网络错误') - break + util.errorMsg("网络错误"); + break; // 403 token过期 // 登录过期对用户进行提示 // 清除本地token和清空vuex中token对象 // 跳转登录页面 case 403: - util.local.remove(Setting.storeKey) - util.local.remove(Setting.tokenKey) - util.errorMsg('登录过期，请重新登录') + util.local.remove(Setting.storeKey); + util.local.remove(Setting.tokenKey); + util.errorMsg("登录过期，请重新登录"); // 清除token // store.commit('loginSuccess', null); // 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面 setTimeout(() => { router.replace({ - path: '/login', + path: "/login", query: { redirect: router.currentRoute.fullPath } - }) - }, 1000) - break + }); + }, 1000); + break; // 404请求不存在 case 404: - util.errorMsg('网络请求不存在!') - break + util.errorMsg("网络请求不存在!"); + break; // 其他错误，直接抛出错误提示 default: - util.errorMsg(error.response.data.message) - Promise.reject(res) + util.errorMsg(error.response.data.message); + Promise.reject(res); } - return Promise.reject(error.response) + return Promise.reject(error.response); } } ); -function get(url, params){ - return new Promise((resolve, reject) =>{ - service.get(url, {params: params}).then(res => { - resolve(res) +function get(url, params) { + return new Promise((resolve, reject) => { + service.get(url, { params: params }).then(res => { + resolve(res); }).catch(err => { - reject(err) - }) - }) + reject(err); + }); + }); } -function post(url, params){ - return new Promise((resolve, reject) =>{ - service.post(url,params).then(res => { - resolve(res) +function post(url, params) { + return new Promise((resolve, reject) => { + service.post(url, params).then(res => { + resolve(res); }).catch(err => { - reject(err.data) - }) - }) + reject(err.data); + }); + }); } -function del(url, params){ - return new Promise((resolve, reject) =>{ +function del(url, params) { + return new Promise((resolve, reject) => { service.delete(url, { params }).then(res => { - resolve(res) + resolve(res); }).catch(err => { - reject(err.data) - }) - }) + reject(err.data); + }); + }); } -function put(url, params){ - return new Promise((resolve, reject) =>{ +function put(url, params) { + return new Promise((resolve, reject) => { service.put(url, params).then(res => { - resolve(res) + resolve(res); }).catch(err => { - reject(err.data) - }) - }) + reject(err.data); + }); + }); } -export { get,post,del,put } \ No newline at end of file + +export { get, post, del, put }; \ No newline at end of file diff --git a/src/plugins/throttle/index.js b/src/plugins/throttle/index.js index 7f286b3..1351e97 100644 --- a/src/plugins/throttle/index.js +++ b/src/plugins/throttle/index.js @@ -4,15 +4,15 @@ * 用例：text * */ -export default{ - inserted (el, binding, vnode) { - el.addEventListener('click', () => { +export default { + inserted(el, binding, vnode) { + el.addEventListener("click", () => { if (!el.disabled) { - el.disabled = true + el.disabled = true; setTimeout(() => { - el.disabled = false - }, binding.value || 1000) + el.disabled = false; + }, binding.value || 1000); } - }) + }); } -} \ No newline at end of file +}; \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index 6601291..6685e30 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,22 +1,22 @@ -import Vue from 'vue' -import Router from 'vue-router' -import routes from './routes' -import Setting from '@/setting' +import Vue from "vue"; +import Router from "vue-router"; +import routes from "./routes"; +import Setting from "@/setting"; -Vue.use(Router) +Vue.use(Router); const createRouter = () => new Router({ - mode: Setting.routerMode, -    base: process.env.BASE_URL, + mode: Setting.routerMode, + base: process.env.BASE_URL, scrollBehavior: () => ({ y: 0 }), routes -}) +}); -export function resetRouter () { - const newRouter = createRouter() - router.matcher = newRouter.matcher +export function resetRouter() { + const newRouter = createRouter(); + router.matcher = newRouter.matcher; } -let router = createRouter() +let router = createRouter(); -export default router \ No newline at end of file +export default router; \ No newline at end of file diff --git a/src/router/modules/ass.js b/src/router/modules/ass.js index d7ea696..6d3feb0 100644 --- a/src/router/modules/ass.js +++ b/src/router/modules/ass.js @@ -1,12 +1,12 @@ -import BasicLayout from '@/layouts/home' +import BasicLayout from "@/layouts/home"; -const meta = {} +const meta = {}; -const pre = 'ass-' +const pre = "ass-"; export default { - path: '/ass', - name: 'ass', + path: "/ass", + name: "ass", redirect: { name: `${pre}list` }, @@ -16,8 +16,8 @@ export default { { name: `${pre}list`, path: `list`, - component: () => import('@/pages/ass/list'), - meta: { title: '考核列表' } - }, + component: () => import("@/pages/ass/list"), + meta: { title: "考核列表" } + } ] }; \ No newline at end of file diff --git a/src/router/modules/index.js b/src/router/modules/index.js index ec9fd1d..a65f835 100644 --- a/src/router/modules/index.js +++ b/src/router/modules/index.js @@ -1,12 +1,12 @@ -import BasicLayout from '@/layouts/home'; +import BasicLayout from "@/layouts/home"; const meta = {}; -const pre = 'index-'; +const pre = "index-"; export default { - path: '/index', - name: 'index', + path: "/index", + name: "index", redirect: { name: `${pre}list` }, @@ -16,8 +16,8 @@ export default { { name: `${pre}list`, path: `list`, - component: () => import('@/pages/index/list'), - meta: { title: '首页' } - }, + component: () => import("@/pages/index/list"), + meta: { title: "首页" } + } ] }; diff --git a/src/router/modules/preview.js b/src/router/modules/preview.js index 7fcaf35..9c39da9 100644 --- a/src/router/modules/preview.js +++ b/src/router/modules/preview.js @@ -1,12 +1,12 @@ -import BasicLayout from '@/layouts/home' +import BasicLayout from "@/layouts/home"; -const meta = {} +const meta = {}; -const pre = 'preview-' +const pre = "preview-"; export default { - path: '/preview', - name: 'preview', + path: "/preview", + name: "preview", redirect: { name: `${pre}list` }, @@ -16,8 +16,8 @@ export default { { name: `${pre}list`, path: `list`, - component: () => import('@/pages/preview/list'), - meta: { title: '课前预习' } - }, + component: () => import("@/pages/preview/list"), + meta: { title: "课前预习" } + } ] }; \ No newline at end of file diff --git a/src/router/modules/record.js b/src/router/modules/record.js index e33367b..db13e46 100644 --- a/src/router/modules/record.js +++ b/src/router/modules/record.js @@ -1,12 +1,12 @@ -import BasicLayout from '@/layouts/home' +import BasicLayout from "@/layouts/home"; -const meta = {} +const meta = {}; -const pre = 'record-' +const pre = "record-"; export default { - path: '/record', - name: 'record', + path: "/record", + name: "record", redirect: { name: `${pre}list` }, @@ -16,13 +16,20 @@ export default { { name: `${pre}list`, path: `list`, - component: () => import('@/pages/record/list'), - meta: { title: '实验记录' } - },{ + component: () => import("@/pages/record/list"), + meta: { title: "实验记录" } + }, + { + name: `${pre}details`, + path: `details`, + component: () => import("@/pages/record/details"), + meta: { title: "实验情况" } + }, + { name: `${pre}show`, path: `show`, - component: () => import('@/pages/record/show'), - meta: { title: '查看报告' } - }, + component: () => import("@/pages/record/show"), + meta: { title: "查看报告" } + } ] }; \ No newline at end of file diff --git a/src/router/modules/setting.js b/src/router/modules/setting.js index 2559db6..72db8a9 100644 --- a/src/router/modules/setting.js +++ b/src/router/modules/setting.js @@ -1,12 +1,12 @@ -import BasicLayout from '@/layouts/home' +import BasicLayout from "@/layouts/home"; -const meta = {} +const meta = {}; -const pre = 'setting-' +const pre = "setting-"; export default { - path: '/setting', - name: 'setting', + path: "/setting", + name: "setting", redirect: { name: `${pre}person` }, @@ -16,8 +16,8 @@ export default { { name: `${pre}person`, path: `person`, - component: () => import('@/pages/setting/person'), - meta: { title: '个人中心' } - }, + component: () => import("@/pages/setting/person"), + meta: { title: "个人中心" } + } ] }; \ No newline at end of file diff --git a/src/router/modules/station.js b/src/router/modules/station.js index b8d4bbb..826709f 100644 --- a/src/router/modules/station.js +++ b/src/router/modules/station.js @@ -1,12 +1,12 @@ -import BasicLayout from '@/layouts/home' +import BasicLayout from "@/layouts/home"; -const meta = {} +const meta = {}; -const pre = 'station-' +const pre = "station-"; export default { - path: '/station', - name: 'station', + path: "/station", + name: "station", redirect: { name: `${pre}list` }, @@ -16,8 +16,14 @@ export default { { name: `${pre}list`, path: `list`, - component: () => import('@/pages/station/list'), - meta: { title: '实验台' } + component: () => import("@/pages/station/list"), + meta: { title: "实验台" } }, + { + name: `${pre}preview`, + path: `preview`, + component: () => import("@/pages/station/preview"), + meta: { title: "课程预览" } + } ] }; \ No newline at end of file diff --git a/src/router/permission.js b/src/router/permission.js index e90d86e..7f66bfd 100644 --- a/src/router/permission.js +++ b/src/router/permission.js @@ -1,27 +1,27 @@ -import router from './index' -import Setting from '@/setting' -import util from '@/libs/util' +import router from "./index"; +import Setting from "@/setting"; +import util from "@/libs/util"; router.beforeEach((to, from, next) => { - document.title = Setting.titleSuffix - const role = util.local.get(Setting.tokenKey) - if (!role && to.path !== '/login') { - next('/login') - } else if(role && to.path == '/login') { - next('/index') + document.title = Setting.titleSuffix; + const role = util.local.get(Setting.tokenKey); + if (!role && to.path !== "/login") { + next("/login"); + } else if (role && to.path == "/login") { + next("/index"); } else { - let mg = from.query.mg - if(mg){ - if(!to.query.mg){ + let mg = from.query.mg; + if (mg) { + if (!to.query.mg) { next({ path: to.path, - query: {mg} - }) - }else{ - next() + query: { mg } + }); + } else { + next(); } - }else{ - next() + } else { + next(); } } }); \ No newline at end of file diff --git a/src/router/routes.js b/src/router/routes.js index 94e940e..2f1de49 100644 --- a/src/router/routes.js +++ b/src/router/routes.js @@ -1,34 +1,40 @@ -import index from './modules/index' -import preview from './modules/preview' -import station from './modules/station' -import ass from './modules/ass' -import record from './modules/record' -import setting from './modules/setting' +import index from "./modules/index"; +import appraisal from "./modules/appraisal"; +import station from "./modules/station"; +import ass from "./modules/ass"; +import record from "./modules/record"; +import setting from "./modules/setting"; +import course from "./modules/course"; +import info from "./modules/info"; +import match from "./modules/match"; -import BasicLayout from '@/layouts/home' +import BasicLayout from "@/layouts/home"; const frameIn = [ { - path: '/', - redirect: '/login', + path: "/", + redirect: "/login" }, { - path: '/index', - redirect: '/preview', + path: "/index", + redirect: "/appraisal" }, { - path: '/', + path: "/", component: () => BasicLayout, - meta: { title: '首页' }, + meta: { title: "首页" }, children: [] }, index, - preview, + appraisal, station, ass, record, - setting -] + setting, + course, + info, + match +]; /** * 在主框架之外显示 @@ -37,12 +43,12 @@ const frameIn = [ const frameOut = [ // 登录 { - path: '/login', - name: 'login', + path: "/login", + name: "login", meta: { - title: '登录' + title: "登录" }, - component: () => import('@/pages/account/login') + component: () => import("@/pages/account/login") } ]; @@ -52,20 +58,20 @@ const frameOut = [ const errorPage = [ { - path: '/403', - name: '403', + path: "/403", + name: "403", meta: { - title: '403' + title: "403" }, - component: () => import('@/pages/exception/error/403') + component: () => import("@/pages/exception/error/403") }, { - path: '*', - name: '404', + path: "*", + name: "404", meta: { - title: '404' + title: "404" }, - component: () => import('@/pages/exception/error/404') + component: () => import("@/pages/exception/error/404") } ]; diff --git a/src/setting.env.js b/src/setting.env.js index d41b26b..71b8fa4 100644 --- a/src/setting.env.js +++ b/src/setting.env.js @@ -8,14 +8,14 @@ const Setting = { // 是否使用 Mock 的数据，默认 开发环境为 true，生产环境为 false isMock: true, // 部署应用包时的基本 URL - publicPath: env === 'development' ? './' : '', + publicPath: env === "development" ? "./" : "", // 生产环境构建文件的目录名 - outputDir: 'dist', + outputDir: "dist", // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。 - assetsDir: 'static', + assetsDir: "static", // 开发环境每次保存时 lint 代码，会将 lint 错误输出为编译警告 // true || false || error - lintOnSave: true, + lintOnSave: true }; module.exports = Setting; diff --git a/src/setting.js b/src/setting.js index f4b7394..cf61f10 100644 --- a/src/setting.js +++ b/src/setting.js @@ -2,23 +2,23 @@ * 业务配置 * */ -const isDev = process.env.NODE_ENV === 'development' -const url = location.host -const isHh = url.includes('10.196.131.73') //是否是河海版本 -const isBeta = isDev || url.includes('120.78.198.231') //是否是职站测试 +const isDev = process.env.NODE_ENV === "development"; +const url = location.host; +const isHh = url.includes("10.196.131.73"); //是否是河海版本 +const isBeta = isDev || url.includes("120.78.198.231"); //是否是职站测试 const Setting = { /** * 基础配置 * */ // 网页标题的后缀 - titleSuffix: isHh ? '学生端' : '职站', + titleSuffix: isHh ? "学生端" : "职站", // 路由模式，可选值为 history 或 hash - routerMode: 'hash', + routerMode: "hash", // 页面切换时，是否显示模拟的进度条 showProgressBar: true, // 接口请求地址 - apiBaseURL: (isBeta) ? 'http://120.78.198.231/' : (isHh ? 'http://10.196.131.73/' : 'http://www.occupationlab.com/'), + apiBaseURL: (isBeta) ? "http://120.78.198.231/" : (isHh ? "http://10.196.131.73/" : "http://www.occupationlab.com/"), // 是否是河海版本 isHh, // 是否职站测试服 @@ -26,99 +26,99 @@ const Setting = { // 学校id,河海为729,职站为2105 schoolId: isHh ? 729 : 2105, // 测评做完后跳转的默认子系统 - defaultSubSystem: (isBeta) ? 'http://120.78.198.231/pyTrials/#/' : (isHh ? 'http://10.196.131.73/pyTrials/#/' : 'http://www.occupationlab.com/pyTrials/#/'), + defaultSubSystem: (isBeta) ? "http://120.78.198.231/pyTrials/#/" : (isHh ? "http://10.196.131.73/pyTrials/#/" : "http://www.occupationlab.com/pyTrials/#/"), // 默认系统id systemId: 1, // 子系统列表.改的时候留意要改的是哪个环境,别影响到了其他环境 // 以后如果卖给了其他学校，要给该学校单独开放子系统的话，就在下面这个数组里加判断就行，然后把需要开放的子系统放出来。不要复制这个职站项目另起一个项目，这样学校一多就很难维护了 - systemList: isHh - // 河海版 - ? [{ - id: 1, - label: 'Python程序设计教学系统' - },{ - id: 4, - label: '经济金融建模实验教学系统' - },{ - id: 6, - label: '金融随机过程实验教学系统' - },{ - id: 7, - label: '量化投资策略建模实验教学系统' - },{ - id: 8, - label: '大数据分析实验教学系统' - }] - - // 职站测试服 - : (isBeta + systemList: isHh + // 河海版 ? [{ - id: 1, - label: 'Python程序设计教学系统' - } - // 下面这两个是川大和科大子系统,目前没有在职站开启,只有在科大川大才会开放对应的子系统 - // ,{ - // id: 2, - // label: '跨国仿真系统' - // },{ - // id: 3, - // label: '期权期货系统' - // } - ,{ - id: 4, - label: '经济金融建模实验教学系统' - },{ - id: 5, - label: 'Python可视化实验教学系统' - },{ - id: 6, - label: '金融随机过程实验教学系统' - },{ - id: 7, - label: '量化投资策略建模实验教学系统' - },{ - id: 8, - label: '大数据分析实验教学系统' - },{ - id: 9, - label: 'Python数据清洗教学实验系统' - },{ - id: 10, - label: 'Python数据采集（爬虫）教学实验系统' - }] + id: 1, + label: "Python程序设计教学系统" + }, { + id: 4, + label: "经济金融建模实验教学系统" + }, { + id: 6, + label: "金融随机过程实验教学系统" + }, { + id: 7, + label: "量化投资策略建模实验教学系统" + }, { + id: 8, + label: "大数据分析实验教学系统" + }] + + // 职站测试服 + : (isBeta + ? [{ + id: 1, + label: "Python程序设计教学系统" + } + // 下面这两个是川大和科大子系统,目前没有在职站开启,只有在科大川大才会开放对应的子系统 + // ,{ + // id: 2, + // label: '跨国仿真系统' + // },{ + // id: 3, + // label: '期权期货系统' + // } + , { + id: 4, + label: "经济金融建模实验教学系统" + }, { + id: 5, + label: "Python可视化实验教学系统" + }, { + id: 6, + label: "金融随机过程实验教学系统" + }, { + id: 7, + label: "量化投资策略建模实验教学系统" + }, { + id: 8, + label: "大数据分析实验教学系统" + }, { + id: 9, + label: "Python数据清洗教学实验系统" + }, { + id: 10, + label: "Python数据采集（爬虫）教学实验系统" + }] - // 职站正式服 - : [{ - id: 1, - label: 'Python程序设计教学系统' - },{ - id: 4, - label: '经济金融建模实验教学系统' - },{ - id: 5, - label: 'Python可视化实验教学系统' - },{ - id: 6, - label: '金融随机过程实验教学系统' - },{ - id: 7, - label: '量化投资策略建模实验教学系统' - },{ - id: 8, - label: '大数据分析实验教学系统' - },{ - id: 9, - label: 'Python数据清洗教学实验系统' - },{ - id: 10, - label: 'Python数据采集（爬虫）教学实验系统' - }]), + // 职站正式服 + : [{ + id: 1, + label: "Python程序设计教学系统" + }, { + id: 4, + label: "经济金融建模实验教学系统" + }, { + id: 5, + label: "Python可视化实验教学系统" + }, { + id: 6, + label: "金融随机过程实验教学系统" + }, { + id: 7, + label: "量化投资策略建模实验教学系统" + }, { + id: 8, + label: "大数据分析实验教学系统" + }, { + id: 9, + label: "Python数据清洗教学实验系统" + }, { + id: 10, + label: "Python数据采集（爬虫）教学实验系统" + }]), // 长时间未操作，自动退出登录时间 autoLogoutTime: 3600000, // 接口请求返回错误时，弹窗的持续时间，单位：秒 modalDuration: 3, // 接口请求返回错误时，弹窗的类型，可选值为 Message 或 Notice - errorModalType: 'Message', + errorModalType: "Message", // Cookies 默认保存时间，单位：天 cookiesExpires: 1, // token在localStorage的时间(毫秒) @@ -126,37 +126,35 @@ const Setting = { /** * localStorage里保存的token的key */ - tokenKey: 'oc_client_token', + tokenKey: "oc_client_token", /** * localStorage里保存的vuex的key */ - storeKey: 'oc_client_store', + storeKey: "oc_client_store", /** * 默认密码 */ - initialPassword: '111aaa', + initialPassword: "111aaa", /** - * 多语言配置 - * */ + * 多语言配置 + * */ i18n: { // 默认语言 - default: 'zh', + default: "zh", // 是否根据用户电脑配置自动设置语言（仅第一次有效） auto: false }, /** * 布局配置 * */ - layout: { - - }, + layout: {}, /** * 功能配置 * */ // 相同路由，不同参数间进行切换，是否强力更新 sameRouteForceUpdate: false, // 是否使用动态路由 - dynamicRoute: false, + dynamicRoute: false }; export default Setting; diff --git a/src/store/getters.js b/src/store/getters.js index 9afd359..94891ab 100644 --- a/src/store/getters.js +++ b/src/store/getters.js @@ -1,4 +1,2 @@ -const getters = { - -} -export default getters \ No newline at end of file +const getters = {}; +export default getters; \ No newline at end of file diff --git a/src/store/index.js b/src/store/index.js index 5371a5c..c7fa585 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -1,25 +1,25 @@ -import Vue from 'vue'; -import Vuex from 'vuex'; -import getters from './getters' +import Vue from "vue"; +import Vuex from "vuex"; +import getters from "./getters"; Vue.use(Vuex); // https://webpack.js.org/guides/dependency-management/#requirecontext -const modulesFiles = require.context('./modules', true, /\.js$/) +const modulesFiles = require.context("./modules", true, /\.js$/); // you do not need `import app from './modules/app'` // it will auto require all vuex module from modules file const modules = modulesFiles.keys().reduce((modules, modulePath) => { - // set './app.js' => 'app' - const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1') - const value = modulesFiles(modulePath) - modules[moduleName] = value.default - return modules -}, {}) + // set './app.js' => 'app' + const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, "$1"); + const value = modulesFiles(modulePath); + modules[moduleName] = value.default; + return modules; +}, {}); const store = new Vuex.Store({ modules, getters -}) +}); -export default store \ No newline at end of file +export default store; \ No newline at end of file diff --git a/src/store/modules/layout.js b/src/store/modules/layout.js index 535ebc4..0e7c1c3 100644 --- a/src/store/modules/layout.js +++ b/src/store/modules/layout.js @@ -2,10 +2,10 @@ * 布局管理 * */ - // 是否IE +// 是否IE function isIE() { - if (!!window.ActiveXObject || "ActiveXObject" in window) return true - return false + if (!!window.ActiveXObject || "ActiveXObject" in window) return true; + return false; } export default { @@ -15,10 +15,8 @@ export default { }, mutations: { SET_IE: (state, val) => { - state.isIE = val - }, + state.isIE = val; + } }, - actions: { - - } -} \ No newline at end of file + actions: {} +}; \ No newline at end of file diff --git a/src/store/modules/project.js b/src/store/modules/project.js index 0374181..f0ac50a 100644 --- a/src/store/modules/project.js +++ b/src/store/modules/project.js @@ -1,26 +1,26 @@ /** * 项目、系统相关 * */ - export default { +export default { namespaced: true, state: { lastSystemId: 1, - lastRecordType: 'practice' + lastRecordType: "practice" }, mutations: { SET_SYSTEM_ID: (state, systemId) => { - state.lastSystemId = systemId + state.lastSystemId = systemId; }, SET_RECORD: (state, type) => { - state.lastRecordType = type - }, + state.lastRecordType = type; + } }, actions: { - setSystemId({ state,commit },systemId) { - commit('SET_SYSTEM_ID',systemId) - }, - setRecord({ state,commit },type) { - commit('SET_RECORD',type) + setSystemId({ state, commit }, systemId) { + commit("SET_SYSTEM_ID", systemId); }, + setRecord({ state, commit }, type) { + commit("SET_RECORD", type); + } } -} \ No newline at end of file +}; \ No newline at end of file diff --git a/src/store/modules/user.js b/src/store/modules/user.js index a7f5f6a..4cc838e 100644 --- a/src/store/modules/user.js +++ b/src/store/modules/user.js @@ -1,9 +1,8 @@ - -import Setting from '@/setting' -import util from '@/libs/util' -import {post,get,del,put} from '@/plugins/requests/index.js' -import api from '@/api' -import addRoutes from '@/libs/route/addRoutes' +import Setting from "@/setting"; +import util from "@/libs/util"; +import { post, get, del, put } from "@/plugins/requests/index.js"; +import api from "@/api"; +import addRoutes from "@/libs/route/addRoutes"; /** * 用户信息 @@ -11,72 +10,72 @@ import addRoutes from '@/libs/route/addRoutes' export default { namespaced: true, state: { - avatar: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png', - userId: '', - studentId: '', - userName: '', - schoolId: '', - roleId: '', - dataTime: '' + avatar: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png", + userId: "", + studentId: "", + userName: "", + schoolId: "", + roleId: "", + dataTime: "" }, mutations: { SET_INFO: (state, info) => { - if(info.avatar) state.avatar = info.avatar - state.userId = info.userId - state.studentId = info.studentId - state.schoolId = info.schoolId - state.userName = info.userName - state.roleId = info.roleId - state.dataTime = info.dataTime + if (info.avatar) state.avatar = info.avatar; + state.userId = info.userId; + state.studentId = info.studentId; + state.schoolId = info.schoolId; + state.userName = info.userName; + state.roleId = info.roleId; + state.dataTime = info.dataTime; }, SET_AVATAR: (state, avatar) => { - state.avatar = avatar + state.avatar = avatar; }, SET_USERNAME: (state, userName) => { - state.userName = userName - }, + state.userName = userName; + } }, actions: { - login({ state,commit }, userInfo) { - const { account, password, source } = userInfo + login({ state, commit }, userInfo) { return new Promise((resolve, reject) => { - get(api.logins,{ - account, - password, - source, - }).then(res => { - if(res.status == 200){ - let data = res.message.retvalue - res.message.listValue && Setting.dynamicRoute && addRoutes(res.message.listValue) - util.local.set(Setting.tokenKey,data.token,Setting.tokenExpires) - util.successMsg('登录成功') - commit('SET_INFO',data) - resolve() - }else{ - util.errorMsg(res.errmessage) - reject(res) + post(api.logins, userInfo).then(res => { + console.log(JSON.stringify(res)); + if (res.status == 200) { + let { data } = res; + // 生成路由权限 + // 每个系统都是用这套角色权限代码的,后端也是基本一样,除了个别字段可能会不一样 + // 总体来说就两个步骤: 1是生成能够访问的路由的数组集合,2是生成能看到的按钮的数组集合 + //res.message.listValue && Setting.dynamicRoute && addRoutes(res.message.listValue) + util.local.set(Setting.tokenKey, data.token, Setting.tokenExpires); + util.successMsg("登录成功"); + console.log(data, "登录保存的数据"); + commit("SET_INFO", data); + resolve(); + } else { + util.errorMsg(res.errmessage || res.message); + reject(res); } }).catch(error => { - reject(error) - }) - }) + reject(error); + }); + }); }, logout({ commit, state, dispatch }) { return new Promise((resolve, reject) => { - util.local.remove(Setting.storeKey) - util.local.remove(Setting.tokenKey) - location.reload() - resolve() - }) - }, - setAvatar({ state,commit },avatar) { - commit('SET_AVATAR',avatar) + util.local.remove(Setting.storeKey); + util.local.remove(Setting.tokenKey); + location.reload(); + resolve(); + }); }, - setInfo({ state,commit },info) { - commit('SET_INFO',info) + setAvatar({ state, commit }, avatar) { + commit("SET_AVATAR", avatar); }, - setUserName({ state,commit },userName) { - commit('SET_USERNAME',userName) + setInfo({ state, commit }, info) { + commit("SET_INFO", info); }, + setUserName({ state, commit }, userName) { + commit("SET_USERNAME", userName); + } } -} \ No newline at end of file +}; \ No newline at end of file diff --git a/src/styles/common.scss b/src/styles/common.scss index 0272d6d..c8ce49c 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -1,248 +1,301 @@ @import "./default/index.scss"; -@font-face{ - font-family: youshe; - src: url('font/YouSheBiaoTiHei.ttf'); +@font-face { + font-family: youshe; + src: url('font/YouSheBiaoTiHei.ttf'); } [v-cloak] { - display: none; + display: none; } -.flex-between{ - display: flex; - justify-content: space-between; - align-items: center; +.flex-between { + display: flex; + justify-content: space-between; + align-items: center; } ::-webkit-scrollbar { - width: 8px; - height: 8px; + width: 8px; + height: 8px; } + ::-webkit-scrollbar-thumb { - width: 5px; - border-radius: 6px; - background: rgba(142,123,253,.75); + width: 5px; + border-radius: 6px; + background: rgba(142, 123, 253, .75); } -.p-title{ - padding-left: 5px; - margin-bottom: 24px; - line-height: 1; - font-size: 14px; - color: #585858; - border-left: 3px solid $--color-primary; +.p-title { + padding-left: 5px; + margin-bottom: 24px; + line-height: 1; + font-size: 14px; + color: #585858; + border-left: 3px solid $--color-primary; } -.el-input{ - .el-input__inner{ - border-color: rgba(0, 0, 0, 0.15); - } +.el-input { + .el-input__inner { + border-color: rgba(0, 0, 0, 0.15); + } } -.filter{ +.filter { + display: inline-flex; + align-items: center; + flex: 1; + + li { display: inline-flex; align-items: center; - flex: 1; - li{ - display: inline-flex; - align-items: center; - margin-right: 30px; - label{ - margin-right: 10px; - font-size: 14px; - line-height: 14px; - color: rgba(0,0,0,.65); - white-space: nowrap; - } - .el-radio{ - margin-right: 10px!important; - .el-radio__input{ - display: none!important; - } - } + margin-right: 30px; + + label { + margin-right: 10px; + font-size: 14px; + line-height: 14px; + color: rgba(0, 0, 0, .65); + white-space: nowrap; + } + + .el-radio { + margin-right: 10px !important; + + .el-radio__input { + display: none !important; + } } + } } -.page{ - position: relative; - padding: 24px; - background-color: #fff; - border-radius: 8px; - .tool{ + +.page { + position: relative; + padding: 24px; + background-color: #fff; + border-radius: 8px; + + .tool { + display: flex; + justify-content: space-between; + margin-bottom: 24px; + + .single-choice { + dl { display: flex; - justify-content: space-between; - margin-bottom: 24px; - - .single-choice{ - dl { - display: flex; - line-height: 30px; - dt { - color: rgba(0,0,0,.65); - font-size: 14px; - white-space: nowrap; - } - dd { - display: inline-flex; - align-items: center; - flex-wrap: wrap; - span { - padding: 0 10px; - margin: 0 10px; - color: #333; - font-size: 14px; - line-height: 1.8; - white-space: nowrap; - - cursor: pointer; - &:hover { - color: $--color-primary; - } - &.active { - border-radius: 4px; - color: #fff; - background-color: $--color-primary; - } - } - } + line-height: 30px; + + dt { + color: rgba(0, 0, 0, .65); + font-size: 14px; + white-space: nowrap; + } + + dd { + display: inline-flex; + align-items: center; + flex-wrap: wrap; + + span { + padding: 0 10px; + margin: 0 10px; + color: #333; + font-size: 14px; + line-height: 1.8; + white-space: nowrap; + + cursor: pointer; + + &:hover { + color: $--color-primary; + } + + &.active { + border-radius: 4px; + color: #fff; + background-color: $--color-primary; } + } } + } } + } } .pagination { - margin: 20px 0; - text-align: center; - button,.number{ - color: rgba(0,0,0,.65) !important; - background-color: transparent !important; - border: 1px solid rgba(0, 0, 0, 0.15) !important; - border-radius: 4px !important; - } - button i{ - color: #333; - } - .active{ - color: #fff !important; - background-color: $--color-primary !important; - } + margin: 20px 0; + text-align: center; + + button, .number { + color: rgba(0, 0, 0, .65) !important; + background-color: transparent !important; + border: 1px solid rgba(0, 0, 0, 0.15) !important; + border-radius: 4px !important; + } + + button i { + color: #333; + } + + .active { + color: #fff !important; + background-color: $--color-primary !important; + } } -.el-table{ - border-radius: 8px; - border: 1px solid rgba(0, 0, 0, 0.06); - border-bottom: 0; - th{ - background: $--color-primary !important; - .cell{ - color: #fff; - font-size: 14px; - font-weight: normal; - .el-checkbox{ - &:before{ - opacity: 1; - } - } +.el-table { + border-radius: 8px; + border: 1px solid rgba(0, 0, 0, 0.06); + border-bottom: 0; + + th { + background: $--color-primary !important; + + .cell { + color: #fff; + font-size: 14px; + font-weight: normal; + + .el-checkbox { + &:before { + opacity: 1; } + } } + } } -.el-message{ - padding: 11px 20px; - .el-message__icon{ - font-size: 16px; - } - .el-message__content{ - font-size: 14px; - color: rgba(0, 0, 0, 0.65); - } - .el-icon-close{ - font-size: 14px; - color: #92998d; - } - .el-message--success{ - border: 1px solid #B7EB8F; - background: #F6FFED; - .el-message__icon{ - color: #00c700; - } +.el-message { + padding: 11px 20px; + + .el-message__icon { + font-size: 16px; + } + + .el-message__content { + font-size: 14px; + color: rgba(0, 0, 0, 0.65); + } + + .el-icon-close { + font-size: 14px; + color: #92998d; + } + + .el-message--success { + border: 1px solid #B7EB8F; + background: #F6FFED; + + .el-message__icon { + color: #00c700; } - .el-message--warning{ - border: 1px solid #FFE58F; - background: #FFFBE6; - .el-message__icon{ - color: #ffa900; - } + } + + .el-message--warning { + border: 1px solid #FFE58F; + background: #FFFBE6; + + .el-message__icon { + color: #ffa900; } + } } -.el-message-box{ - padding-bottom: 24px; - .el-message-box__header{ - padding: 32px 32px 12px 50px; - span{ - font-size: 16px; - color: rgba(0, 0, 0, 0.85); - font-weight: 500; - } - } - .el-message-box__status{ - top: -30px; - } - .el-message-box__status + .el-message-box__message{ - font-size: 14px; - color: rgba(0, 0, 0, 0.65); +.el-message-box { + padding-bottom: 24px; + + .el-message-box__header { + padding: 32px 32px 12px 50px; + + span { + font-size: 16px; + color: rgba(0, 0, 0, 0.85); + font-weight: 500; } - .el-message-box__btns{ - padding-right: 32px; - &.el-icon-warning{ - color: #ffa900; - } + } + + .el-message-box__status { + top: -30px; + } + + .el-message-box__status + .el-message-box__message { + font-size: 14px; + color: rgba(0, 0, 0, 0.65); + } + + .el-message-box__btns { + padding-right: 32px; + + &.el-icon-warning { + color: #ffa900; } - &:not(.normal){ - .el-button--primary{ - color: #606266; - background: #fff; - border-color: #DCDFE6; - &:hover{ - color: $--color-primary; - border-color: #efbdbb; - background-color: #fae9e8; - } - } + } + + &:not(.normal) { + .el-button--primary { + color: #606266; + background: #fff; + border-color: #DCDFE6; + + &:hover { + color: $--color-primary; + border-color: #efbdbb; + background-color: #fae9e8; + } } + } } -.el-dialog__wrapper{ - .el-dialog{ +.el-dialog__wrapper { + .el-dialog { + border-radius: 4px; + + .el-dialog__header { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); + + .el-dialog__title { + font-size: 16px; + color: rgba(0, 0, 0, 0.85); + } + } + + .el-dialog__footer { + padding: 10px 16px; + border-top: 1px solid rgba(0, 0, 0, 0.06); + + .el-button { + font-size: 14px; border-radius: 4px; - .el-dialog__header{ - border-bottom: 1px solid rgba(0, 0, 0, 0.06); - .el-dialog__title{ - font-size: 16px; - color: rgba(0, 0, 0, 0.85); - } - } - .el-dialog__footer{ - padding: 10px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.06); - .el-button{ - font-size: 14px; - border-radius: 4px; - border-color: rgba(0, 0, 0, 0.15); - } - } + border-color: rgba(0, 0, 0, 0.15); + } } + } } -.el-tooltip__popper{ - width: 300px; +.el-tooltip__popper { + width: 300px; } -@media(max-width: 1600px){ - .el-table{ - .el-switch__label--right.is-active{ - left: 8px; - } +@media(max-width: 1600px) { + .el-table { + .el-switch__label--right.is-active { + left: 8px; } + } +} + +.empty{ + display: flex; + justify-content: center; + align-items: center; + padding: 50px 0; + text-align: center; + img{ + width: 471px; + } + p{ + margin-top: 40px; + font-size: 18px; + color: rgba(0, 0, 0, 0.25); + } } \ No newline at end of file diff --git a/src/styles/font/icon/demo.css b/src/styles/font/icon/demo.css index a67054a..8c66064 100644 --- a/src/styles/font/icon/demo.css +++ b/src/styles/font/icon/demo.css @@ -1,171 +1,171 @@ /* Logo 字体 */ @font-face { - font-family: "iconfont logo"; - src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); - src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), + font-family: "iconfont logo"; + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); } .logo { - font-family: "iconfont logo"; - font-size: 160px; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + font-family: "iconfont logo"; + font-size: 160px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } /* tabs */ .nav-tabs { - position: relative; + position: relative; } .nav-tabs .nav-more { - position: absolute; - right: 0; - bottom: 0; - height: 42px; - line-height: 42px; - color: #666; + position: absolute; + right: 0; + bottom: 0; + height: 42px; + line-height: 42px; + color: #666; } #tabs { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #eee; } #tabs li { - cursor: pointer; - width: 100px; - height: 40px; - line-height: 40px; - text-align: center; - font-size: 16px; - border-bottom: 2px solid transparent; - position: relative; - z-index: 1; - margin-bottom: -1px; - color: #666; + cursor: pointer; + width: 100px; + height: 40px; + line-height: 40px; + text-align: center; + font-size: 16px; + border-bottom: 2px solid transparent; + position: relative; + z-index: 1; + margin-bottom: -1px; + color: #666; } #tabs .active { - border-bottom-color: #f00; - color: #222; + border-bottom-color: #f00; + color: #222; } .tab-container .content { - display: none; + display: none; } /* 页面布局 */ .main { - padding: 30px 100px; - width: 960px; - margin: 0 auto; + padding: 30px 100px; + width: 960px; + margin: 0 auto; } .main .logo { - color: #333; - text-align: left; - margin-bottom: 30px; - line-height: 1; - height: 110px; - margin-top: -50px; - overflow: hidden; - *zoom: 1; + color: #333; + text-align: left; + margin-bottom: 30px; + line-height: 1; + height: 110px; + margin-top: -50px; + overflow: hidden; + *zoom: 1; } .main .logo a { - font-size: 160px; - color: #333; + font-size: 160px; + color: #333; } .helps { - margin-top: 40px; + margin-top: 40px; } .helps pre { - padding: 20px; - margin: 10px 0; - border: solid 1px #e7e1cd; - background-color: #fffdef; - overflow: auto; + padding: 20px; + margin: 10px 0; + border: solid 1px #e7e1cd; + background-color: #fffdef; + overflow: auto; } .icon_lists { - width: 100% !important; - overflow: hidden; - *zoom: 1; + width: 100% !important; + overflow: hidden; + *zoom: 1; } .icon_lists li { - width: 100px; - margin-bottom: 10px; - margin-right: 20px; - text-align: center; - list-style: none !important; - cursor: default; + width: 100px; + margin-bottom: 10px; + margin-right: 20px; + text-align: center; + list-style: none !important; + cursor: default; } .icon_lists li .code-name { - line-height: 1.2; + line-height: 1.2; } .icon_lists .icon { - display: block; - height: 100px; - line-height: 100px; - font-size: 42px; - margin: 10px auto; - color: #333; - -webkit-transition: font-size 0.25s linear, width 0.25s linear; - -moz-transition: font-size 0.25s linear, width 0.25s linear; - transition: font-size 0.25s linear, width 0.25s linear; + display: block; + height: 100px; + line-height: 100px; + font-size: 42px; + margin: 10px auto; + color: #333; + -webkit-transition: font-size 0.25s linear, width 0.25s linear; + -moz-transition: font-size 0.25s linear, width 0.25s linear; + transition: font-size 0.25s linear, width 0.25s linear; } .icon_lists .icon:hover { - font-size: 100px; + font-size: 100px; } .icon_lists .svg-icon { - /* 通过设置 font-size 来改变图标大小 */ - width: 1em; - /* 图标和文字相邻时，垂直对齐 */ - vertical-align: -0.15em; - /* 通过设置 color 来改变 SVG 的颜色/fill */ - fill: currentColor; - /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 - normalize.css 中也包含这行 */ - overflow: hidden; + /* 通过设置 font-size 来改变图标大小 */ + width: 1em; + /* 图标和文字相邻时，垂直对齐 */ + vertical-align: -0.15em; + /* 通过设置 color 来改变 SVG 的颜色/fill */ + fill: currentColor; + /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 + normalize.css 中也包含这行 */ + overflow: hidden; } .icon_lists li .name, .icon_lists li .code-name { - color: #666; + color: #666; } /* markdown 样式 */ .markdown { - color: #666; - font-size: 14px; - line-height: 1.8; + color: #666; + font-size: 14px; + line-height: 1.8; } .highlight { - line-height: 1.5; + line-height: 1.5; } .markdown img { - vertical-align: middle; - max-width: 100%; + vertical-align: middle; + max-width: 100%; } .markdown h1 { - color: #404040; - font-weight: 500; - line-height: 40px; - margin-bottom: 24px; + color: #404040; + font-weight: 500; + line-height: 40px; + margin-bottom: 24px; } .markdown h2, @@ -173,139 +173,139 @@ .markdown h4, .markdown h5, .markdown h6 { - color: #404040; - margin: 1.6em 0 0.6em 0; - font-weight: 500; - clear: both; + color: #404040; + margin: 1.6em 0 0.6em 0; + font-weight: 500; + clear: both; } .markdown h1 { - font-size: 28px; + font-size: 28px; } .markdown h2 { - font-size: 22px; + font-size: 22px; } .markdown h3 { - font-size: 16px; + font-size: 16px; } .markdown h4 { - font-size: 14px; + font-size: 14px; } .markdown h5 { - font-size: 12px; + font-size: 12px; } .markdown h6 { - font-size: 12px; + font-size: 12px; } .markdown hr { - height: 1px; - border: 0; - background: #e9e9e9; - margin: 16px 0; - clear: both; + height: 1px; + border: 0; + background: #e9e9e9; + margin: 16px 0; + clear: both; } .markdown p { - margin: 1em 0; + margin: 1em 0; } -.markdown>p, -.markdown>blockquote, -.markdown>.highlight, -.markdown>ol, -.markdown>ul { - width: 80%; +.markdown > p, +.markdown > blockquote, +.markdown > .highlight, +.markdown > ol, +.markdown > ul { + width: 80%; } -.markdown ul>li { - list-style: circle; +.markdown ul > li { + list-style: circle; } -.markdown>ul li, -.markdown blockquote ul>li { - margin-left: 20px; - padding-left: 4px; +.markdown > ul li, +.markdown blockquote ul > li { + margin-left: 20px; + padding-left: 4px; } -.markdown>ul li p, -.markdown>ol li p { - margin: 0.6em 0; +.markdown > ul li p, +.markdown > ol li p { + margin: 0.6em 0; } -.markdown ol>li { - list-style: decimal; +.markdown ol > li { + list-style: decimal; } -.markdown>ol li, -.markdown blockquote ol>li { - margin-left: 20px; - padding-left: 4px; +.markdown > ol li, +.markdown blockquote ol > li { + margin-left: 20px; + padding-left: 4px; } .markdown code { - margin: 0 3px; - padding: 0 5px; - background: #eee; - border-radius: 3px; + margin: 0 3px; + padding: 0 5px; + background: #eee; + border-radius: 3px; } .markdown strong, .markdown b { - font-weight: 600; + font-weight: 600; } -.markdown>table { - border-collapse: collapse; - border-spacing: 0px; - empty-cells: show; - border: 1px solid #e9e9e9; - width: 95%; - margin-bottom: 24px; +.markdown > table { + border-collapse: collapse; + border-spacing: 0px; + empty-cells: show; + border: 1px solid #e9e9e9; + width: 95%; + margin-bottom: 24px; } -.markdown>table th { - white-space: nowrap; - color: #333; - font-weight: 600; +.markdown > table th { + white-space: nowrap; + color: #333; + font-weight: 600; } -.markdown>table th, -.markdown>table td { - border: 1px solid #e9e9e9; - padding: 8px 16px; - text-align: left; +.markdown > table th, +.markdown > table td { + border: 1px solid #e9e9e9; + padding: 8px 16px; + text-align: left; } -.markdown>table th { - background: #F7F7F7; +.markdown > table th { + background: #F7F7F7; } .markdown blockquote { - font-size: 90%; - color: #999; - border-left: 4px solid #e9e9e9; - padding-left: 0.8em; - margin: 1em 0; + font-size: 90%; + color: #999; + border-left: 4px solid #e9e9e9; + padding-left: 0.8em; + margin: 1em 0; } .markdown blockquote p { - margin: 0; + margin: 0; } .markdown .anchor { - opacity: 0; - transition: opacity 0.3s ease; - margin-left: 8px; + opacity: 0; + transition: opacity 0.3s ease; + margin-left: 8px; } .markdown .waiting { - color: #ccc; + color: #ccc; } .markdown h1:hover .anchor, @@ -314,27 +314,27 @@ .markdown h4:hover .anchor, .markdown h5:hover .anchor, .markdown h6:hover .anchor { - opacity: 1; - display: inline-block; + opacity: 1; + display: inline-block; } -.markdown>br, -.markdown>p>br { - clear: both; +.markdown > br, +.markdown > p > br { + clear: both; } .hljs { - display: block; - background: white; - padding: 0.5em; - color: #333333; - overflow-x: auto; + display: block; + background: white; + padding: 0.5em; + color: #333333; + overflow-x: auto; } .hljs-comment, .hljs-meta { - color: #969896; + color: #969896; } .hljs-string, @@ -343,29 +343,29 @@ .hljs-strong, .hljs-emphasis, .hljs-quote { - color: #df5000; + color: #df5000; } .hljs-keyword, .hljs-selector-tag, .hljs-type { - color: #a71d5d; + color: #a71d5d; } .hljs-literal, .hljs-symbol, .hljs-bullet, .hljs-attribute { - color: #0086b3; + color: #0086b3; } .hljs-section, .hljs-name { - color: #63a35c; + color: #63a35c; } .hljs-tag { - color: #333333; + color: #333333; } .hljs-title, @@ -374,21 +374,21 @@ .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo { - color: #795da3; + color: #795da3; } .hljs-addition { - color: #55a532; - background-color: #eaffea; + color: #55a532; + background-color: #eaffea; } .hljs-deletion { - color: #bd2c00; - background-color: #ffecec; + color: #bd2c00; + background-color: #ffecec; } .hljs-link { - text-decoration: underline; + text-decoration: underline; } /* 代码高亮 */ @@ -401,83 +401,83 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc */ code[class*="language-"], pre[class*="language-"] { - color: black; - background: none; - text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - line-height: 1.5; - - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; + color: black; + background: none; + text-shadow: 0 1px white; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; } pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { - text-shadow: none; - background: #b3d4fc; + text-shadow: none; + background: #b3d4fc; } pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { - text-shadow: none; - background: #b3d4fc; + text-shadow: none; + background: #b3d4fc; } @media print { - code[class*="language-"], - pre[class*="language-"] { - text-shadow: none; - } + code[class*="language-"], + pre[class*="language-"] { + text-shadow: none; + } } /* Code blocks */ pre[class*="language-"] { - padding: 1em; - margin: .5em 0; - overflow: auto; + padding: 1em; + margin: .5em 0; + overflow: auto; } -:not(pre)>code[class*="language-"], +:not(pre) > code[class*="language-"], pre[class*="language-"] { - background: #f5f2f0; + background: #f5f2f0; } /* Inline code */ -:not(pre)>code[class*="language-"] { - padding: .1em; - border-radius: .3em; - white-space: normal; +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { - color: slategray; + color: slategray; } .token.punctuation { - color: #999; + color: #999; } .namespace { - opacity: .7; + opacity: .7; } .token.property, @@ -487,7 +487,7 @@ pre[class*="language-"] { .token.constant, .token.symbol, .token.deleted { - color: #905; + color: #905; } .token.selector, @@ -496,7 +496,7 @@ pre[class*="language-"] { .token.char, .token.builtin, .token.inserted { - color: #690; + color: #690; } .token.operator, @@ -504,36 +504,36 @@ pre[class*="language-"] { .token.url, .language-css .token.string, .style .token.string { - color: #9a6e3a; - background: hsla(0, 0%, 100%, .5); + color: #9a6e3a; + background: hsla(0, 0%, 100%, .5); } .token.atrule, .token.attr-value, .token.keyword { - color: #07a; + color: #07a; } .token.function, .token.class-name { - color: #DD4A68; + color: #DD4A68; } .token.regex, .token.important, .token.variable { - color: #e90; + color: #e90; } .token.important, .token.bold { - font-weight: bold; + font-weight: bold; } .token.italic { - font-style: italic; + font-style: italic; } .token.entity { - cursor: help; + cursor: help; } diff --git a/src/styles/font/icon/demo_index.html b/src/styles/font/icon/demo_index.html index f13c801..ae649a8 100644 --- a/src/styles/font/icon/demo_index.html +++ b/src/styles/font/icon/demo_index.html @@ -1,125 +1,127 @@ - - IconFont Demo - - - - - - - - - + + IconFont Demo + + + + + + + + + -
    +

    -
      -
    • Unicode
      • -
    • Font class
      • -
    • Symbol
      • -
    - - 查看项目 - +
      +
    • Unicode
      • +
    • Font class
      • +
    • Symbol
      • +
    + + 查看项目 +
    -
    -
      - -
    • - -
      已勾选32
      -
      &#xe63d;
      -
      • - -
    • - -
      未勾选32
      -
      &#xe63e;
      -
      • - -
    • - -
      未勾选40
      -
      &#xe64a;
      -
      • - -
    • - -
      已勾选40
      -
      &#xe64b;
      -
      • - -
    • - -
      实 向右箭头-01
      -
      &#xe626;
      -
      • - -
    • - -
      实 向下箭头-01
      -
      &#xe625;
      -
      • - -
    • - -
      加号-填充
      -
      &#xe72d;
      -
      • - -
    • - -
      42指向上、上箭头
      -
      &#xe769;
      -
      • - -
    • - -
      44指向下、下箭头
      -
      &#xe76b;
      -
      • - -
    • - -
      群蜂删除-充
      -
      &#xe6e9;
      -
      • - -
    • - -
      qq
      -
      &#xe614;
      -
      • - -
    • - -
      微信-36
      -
      &#xe68a;
      -
      • - -
    -
    -

    Unicode 引用

    -
    - -

    Unicode 是字体在网页端最原始的应用方式，特点是：

    -
      -
    • 兼容性最好，支持 IE6+，及所有现代浏览器。
      • -
    • 支持按字体的方式去动态调整图标大小，颜色等等。
      • -
    • 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。
      • -
    -
    -

    注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式

    -
    -

    Unicode 使用步骤如下：

    -

    第一步：拷贝项目下面生成的 @font-face

    -
    @font-face {
+        
    
+            
      
+
+                
    • 
+                    
+                    
      已勾选32
      
+                    
      &#xe63d;
      
+                
      • 
+
+                
    • 
+                    
+                    
      未勾选32
      
+                    
      &#xe63e;
      
+                
      • 
+
+                
    • 
+                    
+                    
      未勾选40
      
+                    
      &#xe64a;
      
+                
      • 
+
+                
    • 
+                    
+                    
      已勾选40
      
+                    
      &#xe64b;
      
+                
      • 
+
+                
    • 
+                    
+                    
      实 向右箭头-01
      
+                    
      &#xe626;
      
+                
      • 
+
+                
    • 
+                    
+                    
      实 向下箭头-01
      
+                    
      &#xe625;
      
+                
      • 
+
+                
    • 
+                    
+                    
      加号-填充
      
+                    
      &#xe72d;
      
+                
      • 
+
+                
    • 
+                    
+                    
      42指向上、上箭头
      
+                    
      &#xe769;
      
+                
      • 
+
+                
    • 
+                    
+                    
      44指向下、下箭头
      
+                    
      &#xe76b;
      
+                
      • 
+
+                
    • 
+                    
+                    
      群蜂删除-充
      
+                    
      &#xe6e9;
      
+                
      • 
+
+                
    • 
+                    
+                    
      qq
      
+                    
      &#xe614;
      
+                
      • 
+
+                
    • 
+                    
+                    
      微信-36
      
+                    
      &#xe68a;
      
+                
      • 
+
+            
    
+            
    
+                
    Unicode 引用
    
+                
    
+
+                
    Unicode 是字体在网页端最原始的应用方式，特点是：
    
+                
      
+                    
    • 兼容性最好，支持 IE6+，及所有现代浏览器。
      • 
+                    
    • 支持按字体的方式去动态调整图标大小，颜色等等。
      • 
+                    
    • 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。
      • 
+                
    
+                
    
+                    
    注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式
    
+                
    
+                
    Unicode 使用步骤如下：
    
+                
    第一步：拷贝项目下面生成的 @font-face
    
+                
    @font-face {
   font-family: 'iconfont';
   src: url('iconfont.eot');
   src: url('iconfont.eot?#iefix') format('embedded-opentype'),
@@ -129,9 +131,9 @@
       url('iconfont.svg#iconfont') format('svg');
 }
 
    
-          
    第二步：定义使用 iconfont 的样式
    
-
    .iconfont {
+                
    第二步：定义使用 iconfont 的样式
    
+                
    .iconfont {
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
@@ -139,271 +141,271 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
    
-          
    第三步：挑选相应图标并获取字体编码，应用于页面
    
-
    +                
    第三步：挑选相应图标并获取字体编码，应用于页面
    
+                
     <span class="iconfont">&#x33;</span>
 
    
-          
    
-            
    "iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。
    
-          
    
-          
    
-      
    
-      
    
-        
      
-          
-          
    • 
-            
-            
      
-              已勾选32
-            
      
-            
      .icon-yigouxuan
-            
      
-          
      • 
-          
-          
    • 
-            
-            
      
-              未勾选32
-            
      
-            
      .icon-weigouxuan
-            
      
-          
      • 
-          
-          
    • 
-            
-            
      
-              未勾选40
-            
      
-            
      .icon-weigouxuan1
-            
      
-          
      • 
-          
-          
    • 
-            
-            
      
-              已勾选40
-            
      
-            
      .icon-yigouxuan1
-            
      
-          
      • 
-          
-          
    • 
-            
-            
      
-              实 向右箭头-01
-            
      
-            
      .icon-shixiangyoujiantou-
-            
      
-          
      • 
-          
-          
    • 
-            
-            
      
-              实 向下箭头-01
-            
      
-            
      .icon-shixiangxiajiantou-
-            
      
-          
      • 
-          
-          
    • 
-            
-            
      
-              加号-填充
-            
      
-            
      .icon-jiahao
-            
      
-          
      • 
-          
-          
    • 
-            
-            
      
-              42指向上、上箭头
-            
      
-            
      .icon-up
-            
      
-          
      • 
-          
-          
    • 
-            
-            
      
-              44指向下、下箭头
-            
      
-            
      .icon-down
-            
      
-          
      • 
-          
-          
    • 
-            
-            
      
-              群蜂删除-充
-            
      
-            
      .icon-delete
-            
      
-          
      • 
-          
-          
    • 
-            
-            
      
-              qq
-            
      
-            
      .icon-qq
+                
      
+                    
      "iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。
      
+                
      
             
      
-          
      • 
-          
-          
    • 
-            
-            
      
-              微信-36
-            
      
-            
      .icon-weixin
-            
      
-          
      • 
-          
-        
    
-        
    
-        
    font-class 引用
    
-        
    
-
-        
    font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。
    
-        
    与 Unicode 使用方式相比，具有如下特点：
    
-        
      
-          
    • 兼容性良好，支持 IE8+，及所有现代浏览器。
      • 
-          
    • 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
      • 
-          
    • 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
      • 
-          
    • 不过因为本质上还是使用的字体，所以多色图标还是不支持的。
      • 
-        
    
-        
    使用步骤如下：
    
-        
    第一步：引入项目下面生成的 fontclass 代码：
    
-
    <link rel="stylesheet" href="./iconfont.css">
+        
    
+        
    
+            
      
+
+                
    • 
+                    
+                    
      
+                        已勾选32
+                    
      
+                    
      .icon-yigouxuan
+                    
      
+                
      • 
+
+                
    • 
+                    
+                    
      
+                        未勾选32
+                    
      
+                    
      .icon-weigouxuan
+                    
      
+                
      • 
+
+                
    • 
+                    
+                    
      
+                        未勾选40
+                    
      
+                    
      .icon-weigouxuan1
+                    
      
+                
      • 
+
+                
    • 
+                    
+                    
      
+                        已勾选40
+                    
      
+                    
      .icon-yigouxuan1
+                    
      
+                
      • 
+
+                
    • 
+                    
+                    
      
+                        实 向右箭头-01
+                    
      
+                    
      .icon-shixiangyoujiantou-
+                    
      
+                
      • 
+
+                
    • 
+                    
+                    
      
+                        实 向下箭头-01
+                    
      
+                    
      .icon-shixiangxiajiantou-
+                    
      
+                
      • 
+
+                
    • 
+                    
+                    
      
+                        加号-填充
+                    
      
+                    
      .icon-jiahao
+                    
      
+                
      • 
+
+                
    • 
+                    
+                    
      
+                        42指向上、上箭头
+                    
      
+                    
      .icon-up
+                    
      
+                
      • 
+
+                
    • 
+                    
+                    
      
+                        44指向下、下箭头
+                    
      
+                    
      .icon-down
+                    
      
+                
      • 
+
+                
    • 
+                    
+                    
      
+                        群蜂删除-充
+                    
      
+                    
      .icon-delete
+                    
      
+                
      • 
+
+                
    • 
+                    
+                    
      
+                        qq
+                    
      
+                    
      .icon-qq
+                    
      
+                
      • 
+
+                
    • 
+                    
+                    
      
+                        微信-36
+                    
      
+                    
      .icon-weixin
+                    
      
+                
      • 
+
+            
    
+            
    
+                
    font-class 引用
    
+                
    
+
+                
    font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。
    
+                
    与 Unicode 使用方式相比，具有如下特点：
    
+                
      
+                    
    • 兼容性良好，支持 IE8+，及所有现代浏览器。
      • 
+                    
    • 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
      • 
+                    
    • 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
      • 
+                    
    • 不过因为本质上还是使用的字体，所以多色图标还是不支持的。
      • 
+                
    
+                
    使用步骤如下：
    
+                
    第一步：引入项目下面生成的 fontclass 代码：
    
+                
    <link rel="stylesheet" href="./iconfont.css">
 
    
-        
    第二步：挑选相应图标并获取类名，应用于页面：
    
-
    <span class="iconfont icon-xxx"></span>
+                
    第二步：挑选相应图标并获取类名，应用于页面：
    
+                
    <span class="iconfont icon-xxx"></span>
 
    
-        
    
-          
    "
-            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。
    
-        
    
-      
    
-      
    
-      
    
-          
      
-          
-            
    • 
-                
-                
      已勾选32
      
-                
      #icon-yigouxuan
      
-            
      • 
-          
-            
    • 
-                
-                
      未勾选32
      
-                
      #icon-weigouxuan
      
-            
      • 
-          
-            
    • 
-                
-                
      未勾选40
      
-                
      #icon-weigouxuan1
      
-            
      • 
-          
-            
    • 
-                
-                
      已勾选40
      
-                
      #icon-yigouxuan1
      
-            
      • 
-          
-            
    • 
-                
-                
      实 向右箭头-01
      
-                
      #icon-shixiangyoujiantou-
      
-            
      • 
-          
-            
    • 
-                
-                
      实 向下箭头-01
      
-                
      #icon-shixiangxiajiantou-
      
-            
      • 
-          
-            
    • 
-                
-                
      加号-填充
      
-                
      #icon-jiahao
      
-            
      • 
-          
-            
    • 
-                
-                
      42指向上、上箭头
      
-                
      #icon-up
      
-            
      • 
-          
-            
    • 
-                
-                
      44指向下、下箭头
      
-                
      #icon-down
      
-            
      • 
-          
-            
    • 
-                
-                
      群蜂删除-充
      
-                
      #icon-delete
      
-            
      • 
-          
-            
    • 
-                
-                
      qq
      
-                
      #icon-qq
      
-            
      • 
-          
-            
    • 
-                
-                
      微信-36
      
-                
      #icon-weixin
      
-            
      • 
-          
-          
    
-          
    
-          
    Symbol 引用
    
-          
    
-
-          
    这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章
-            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：
    
-          
      
-            
    • 支持多色图标了，不再受单色限制。
      • 
-            
    • 通过一些技巧，支持像字体那样，通过 font-size, color 来调整样式。
      • 
-            
    • 兼容性较差，支持 IE9+，及现代浏览器。
      • 
-            
    • 浏览器渲染 SVG 的性能一般，还不如 png。
      • 
-          
    
-          
    使用步骤如下：
    
-          
    第一步：引入项目下面生成的 symbol 代码：
    
-
    <script src="./iconfont.js"></script>
+                
    
+                    
    "
+                        iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。
    
+                
    
+            
    
+        
    
+        
    
+            
      
+
+                
    • 
+                    
+                    
      已勾选32
      
+                    
      #icon-yigouxuan
      
+                
      • 
+
+                
    • 
+                    
+                    
      未勾选32
      
+                    
      #icon-weigouxuan
      
+                
      • 
+
+                
    • 
+                    
+                    
      未勾选40
      
+                    
      #icon-weigouxuan1
      
+                
      • 
+
+                
    • 
+                    
+                    
      已勾选40
      
+                    
      #icon-yigouxuan1
      
+                
      • 
+
+                
    • 
+                    
+                    
      实 向右箭头-01
      
+                    
      #icon-shixiangyoujiantou-
      
+                
      • 
+
+                
    • 
+                    
+                    
      实 向下箭头-01
      
+                    
      #icon-shixiangxiajiantou-
      
+                
      • 
+
+                
    • 
+                    
+                    
      加号-填充
      
+                    
      #icon-jiahao
      
+                
      • 
+
+                
    • 
+                    
+                    
      42指向上、上箭头
      
+                    
      #icon-up
      
+                
      • 
+
+                
    • 
+                    
+                    
      44指向下、下箭头
      
+                    
      #icon-down
      
+                
      • 
+
+                
    • 
+                    
+                    
      群蜂删除-充
      
+                    
      #icon-delete
      
+                
      • 
+
+                
    • 
+                    
+                    
      qq
      
+                    
      #icon-qq
      
+                
      • 
+
+                
    • 
+                    
+                    
      微信-36
      
+                    
      #icon-weixin
      
+                
      • 
+
+            
    
+            
    
+                
    Symbol 引用
    
+                
    
+
+                
    这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章
+                    这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：
    
+                
      
+                    
    • 支持多色图标了，不再受单色限制。
      • 
+                    
    • 通过一些技巧，支持像字体那样，通过 font-size, color 来调整样式。
      • 
+                    
    • 兼容性较差，支持 IE9+，及现代浏览器。
      • 
+                    
    • 浏览器渲染 SVG 的性能一般，还不如 png。
      • 
+                
    
+                
    使用步骤如下：
    
+                
    第一步：引入项目下面生成的 symbol 代码：
    
+                
    <script src="./iconfont.js"></script>
 
    
-          
    第二步：加入通用 CSS 代码（引入一次就行）：
    
-
    <style>
+                
    第二步：加入通用 CSS 代码（引入一次就行）：
    
+                
    <style>
 .icon {
   width: 1em;
   height: 1em;
@@ -413,34 +415,34 @@
 }
 </style>
 
    
-          
    第三步：挑选相应图标并获取类名，应用于页面：
    
-
    <svg class="icon" aria-hidden="true">
+                
    第三步：挑选相应图标并获取类名，应用于页面：
    
+                
    <svg class="icon" aria-hidden="true">
   <use xlink:href="#icon-xxx"></use>
 </svg>
 
    
-          
    
-      
    
+            
    
+
    -
    - +
    + diff --git a/src/styles/font/icon/iconfont.css b/src/styles/font/icon/iconfont.css index 255baba..8d9195c 100644 --- a/src/styles/font/icon/iconfont.css +++ b/src/styles/font/icon/iconfont.css @@ -1,71 +1,70 @@ -@font-face {font-family: "iconfont"; - src: url('iconfont.eot?t=1589437921018'); /* IE9 */ - src: url('iconfont.eot?t=1589437921018#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAdgAAsAAAAADwwAAAcTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCESgqOeIt2ATYCJAM0CxwABCAFhG0HgTMbpQxRlHBSFNlX2JThXqSJ4cz0aLyxzNkVgYOP2N97wQhUeQbPDZA1QByDeHha+9+5M7PrD1FpdI8mCSqJLulDJPFDxCQTvUQS6Qtka3ukU0/kuK8wfBBwMr1kmeTIb8hUohVh6lTeCHDCrRPPf5v6f+sQfS+QqgmpiZLNw+ZI6zMXZGL3nXY47elJFnjALaE4zjzyjJN773yuzM/7H4oZ9NV+v/q1g1ddvP1QmE5JlPRM7uAv5klMk0vWTBWTLpoJEUIja6hWSkNhOklN/ds4n0BvhyLMuZ6hKdArLC1Q4a4iG0Gfi1JaHEMbXtfsW8S8SpsepzuAJ+HLx28hoSepMmvby3e6LdC2EN2eV0ykW36MR/MlQFiJjGNAEej7WvtLgB6aM6evXtwH1glnTloW1snRYnBhky+LxyuL9glaGNmaDbRsJYR1tl+seImrgUGtEtLc//GMeo1WR9QYfUSrp7nohWgXDRrJBqpBcoAqkGagAGkBSiADQBlkEKiAbAI/N/mCYHoWi1HDEgWoBbGjlg7M/OpbgEMgnUf0fxab8kjK0tvq8cZ6/dpKwk4bNsXFx4bHR4RHcty4LVnR4xp/2TFxDN42tgefhUpEMeeqppXCU50JyT/gkVCD+EiEgl56LOkMN+6cAfyKs3dvomHU7fvnq96Uc/duIXMMqWmhNRoax1m8jNWfPorp2jlqumvHrolfe/2TcuIPCt3K589dhUNiT5OSEh4KoM9Jp1vK2GMnFjDdyaeFMrd06ki1gn9CmEz3OErpebmp+GzyAN+lMLw6dwkKh6Ve5dOnzp4W0+Y25TTfhHB10isXpxIB5GHDKcggnof+NCpCD+okAFyTPNGuRVgahmhLjZo1rnqnMlpD0ORJSluuY6jT+gPWHtaIeDKOaoradNDPruOQzulPGcBtz0C2YdbLrSFPIMGTrcNRDGC3YnJOm1JLceYK2sCWY5lqxICXIEU0gki2nkPFUteBwoqLMyTdKE7ZlOzE3yHfdSyOU2shl8RoxPJlx1bQ6C0Li3DLg+Sdi+c5evEkhtF3rBdfXpe0IiNcfW27+x6u5U4vs8zZZdu1R7Gblyc6AV9OB4Xp65HRDqcvw0Pi1DGbddntOKzYgkbhXJq+Y4bRVqszl746KdRPFV5FxSUb6XmKomd1yCb0nJbpz+aOIZskx0phXx8sHfNKyRjPsM8LGU/xJ9Qrv2JugdVBkBg/ZpUIDvpN0jfHD550XPKNDgkKEZ46l4dwq0sOxIecJlX2pxxA8GTwkCGMFqxVFf5PRZplCky9uCIQL/s/RFabTYZNkhtkQXFR28vKXwKUP5rZbFg+s3VAFTu5dBZG4G07t5tHuM2cFirh2BisrHKYoE8lzO1h/LkwjSD+VZF0qs1hQVK+d0xHOLN80q4B/P9utxQDmGt4DaEKE6Lc5lnI6VxDf/35owQHCAuKw95VG6l1bvXPY3J1slpepPBXdCx8EM+ubbd2tV48b2UtWLtYb89PZhvg2jsq5+zkBdIVVTFHfhEwNv0CxNiT02LKVxGSus1dt9VsXDZulogOJB1AkGQVg4e833uzaWatx7bPrLKyhBeBqlC3xGqNoe3MVQHmDmBs4jm+xFjW/sjcAgOiPOFawwe3bUeTa20vGNZgbV6tCtL/qEL/fmiFLjqCCDpZdQpkdKgx6tSuzlCdqnrMFsLMhWn9sKH4ezmjmvpp9Selw9oCS0Vtcbox4f967yYpc1lNwUzPAUT3N0R32yz0bof5Wblw2jzkuw4VkWFptzoKckHRUwszvHJS8IgkAfys2IvKr/LtZBa1LzvfHBmFD6/V9enLD7LLJD2tz7n3E8BkFcwVyA/DL8P0fCpXAdLntBfy9tQCpuUP2QBAWkwyYccYGYFWWc/HS8Of6pVNf1r8p8n48bn+wPLzm5gyWoneAh3ivzATiiRKljoz8hQTN3S0itSojpnbgvjFod7uBf2Rtsa7dej63gKVRdenkDS2Q9baZyzWY1AZnIBa6yT0juo9eLCWhhOlwxFrCYRVjkKywhfIVrlrLNa3UNngB9RWBQe9mxF1zMGBUFCnRoyUWLBpCStm1SU5sRRFFSeI7HUYtawUeswQzaNk4PKSsmJBL3ERbY4dPD65glIJS5rqxD3kYsThULFbU23ETEuslLobSkuluh1LzKoTkLM0hBH1A1pgJku2CjOVizQ+hUrPP4GQeTkYaS0tarYzCI2HMnusXImyHsZe3dWrxb1U9/CRVaBMggS79TUqJ6yHSSAcdq4Kc9evZUOYUSWsI7LdGpQy7Ul99ZL1qfObT4CedX+zSJGjRBV1NNFGF30MMcYsVugeKLLqDXiNLuQnSQjRvRwtrRzlsSoBxeiSl1SvLVQoF1FcZj0Jqi46odWosl43b1H9Lp2FOAgl7OKibs6cgOICAA==') format('woff2'), - url('iconfont.woff?t=1589437921018') format('woff'), - url('iconfont.ttf?t=1589437921018') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ - url('iconfont.svg?t=1589437921018#iconfont') format('svg'); /* iOS 4.1- */ +@font-face { + font-family: "iconfont"; + src: url('iconfont.eot?t=1589437921018'); /* IE9 */ + src: url('iconfont.eot?t=1589437921018#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAdgAAsAAAAADwwAAAcTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCESgqOeIt2ATYCJAM0CxwABCAFhG0HgTMbpQxRlHBSFNlX2JThXqSJ4cz0aLyxzNkVgYOP2N97wQhUeQbPDZA1QByDeHha+9+5M7PrD1FpdI8mCSqJLulDJPFDxCQTvUQS6Qtka3ukU0/kuK8wfBBwMr1kmeTIb8hUohVh6lTeCHDCrRPPf5v6f+sQfS+QqgmpiZLNw+ZI6zMXZGL3nXY47elJFnjALaE4zjzyjJN773yuzM/7H4oZ9NV+v/q1g1ddvP1QmE5JlPRM7uAv5klMk0vWTBWTLpoJEUIja6hWSkNhOklN/ds4n0BvhyLMuZ6hKdArLC1Q4a4iG0Gfi1JaHEMbXtfsW8S8SpsepzuAJ+HLx28hoSepMmvby3e6LdC2EN2eV0ykW36MR/MlQFiJjGNAEej7WvtLgB6aM6evXtwH1glnTloW1snRYnBhky+LxyuL9glaGNmaDbRsJYR1tl+seImrgUGtEtLc//GMeo1WR9QYfUSrp7nohWgXDRrJBqpBcoAqkGagAGkBSiADQBlkEKiAbAI/N/mCYHoWi1HDEgWoBbGjlg7M/OpbgEMgnUf0fxab8kjK0tvq8cZ6/dpKwk4bNsXFx4bHR4RHcty4LVnR4xp/2TFxDN42tgefhUpEMeeqppXCU50JyT/gkVCD+EiEgl56LOkMN+6cAfyKs3dvomHU7fvnq96Uc/duIXMMqWmhNRoax1m8jNWfPorp2jlqumvHrolfe/2TcuIPCt3K589dhUNiT5OSEh4KoM9Jp1vK2GMnFjDdyaeFMrd06ki1gn9CmEz3OErpebmp+GzyAN+lMLw6dwkKh6Ve5dOnzp4W0+Y25TTfhHB10isXpxIB5GHDKcggnof+NCpCD+okAFyTPNGuRVgahmhLjZo1rnqnMlpD0ORJSluuY6jT+gPWHtaIeDKOaoradNDPruOQzulPGcBtz0C2YdbLrSFPIMGTrcNRDGC3YnJOm1JLceYK2sCWY5lqxICXIEU0gki2nkPFUteBwoqLMyTdKE7ZlOzE3yHfdSyOU2shl8RoxPJlx1bQ6C0Li3DLg+Sdi+c5evEkhtF3rBdfXpe0IiNcfW27+x6u5U4vs8zZZdu1R7Gblyc6AV9OB4Xp65HRDqcvw0Pi1DGbddntOKzYgkbhXJq+Y4bRVqszl746KdRPFV5FxSUb6XmKomd1yCb0nJbpz+aOIZskx0phXx8sHfNKyRjPsM8LGU/xJ9Qrv2JugdVBkBg/ZpUIDvpN0jfHD550XPKNDgkKEZ46l4dwq0sOxIecJlX2pxxA8GTwkCGMFqxVFf5PRZplCky9uCIQL/s/RFabTYZNkhtkQXFR28vKXwKUP5rZbFg+s3VAFTu5dBZG4G07t5tHuM2cFirh2BisrHKYoE8lzO1h/LkwjSD+VZF0qs1hQVK+d0xHOLN80q4B/P9utxQDmGt4DaEKE6Lc5lnI6VxDf/35owQHCAuKw95VG6l1bvXPY3J1slpepPBXdCx8EM+ubbd2tV48b2UtWLtYb89PZhvg2jsq5+zkBdIVVTFHfhEwNv0CxNiT02LKVxGSus1dt9VsXDZulogOJB1AkGQVg4e833uzaWatx7bPrLKyhBeBqlC3xGqNoe3MVQHmDmBs4jm+xFjW/sjcAgOiPOFawwe3bUeTa20vGNZgbV6tCtL/qEL/fmiFLjqCCDpZdQpkdKgx6tSuzlCdqnrMFsLMhWn9sKH4ezmjmvpp9Selw9oCS0Vtcbox4f967yYpc1lNwUzPAUT3N0R32yz0bof5Wblw2jzkuw4VkWFptzoKckHRUwszvHJS8IgkAfys2IvKr/LtZBa1LzvfHBmFD6/V9enLD7LLJD2tz7n3E8BkFcwVyA/DL8P0fCpXAdLntBfy9tQCpuUP2QBAWkwyYccYGYFWWc/HS8Of6pVNf1r8p8n48bn+wPLzm5gyWoneAh3ivzATiiRKljoz8hQTN3S0itSojpnbgvjFod7uBf2Rtsa7dej63gKVRdenkDS2Q9baZyzWY1AZnIBa6yT0juo9eLCWhhOlwxFrCYRVjkKywhfIVrlrLNa3UNngB9RWBQe9mxF1zMGBUFCnRoyUWLBpCStm1SU5sRRFFSeI7HUYtawUeswQzaNk4PKSsmJBL3ERbY4dPD65glIJS5rqxD3kYsThULFbU23ETEuslLobSkuluh1LzKoTkLM0hBH1A1pgJku2CjOVizQ+hUrPP4GQeTkYaS0tarYzCI2HMnusXImyHsZe3dWrxb1U9/CRVaBMggS79TUqJ6yHSSAcdq4Kc9evZUOYUSWsI7LdGpQy7Ul99ZL1qfObT4CedX+zSJGjRBV1NNFGF30MMcYsVugeKLLqDXiNLuQnSQjRvRwtrRzlsSoBxeiSl1SvLVQoF1FcZj0Jqi46odWosl43b1H9Lp2FOAgl7OKibs6cgOICAA==') format('woff2'), + url('iconfont.woff?t=1589437921018') format('woff'), + url('iconfont.ttf?t=1589437921018') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1589437921018#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { - font-family: "iconfont" !important; - font-size: 16px; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } .icon-yigouxuan:before { - content: "\e63d"; + content: "\e63d"; } .icon-weigouxuan:before { - content: "\e63e"; + content: "\e63e"; } .icon-weigouxuan1:before { - content: "\e64a"; + content: "\e64a"; } .icon-yigouxuan1:before { - content: "\e64b"; + content: "\e64b"; } .icon-shixiangyoujiantou-:before { - content: "\e626"; + content: "\e626"; } .icon-shixiangxiajiantou-:before { - content: "\e625"; + content: "\e625"; } .icon-jiahao:before { - content: "\e72d"; + content: "\e72d"; } .icon-up:before { - content: "\e769"; + content: "\e769"; } .icon-down:before { - content: "\e76b"; + content: "\e76b"; } .icon-delete:before { - content: "\e6e9"; + content: "\e6e9"; } .icon-qq:before { - content: "\e614"; - font-size: 60px; - color: #22aaf8; - margin-left: 32px; + content: "\e614"; + font-size: 60px; + color: #22aaf8; + margin-left: 32px; } .icon-weixin:before { - content: "\e68a"; - font-size: 60px; - color: #10b747; - margin-right: 32px; + content: "\e68a"; + font-size: 60px; + color: #10b747; + margin-right: 32px; } diff --git a/src/styles/font/icon/iconfont.svg b/src/styles/font/icon/iconfont.svg index 0ea2980..89758e0 100644 --- a/src/styles/font/icon/iconfont.svg +++ b/src/styles/font/icon/iconfont.svg @@ -4,59 +4,80 @@ 2013-9-30: Created. --> - -Created by iconfont - - + + Created by iconfont + + - - - - - + + + - - + - - - - + - - - - + - - - - + - - - - + - - - - + - + - - + + + + + + + + + + + + + + + + + + + diff --git a/src/styles/font/iconfont.css b/src/styles/font/iconfont.css index fe8fbef..89fac0b 100644 --- a/src/styles/font/iconfont.css +++ b/src/styles/font/iconfont.css @@ -1,3 +1,3 @@ [class*=" icon-"], [class^=icon-] { - font-family: iconfont!important; + font-family: iconfont !important; } \ No newline at end of file diff --git a/src/styles/layout/index.scss b/src/styles/layout/index.scss index 450a447..bf034df 100644 --- a/src/styles/layout/index.scss +++ b/src/styles/layout/index.scss @@ -1,16 +1,17 @@ @import "lib/var"; @import "var"; + html, body, #app, .wrapper { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } body { - min-width: 1280px; - font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif; - font-size: 14px; - background: rgba(0, 0, 0, 0.02); + min-width: 1280px; + font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif; + font-size: 14px; + background: rgba(0, 0, 0, 0.02); } \ No newline at end of file diff --git a/src/styles/lib/_flex.scss b/src/styles/lib/_flex.scss index 8e8494b..01f27c3 100644 --- a/src/styles/lib/_flex.scss +++ b/src/styles/lib/_flex.scss @@ -10,15 +10,19 @@ .j-start { justify-content: flex-start; } + .j-end { justify-content: flex-end; } + .j-center { justify-content: center; } + .j-between { justify-content: space-between; } + .j-around { justify-content: space-around; } diff --git a/src/styles/lib/_float.scss b/src/styles/lib/_float.scss index 570b643..c2fc3ce 100644 --- a/src/styles/lib/_float.scss +++ b/src/styles/lib/_float.scss @@ -3,10 +3,12 @@ content: ' '; display: table; } + &:after { clear: both; } } + .fl { float: left; } diff --git a/src/styles/lib/_link.scss b/src/styles/lib/_link.scss index aedde39..93394bf 100644 --- a/src/styles/lib/_link.scss +++ b/src/styles/lib/_link.scss @@ -5,6 +5,7 @@ color: $color; text-decoration: none; cursor: pointer; + &:hover, &:active, &:focus { color: darken($color, 10%); text-decoration: underline; diff --git a/src/styles/lib/_position.scss b/src/styles/lib/_position.scss index d9796b5..5bec029 100644 --- a/src/styles/lib/_position.scss +++ b/src/styles/lib/_position.scss @@ -1,4 +1,3 @@ - @import "var"; @each $type in static, relative, absolute, fixed, sticky { diff --git a/src/styles/lib/_reset.scss b/src/styles/lib/_reset.scss index a7864e8..6a02e0c 100644 --- a/src/styles/lib/_reset.scss +++ b/src/styles/lib/_reset.scss @@ -69,11 +69,12 @@ input::-ms-reveal { display: none; } -ol,ul{ - li{ +ol, ul { + li { list-style: none; } } + h1 { font-size: 2em; margin: 0.67em 0; @@ -102,7 +103,7 @@ li:focus { outline-width: 0; } -i{ +i { font-style: normal; } @@ -228,7 +229,7 @@ select { text-transform: none; } -button:focus{ +button:focus { outline: none; } diff --git a/src/styles/lib/_var.scss b/src/styles/lib/_var.scss index 71d5045..3ff7d5f 100644 --- a/src/styles/lib/_var.scss +++ b/src/styles/lib/_var.scss @@ -11,7 +11,7 @@ $color-title: #17233d !default; $color-content: #515a6e !default; $color-disabled: #c5c8ce !default; -$bg-grey:#f0f0f0 !default; +$bg-grey: #f0f0f0 !default; $bg-white: #ffffff !default; $bg-black: #393D49 !default; @@ -19,38 +19,38 @@ $color-border: #dcdfe6 !default; // 主题背景色 $bg-colors: ( - 'white': $bg-white, - 'black': $bg-black, - 'grey': $bg-grey, - 'green': $color-green, - 'blue': $color-blue, - 'yellow': $color-yellow, - 'red': $color-red, + 'white': $bg-white, + 'black': $bg-black, + 'grey': $bg-grey, + 'green': $color-green, + 'blue': $color-blue, + 'yellow': $color-yellow, + 'red': $color-red, ) !default; // 文本颜色 $text-colors: ( - 'white': $color-white, - 'black': $color-black, - 'grey': $color-grey, - 'green': $color-green, - 'blue': $color-blue, - 'yellow': $color-yellow, - 'red': $color-red, - 'title': $color-title, - 'content': $color-content, - 'disabled': $color-disabled + 'white': $color-white, + 'black': $color-black, + 'grey': $color-grey, + 'green': $color-green, + 'blue': $color-blue, + 'yellow': $color-yellow, + 'red': $color-red, + 'title': $color-title, + 'content': $color-content, + 'disabled': $color-disabled ) !default; // 边框颜色 $border-colors: ( - 'white': $color-white, - 'black': $color-black, - 'grey': $color-border, - 'green': $color-green, - 'blue': $color-blue, - 'yellow': $color-yellow, - 'red': $color-red + 'white': $color-white, + 'black': $color-black, + 'grey': $color-border, + 'green': $color-green, + 'blue': $color-blue, + 'yellow': $color-yellow, + 'red': $color-red ) !default; // border @@ -59,13 +59,13 @@ $border-radius-through: 20 !default; // margin padding left right top bottom $box-sizes: ( - -20, -15, -12, -10, -8, -6, -5, -4, -3, -2, -1, - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 15, 20, 25, 30, 35, 40, 50, 60, 80, 100) !default; + -20, -15, -12, -10, -8, -6, -5, -4, -3, -2, -1, + 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 15, 20, 25, 30, 35, 40, 50, 60, 80, 100) !default; // width height $sizes: ( - 40, 50, 60, 70, 80, 90, 100, - 120, 150, 200, 250, 300, 400, 500, 600, 800, 1000, 1200) !default; + 40, 50, 60, 70, 80, 90, 100, + 120, 150, 200, 250, 300, 400, 500, 600, 800, 1000, 1200) !default; // font-size $font-size-em-through: 10 !default; diff --git a/src/styles/var.scss b/src/styles/var.scss index 978ada7..94599b2 100644 --- a/src/styles/var.scss +++ b/src/styles/var.scss @@ -2,24 +2,27 @@ $main-color: #9076FF; $inner-width: 1440px; @mixin ellipsis { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + @mixin mul-ellipsis($num) { - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: $num; - text-overflow: ellipsis; - overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: $num; + text-overflow: ellipsis; + overflow: hidden; } -.ellipsis{ - @include ellipsis(); +.ellipsis { + @include ellipsis(); } -.mul-ellipsis2{ - @include mul-ellipsis(2); + +.mul-ellipsis2 { + @include mul-ellipsis(2); } -.mul-ellipsis3{ - @include mul-ellipsis(3); + +.mul-ellipsis3 { + @include mul-ellipsis(3); } \ No newline at end of file