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

fix

Browse Source
alioss
yujialong 2 years ago
parent 6de3eb9d23
commit 588df7ce32
10 changed files with 1649 additions and 1481 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/api/index.js
  2. 11
      src/layouts/header/index.vue
  3. 473
      src/layouts/navbar/index.vue
  4. 178
      src/pages/record/list/ass.vue
  5. 325
      src/pages/record/list/index.vue
  6. 154
      src/pages/record/list/practice.vue
  7. 8
      src/pages/record/show/index.vue
  8. 1971
      src/pages/screen/index.vue
  9. 5
      src/pages/station/preview/index.vue
  10. 2
      src/store/modules/project.js

3
src/api/index.js
Unescape View File

@ -35,6 +35,7 @@ export default {
saveLearningProgress: 'nakadai/nakadai/curriculum/learning/progressprogress/save',
updateLearningProgress: 'nakadai/nakadai/curriculum/learning/progressprogress/update',
maximumPracticeScoreList: 'occupationlab/occupationlab/achievement/maximumPracticeScoreList',
listOfGoods: `nakadai/mall/listOfGoods`,
// 课程笔记
addNote: `nakadai/curriculumNotes/addNote`,
@ -80,6 +81,8 @@ export default {
exportBankExperimentReport: `occupationlab/occupationlab/achievement/exportBankExperimentReport`,
queryBcJudgmentPointByBcId: 'judgment/judgment/bcJudgmentPoint/queryBcJudgmentPointByBcId',
editExperimentalData: 'occupationlab/occupationlab/experimentalReport/editExperimentalData',
getSystemIdBySchool: `occupationlab/occupationlab/projectManage/getSystemIdBySchool`,
getSchoolEffectiveCourse: `nakadai/nakadai/curriculum/getSchoolEffectiveCourse`,
// 考核列表
pageStuAssessment: `occupationlab/occupationlab/assessment/pageStuAssessment`, // 学生端——学生考核列表

11
src/layouts/header/index.vue
Unescape View File

@ -327,7 +327,7 @@ $height: 64px;
border-radius: 6px;
}
}
@media (max-width: 1680px) {
@media (max-width: 1870px) {
.header {
.logo {
left: 20px;
@ -337,4 +337,13 @@ $height: 64px;
}
}
}
@media (max-width: 1550px) {
.header {
.logo {
img {
max-width: 260px;
}
}
}
}
</style>

473
src/layouts/navbar/index.vue
Unescape View File

@ -1,14 +1,21 @@
<template>
<div>
<ul class="nav">
<li v-for="(item, i) in menus" :key="i" :class="{active: active == item.index}" @click="jump(item)">
{{item.title}}
<ul :class="['children']" v-if="item.index === '/preInfo/list' || item.index === '/info/list'">
<li v-for="(column, i) in columns" :key="i" :class="{active: columnActive === column.id}" @click="toInfo($event, column)">{{ column.name }}</li>
</ul>
</li>
<div>
<ul class="nav">
<li v-for="(item, i) in menus"
:key="i"
:class="{active: active == item.index}"
@click="jump(item)">
{{item.title}}
<ul :class="['children']"
v-if="item.index === '/preInfo/list' || item.index === '/info/list'">
<li v-for="(column, i) in columns"
:key="i"
:class="{active: columnActive === column.id}"
@click="toInfo($event, column)">{{ column.name }}</li>
</ul>
</div>
</li>
</ul>
</div>
</template>
<script>
@ -16,248 +23,248 @@ import Setting from "@/setting"
import util from "@/libs/util"
import { mapActions } from "vuex";
export default {
data() {
return {
token: util.local.get(Setting.tokenKey),
isTourist: false,
active: '/' + this.$route.path.split('/')[1] + '/list',
// 登录后的菜单
loginedMenu: [
{
index: "/station/list",
title: "实验台"
},
{
index: "/appraisal/list",
title: "能力测评"
},
{
index: "/record/list",
title: "实验记录"
},
{
index: "/ass/list",
title: "考核列表"
},
{
index: "/course/list",
title: "课程学习"
},
{
index: "/info/list",
title: "最新资讯"
},
{
index: "/match/list",
title: "线上赛事"
},
{
index: "/activity/list",
title: "创业活动"
},
{
index: "/screen",
title: "数据看板"
}
],
// 游客菜单
touristMenu: [
{
index: "/index/list",
title: "首页"
},
{
index: "/touristMatch/list",
title: "大赛资讯"
},
{
index: "/preCourse/list",
title: "精品课程"
},
{
index: "/preInfo/list",
title: "最新资讯"
},
{
index: 'data',
title: "数据科研"
},
{
index: "/log/list",
title: "更新日志"
},
{
index: "/screen",
title: "数据看板"
}
// {
// index: "trial",
// title: "试用申请"
// }
],
menus: [],
columns: [
{
id: 0,
name: '平台资讯'
}
], // 资讯一级栏目
columnActive: this.$route.query.parentId
};
},
watch: {
"$route"(to, from) {
let actives = this.actives;
for (let i in this.actives) {
if (actives[i].includes(this.$route.name)) this.active = `/${i}/list`;
}
let arr=this.$route.path.split("/");
let name = `/${arr[1]}/list`
this.active = name;
}
},
mounted() {
const path = this.$route.path
this.isTourist = !!Setting.whiteList.find(e => e === path)
// 如果当前页面是在白名单页面，则用游客菜单
if (this.isTourist) {
// 如果是智信云的网站，则显示产品服务
const menus = this.touristMenu
if (Setting.isZxy) {
menus[0].index = '/index/zxy'
menus.splice(1, 0, {
index: '/product',
title: '产品服务'
})
}
this.menus = menus
} else {
this.menus = this.loginedMenu
data () {
return {
token: util.local.get(Setting.tokenKey),
isTourist: false,
active: '/' + this.$route.path.split('/')[1] + '/list',
// 登录后的菜单
loginedMenu: [
{
index: "/station/list",
title: "实验台"
},
{
index: "/appraisal/list",
title: "能力测评"
},
{
index: "/record/list",
title: "实验记录"
},
{
index: "/ass/list",
title: "考核列表"
},
{
index: "/course/list",
title: "课程学习"
},
{
index: "/info/list",
title: "最新资讯"
},
{
index: "/match/list",
title: "线上赛事"
},
{
index: "/activity/list",
title: "创业活动"
},
{
index: "/screen",
title: "数据看板"
}
this.isTourist || this.getColumns()
},
methods: {
...mapActions("info", [
"setColumnId"
]),
// 跳转
jump(item) {
const { index } = item
// 数据科研点击后打开新窗口去到数据平台
if (index === 'data') {
window.open(Setting.isDev
? `http://192.168.31.125:8092/#/`
: Setting.isTest
? location.origin
: `https://www.dataforward.cn`)
} else if (index === 'trial') {
// 申请试用
// window.open('https://www.wjx.cn/vm/wB0RcMm.aspx')
} else if (index === '/screen') {
// 数据看板
window.open(this.$router.resolve('/screen').href)
} else {
const token = util.local.get(Setting.tokenKey)
// 如果未登录且跳转的是登录后才有的菜单
if (!token && this.loginedMenu.find(e => e.index === index)) {
location.reload()
} else {
this.active = index
this.columnActive = ''
this.setColumnId('')
index === '/preInfo/list' || index === '/info/list' || this.$router.push(index).catch(err => {})
token !== this.token && location.reload() // 如果登录后再返回该页面，浏览器里会存有token，但是这个页面里的token是刚进到页面时获取的，应该是空，如果是这个情况，则刷新，否则右上角还会显示为登录按钮
}
}
],
// 游客菜单
touristMenu: [
{
index: "/index/list",
title: "首页"
},
{
index: "/touristMatch/list",
title: "大赛资讯"
},
// 获取资讯一级栏目
getColumns() {
this.$get(this.api.queryAllColumns).then(({ columnTree }) => {
this.columns.push(...columnTree)
}).catch(res => {})
{
index: "/preCourse/list",
title: "精品课程"
},
// 一级栏目点击回调
toInfo(e, column) {
e.stopPropagation()
const { id } = column
const path = this.isTourist ? 'preInfo' : 'info'
this.active = `/${path}/list`
this.columnActive = id
this.$router.push(`/${path}/list?parentId=${id || ''}&name=${column.name}`)
{
index: "/preInfo/list",
title: "最新资讯"
},
{
index: 'data',
title: "数据科研"
},
{
index: "/log/list",
title: "更新日志"
},
{
index: "/screen",
title: "数据看板"
}
// {
// index: "trial",
// title: "试用申请"
// }
],
menus: [],
columns: [
{
id: 0,
name: '平台资讯'
}
], // 资讯一级栏目
columnActive: this.$route.query.parentId
};
},
watch: {
"$route" (to, from) {
let actives = this.actives;
for (let i in this.actives) {
if (actives[i].includes(this.$route.name)) this.active = `/${i}/list`;
}
let arr = this.$route.path.split("/");
let name = `/${arr[1]}/list`
this.active = name;
}
};
</script>
<style lang="scss" scoped>
.nav{
position: absolute;
top: 0;
left: 50%;
display: flex;
transform: translateX(-50%);
& > li{
position: relative;
padding: 0 15px;
margin: 0 20px;
font-size: 16px;
line-height: 60px;
color: #3F3F3F;
white-space: nowrap;
cursor: pointer;
border-bottom: 4px solid transparent;
&.active{
color: $main-color;
border-bottom-color: $main-color;
},
mounted () {
const path = this.$route.path
this.isTourist = !!Setting.whiteList.find(e => e === path)
// 如果当前页面是在白名单页面，则用游客菜单
if (this.isTourist) {
// 如果是智信云的网站，则显示产品服务
const menus = this.touristMenu
if (Setting.isZxy) {
menus[0].index = '/index/zxy'
menus.splice(1, 0, {
index: '/product',
title: '产品服务'
})
}
this.menus = menus
} else {
this.menus = this.loginedMenu
}
&:hover {
.children {
display: flex;
this.isTourist || this.getColumns()
},
methods: {
...mapActions("info", [
"setColumnId"
]),
// 跳转
jump (item) {
const { index } = item
// 数据科研点击后打开新窗口去到数据平台
if (index === 'data') {
window.open(Setting.isDev
? `http://192.168.31.125:8092/#/`
: Setting.isTest
? location.origin
: `https://www.dataforward.cn`)
} else if (index === 'trial') {
// 申请试用
// window.open('https://www.wjx.cn/vm/wB0RcMm.aspx')
} else if (index === '/screen') {
// 数据看板
window.open(this.$router.resolve('/screen').href)
} else {
const token = util.local.get(Setting.tokenKey)
// 如果未登录且跳转的是登录后才有的菜单
if (!token && this.loginedMenu.find(e => e.index === index)) {
location.reload()
} else {
this.active = index
this.columnActive = ''
this.setColumnId('')
index === '/preInfo/list' || index === '/info/list' || this.$router.push(index).catch(err => { })
token !== this.token && location.reload() // 如果登录后再返回该页面，浏览器里会存有token，但是这个页面里的token是刚进到页面时获取的，应该是空，如果是这个情况，则刷新，否则右上角还会显示为登录按钮
}
}
},
// 获取资讯一级栏目
getColumns () {
this.$get(this.api.queryAllColumns).then(({ columnTree }) => {
this.columns.push(...columnTree)
}).catch(res => { })
},
// 一级栏目点击回调
toInfo (e, column) {
e.stopPropagation()
const { id } = column
const path = this.isTourist ? 'preInfo' : 'info'
this.active = `/${path}/list`
this.columnActive = id
this.$router.push(`/${path}/list?parentId=${id || ''}&name=${column.name}`)
}
}
.children {
};
</script>
<style lang="scss" scoped>
.nav {
position: absolute;
top: 64px;
top: 0;
left: 50%;
display: none;
background-color: #fff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
display: flex;
transform: translateX(-50%);
&.show {
display: flex;
}
& > li {
padding: 0 20px;
margin: 0 20px;
color: #333;
line-height: 64px;
cursor: pointer;
&:before {
content: '';
display: inline-block;
width: 3px;
height: 3px;
margin-right: 10px;
vertical-align: middle;
background-color: #333;
}
&.active {
color: $main-color;
&:before {
background-color: $main-color;
position: relative;
padding: 0 15px;
margin: 0 20px;
font-size: 16px;
line-height: 60px;
color: #3f3f3f;
white-space: nowrap;
cursor: pointer;
border-bottom: 4px solid transparent;
&.active {
color: $main-color;
border-bottom-color: $main-color;
}
&:hover {
.children {
display: flex;
}
}
}
.children {
position: absolute;
top: 64px;
left: 50%;
display: none;
background-color: #fff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
transform: translateX(-50%);
&.show {
display: flex;
}
& > li {
padding: 0 20px;
margin: 0 20px;
color: #333;
line-height: 64px;
cursor: pointer;
&:before {
content: '';
display: inline-block;
width: 3px;
height: 3px;
margin-right: 10px;
vertical-align: middle;
background-color: #333;
}
&.active {
color: $main-color;
&:before {
background-color: $main-color;
}
}
}
}
}
}
}
@media (max-width: 1680px) {
@media (max-width: 1870px) {
.nav {
left: 55%;
& > li {
margin: 0 10px;
margin: 0 10px;
}
}
}
@ -265,7 +272,7 @@ export default {
.nav {
left: 58%;
& > li {
padding: 0 10px;
padding: 0 10px;
}
}
}

178
src/pages/record/list/ass.vue
Unescape View File

@ -1,90 +1,120 @@
<template>
<div>
<el-table
ref="table"
class="table"
:data="listData"
stripe
>
<el-table-column prop="id" label="次序" width="60" align="center" type="index"></el-table-column>
<el-table-column prop="curriculumName" label="课程名称" align="center"></el-table-column>
<el-table-column prop="experimentalName" label="考核名称" align="center"></el-table-column>
<el-table-column prop="projectName" label="实验项目名称" align="center"></el-table-column>
<el-table-column prop="score" width="60" label="得分" align="center"></el-table-column>
<el-table-column prop="className" width="100" label="实验班级" align="center"></el-table-column>
<el-table-column prop="timeSum" width="80" label="耗时" align="center">
<template slot-scope="scope">
{{ scope.row.timeSum }}min
</template>
</el-table-column>
<el-table-column prop="startTime" width="160" label="起始时间" align="center"></el-table-column>
<el-table-column prop="submitTime" width="160" label="结束时间" align="center"></el-table-column>
<el-table-column label="操作" width="100" align="center">
<template slot-scope="scope">
<el-button type="text" @click="toReport(scope.row)">实验成绩报告</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background :current-page="page" layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange"></el-pagination>
</div>
<div>
<el-table ref="table"
class="table"
:data="listData"
stripe>
<el-table-column prop="id"
label="次序"
width="60"
align="center"
type="index"></el-table-column>
<el-table-column prop="curriculumName"
label="课程名称"
align="center"></el-table-column>
<el-table-column prop="experimentalName"
label="考核名称"
align="center"></el-table-column>
<el-table-column prop="projectName"
label="实验项目名称"
align="center"></el-table-column>
<el-table-column prop="score"
width="60"
label="得分"
align="center"></el-table-column>
<el-table-column prop="className"
width="100"
label="实验班级"
align="center"></el-table-column>
<el-table-column prop="timeSum"
width="80"
label="耗时"
align="center">
<template slot-scope="scope">
{{ scope.row.timeSum }}min
</template>
</el-table-column>
<el-table-column prop="startTime"
width="160"
label="起始时间"
align="center"></el-table-column>
<el-table-column prop="submitTime"
width="160"
label="结束时间"
align="center"></el-table-column>
<el-table-column label="操作"
width="100"
align="center">
<template slot-scope="scope">
<el-button type="text"
@click="toReport(scope.row)">实验成绩报告</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background
:current-page="page"
layout="total, prev, pager, next"
:total="total"
@current-change="handleCurrentChange"></el-pagination>
</div>
</div>
</template>
<script>
import { mapActions } from "vuex";
export default {
props: ["curriculumId"],
data() {
return {
listData: [],
page: 1,
pageSize: 10,
total: 0
};
props: ['mallId', 'curriculumId'],
data () {
return {
listData: [],
page: 1,
pageSize: 10,
total: 0
};
},
watch: {
mallId: function (val) {
this.initData();
},
watch: {
curriculumId: function(val) {
this.initData();
}
},
mounted () {
this.page = 1
this.getData()
},
methods: {
...mapActions({
setCurriculum: "project/setCurriculum"
}),
tableRowStyle ({ row, column, rowIndex, columnIndex }) {
if (rowIndex % 2 === 0) {
return "background-color: #FFF";
} else {
return "background-color: #F5F2FF";
}
},
mounted() {
this.page = 1
this.getData()
handleCurrentChange (val) {
this.page = val;
this.getData();
},
methods: {
...mapActions({
setCurriculum: "project/setCurriculum"
}),
tableRowStyle({ row, column, rowIndex, columnIndex }) {
if (rowIndex % 2 === 0) {
return "background-color: #FFF";
} else {
return "background-color: #F5F2FF";
}
},
handleCurrentChange(val) {
this.page = val;
this.getData();
},
getData() {
this.$post(this.api.queryAssessmentByStudent, {
pageNum: this.page,
pageSize: this.pageSize,
curriculumId: this.curriculumId
}).then(res => {
this.listData = res.page.records;
this.total = res.page.total;
}).catch(err => {});
},
toReport(row) {
this.setCurriculum(this.curriculumId)
this.$router.push(`show?reportId=${row.reportId}`);
}
getData () {
this.$post(this.api.queryAssessmentByStudent, {
pageNum: this.page,
pageSize: this.pageSize,
mallId: this.mallId,
curriculumId: this.curriculumId
}).then(res => {
this.listData = res.page.records;
this.total = res.page.total;
}).catch(err => { });
},
toReport (row) {
this.setCurriculum(this.curriculumId)
this.$router.push(`show?reportId=${row.reportId}`);
}
}
};
</script>
<style lang="scss" scopted>
</style>

325
src/pages/record/list/index.vue
Unescape View File

@ -1,64 +1,80 @@
<template>
<!-- 实验记录 -->
<div class="wrap">
<div class="block overview">
<h6 class="l-title">
<img src="@/assets/img/record5.png" alt="">
实验概览
</h6>
<div class="nums">
<div class="item">
<p class="val">{{ overview.userName }}</p>
<p class="name">姓名</p>
</div>
<!-- 实验记录 -->
<div class="wrap">
<div class="block overview">
<h6 class="l-title">
<img src="@/assets/img/record5.png"
alt="">
实验概览
</h6>
<div class="nums">
<div class="item">
<p class="val">{{ overview.userName }}</p>
<p class="name">姓名</p>
</div>
<div class="item">
<p class="val">{{ overview.experimentalNum }}</p>
<p class="name">实验次数(次)</p>
</div>
<div class="item">
<p class="val">{{ overview.experimentalNum }}</p>
<p class="name">实验次数(次)</p>
</div>
<div class="item">
<p class="val">{{ overview.duration ? overview.duration : 0 }}小时</p>
<p class="name">实验总时长(时)</p>
</div>
<div class="item">
<p class="val">{{ overview.duration ? overview.duration : 0 }}小时</p>
<p class="name">实验总时长(时)</p>
</div>
<div class="item">
<p class="val">{{ overview.avgScore ? overview.avgScore.toFixed(2) : overview.avgScore }}</p>
<p class="name">实验平均分</p>
</div>
</div>
<div class="item">
<p class="val">{{ overview.avgScore ? overview.avgScore.toFixed(2) : overview.avgScore }}</p>
<p class="name">实验平均分</p>
</div>
</div>
</div>
<div class="block record">
<h6 class="l-title">
<img src="@/assets/img/record6.png" alt="">
实验记录明细
</h6>
<div class="block record">
<h6 class="l-title">
<img src="@/assets/img/record6.png"
alt="">
实验记录明细
</h6>
<div class="tool">
<ul class="filter" style="justify-content: space-between;">
<div class="tabs">
<a class="item" v-for="(item,index) in tabList" :key="index" :class="{active: index == active}" @click="tabChange(index)">{{ item }}</a>
</div>
<li style="margin-right: 0">
<label>课程选择：</label>
<el-select v-model="curriculumId">
<el-option
v-for="item in curriculumList"
:key="item.cid"
:label="item.curriculumName"
:value="item.cid"
></el-option>
</el-select>
<el-button style="margin-left: 20px;" type="primary" @click="exportData">导出数据</el-button>
</li>
</ul>
</div>
<div class="tool">
<ul class="filter"
style="justify-content: space-between;">
<div class="tabs">
<a class="item"
v-for="(item, i) in tabs"
:key="i"
:class="{active: item.id == active}"
@click="tabChange(item.id)">{{ item.name }}</a>
</div>
<li style="margin-right: 0">
<label>课程选择：</label>
<el-cascader v-model="mallIds"
:options="curs"
:props="{ checkStrictly: true, value: 'id' }"
popper-class="course-cas"
@expand-change="curChange"
@change="curChange"></el-cascader>
<practice v-if="active == 'practice'" :curriculumId.sync="curriculumId" :key="curriculumId"></practice>
<ass v-else :curriculumId.sync="curriculumId" :key="curriculumId"></ass>
</div>
<el-button style="margin-left: 20px;"
type="primary"
@click="exportData">导出数据</el-button>
</li>
</ul>
</div>
<practice v-if="!active"
ref="list0"
:mallId.sync="mallId"
:curriculumId.sync="curriculumId"
:key="mallId"></practice>
<ass v-else
ref="list1"
:curriculumId.sync="curriculumId"
:mallId.sync="mallId"
:key="mallId"></ass>
</div>
</div>
</template>
<script>
@ -69,88 +85,119 @@ import axios from 'axios';
import Setting from "@/setting";
import util from "@/libs/util";
export default {
components: {
practice,
ass
},
data() {
return {
curriculumId: "",
curriculumList: [
{
cid: '',
curriculumName: '不限'
}
],
overview: {},
active: "practice",
tabList: {
practice: "练习",
ass: "考核"
},
token:util.local.get(Setting.tokenKey),
};
},
computed: {
...mapState("project", [
'lastRecordType', 'currId'
])
components: {
practice,
ass
},
data () {
return {
mallIds: [],
curs: [],
mallId: '',
curriculumId: "",
curriculumList: [
{
cid: '',
curriculumName: '不限'
}
],
overview: {},
active: 0,
tabs: [
{
id: 0,
name: '练习'
},
{
id: 1,
name: '考核'
},
],
token: util.local.get(Setting.tokenKey),
};
},
computed: {
...mapState("project", [
'lastRecordType', 'currId'
])
},
watch: {
mallId: {
handler (val) {
this.curriculumId = this.curs.find(e => e.mallId == val).cid
},
deep: true
}
},
created () {
this.active = this.lastRecordType ? this.lastRecordType : 0;
},
mounted () {
this.getData()
this.getCourse()
},
methods: {
...mapActions({
setRecord: "project/setRecord"
}),
// 获取课程
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 = [res.data[0].mallId, data[0].id]
this.mallId = res.data[0].mallId
}
},
created() {
this.active = this.lastRecordType ? this.lastRecordType : "practice";
// 课程选择回调
curChange (val) {
const id = val[0]
if (val.length === 1) {
// 如果选择的是课程，则默认选中下面第一个系统
this.mallIds = [id, this.curs.find(e => e.id == id).children[0].id]
}
this.mallId = id
},
mounted() {
this.getData();
this.getschoolCourse();
getData () { // 获取实验概览数据
this.$get(this.api.experimentOverview).then(res => {
this.overview = res.data;
}).catch(err => { })
},
methods: {
...mapActions({
setRecord: "project/setRecord"
}),
getschoolCourse() { // 获取课程下拉框数据
this.$get(this.api.schoolCourseByAchievement).then(res => {
if (res.data && res.data.length) {
this.curriculumList = [...this.curriculumList, ...res.data]
this.curriculumId = this.currId || this.curriculumList[0].cid
}
}).catch(err => {
console.log(err);
});
},
getData() { // 获取实验概览数据
this.$get(this.api.experimentOverview).then(res => {
this.overview = res.data;
}).catch(err => {})
},
exportData() { // 导出
if (this.active == "practice") {
// 练习
axios.get(`${this.api.exportPracticeByStudent}?curriculumId=${this.curriculumId}`,{
headers: {
token: this.token
},
responseType: 'blob'
}).then((res) => {
util.downloadFileDirect(`学生练习成绩.xls`,new Blob([res.data]))
}).catch(res => {})
} else {
// 考核
axios.get(`${this.api.exportAssessmentByStudent}?curriculumId=${this.curriculumId}`,{
headers: {
token: this.token
},
responseType: 'blob'
}).then((res) => {
util.downloadFileDirect(`学生考核成绩.xls`,new Blob([res.data]))
}).catch(res => {})
}
},
tabChange(index) {
this.active = index;
this.setRecord(index)
// this.$store.dispatch('project/setRecord', index)
}
exportData () { // 导出
if (this.active == "practice") {
// 练习
axios.get(`${this.api.exportPracticeByStudent}?curriculumId=${this.curriculumId}`, {
headers: {
token: this.token
},
responseType: 'blob'
}).then((res) => {
util.downloadFileDirect(`学生练习成绩.xls`, new Blob([res.data]))
}).catch(res => { })
} else {
// 考核
axios.get(`${this.api.exportAssessmentByStudent}?curriculumId=${this.curriculumId}`, {
headers: {
token: this.token
},
responseType: 'blob'
}).then((res) => {
util.downloadFileDirect(`学生考核成绩.xls`, new Blob([res.data]))
}).catch(res => { })
}
},
tabChange (id) {
this.active = id
this.setRecord(id)
}
},
};
</script>
@ -169,21 +216,21 @@ export default {
display: flex;
justify-content: space-between;
.item:nth-child(1) {
background: url(../../../assets/img/record1-1.png) (88% 25px)/auto no-repeat,
url(../../../assets/img/record1.png) 0 0/100% 100% no-repeat;
background: url(../../../assets/img/record1-1.png) (88% 25px) / auto no-repeat,
url(../../../assets/img/record1.png) 0 0/100% 100% no-repeat;
}
.item:nth-child(2) {
background: url(../../../assets/img/record2-1.png) (88% 15px)/auto no-repeat,
url(../../../assets/img/record2.png) 0 0/100% 100% no-repeat;
background: url(../../../assets/img/record2-1.png) (88% 15px) / auto no-repeat,
url(../../../assets/img/record2.png) 0 0/100% 100% no-repeat;
}
.item:nth-child(3) {
background: url(../../../assets/img/record3-1.png) (88% 20px)/auto no-repeat,
url(../../../assets/img/record3.png) 0 0/100% 100% no-repeat;
background: url(../../../assets/img/record3-1.png) (88% 20px) / auto no-repeat,
url(../../../assets/img/record3.png) 0 0/100% 100% no-repeat;
}
.item:nth-child(4) {
margin-right: 0;
background: url(../../../assets/img/record4-1.png) (88% 18px)/auto no-repeat,
url(../../../assets/img/record4.png) 0 0/100% 100% no-repeat;
background: url(../../../assets/img/record4-1.png) (88% 18px) / auto no-repeat,
url(../../../assets/img/record4.png) 0 0/100% 100% no-repeat;
}
.item {
width: 22%;
@ -219,7 +266,7 @@ export default {
line-height: 34px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #CACFDB;
border: 1px solid #cacfdb;
cursor: pointer;
&.active {
color: #fff;

154
src/pages/record/list/practice.vue
Unescape View File

@ -1,79 +1,111 @@
<template>
<div>
<el-table :data="listData" stripe>
<el-table-column prop="id" label="次序" width="60" align="center" type="index"></el-table-column>
<el-table-column prop="curriculumName" label="课程名称" align="center"></el-table-column>
<el-table-column prop="projectName" label="实验项目名称" align="center"></el-table-column>
<el-table-column prop="hightScore" width="120" label="实验最高得分" align="center"></el-table-column>
<el-table-column prop="practiceNum" label="练习次数" width="80" align="center"></el-table-column>
<el-table-column prop="duration" width="140" label="累计实验时长（小时）" align="center"></el-table-column>
<el-table-column prop="lastTime" width="160" label="最近实验时间" align="center"></el-table-column>
<el-table-column prop="creationTime" width="90" label="操作" align="center">
<template slot-scope="scope">
<el-button type="text" @click="toDetails(scope.row)">实验情况</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background :current-page="page" layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange"></el-pagination>
</div>
<div>
<el-table :data="listData"
stripe>
<el-table-column prop="id"
label="次序"
width="60"
align="center"
type="index"></el-table-column>
<el-table-column prop="curriculumName"
label="课程名称"
align="center"></el-table-column>
<el-table-column prop="projectName"
label="实验项目名称"
align="center"></el-table-column>
<el-table-column prop="hightScore"
width="120"
label="实验最高得分"
align="center"></el-table-column>
<el-table-column prop="practiceNum"
label="练习次数"
width="80"
align="center"></el-table-column>
<el-table-column prop="duration"
width="140"
label="累计实验时长（小时）"
align="center"></el-table-column>
<el-table-column prop="lastTime"
width="160"
label="最近实验时间"
align="center"></el-table-column>
<el-table-column prop="creationTime"
width="90"
label="操作"
align="center">
<template slot-scope="scope">
<el-button type="text"
@click="toDetails(scope.row)">实验情况</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background
:current-page="page"
layout="total, prev, pager, next"
:total="total"
@current-change="handleCurrentChange"></el-pagination>
</div>
</div>
</template>
<script>
import { mapActions } from "vuex";
export default {
props: ["curriculumId"],
data() {
return {
listData: [],
page: 1,
pageSize: 10,
total: 0
};
props: ['mallId', 'curriculumId'],
data () {
return {
listData: [],
page: 1,
pageSize: 10,
total: 0
};
},
watch: {
mallId: function (val) {
this.initData();
},
watch: {
curriculumId: function(val) {
this.initData();
}
},
mounted () {
this.initData()
},
methods: {
...mapActions({
setCurriculum: "project/setCurriculum"
}),
tableRowStyle ({ row, column, rowIndex, columnIndex }) {
if (rowIndex % 2 === 0) {
return "background-color: #FFF";
} else {
return "background-color: #F5F2FF";
}
},
mounted() {
handleCurrentChange (val) {
this.page = val;
this.getData();
},
getData () {
this.$post(this.api.queryPracticeByStudent, {
pageNum: this.page,
pageSize: this.pageSize,
mallId: this.mallId,
curriculumId: this.curriculumId
}).then(res => {
this.listData = res.page.records;
this.total = res.page.total;
}).catch(err => { });
},
initData () {
this.page = 1
this.getData()
},
methods: {
...mapActions({
setCurriculum: "project/setCurriculum"
}),
tableRowStyle({ row, column, rowIndex, columnIndex }) {
if (rowIndex % 2 === 0) {
return "background-color: #FFF";
} else {
return "background-color: #F5F2FF";
}
},
handleCurrentChange(val) {
this.page = val;
this.getData();
},
getData() {
this.$post(this.api.queryPracticeByStudent, {
pageNum: this.page,
pageSize: this.pageSize,
curriculumId: this.curriculumId
}).then(res => {
this.listData = res.page.records;
this.total = res.page.total;
}).catch(err => {});
},
toDetails(row) {
this.setCurriculum(this.curriculumId)
this.$router.push(`/record/details?curriculumId=${row.curriculumId}&projectId=${row.projectId}`);
}
toDetails (row) {
this.setCurriculum(this.curriculumId)
this.$router.push(`/record/details?curriculumId=${row.curriculumId}&projectId=${row.projectId}`);
}
}
};
</script>
<style lang="scss" scoped>
</style>

8
src/pages/record/show/index.vue
Unescape View File

@ -142,7 +142,7 @@
label="判分点"
width="200"
align="center"></el-table-column>
<el-table-column v-if='project'
<el-table-column v-if="project"
prop="judgmentName"
label="考核点"
align="center"
@ -172,7 +172,8 @@
v-html="scope.row.referenceAnswer"></div>
</template>
</el-table-column>
<el-table-column prop="userAnswer"
<el-table-column v-if="!project"
prop="userAnswer"
label="学生答案">
<template slot-scope="scope">
<div v-if='scope.row.lcRuleRecords'>
@ -331,9 +332,8 @@ export default {
})
} else { // python系统显示图片（从userScores里取）
list.forEach(e => {
// e.runResult = e.runResult
const item = this.userScores.find(n => n.judgmentId == e.judgmentId)
if (item && item.runThePictureList) {
if (item) {
if (item.runThePictureList) e.runThePictureList = item.runThePictureList
if (item.runResult) e.runResult = item.runResult
}

1971
src/pages/screen/index.vue
View File

File diff suppressed because it is too large Load Diff

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

@ -594,7 +594,7 @@ export default {
},
// 获取学习进度
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
if (res.list.length) this.archProject = res.list[0].projectId
this.maximumScores.length || this.getMaximumScore()
@ -906,6 +906,7 @@ export default {
this.$get(this.api.getProjectBySystemId, {
systemId: this.systemIds,
cId: this.courseId, // 课程id
mallId: this.mallId,
permissions: 0 // 0: 练习,1: 考核
}).then(({ projects }) => {
this.loading = false
@ -971,7 +972,7 @@ export default {
location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${this.courseId}&mallId=${this.mallId}&systemId=${this.systemIds}&projectId=${this.curProject}&assessmentId=&classId=&stopTime=&test=true`
} 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) {
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) {

2
src/store/modules/project.js
Unescape View File

@ -5,7 +5,7 @@ export default {
namespaced: true,
state: {
currId: '',
lastRecordType: "practice",
lastRecordType: 0,
courseId: ''
},
mutations: {

Write Preview
Loading…
Cancel
Save