huoran
/
FE_occupationlab_server
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 14 Wiki Activity

fix

Browse Source
Branch_d40a2540
yujialong 1 year ago
parent fea0e6ff64
commit a7a979f0f4
7 changed files with 1111 additions and 1017 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 72
      src/pages/achievement/list/index.vue
  2. 3
      src/pages/achievement/show/index.vue
  3. 63
      src/pages/match/add/set.vue
  4. 10
      src/pages/product/show/index.vue
  5. 239
      src/pages/screen/index.vue
  6. 5
      src/pages/station/preview/index.vue
  7. 2
      src/setting.js

72
src/pages/achievement/list/index.vue
Unescape View File

@ -48,16 +48,12 @@
</li> </li>
<li> <li>
<label>课程</label> <label>课程</label>
<el-select v-model="curriculumId" <el-cascader v-model="mallIds"
@change="curriculumChange"> :options="curs"
<el-option label="不限" :props="{ checkStrictly: true, value: 'id' }"
value=""></el-option> popper-class="course-cas"
<el-option v-for="item in curriculumList" @expand-change="curChange"
:key="item.cid" @change="curChange"></el-cascader>
:label="item.curriculumName"
:value="item.cid">
</el-option>
</el-select>
</li> </li>
<li> <li>
<el-input placeholder="请输入考核或项目名称" <el-input placeholder="请输入考核或项目名称"
@ -165,9 +161,12 @@ export default {
return { return {
classId: this.$route.query.class ? +this.$route.query.class : '', classId: this.$route.query.class ? +this.$route.query.class : '',
classList: [], classList: [],
curriculumId: this.$route.query.curriculum ? +this.$route.query.curriculum : '', mallId: this.$route.query.mallId ? +this.$route.query.mallId : '',
systemId: this.$route.query.systemId ? +this.$route.query.systemId : '',
curriculumList: [], curriculumList: [],
projectPermissions: this.$route.query.per ? +this.$route.query.per : 0, projectPermissions: this.$route.query.per ? +this.$route.query.per : 0,
mallIds: [],
curs: [],
keyword: "", keyword: "",
searchTimer: null, searchTimer: null,
startingtime: "", startingtime: "",
@ -231,20 +230,48 @@ export default {
} }
}, },
mounted () { mounted () {
this.getschoolCourse(); this.getClassData()
this.getClassData(); this.getCourse()
}, },
methods: { methods: {
pickerInput () { pickerInput () {
this.month = '6' this.month = '6'
}, },
getschoolCourse () { // 获取课程下拉框数据
this.$get(this.api.schoolCourseByAchievement).then(res => { // 获取课程
this.curriculumList = res.data; async getCourse () {
const { data } = await this.$get(this.api.getSystemIdBySchool)
const res = await this.$get(this.api.getSchoolEffectiveCourse)
if (res.data.length) {
res.data.map(e => {
e.id = e.mallId
e.label = e.curriculumName
e.children = data.filter(n => e.systemId.split(',').includes(n.id + '')) // 筛选出该课程下的系统
})
this.curs = res.data
this.mallIds = [this.mallId || res.data[0].mallId, this.systemId || data[0].id]
this.getData(); this.getData();
}).catch(err => { console.log("🚀 ~ file: index.vue:431 ~ getSystemData ~ res.data:", this.mallIds)
}); }
},
// 课程选择回调
curChange (val) {
const id = val[0]
if (val.length === 1) {
// 如果选择的是课程，则默认选中下面第一个系统
this.mallIds = [id, this.curs.find(e => e.id == id).children[0].id]
}
this.$router.push({
path: 'list',
query: {
...this.$route.query,
mallId: this.mallIds[0],
systemId: this.mallIds[1],
}
})
this.getData()
}, },
getClassData () { // 获取班级下拉框数据 getClassData () { // 获取班级下拉框数据
this.$post(this.api.myClass).then(res => { this.$post(this.api.myClass).then(res => {
this.classList = res.list; this.classList = res.list;
@ -256,19 +283,20 @@ export default {
background: "rgba(255,255,255,.6)" background: "rgba(255,255,255,.6)"
}); });
const per = this.projectPermissions const per = this.projectPermissions
const curriculumId = this.curriculumId const { mallIds } = this
const curr = this.curriculumList.find(e => e.cid == curriculumId) const cur = this.curs.find(e => e.mallId == mallIds[0])
let data = { let data = {
classId: this.classId, classId: this.classId,
permissions: per, permissions: per,
curriculumId, curriculumId: cur.cid,
mallId: mallIds[0],
keyWord: this.keyword, keyWord: this.keyword,
startTime: this.startingtime, startTime: this.startingtime,
endTime: this.endTime, endTime: this.endTime,
month: this.month, month: this.month,
pageNum: this.page, pageNum: this.page,
pageSize: this.pageSize, pageSize: this.pageSize,
systemId: curr ? curr.systemId : '' systemId: mallIds[1]
}; };
this.$post(this.api.getAchievementInfo, data).then(res => { this.$post(this.api.getAchievementInfo, data).then(res => {
let list = [] let list = []

3
src/pages/achievement/show/index.vue
Unescape View File

@ -146,7 +146,8 @@
v-html="scope.row.referenceAnswer"></div> v-html="scope.row.referenceAnswer"></div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="userAnswer" <el-table-column v-if="!project"
prop="userAnswer"
label="学生答案"> label="学生答案">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if='scope.row.lcRuleRecords'> <div v-if='scope.row.lcRuleRecords'>

63
src/pages/match/add/set.vue
Unescape View File

@ -38,14 +38,12 @@
<div> <div>
<p class="m-b-20">课程</p> <p class="m-b-20">课程</p>
<div class="inline-input"> <div class="inline-input">
<el-select v-model="form.cid" <el-cascader v-model="mallIds"
@change="courseChange"> :options="curs"
<el-option v-for="item in curriculumList" :props="{ checkStrictly: true, value: 'id' }"
:key="item.cid" popper-class="course-cas"
:label="item.curriculumName" @expand-change="curChange"
:value="item.cid"> @change="curChange"></el-cascader>
</el-option>
</el-select>
</div> </div>
</div> </div>
</el-card> </el-card>
@ -131,6 +129,8 @@ export default {
return { return {
loadIns: null, loadIns: null,
curriculumList: [], curriculumList: [],
curs: [],
mallIds: [],
keyword: '', keyword: '',
projects: [], projects: [],
page: 1, page: 1,
@ -157,28 +157,47 @@ export default {
} }
}, },
mounted () { mounted () {
this.getCourse() this.getSystemData()
}, },
methods: { methods: {
// 获取课程 // 获取课程
getCourse () { async getSystemData () {
const { data } = await this.$get(this.api.getSystemIdBySchool)
const res = await this.$get(this.api.getSchoolEffectiveCourse)
const { mallId, cid, systemId } = this.form
if (res.data.length) {
res.data.map(e => {
e.id = e.mallId
e.label = e.curriculumName
e.children = data.filter(n => e.systemId.split(',').includes(n.id + '')) // 筛选出该课程下的系统
})
this.curs = res.data
// 查询项目
const first = res.data[0]
this.mallIds = [mallId || first.mallId, systemId || data[0].id]
this.form.cid = cid || first.cid
this.sysId = systemId || first.systemId
this.loadIns = Loading.service() this.loadIns = Loading.service()
this.$get(this.api.curriculumList).then(({ data }) => { this.getProject()
const list = data }
this.curriculumList = data
if (!this.form.cid && list.length) this.form.cid = list[0].cid
this.courseChange()
}).catch(err => {
this.loadIns.close()
});
}, },
// 课程选择回调 // 课程选择回调
courseChange (val) { curChange (val) {
const { systemId } = this.curriculumList.find(e => e.cid == this.form.cid) const id = val[0]
this.sysId = systemId const item = this.curs.find(e => e.id == id)
if (val) this.loadIns = Loading.service() if (val.length === 1) {
// 如果选择的是课程，则默认选中下面第一个系统
this.mallIds = [id, item.children[0].id]
}
this.form.mallId = id
this.form.cid = item.cid
this.sysId = this.mallIds[1]
this.loadIns = Loading.service()
this.getProject() this.getProject()
}, },
// 查询项目 // 查询项目
getProject () { getProject () {
this.$post(this.api.getProjectAssessmentByCompetition, { this.$post(this.api.getProjectAssessmentByCompetition, {

10
src/pages/product/show/index.vue
Unescape View File

@ -88,7 +88,7 @@
@click="toTrail">试用体验</button> @click="toTrail">试用体验</button>
<button v-else-if="isCourse || withLink" <button v-else-if="isCourse || withLink"
class="btn entry" class="btn entry"
@click="toStation">进入实验</button> @click="toStation">进入{{ isDataforward ? '系统' : '实验' }}</button>
<button v-else-if="isValueModule" <button v-else-if="isValueModule"
class="btn entry" class="btn entry"
@click="toSystem">进入系统</button> @click="toSystem">进入系统</button>
@ -268,7 +268,13 @@ export default {
let id = this.form.classificationIds let id = this.form.classificationIds
if (id) return id[0] == 3 if (id) return id[0] == 3
return false return false
} },
// 数据前瞻
isDataforward () {
let id = this.form.classificationIds
if (id) return id[0] == 5
return false
},
}, },
mounted () { mounted () {
this.getData() this.getData()

239
src/pages/screen/index.vue
Unescape View File

@ -1,7 +1,10 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<!-- 全屏 --> <!-- 全屏 -->
<img class="full" src="@/assets/img/screen/full.png" alt="" @click="fullScreen"> <img class="full"
src="@/assets/img/screen/full.png"
alt=""
@click="fullScreen">
<!--header--> <!--header-->
<div class="header"> <div class="header">
<div class="bg_header"> <div class="bg_header">
@ -34,13 +37,18 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_1.png" alt=""> <img src="@/assets/img/screen/t_1.png"
alt="">
平台考试数据统计 平台考试数据统计
</div> </div>
<ul class="time-switch"> <ul class="time-switch">
<li v-for="(item, i) in times" :key="i" :class="{active: item.id === time}" @click="switchTime(item.id)">{{ item.name }}</li> <li v-for="(item, i) in times"
:key="i"
:class="{active: item.id === time}"
@click="switchTime(item.id)">{{ item.name }}</li>
</ul> </ul>
<div id="chart1" class="chart"></div> <div id="chart1"
class="chart"></div>
</div> </div>
<div class="item"> <div class="item">
<div class="t_line_box"> <div class="t_line_box">
@ -60,10 +68,12 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_2.png" alt=""> <img src="@/assets/img/screen/t_2.png"
alt="">
学生成绩分布分析 学生成绩分布分析
</div> </div>
<div id="chart2" class="chart t_btn9"></div> <div id="chart2"
class="chart t_btn9"></div>
</div> </div>
<div class="item"> <div class="item">
<div class="t_line_box"> <div class="t_line_box">
@ -83,10 +93,12 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_7.png" alt=""> <img src="@/assets/img/screen/t_7.png"
alt="">
月人均在线学习时长情况 月人均在线学习时长情况
</div> </div>
<div id="chart3" class="chart t_btn9"></div> <div id="chart3"
class="chart t_btn9"></div>
</div> </div>
<div class="item"> <div class="item">
<div class="t_line_box"> <div class="t_line_box">
@ -106,14 +118,17 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_7.png" alt=""> <img src="@/assets/img/screen/t_7.png"
alt="">
平台登录人数 平台登录人数
</div> </div>
<div id="chart4" class="chart t_btn9"></div> <div id="chart4"
class="chart t_btn9"></div>
</div> </div>
</div> </div>
<div class="middle"> <div class="middle">
<div class="item" style="height: 620px"> <div class="item"
style="height: 620px">
<!--左上边框--> <!--左上边框-->
<div class="t_line_box"> <div class="t_line_box">
<i class="t_l_line"></i> <i class="t_l_line"></i>
@ -134,8 +149,15 @@
<i class="r_b_line"></i> <i class="r_b_line"></i>
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<video class="video" ref="video" width="100%" height="100%" autoplay muted loop> <video class="video"
<source src="@/assets/videos/screen.mp4" type="video/mp4"> ref="video"
width="100%"
height="100%"
autoplay
muted
loop>
<source src="@/assets/videos/screen.mp4"
type="video/mp4">
您的浏览器不支持 video 标签。 您的浏览器不支持 video 标签。
</video> </video>
<div class="stat-mask"></div> <div class="stat-mask"></div>
@ -151,7 +173,8 @@
<p class="name">当前活跃人数</p> <p class="name">当前活跃人数</p>
</div> </div>
</div> </div>
<div class="item" style="height: 440px;"> <div class="item"
style="height: 440px;">
<!--左上边框--> <!--左上边框-->
<div class="t_line_box"> <div class="t_line_box">
<i class="t_l_line"></i> <i class="t_l_line"></i>
@ -173,14 +196,18 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_3.png" alt=""> <img src="@/assets/img/screen/t_3.png"
alt="">
学生实验课程考核成绩趋势图 学生实验课程考核成绩趋势图
</div> </div>
<div class="chart" id="chart5" style="height: 420px"></div> <div class="chart"
id="chart5"
style="height: 420px"></div>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
<div class="item" style="height: 160px"> <div class="item"
style="height: 160px">
<!--左上边框--> <!--左上边框-->
<div class="t_line_box"> <div class="t_line_box">
<i class="t_l_line"></i> <i class="t_l_line"></i>
@ -202,18 +229,23 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_4.png" alt=""> <img src="@/assets/img/screen/t_4.png"
alt="">
本月综合学习积极性最高的实验课程 本月综合学习积极性最高的实验课程
</div> </div>
<ul class="list"> <ul class="list">
<li v-for="(item, i) in courses" :key="i"> <li v-for="(item, i) in courses"
:key="i">
<span class="index">{{ i + 1 }}</span> <span class="index">{{ i + 1 }}</span>
<p class="text">{{ item.curriculumName }}</p> <p class="text">{{ item.goodsName }}</p>
<img class="icon" src="@/assets/img/screen/medal.png" alt=""> <img class="icon"
src="@/assets/img/screen/medal.png"
alt="">
</li> </li>
</ul> </ul>
</div> </div>
<div class="item" style="height: 240px"> <div class="item"
style="height: 240px">
<!--左上边框--> <!--左上边框-->
<div class="t_line_box"> <div class="t_line_box">
<i class="t_l_line"></i> <i class="t_l_line"></i>
@ -235,19 +267,23 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_5.png" alt=""> <img src="@/assets/img/screen/t_5.png"
alt="">
热门理论课程排行榜 热门理论课程排行榜
</div> </div>
<div class="popular-wrap" ref="popularCourses"> <div class="popular-wrap"
ref="popularCourses">
<ul class="list popular"> <ul class="list popular">
<li v-for="(item, i) in popularCourses" :key="i"> <li v-for="(item, i) in popularCourses"
:key="i">
<span class="index">{{ i + 1 }}</span> <span class="index">{{ i + 1 }}</span>
<p class="text">{{ item }}</p> <p class="text">{{ item }}</p>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="item" style="height: 300px"> <div class="item"
style="height: 300px">
<div class="t_line_box"> <div class="t_line_box">
<i class="t_l_line"></i> <i class="t_l_line"></i>
<i class="l_t_line"></i> <i class="l_t_line"></i>
@ -265,7 +301,8 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_7.png" alt=""> <img src="@/assets/img/screen/t_7.png"
alt="">
学霸排行榜 学霸排行榜
</div> </div>
<div class="main_table"> <div class="main_table">
@ -281,10 +318,13 @@
</thead> </thead>
</table> </table>
</div> </div>
<div class="main_table" ref="ach" style="max-height: 220px;margin-top: 0;overflow: hidden"> <div class="main_table"
ref="ach"
style="max-height: 222px;margin-top: 0;overflow: hidden">
<table> <table>
<tbody> <tbody>
<tr v-for="(item, i) in achs" :key="i"> <tr v-for="(item, i) in achs"
:key="i">
<td width="20%">{{ i + 1 }}</td> <td width="20%">{{ i + 1 }}</td>
<td width="20%">{{ item.userName }}</td> <td width="20%">{{ item.userName }}</td>
<td width="20%">{{ token ? item.className : item.schoolName }}</td> <td width="20%">{{ token ? item.className : item.schoolName }}</td>
@ -295,7 +335,8 @@
</table> </table>
</div> </div>
</div> </div>
<div class="item" style="height: 300px"> <div class="item"
style="height: 300px">
<div class="t_line_box"> <div class="t_line_box">
<i class="t_l_line"></i> <i class="t_l_line"></i>
<i class="l_t_line"></i> <i class="l_t_line"></i>
@ -313,7 +354,8 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_7.png" alt=""> <img src="@/assets/img/screen/t_7.png"
alt="">
活跃度排行榜 活跃度排行榜
</div> </div>
<div class="main_table"> <div class="main_table">
@ -327,10 +369,13 @@
</thead> </thead>
</table> </table>
</div> </div>
<div class="main_table" ref="active" style="max-height: 230px;margin-top: 0;overflow: hidden"> <div class="main_table"
ref="active"
style="max-height: 230px;margin-top: 0;overflow: hidden">
<table> <table>
<tbody> <tbody>
<tr v-for="(item, i) in actives" :key="i"> <tr v-for="(item, i) in actives"
:key="i">
<td width="20%">{{ i + 1 }}</td> <td width="20%">{{ i + 1 }}</td>
<td width="20%">{{ token ? item.className : item.schoolName }}</td> <td width="20%">{{ token ? item.className : item.schoolName }}</td>
<td width="20%">{{ item.activityIndex }}</td> <td width="20%">{{ item.activityIndex }}</td>
@ -349,7 +394,7 @@ import Util from '@/libs/util'
import * as echarts from 'echarts' import * as echarts from 'echarts'
import Setting from '@/setting' import Setting from '@/setting'
export default { export default {
data() { data () {
return { return {
token: Util.local.get(Setting.tokenKey), token: Util.local.get(Setting.tokenKey),
time: 0, time: 0,
@ -373,14 +418,14 @@ export default {
examChart: null examChart: null
} }
}, },
mounted() { mounted () {
this.renderExam() this.renderExam()
this.getList() this.getList()
this.renderChart() this.renderChart()
}, },
methods: { methods: {
// 全屏 // 全屏
fullScreen() { fullScreen () {
// 检测是否全屏 // 检测是否全屏
if (document.fullscreenElement || if (document.fullscreenElement ||
document.mozFullScreenElement || document.mozFullScreenElement ||
@ -401,21 +446,21 @@ export default {
} }
}, },
// 获取文本表格数据 // 获取文本表格数据
getList() { getList () {
// 本院数据概览 // 本院数据概览
this.$post(this.api.overviewOfOurSchoolData).then(({ data }) => { this.$post(this.api.overviewOfOurSchoolData).then(({ data }) => {
this.overview = data this.overview = data
}).catch(res => {}) }).catch(res => { })
// 本月综合学习积极性最高的实验课程 // 本月综合学习积极性最高的实验课程
this.$post(this.api.getTheMostUsedCoursesInOurSchool).then(({ data }) => { this.$post(this.api.getTheMostUsedCoursesInOurSchool).then(({ data }) => {
this.courses = data this.courses = data
}).catch(res => {}) }).catch(res => { })
// 热门理论课程排行榜 // 热门理论课程排行榜
this.$post(this.api.courseRankings).then(({ data }) => { this.$post(this.api.courseRankings).then(({ data }) => {
this.popularCourses = data this.popularCourses = data
}).catch(res => {}) }).catch(res => { })
// 学霸排行榜 // 学霸排行榜
this.$post(`${this.api.academicLeadersRanking}?pageNum=1&pageSize=20`).then(({ data }) => { this.$post(`${this.api.academicLeadersRanking}?pageNum=1&pageSize=20`).then(({ data }) => {
@ -426,24 +471,24 @@ export default {
return b.avgScore - a.avgScore return b.avgScore - a.avgScore
}) })
this.achs = list this.achs = list
}).catch(res => {}) }).catch(res => { })
// 活跃度排行榜 // 活跃度排行榜
this.$post(this.api.activityRanking).then(({ list }) => { this.$post(this.api.activityRanking).then(({ list }) => {
this.actives = list this.actives = list
}).catch(res => {}) }).catch(res => { })
this.scrollTable() this.scrollTable()
}, },
// 切换时间单位 // 切换时间单位
switchTime(id) { switchTime (id) {
this.time = id this.time = id
this.renderExam() this.renderExam()
}, },
// 平台考试数据考试统计 // 平台考试数据考试统计
renderExam() { renderExam () {
this.$post(`${this.api.examStatistics}?choose=${this.time}`).then(({ data }) => { this.$post(`${this.api.examStatistics}?choose=${this.time}`).then(({ data }) => {
const option = { const option = {
title : { title: {
text: '考试通过率', text: '考试通过率',
subtext: data.examPassRate, subtext: data.examPassRate,
textStyle: { textStyle: {
@ -457,33 +502,33 @@ export default {
x: 'center', x: 'center',
y: '41%', y: '41%',
}, },
tooltip : { tooltip: {
trigger: 'item', trigger: 'item',
formatter: "{b} : {c} ({d}%)" formatter: "{b} : {c} ({d}%)"
// formatter: '{total|' + 100 +'}'+ '\n\r' + '{active|共发布活动}' // formatter: '{total|' + 100 +'}'+ '\n\r' + '{active|共发布活动}'
}, },
legend: { legend: {
show:false, show: false,
x : 'center', x: 'center',
y : 'bottom', y: 'bottom',
data:['考试总场次', '考试人数'] data: ['考试总场次', '考试人数']
}, },
toolbox: { toolbox: {
}, },
label:{ label: {
normal:{ normal: {
show: true, show: true,
formatter: "{b} \n{d}%" formatter: "{b} \n{d}%"
} }
}, },
calculable : true, calculable: true,
color:['#44cfff', '#4388ff'], color: ['#44cfff', '#4388ff'],
series : [ series: [
{ {
name:'', name: '',
type:'pie', type: 'pie',
radius : [60, 80], radius: [60, 80],
center : ['50%', '50%'], center: ['50%', '50%'],
label: { label: {
normal: { normal: {
show: true, show: true,
@ -492,22 +537,22 @@ export default {
formatter: '{b} {c}' formatter: '{b} {c}'
} }
}, },
data:[ data: [
{value: data.totalNumberOfExams, name:'考试\n总场次'}, { value: data.totalNumberOfExams, name: '考试\n总场次' },
{value: data.referenceNumber, name:'考试\n人数'}, { value: data.referenceNumber, name: '考试\n人数' },
] ]
} }
] ]
} }
this.examChart = echarts.init(document.querySelector(`#chart1`)) this.examChart = echarts.init(document.querySelector(`#chart1`))
this.examChart.setOption(option) this.examChart.setOption(option)
}).catch(res => {}) }).catch(res => { })
}, },
// 获取图标数据并渲染 // 获取图标数据并渲染
async renderChart() { async renderChart () {
const animateChart = (chart, option, data, num = 6) => { const animateChart = (chart, option, data, num = 6) => {
// 每次向后滚动一个，最后一个从头开始。 // 每次向后滚动一个，最后一个从头开始。
if (option.dataZoom[0].endValue == data.length ) { if (option.dataZoom[0].endValue == data.length) {
option.dataZoom[0].endValue = num option.dataZoom[0].endValue = num
option.dataZoom[0].startValue = 0 option.dataZoom[0].startValue = 0
} }
@ -555,7 +600,7 @@ export default {
}, },
legend: { legend: {
top: '10%', top: '10%',
textStyle:{ textStyle: {
color: '#fff' color: '#fff'
}, },
}, },
@ -575,7 +620,7 @@ export default {
endValue: 5 // 一次性展示6个。 endValue: 5 // 一次性展示6个。
} }
], ],
color:['#4388ff', '#44cfff', '#8c2bff', '#2defe2'], color: ['#4388ff', '#44cfff', '#8c2bff', '#2defe2'],
xAxis: [ xAxis: [
{ {
type: 'category', type: 'category',
@ -656,7 +701,7 @@ export default {
setInterval(function () { setInterval(function () {
animateChart(chart[0], option, data, 5) animateChart(chart[0], option, data, 5)
}, 3000) }, 3000)
}).catch(res => {}) }).catch(res => { })
// 学生实验课程考核成绩趋势图 // 学生实验课程考核成绩趋势图
const colors = [ const colors = [
@ -702,30 +747,24 @@ export default {
} }
] ]
// 登录前登录后调的课程接口不一样 // 登录前登录后调的课程接口不一样
const cousrseRes = this.token ? const cousrseRes = await this.$post(this.api.listOfGoods, {
await this.$get(this.api.schoolCourse) :
await this.$post(this.api.curriculumListForBeforeLogin, {
pageNum: 1, pageNum: 1,
pageSize: 100, pageSize: 1000,
supplierId: '1,2,3,4', sort: 0,
curriculumName: '', isShelves: 0,
categoryId: '', hotTag: 1,
curriculumType: '',
professionalCategoryId: '',
professionalId: '',
}) })
if (cousrseRes) { if (cousrseRes) {
const courseList = this.token ? const courseList =
cousrseRes.data :
cousrseRes.page.records cousrseRes.page.records
const ids = courseList.map(e => e.cid) const ids = courseList.map(e => e.mallId)
times.map(e => { times.map(e => {
e.cid = ids e.mallId = ids
}) })
const courseData = {} const courseData = {}
courseList.map(e => { courseList.map(e => {
// e.curriculumName = e.curriculumName.substring(0, 10) // e.productName = e.productName.substring(0, 10)
courseData[e.curriculumName] = [] courseData[e.productName] = []
}) })
this.$post(this.api.studentAssessSchievement, times).then(({ data }) => { this.$post(this.api.studentAssessSchievement, times).then(({ data }) => {
const times = [] const times = []
@ -733,9 +772,9 @@ export default {
data.map((e, i) => { data.map((e, i) => {
times.push(e.time) times.push(e.time)
e.assesScoreRespList.map(n => { e.assesScoreRespList.map(n => {
const item = courseList.find(j => j.cid == n.curriculumId) const item = courseList.find(j => j.mallId == n.mallId)
if (item) { if (item) {
const name = item.curriculumName const name = item.productName
if (courseData[name]) { if (courseData[name]) {
courseData[name][i] = +n.avgScore courseData[name][i] = +n.avgScore
} }
@ -791,11 +830,11 @@ export default {
} }
}, },
legend: { legend: {
top:'8%', top: '8%',
data: courseList.map(e => e.curriculumName), data: courseList.map(e => e.productName),
textStyle: { textStyle: {
color: 'rgba(255,255,255,.5)', color: 'rgba(255,255,255,.5)',
fontSize:'12', fontSize: '12',
} }
}, },
dataZoom: [//滑动条 dataZoom: [//滑动条
@ -821,7 +860,7 @@ export default {
interval: 0, interval: 0,
textStyle: { textStyle: {
color: "rgba(255,255,255,.9)", color: "rgba(255,255,255,.9)",
fontSize:12, fontSize: 12,
}, },
}, },
axisLine: { axisLine: {
@ -841,7 +880,7 @@ export default {
nameTextStyle: { nameTextStyle: {
color: '#fff' color: '#fff'
}, },
axisTick: {show: false}, axisTick: { show: false },
axisLine: { axisLine: {
lineStyle: { lineStyle: {
color: 'rgba(255,255,255,.1)' color: 'rgba(255,255,255,.1)'
@ -850,7 +889,7 @@ export default {
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "rgba(255,255,255,.9)", color: "rgba(255,255,255,.9)",
fontSize:12, fontSize: 12,
}, },
}, },
splitLine: { splitLine: {
@ -866,7 +905,7 @@ export default {
// setInterval(function () { // setInterval(function () {
// animateChart(chart[1], option, times) // animateChart(chart[1], option, times)
// }, 5000) // }, 5000)
}).catch(res => {}) }).catch(res => { })
} }
// 月人均在线学习时长情况 // 月人均在线学习时长情况
@ -879,7 +918,7 @@ export default {
const pre = date.getFullYear() + '-' + Util.formateTime(date.getMonth() + 1) + '-' const pre = date.getFullYear() + '-' + Util.formateTime(date.getMonth() + 1) + '-'
months.push({ months.push({
startTime: pre + '01', startTime: pre + '01',
endTime: pre + new Date(new Date(date.getFullYear(), date.getMonth() + 1, 1).getTime() - 1000*60*60*24).getDate() endTime: pre + new Date(new Date(date.getFullYear(), date.getMonth() + 1, 1).getTime() - 1000 * 60 * 60 * 24).getDate()
}) })
} }
this.$post(this.api.monthlyAverageOnlineTime, months).then(({ data }) => { this.$post(this.api.monthlyAverageOnlineTime, months).then(({ data }) => {
@ -931,10 +970,10 @@ export default {
formatter: '{value}' formatter: '{value}'
}, },
}, },
color: ['#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1'], color: ['#4BF0FF', '#44AFF0', '#4E82FF', '#584BFF', '#BE4DFF', '#F845F1'],
legend: { legend: {
data: ['月人均在线学习时长情况'], data: ['月人均在线学习时长情况'],
textStyle:{ textStyle: {
color: '#fff' color: '#fff'
}, },
top: '8%' top: '8%'
@ -976,7 +1015,7 @@ export default {
setInterval(function () { setInterval(function () {
animateChart(chart[2], option, data) animateChart(chart[2], option, data)
}, 1500) }, 1500)
}).catch(res => {}) }).catch(res => { })
// 平台登录人数 // 平台登录人数
this.$get(this.api.platformLoginStatistics, { this.$get(this.api.platformLoginStatistics, {
@ -1070,7 +1109,7 @@ export default {
setInterval(function () { setInterval(function () {
animateChart(chart[3], option, data, 3) animateChart(chart[3], option, data, 3)
}, 1500) }, 1500)
}).catch(res => {}) }).catch(res => { })
// 监听resize事件，动态改变chart大小 // 监听resize事件，动态改变chart大小
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
@ -1081,7 +1120,7 @@ export default {
}) })
}, },
// 表格滚动效果 // 表格滚动效果
scrollTable() { scrollTable () {
const dom = this.$refs.popularCourses const dom = this.$refs.popularCourses
const dom1 = this.$refs.ach const dom1 = this.$refs.ach
const dom2 = this.$refs.active const dom2 = this.$refs.active
@ -1101,5 +1140,5 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../../styles/page/screen.scss"; @import '../../styles/page/screen.scss';
</style> </style>

5
src/pages/station/preview/index.vue
Unescape View File

@ -591,7 +591,7 @@ export default {
}, },
// 获取学习进度 // 获取学习进度
async getProgress () { async getProgress () {
let res = await this.$post(`${this.api.courseLearningProgress}?courseId=${this.courseId}&systemId=${this.systemIds}`); let res = await this.$post(`${this.api.courseLearningProgress}?courseId=${this.courseId}&systemId=${this.systemIds}&mallId=${this.mallId}`);
this.progressList = res.list this.progressList = res.list
if (res.list.length) this.archProject = res.list[0].projectId if (res.list.length) this.archProject = res.list[0].projectId
this.maximumScores.length || this.getMaximumScore() this.maximumScores.length || this.getMaximumScore()
@ -907,6 +907,7 @@ export default {
this.$get(this.api.getProjectBySystemId, { this.$get(this.api.getProjectBySystemId, {
systemId: this.systemIds, systemId: this.systemIds,
cId: this.courseId, // 课程id cId: this.courseId, // 课程id
mallId: this.mallId,
permissions: 0 // 0: 练习,1: 考核 permissions: 0 // 0: 练习,1: 考核
}).then(({ projects }) => { }).then(({ projects }) => {
this.loading = false this.loading = false
@ -974,7 +975,7 @@ export default {
location.href = `${Setting.bankPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${this.courseId}&mallId=${this.mallId}&systemId=${this.systemIds}&projectId=${this.curProject}&assessmentId=&classId=&stopTime=&test=true&manager=1` location.href = `${Setting.bankPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${this.courseId}&mallId=${this.mallId}&systemId=${this.systemIds}&projectId=${this.curProject}&assessmentId=&classId=&stopTime=&test=true&manager=1`
} else if (systemId == 12) { } else if (systemId == 12) {
// 众筹系统 // 众筹系统
window.open(`http://120.78.139.126:8879?systemId=${systemId}&courseId=${this.courseId}&projectId=${this.curProject}&token=${token}&userId=${this.userId}&classId=1`); window.open(`http://120.78.139.126:8879?systemId=${systemId}&courseId=${this.courseId}&projectId=${this.curProject}&token=${token}&userId=${this.userId}&classId=1&mallId=${this.mallId}`);
} else if (systemId == 21) { } else if (systemId == 21) {
window.open(`http://121.37.29.24:80/yyyflogin?userId=${this.userId}&userName=${userName}&userType=${roleId}&reqType=1&reqId=3989a0ad671849b99dcbdcc208782333&caseId=9681f86902314b10bc752909121f9ab9&authorization=87DIVy348Oxzj3ha&classId=1876&courserId=7ff5d4715b114b7398b6f26c20fac460`); window.open(`http://121.37.29.24:80/yyyflogin?userId=${this.userId}&userName=${userName}&userType=${roleId}&reqType=1&reqId=3989a0ad671849b99dcbdcc208782333&caseId=9681f86902314b10bc752909121f9ab9&authorization=87DIVy348Oxzj3ha&classId=1876&courserId=7ff5d4715b114b7398b6f26c20fac460`);
} else if (systemId == 22) { } else if (systemId == 22) {

2
src/setting.js
Unescape View File

@ -26,7 +26,7 @@ if (isPro) {
uploadURL = `http://121.37.12.51/` uploadURL = `http://121.37.12.51/`
host = "http://121.37.12.51/"; // 中台测试服 host = "http://121.37.12.51/"; // 中台测试服
// host = 'https://www.occupationlab.com/' // 正式服 // host = 'https://www.occupationlab.com/' // 正式服
host = "http://192.168.31.152:9000/"; // 榕 // host = "http://192.168.31.152:9000/"; // 榕
// host = 'http://192.168.31.51:9000/'; // 赓 // host = 'http://192.168.31.51:9000/'; // 赓
} }

Write Preview
Loading…
Cancel
Save