huoran
/
FE_python_trial
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 8 Wiki Activity

模型等

Browse Source
openf12
yujialong 2 years ago
parent ac2f86b339
commit c53b018596
7 changed files with 911 additions and 673 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. 15
      public/index.html
  2. 3
      src/api/index.js
  3. 217
      src/components/TestPanel.vue
  4. 213
      src/components/codemirror.vue
  5. 6
      src/config/index.js
  6. 311
      src/views/Data.vue
  7. 49
      src/views/Home.vue

15
public/index.html
Unescape View File

@ -1,15 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<!-- <meta http-equiv="X-Frame-Options" content="deny" /> -->
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
<strong
>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
properly without JavaScript enabled. Please enable it to
continue.</strong
>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->

3
src/api/index.js
Unescape View File

@ -21,6 +21,7 @@ export default {
getDetailById: 'occupationlab/occupationlab/assessment/getDetailById',
pageStuAssessment: 'occupationlab/occupationlab/assessment/pageStuAssessment',
modelClassList: `nakadai/nakadai/model/reference/modelClassList`,
studentModelList: `nakadai/nakadai/model/student/studentModelList`,
referenceDemoList: `nakadai/nakadai/model/reference/demo/referenceDemoList`,
referenceFindById: `nakadai/nakadai/model/reference/demo/findById`,
checkIsShowBySystemId: `nakadai/nakadai/model/reference/checkIsShowBySystemId`,
@ -34,4 +35,6 @@ export default {
exportLabReport: `occupationlab/occupationlab/achievement/exportLabReport`,
reportDetail: `occupationlab/occupationlab/achievement/reportDetail`,
getCompetition: `competition/competition/management/getCompetition`,
whetherCanPaste: `nakadai/nakadai/model/demo/whetherCanPaste`,
displayListOrNotByStudent: `nakadai/nakadai/model/demo/displayListOrNotByStudent`,
}

217
src/components/TestPanel.vue
Unescape View File

@ -1,29 +1,30 @@
<template>
<div :class="['panel', {active: pannelVisible}]" id="panel">
<el-container class="scrollbar" v-if="pannelVisible">
<el-header>
<div :class="['panel', {active: pannelVisible}]"
id="panel">
<el-container class="scrollbar"
v-if="pannelVisible">
<el-header id="header">
<div class="panel-header">
<div class="project">
<div class="inline-center">
<p>实训项目</p>
<el-tooltip effect="dark" content="点击右侧“下三角”按钮可切换实验项目" placement="bottom">
<i class="info el-icon-warning" style="margin-left: 10px"></i>
<el-tooltip effect="dark"
content="点击右侧“下三角”按钮可切换实验项目"
placement="bottom">
<i class="info el-icon-warning"
style="margin-left: 10px"></i>
</el-tooltip>
</div>
<el-select
v-model="projectId"
<el-select v-model="projectId"
placeholder="请选择"
class="select"
:disabled="projectPermissions != 0"
@change="selectProject"
style="flex: 1"
>
<el-option
v-for="(item, i) in projectList"
style="flex: 1">
<el-option v-for="(item, i) in projectList"
:key="item.projectId"
:label="i + 1 + '. ' + item.projectName"
:value="item.projectId"
></el-option>
:value="item.projectId"></el-option>
</el-select>
</div>
<div class="item">
@ -35,16 +36,23 @@
<span>{{seconds}}</span>秒
</div>
</div>
<div v-if="!competitionId" class="item">
<div v-if="!competitionId"
class="item">
<div>
总得分：
<span class="total-score">{{grade}}</span>
</div>
</div>
<div>
<el-button @click="toReport" v-if="isSubmit && !competitionId">查看实验报告</el-button>
<el-button class="reload" @click="reload" v-show="projectPermissions == 0">重新开始</el-button>
<el-button type="primary" class="submit btn" @click="confirmSubmit" :disabled="isSubmit || !projectList.length">提交</el-button>
<el-button @click="toReport"
v-if="isSubmit && !competitionId">查看实验报告</el-button>
<el-button class="reload"
@click="reload"
v-show="projectPermissions == 0">重新开始</el-button>
<el-button type="primary"
class="submit btn"
@click="confirmSubmit"
:disabled="isSubmit || !projectList.length">提交</el-button>
</div>
</div>
</el-header>
@ -56,7 +64,8 @@
<p>实验目标</p>
</div>
<div class="goal">
<div class="ql-editor" v-html="experimentTarget"></div>
<div class="ql-editor"
v-html="experimentTarget"></div>
</div>
</div>
<div class="aside-footer">
@ -67,30 +76,38 @@
<div>
<el-row>
<el-col :span="24">
<el-card shadow="never" :border="false">
<el-table :data="taskList" :stripe="true">
<el-card shadow="never"
:border="false">
<el-table :data="taskList"
:stripe="true">
<el-table-column type="index"></el-table-column>
<el-table-column prop="name" label="判分点" align="center"></el-table-column>
<el-table-column prop="score" label="分值" width="60" align="center"></el-table-column>
<el-table-column prop="name"
label="判分点"
align="center"></el-table-column>
<el-table-column prop="score"
label="分值"
width="60"
align="center"></el-table-column>
<template v-if="!competitionId">
<el-table-column label="结果" width="60" align="center">
<el-table-column label="结果"
width="60"
align="center">
<template slot-scope="scope">
<template v-if="isSubmit">
<template v-if="!competitionId">
<i
v-if="scope.row.finishedResult"
class="el-icon-check right"
></i>
<i
v-else
class="el-icon-close wrong"
></i>
<i v-if="scope.row.finishedResult"
class="el-icon-check right"></i>
<i v-else
class="el-icon-close wrong"></i>
</template>
<template v-else>-</template>
</template>
</template>
</el-table-column>
<el-table-column prop="score" label="得分" width="60" align="center">
<el-table-column prop="score"
label="得分"
width="60"
align="center">
<template slot-scope="scope">
<template v-if="isSubmit">{{ competitionId ? '-' : scope.row.examScore }}</template>
</template>
@ -104,23 +121,34 @@
</div>
</el-aside>
<el-main>
<el-tabs v-model="pannelTab" type="card">
<el-tab-pane label="项目背景" name="first">
<div class="ql-editor" v-html="experimentDescription"></div>
<el-tabs v-model="pannelTab"
type="card">
<el-tab-pane label="项目背景"
name="first">
<div class="ql-editor"
v-html="experimentDescription"></div>
</el-tab-pane>
<el-tab-pane label="实验要求" name="second">
<el-tab-pane label="实验要求"
name="second">
<el-collapse v-model="curReq">
<el-collapse-item v-for="item in points" :name="item.judgmentId" :key="item.judgmentId">
<el-collapse-item v-for="item in points"
:name="item.judgmentId"
:key="item.judgmentId">
<template slot="title">
<i class="el-icon-s-ticket"></i>
<div class="break-all des" v-html="item.name"></div>
<div class="break-all des"
v-html="item.name"></div>
</template>
<div class="ql-editor" v-html="item.experimentalRequirements"></div>
<div class="ql-editor"
v-html="item.experimentalRequirements"></div>
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane label="实验提示" name="fifth" v-if="hintOpen">
<div class="ql-editor" v-html="experimentHint"></div>
<el-tab-pane label="实验提示"
name="fifth"
v-if="hintOpen">
<div class="ql-editor"
v-html="experimentHint"></div>
</el-tab-pane>
</el-tabs>
</el-main>
@ -129,8 +157,14 @@
<div :class="['toggle-panel', {active: pannelVisible}]">
<div @click="togglePannel">
<img :src="require(`@/assets/images/system/${$config.defaultSystem}/left.png`)" alt class="c-p" v-if="pannelVisible" />
<img :src="require(`@/assets/images/system/${$config.defaultSystem}/right.png`)" alt class="c-p" v-if="!pannelVisible" />
<img :src="require(`@/assets/images/system/${$config.defaultSystem}/left.png`)"
alt
class="c-p"
v-if="pannelVisible" />
<img :src="require(`@/assets/images/system/${$config.defaultSystem}/right.png`)"
alt
class="c-p"
v-if="!pannelVisible" />
</div>
</div>
</div>
@ -145,7 +179,7 @@ import 'quill/dist/quill.core.css';
import 'quill/dist/quill.snow.css';
import 'quill/dist/quill.bubble.css';
export default {
data() {
data () {
return {
token: Cookie.get('admin-token'),
systemId: Cookie.get('admin-systemId') || 1,
@ -189,7 +223,7 @@ export default {
reportId: ''
};
},
mounted() {
mounted () {
// 2：竞赛，1：考核，0：练习
this.projectPermissions = this.assessmentId ?
1 :
@ -208,7 +242,7 @@ export default {
} else {
this.getCache()
}
}).catch(res => {})
}).catch(res => { })
if (this.competitionId) {
clearInterval(this.statusTimer)
this.statusTimer = setInterval(_ => {
@ -220,14 +254,14 @@ export default {
},
methods: {
// 获取项目列表
getList(){
getList () {
let data = {
systemId: this.systemId,
cId: this.courseId, // 课程id
permissions: this.projectPermissions // 练习/考核/竞赛
}
return new Promise((resolve, reject) => {
this.$get(`${this.api.queryTestProject}`,data).then(res => {
this.$get(`${this.api.queryTestProject}`, data).then(res => {
const list = res.projects
this.projectList = list
if (!this.projectPermissions && !this.projectId) this.projectId = list ? list[0].projectId : 0 // 默认取第一个项目
@ -242,7 +276,7 @@ export default {
})
},
// 获取项目详情
getProDetail() {
getProDetail () {
const projectId = this.projectId
return new Promise((resolve, reject) => {
this.$get(this.api.getProjectDetail, {
@ -251,6 +285,7 @@ export default {
}).then(res => {
const points = res.projectJudgmentVos
const project = res.projectManage
const mg = res.projectManage
const curReq = []
// 跳转银行
if (project.systemId == 11) {
@ -284,7 +319,7 @@ export default {
this.experimentTarget = project.experimentTarget
this.experimentDescription = project.experimentDescription
this.experimentHint = project.experimentHint
this.hintOpen = !res.projectManage.hintOpen // 0显示，1不显示
this.hintOpen = mg.founder ? !mg.hintOpenBySchool : !mg.hintOpen // 0显示，1不显示
this.$emit('tell', projectId, systemId, this.points)
const isPrac = this.projectPermissions == 0 // 是否是练习
this.text = isPrac ? '已用' : '剩余'
@ -300,12 +335,12 @@ export default {
})
},
// 关闭父页面的loading，并置加载完成状态为true
closeLoad() {
closeLoad () {
this.$parent.loadIns.close()
this.$parent.loaded = true
},
// 获取考核列表来查询该考核是否已经考过
getAssList(){
getAssList () {
this.$post(`${this.api.pageStuAssessment}`, {
pageNum: 1,
pageSize: 10000
@ -328,16 +363,16 @@ export default {
if (!done) {
this.getList().then(() => {
this.getCache()
}).catch(res => {})
}).catch(res => { })
// 查询考核状态定时器
this.statusTimer = setInterval(_ => {
this.getAssStatus()
}, 1000)
}
}).catch(res => {})
}).catch(res => { })
},
// 获取上次缓存记录
getCache(cache) {
getCache (cache) {
const pId = cache ? cache.projectId : ''
const projectId = Number(pId || this.projectId)
const cid = this.courseId
@ -373,7 +408,7 @@ export default {
let hasCache = 0 // 是否有缓存
points.map((e, i) => {
const judgmentId = e.judgmentId
promiseList.push(new Promise((resolve,reject) => {
promiseList.push(new Promise((resolve, reject) => {
this.$post(this.api.getLastCache, {
assessmentId: assessmentId ? Number(assessmentId) : '',
bcId: judgmentId,
@ -413,7 +448,7 @@ export default {
})
this.$emit('tell', projectId, this.curSystemId, this.points)
this.$emit('recoveryCode', newJudgmentId + '') // 切换为缓存的判分点，tab索引值要为字符串
}).catch(res => {})
}).catch(res => { })
} else {
this.points.map(e => {
const item = points.find(n => n.judgmentId === e.judgmentId)
@ -432,14 +467,14 @@ export default {
bcId: e.judgmentId,
projectId,
cid
}).then(res => {}).catch(() => {})
}).then(res => { }).catch(() => { })
})
})
})
}
},
// 定时查询考核状态（查到考核如果结束后，直接提交考核）
getAssStatus() {
getAssStatus () {
// 未提交才需要查询状态
this.isSubmit || this.$get(this.api.getDetailById, {
id: this.assessmentId
@ -453,10 +488,10 @@ export default {
})
this.submit()
}
}).catch(res => {})
}).catch(res => { })
},
// 定时查询竞赛状态（查到竞赛如果结束后，直接提交竞赛）
getCompetitionStatus() {
getCompetitionStatus () {
// 未提交才需要查询状态
this.isSubmit || this.$post(`${this.api.getCompetition}?competitionId=${this.competitionId}`).then(({ competition }) => {
const stages = competition.competitionStage
@ -475,14 +510,14 @@ export default {
this.counter((endTime - now) / 1000)
}
}
}).catch(res => {})
}).catch(res => { })
},
// 项目选择回调
selectProject(){
selectProject () {
this.isSelected = true
this.getProDetail().then(() => {
this.getCache()
}).catch(res => {})
}).catch(res => { })
this.isSubmit = false
this.countVal = 0
this.grade = '00'
@ -491,11 +526,11 @@ export default {
newmain.$emit('isSubmit', this.isSubmit) // 选择项目后把提交状态重置为未提交
},
// 查看实验报告
toReport() {
toReport () {
this.$router.push(`/report?reportId=${this.reportId}`)
},
//重新开始
reload() {
reload () {
this.reloadCount()
this.grade = '00'
localStorage.removeItem('codeCache')
@ -514,10 +549,10 @@ export default {
this.startCount()
},
// 提交询问
confirmSubmit() {
confirmSubmit () {
const pointList = this.$parent.workbench
let msg = '此操作将视为结束考试，是否继续？'
if(pointList.find(e => !e.codeId && e.code)) msg = '有代码没有运行，该代码将不得分，确定提交？'
if (pointList.find(e => !e.codeId && e.code)) msg = '有代码没有运行，该代码将不得分，确定提交？'
this.$confirm(msg, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
@ -534,14 +569,14 @@ export default {
}).then(({ codeId }) => {
this.$parent.workbench[0].codeId = codeId
this.submit()
}).catch(err => {})
}).catch(err => { })
} else {
this.submit()
}
}).catch(() => {})
}).catch(() => { })
},
// 提交
submit() {
submit () {
if (this.isSubmit) return false
const pointList = this.$parent.workbench
const date = new Date()
@ -612,10 +647,10 @@ export default {
this.$parent.back()
}
})
}).catch(err => {})
}).catch(err => { })
},
// 编辑实验报告
editReport(reportId) {
editReport (reportId) {
const data = []
const ans = []
const promises = []
@ -647,20 +682,20 @@ export default {
this.$post(this.api.editExperimentalData, {
reportId,
data: JSON.stringify(data)
}).then(res => {}).catch(err => {})
}).then(res => { }).catch(err => { })
})
},
// 实验面板显示隐藏
togglePannel() {
togglePannel () {
document.querySelector('#panel').style.left = 0
this.pannelVisible = !this.pannelVisible
},
// 倒计时
timeFormat(param) {
timeFormat (param) {
return param < 10 ? '0' + param : param
},
// 清除时间
reloadCount() {
reloadCount () {
clearInterval(this.counterTimer)
this.countVal = ''
this.day = '00'
@ -669,7 +704,7 @@ export default {
this.hour = '00'
},
// 计时器（考核是倒计时，练习是计时）
counter(counterTime) {
counter (counterTime) {
let leave1 = counterTime % (24 * 3600) //计算天数后剩余的毫秒数
let leave2 = leave1 % 3600 //计算小时数后剩余的毫秒数
let leave3 = leave2 % 60 //计算分钟数后剩余的毫秒数
@ -687,25 +722,24 @@ export default {
this.seconds = seconds
},
// 启动倒计时
startCount() {
startCount () {
clearInterval(this.counterTimer)
this.counterTimer = setInterval(() => {
this.counter(this.projectPermissions ? this.countVal-- : this.countVal++)
}, 1000)
},
// 拖拽面板
drag() {
drag () {
const el = document.querySelector('#panel')
let gap = 10 // 缝隙：小于缝隙时，则吸附
let parent = document.body
el.onmousedown = e => {
document.querySelector('#header').onmousedown = e => {
var x = e.clientX - el.offsetLeft
var y = e.clientY - el.offsetTop
var left = 0
var top = 0
var boxer = document.querySelector(".boxer")
document.onmousemove = function(eve) {
document.onmousemove = function (eve) {
left = eve.clientX - x
top = eve.clientY - y
// 左
@ -786,7 +820,7 @@ export default {
}
/deep/.des {
font-size: 16px;
font-family: "Microsoft YaHei";
font-family: 'Microsoft YaHei';
img {
max-width: 100%;
}
@ -836,8 +870,8 @@ export default {
color: #333;
background-color: #fff;
}
.el-aside /deep/[class*=" el-icon-"],
[class^="el-icon-"] {
.el-aside /deep/[class*=' el-icon-'],
[class^='el-icon-'] {
line-height: 40px;
font-size: 16px;
}
@ -856,10 +890,13 @@ export default {
&.system4 {
background-size: 100% 58px;
}
&.system5, &.system7, &.system9 {
&.system5,
&.system7,
&.system9 {
background-size: 100% 40px;
}
&.system8, &.system6 {
&.system8,
&.system6 {
background-size: 100% 61px;
}
&.system10 {
@ -902,7 +939,7 @@ export default {
}
/deep/.select {
.el-select__caret:before {
content: "\e78f";
content: '\e78f';
padding: 3px;
font-size: 16px;
color: #fff;
@ -971,7 +1008,7 @@ export default {
color: #bfbfbf;
cursor: pointer;
&:hover {
opacity: .9;
opacity: 0.9;
}
}
</style>

213
src/components/codemirror.vue
Unescape View File

@ -1,59 +1,71 @@
<template>
<div class="code-wrap flex">
<div class="left">
<codemirror
v-model="codeVal"
<codemirror v-model="codeVal"
:options="cmOption"
class="code-mirror"
@ready="ready"
ref="codemirror"
></codemirror>
<div v-if="isSubmit" class="code-mask"></div>
ref="codemirror"></codemirror>
<div v-if="isSubmit"
class="code-mask"></div>
<div class="btns">
<span
class="el-icon-delete del"
@click="clearCode"
></span>
<el-button
v-if="modelIsShow"
<span class="el-icon-delete del"
@click="clearCode"></span>
<el-button v-if="modelIsShow"
class="btn"
type="warning"
@click="importModel"
>导入模型</el-button>
<el-button
class="run btn"
@click="importModel">导入模型</el-button>
<el-button class="run btn"
type="primary"
@click="runCode(false)"
:disabled="runEnable"
>运行</el-button>
:disabled="runEnable">运行</el-button>
</div>
</div>
<div class="line"></div>
<div class="code-right answer">
<p :class="['text-wrapper', 'pic-num' + picSrcList.length]">{{ runResult }}</p>
<div :class="['pic-wrap', {wrong: isError === 0}]" v-if="picSrcList.length">
<div class="pic-item" v-for="(img, i) in picSrcList" :key="i">
<el-image
class="pic"
<div :class="['pic-wrap', {wrong: isError === 0}]"
v-if="picSrcList.length">
<div class="pic-item"
v-for="(img, i) in picSrcList"
:key="i">
<el-image class="pic"
:src="img"
:preview-src-list="picSrcList">
</el-image>
<el-button class="download-btn btn" type="primary" size="mini" @click="downloadPic(i)">下载图片</el-button>
<a :ref="'picLink' + i" style="display: none;" download="运行结果.png" :href="img">下载图片</a>
<el-button class="download-btn btn"
type="primary"
size="mini"
@click="downloadPic(i)">下载图片</el-button>
<a :ref="'picLink' + i"
style="display: none;"
download="运行结果.png"
:href="img">下载图片</a>
</div>
</div>
<div class="result-right t-color" v-show="isError">
<img :src="require(`@/assets/images/system/${$config.defaultSystem}/yes.png`)" alt />运行成功
<el-button class="tips-btn" @click="exportResult">导出结果</el-button>
<div class="result-right t-color"
v-show="isError">
<img :src="require(`@/assets/images/system/${$config.defaultSystem}/yes.png`)"
alt />运行成功
<el-button class="tips-btn"
@click="exportResult">导出结果</el-button>
</div>
<div class="result-wrong" v-show="isError === 0">
<img src="@/assets/images/error.png" alt />
<div class="result-wrong"
v-show="isError === 0">
<img src="@/assets/images/error.png"
alt />
第{{errLine}}行出现错误
<el-button class="tips-btn" @click="getTips" v-show="showTips">提示</el-button>
<el-dialog title="答案提示" center :close-on-click-modal="false" :visible.sync="tipsVisible">
<el-button class="tips-btn"
@click="getTips"
v-show="showTips">提示</el-button>
<el-dialog title="答案提示"
center
:close-on-click-modal="false"
:visible.sync="tipsVisible">
<el-tabs>
<el-tab-pane label="参考答案">
<div :class="['answer-wrap', {client: !fromManager}]" v-html="answer"></div>
<div :class="['answer-wrap', {client: !fromManager}]"
v-html="answer"></div>
</el-tab-pane>
</el-tabs>
</el-dialog>
@ -61,10 +73,12 @@
</div>
<!-- 导入模型 -->
<el-dialog title="请选择要导入的模型" :visible.sync="modelVisible" width="400px" :close-on-click-modal="false">
<el-dialog title="请选择要导入的模型"
:visible.sync="modelVisible"
width="400px"
:close-on-click-modal="false">
<div class="model-wrap">
<el-tree
:data="modelData"
<el-tree :data="modelData"
ref="tree"
default-expand-all
@check-change="treeCheckChange"
@ -75,9 +89,13 @@
v-loading="modelLoading">
</el-tree>
</div>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="modelVisible = false">取消</el-button>
<el-button size="small" type="primary" @click="submit">导入</el-button>
<span slot="footer"
class="dialog-footer">
<el-button size="small"
@click="modelVisible = false">取消</el-button>
<el-button size="small"
type="primary"
@click="submit">导入</el-button>
</span>
</el-dialog>
</div>
@ -133,7 +151,7 @@ import config from '@/config'
const CANCEL_TOKEN = axios.CancelToken // 用于input中中断请求
export default {
props: ['judgmentId', 'code', 'codeId', 'projectId', 'systemId', 'retResult', 'modelIsShow'],
data() {
data () {
return {
token: Cookie.get('admin-token'),
assessmentId: Cookie.get('admin-assessmentId'), // 考核id
@ -189,11 +207,11 @@ export default {
codemirror
},
watch: {
codeVal(val) {
codeVal (val) {
this.$emit("update:code", val)
}
},
mounted() {
mounted () {
if (!this.assessmentId) this.showTips = true
//兄弟组件传值
newmain.$on("isSubmit", isSubmit => {
@ -204,16 +222,24 @@ export default {
methods: {
// 页面加载完后重置编辑框大小
ready() {
ready () {
const code = this.$refs.codemirror.codemirror
code.setSize("auto", "calc(100vh - 167px)");
code.on('keypress', function() {
// 查询粘贴状态
this.$post(`${this.api.whetherCanPaste}?systemId=${this.systemId}`).then(res => {
// 监听改变前的钩子，禁止粘贴(从学生端进入，并且老师端禁用了粘贴功能)
res.data == 'false' && !this.fromManager && code.on('beforeChange', (istance, change) => {
change.origin === 'paste' && change.cancel()
})
}).catch(err => { })
code.on('keypress', function () {
// 显示智能提示
code.showHint()
});
},
// 清屏
clearCode() {
clearCode () {
this.codeVal = ''
this.isError = ''
this.runResult = ''
@ -222,24 +248,25 @@ export default {
this.$emit('update:retResult', '') // 更新返回结果
},
// 导入模型
importModel() {
importModel () {
this.modelLoading = true
this.modelVisible = true
// 查询源模型分类
this.$post(`${this.api.modelClassList}?systemId=${this.systemId}`).then(res => {
const { data } = res
this.$post(`${this.api.modelClassList}?systemId=${this.systemId}&founder=1`).then(({ data }) => {
const promises = []
const addType = list => {
list.map(e => {
e.disabled = true
// 用promise储存以添加完后更新数据
promises.push(new Promise((resolve,reject) => {
this.$post(this.api.referenceDemoList, {
promises.push(new Promise((resolve, reject) => {
this.$post(this.api.studentModelList, {
categoryId: e.id,
pageNum: 1,
pageSize: 10000,
categoryId: e.id
}).then(res => {
let { records } = res.data
systemId: +this.systemId,
founder: 1
}).then(({ data }) => {
let { records } = data
records = records.filter(e => !e.isOpen) // 禁用的不显示
records.map(n => {
n.categoryName = n.modelName
@ -257,11 +284,11 @@ export default {
Promise.all(promises).then(_ => {
this.modelData = data
this.modelLoading = false
}).catch(res => {})
}).catch(res => {})
}).catch(res => { })
}).catch(res => { })
},
// 多选框选择回调
treeCheckChange(data, checked, indeterminate) {
treeCheckChange (data, checked, indeterminate) {
const checkKey = this.$refs.tree.getCheckedKeys()
// 这里要求单选，所以把多选框改成单选，选择了一个节点后把之前选的都给取消选择，再选中刚勾选的
if (checkKey.length > 1 && checked) {
@ -270,7 +297,7 @@ export default {
}
},
// 导入模型提交
submit() {
submit () {
if (this.modelImporting) return false
const id = this.$refs.tree.getCheckedKeys()
if (!id.length) return this.$message.error('请选择模型！')
@ -286,7 +313,7 @@ export default {
this.modelImporting = false
}, 2000)
})
}).catch(res => {})
}).catch(res => { })
},
/**
* python代码里如果有input函数的话，是做了单独的处理的，原理是先把所有input函数都替换成exit函数，再在exit函数里加上特定标识，再通过接口传给后端去执行
@ -294,7 +321,7 @@ export default {
* 然后就可以通过这个返回的值来提示给用户，让用户继续输入
* 下面这个函数就是递归执行这个input输入过程的函数
*/
confirmInput(msg){
confirmInput (msg) {
const receiveResult = msg.replace('validing:', '')
this.runResult += receiveResult
this.$prompt(receiveResult, '提示', {
@ -302,10 +329,10 @@ export default {
}).then(({ value }) => {
this.runResult += `${value}\n`
// 把exit函数替换成用户输入的值
this.sourceCode = this.sourceCode.replace(`exit('validing:${receiveResult.replace(/[\r\n]*/g,'')}')`, _ => {
this.sourceCode = this.sourceCode.replace(`exit('validing:${receiveResult.replace(/[\r\n]*/g, '')}')`, _ => {
return `'${value}'`
})
this.sourceCode = this.sourceCode.replace(`exit("validing:${receiveResult.replace(/[\r\n]*/g,'')}")`, _ => {
this.sourceCode = this.sourceCode.replace(`exit("validing:${receiveResult.replace(/[\r\n]*/g, '')}")`, _ => {
return `'${value}'`
})
clearTimeout(this.requestTimer)
@ -338,7 +365,7 @@ export default {
} else if (result.includes('validing:')) {
this.isError = 1
this.confirmInput(result)
} else if(data.retResult) {
} else if (data.retResult) {
this.isError = 1
this.runResult += result
}
@ -346,16 +373,16 @@ export default {
this.$emit('update:answer', this.runResult) // 更新运行结果
this.$emit('update:retResult', data.retResult) // 更新返回结果
}).catch(e => {
if(e && e.message == 'interrupt'){
if (e && e.message == 'interrupt') {
this.runCode(true)
this.requestList = []
}
})
}).catch(err => {})
}).catch(err => { })
},
// 运行代码
runCode(isWhile) { // isWhile为true表示代码里有while循环，右边的运行结果需要拼接展示，而不是直接覆盖
runCode (isWhile) { // isWhile为true表示代码里有while循环，右边的运行结果需要拼接展示，而不是直接覆盖
if (!this.isSubmit) {
let code = this.codeVal
if (!code) {
@ -372,17 +399,17 @@ export default {
// 该正则是验证代码里是否有input，如果有，就要另外做处理，而不是直接传给后端执行
if (inputTextReg.test(code)) {
code = code.replace(inputTextReg, val => {
return val.replace(/\\n/g,"")
return val.replace(/\\n/g, "")
})
this.codeVal = code
// 把input函数替换成exit函数，加上"validing:"作为特定标识，好方便后面的识别
code = code.replace(inputFuncReg,val => {
code = code.replace(inputFuncReg, val => {
return `exit(${val[val.length - 1]}validing:`
})
this.sourceCode = code
if(!isWhile) this.runResult = ''
if (!isWhile) this.runResult = ''
this.$post(this.api.runPythonCode, {
code,
bcId,
@ -391,7 +418,7 @@ export default {
}).then(res => {
const data = res.code
const result = data.runResult
if(result.includes('File ')){
if (result.includes('File ')) {
if (isWhile) {
this.runResult += result
} else {
@ -399,7 +426,7 @@ export default {
}
this.errLine = parseInt(result.substring(result.indexOf('line') + 4, result.length))
this.isError = data.retResult
}else if(result.includes('validing:')){
} else if (result.includes('validing:')) {
this.isError = 1
this.confirmInput(result)
}
@ -439,7 +466,7 @@ export default {
let firtImg = ''
try {
imgList = eval(result)
} catch (error) {}
} catch (error) { }
if (imgList && imgList.length) firtImg = imgList[0]
// 如果是下载图片的代码，则要显示图片和运行结果，不用显示对错，换成显示下载图片
if (photo) {
@ -453,8 +480,8 @@ export default {
* 这段是为要下载图片的项目案例写的，后端会返回图片名称的数组，前端负责循环这个数组，然后下载下来
* 只有该系统有这段代码，因为其他7个系统没有下载图片的项目，后续如果加了，直接把这段代码复制过去即可
*/
imgList.map((n,i) => {
util.downloadFile(`${i+1}.jpg`,n)
imgList.map((n, i) => {
util.downloadFile(`${i + 1}.jpg`, n)
})
this.isError = 0
this.runResult = '下载完成'
@ -481,26 +508,26 @@ export default {
}
},
// 下载图片
downloadPic(i) {
downloadPic (i) {
this.$refs['picLink' + i][0].click()
},
// 导出运行结果
exportResult() {
exportResult () {
var FileSaver = require('file-saver');
var blob = new Blob([this.runResult], {type: "text/plain;charset=utf-8"});
var blob = new Blob([this.runResult], { type: "text/plain;charset=utf-8" });
FileSaver.saveAs(blob, 'result.csv')
},
// 获取正式答案
getTips() {
getTips () {
this.tipsVisible = true
this.$get(this.api.queryBcJudgmentByBcId, {
bcId: this.judgmentId
}).then(res => {
this.answer = res.experimentCode
}).catch(err => {})
}).catch(err => { })
},
// 中间拖拽
dragSide() {
dragSide () {
const left = document.querySelector('.left')
const line = document.querySelector('.line')
const right = document.querySelector('.code-right')
@ -511,9 +538,9 @@ export default {
document.onmousemove = e => {
let x = e.clientX
// 移动区间的范围
if(x >= width * .1 && x <= width * .9) {
if (x >= width * .1 && x <= width * .9) {
line.style.left = x + 'px'
left.style.width = x +'px'
left.style.width = x + 'px'
right.style.width = document.querySelector('.code-wrap').clientWidth - (x + 5) + 'px'
}
}
@ -531,7 +558,7 @@ export default {
.code-wrap {
position: relative;
}
.left{
.left {
position: relative;
width: 60%;
}
@ -605,7 +632,7 @@ export default {
background-color: #f00;
cursor: pointer;
&:hover {
opacity: .9;
opacity: 0.9;
}
}
/deep/.CodeMirror-wrap pre.CodeMirror-line,
@ -693,7 +720,7 @@ export default {
margin: 0 auto 10px;
}
}
.code-mask{
.code-mask {
z-index: 2;
position: absolute;
top: 0;
@ -702,28 +729,28 @@ export default {
right: 0;
}
.btns {
z-index:99;
position:absolute;
z-index: 99;
position: absolute;
right: 50px;
bottom:15px;
bottom: 15px;
display: flex;
}
.run{
width:100px;
color:#fff;
.run {
width: 100px;
color: #fff;
}
.download-btn{
color:#fff;
.download-btn {
color: #fff;
}
/deep/.answer-wrap{
/deep/.answer-wrap {
&.client {
user-select: none;
}
pre{
pre {
width: 100%;
white-space: pre-wrap;
}
img{
img {
max-width: 100%;
}
}

6
src/config/index.js
Unescape View File

@ -10,9 +10,9 @@ let host = location.origin + '/'
let bankPath = `${location.origin}/banksystem` // 银行系统
// 121.37.12.51 | 192.168.31.151
if (isDev) {
// host = 'http://192.168.31.51:9000/'
// host = 'http://192.168.31.116:9000/'
host = 'http://121.37.12.51:9000/'
host = 'http://192.168.31.152:9000/'
// host = 'http://192.168.31.53:9000/'
// host = 'http://121.37.12.51:9000/'
// host = 'https://occupationlab.com/'
bankPath = `http://${location.hostname}:8093`
} else if (isPro) {

311
src/views/Data.vue
Unescape View File

@ -1,59 +1,124 @@
<template>
<div class="wrap" v-loading="loading">
<div class="wrap"
v-loading="loading">
<breadcrumb data="返回实验/我的数据"></breadcrumb>
<div class="inner">
<div class="tool">
<el-input style="width: 250px" placeholder="请输入文件名称" v-model="keyword" suffix-icon="el-icon-search" clearable size="small"></el-input>
<el-input style="width: 250px"
placeholder="请输入文件名称"
v-model="keyword"
suffix-icon="el-icon-search"
clearable
size="small"></el-input>
<div class="action">
<el-button class="cus-btn" type="primary" size="small" @click="sourceVisible = true">导入数据</el-button>
<el-button class="cus-btn" style="margin-left: 10px;" type="primary" size="small" @click="delAll">批量删除</el-button>
<el-button class="cus-btn"
type="primary"
size="small"
@click="sourceVisible = true">导入数据</el-button>
<el-button class="cus-btn"
style="margin-left: 10px;"
type="primary"
size="small"
@click="delAll">批量删除</el-button>
</div>
</div>
<el-table :data="list" class="cus-table" ref="table" stripe header-align="center" empty-text="暂无数据，支持导入xlsx 、csv 、txt等格式的文件" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="80" align="center"></el-table-column>
<el-table-column type="index" label="序号" width="55" align="center"></el-table-column>
<el-table-column prop="fileName" label="文件名称" align="center" show-overflow-tooltip></el-table-column>
<el-table-column prop="createTime" label="导入时间" align="center"></el-table-column>
<el-table-column prop="fileSize" label="文件大小" width="120" align="center">
<el-table :data="list"
class="cus-table"
ref="table"
stripe
header-align="center"
empty-text="暂无数据，支持导入xlsx 、csv 、txt等格式的文件"
@selection-change="handleSelectionChange">
<el-table-column type="selection"
width="80"
align="center"></el-table-column>
<el-table-column type="index"
label="序号"
width="55"
align="center"></el-table-column>
<el-table-column prop="fileName"
label="文件名称"
align="center"
show-overflow-tooltip></el-table-column>
<el-table-column prop="createTime"
label="导入时间"
align="center"></el-table-column>
<el-table-column prop="fileSize"
label="文件大小"
width="120"
align="center">
<template slot-scope="scope">
{{ (scope.row.fileSize / 1024 / 1024).toFixed(3) }}MB
</template>
</el-table-column>
<el-table-column prop="fileFormat" label="格式" width="100" align="center"></el-table-column>
<el-table-column label="文件路径" align="center">
<el-table-column prop="fileFormat"
label="格式"
width="100"
align="center"></el-table-column>
<el-table-column label="文件路径"
align="center">
<template slot-scope="scope">
{{ scope.row.ossFileName }}
<i class="el-icon-document-copy copy" @click="copy($event, scope.row)"></i>
<i class="el-icon-document-copy copy"
@click="copy($event, scope.row)"></i>
</template>
</el-table-column>
<el-table-column width="300" label="操作" align="center">
<el-table-column width="300"
label="操作"
align="center">
<template slot-scope="scope">
<el-button type="text" @click="show(scope.row)">查看</el-button>
<el-button type="text" @click="download(scope.row)">下载</el-button>
<el-button type="text" @click="del(scope.row)">删除</el-button>
<el-button type="text"
@click="show(scope.row)">查看</el-button>
<el-button type="text"
@click="download(scope.row)">下载</el-button>
<el-button type="text"
@click="del(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="total,prev, pager, next" :current-page="page" @current-change="handleCurrentChange" :total="total"></el-pagination>
<el-pagination background
layout="total,prev, pager, next"
:current-page="page"
@current-change="handleCurrentChange"
:total="total"></el-pagination>
</div>
<el-dialog title="请选择数据源" :visible.sync="sourceVisible" width="400px" :close-on-click-modal="false">
<el-dialog title="请选择数据源"
:visible.sync="sourceVisible"
width="400px"
:close-on-click-modal="false">
<ul class="source-list">
<li style="width: 48%" @click="showData">
<img src="@/assets/images/dataforward.png" alt="">
<li style="width: 48%"
@click="showData">
<img src="@/assets/images/dataforward.png"
alt="">
</li>
<el-upload class="upload" :headers="{token}" :action="api.fileUpload" name="file" :limit="1000" :show-file-list="false" :before-upload="beforeImport" :on-success="successImport">
<el-upload class="upload"
drag
:headers="{token}"
:action="api.fileUpload"
name="file"
:limit="1000"
:show-file-list="false"
:before-upload="beforeImport"
:on-success="successImport">
<li style="width: 100%;">本地上传</li>
</el-upload>
</ul>
</el-dialog>
<!-- 导入数据 -->
<el-dialog title="导入" :visible.sync="importVisible" width="80%" center class="dialog" :close-on-click-modal="false">
<el-dialog title="导入"
:visible.sync="importVisible"
width="80%"
center
class="dialog"
:close-on-click-modal="false">
<el-container style="padding: 20px 0 20px 20px;background-color: #f0f0f0;">
<div style="overflow:auto;height: 558px;width:330px;padding:15px;background:#fff" ref="typeTreeWrap">
<div style="overflow:auto;height: 558px;width:330px;padding:15px;background:#fff"
ref="typeTreeWrap">
<el-tree v-loading="importLoading"
ref="typeTree"
:data="importTypeList"
@ -66,62 +131,123 @@
:props="{
label: 'categoryName'
}"
@node-click="typeClick"
>
@node-click="typeClick">
</el-tree>
</div>
<el-main style="padding-top: 0;padding-bottom: 0;">
<el-card shadow="hover">
<el-input style="width: 250px;margin-bottom: 15px;" placeholder="请输入表名称" v-model="keywordTable" suffix-icon="el-icon-search" clearable size="small"></el-input>
<el-table v-loading="tableLoading" :data="tables" class="cus-table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange">
<el-table-column width="40" align="center">
<el-input style="width: 250px;margin-bottom: 15px;"
placeholder="请输入表名称"
v-model="keywordTable"
suffix-icon="el-icon-search"
clearable
size="small"></el-input>
<el-table v-loading="tableLoading"
:data="tables"
class="cus-table"
ref="table"
stripe
header-align="center"
@selection-change="handleSelectionChange">
<el-table-column width="40"
align="center">
<template slot-scope="scope">
<el-radio class="check-table" v-model="curTable" :label="scope.row.id"></el-radio>
<el-radio class="check-table"
v-model="curTable"
:label="scope.row.id"></el-radio>
</template>
</el-table-column>
<el-table-column type="index" width="50" label="序号" align="center"></el-table-column>
<el-table-column prop="tableComment" label="数据表名称" align="center">
<el-table-column type="index"
width="50"
label="序号"
align="center"></el-table-column>
<el-table-column prop="tableComment"
label="数据表名称"
align="center">
<template slot-scope="scope">
{{scope.row.tableComment ? scope.row.tableComment : scope.row.showName}}
</template>
</el-table-column>
<el-table-column prop="dataTotal" label="数据总量" width="80" align="center"></el-table-column>
<el-table-column prop="timeRange" label="起止日期" width="200" align="center"></el-table-column>
<el-table-column prop="dataSize" label="数据大小" width="80" align="center">
<el-table-column prop="dataTotal"
label="数据总量"
width="80"
align="center"></el-table-column>
<el-table-column prop="timeRange"
label="起止日期"
width="200"
align="center"></el-table-column>
<el-table-column prop="dataSize"
label="数据大小"
width="80"
align="center">
<template slot-scope="scope">
{{scope.row.dataSize}}M
</template>
</el-table-column>
<el-table-column prop="updateTime" label="更新时间" width="160" align="center"></el-table-column>
<el-table-column label="操作" width="80" align="center">
<el-table-column prop="updateTime"
label="更新时间"
width="160"
align="center"></el-table-column>
<el-table-column label="操作"
width="80"
align="center">
<template slot-scope="scope">
<el-button type="text" @click="preview(scope.row)">预览</el-button>
<el-button type="text"
@click="preview(scope.row)">预览</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="total, prev, pager, next" :current-page="pageTable" @current-change="handleCurrentChangeTable" :total="totalTable">
<el-pagination background
layout="total, prev, pager, next"
:current-page="pageTable"
@current-change="handleCurrentChangeTable"
:total="totalTable">
</el-pagination>
</div>
</el-card>
</el-main>
</el-container>
<span slot="footer" class="dialog-footer">
<span slot="footer"
class="dialog-footer">
<el-button @click="importVisible = false">取 消</el-button>
<el-button class="cus-btn" type="primary" :loading="submited" @click="confirmImport">确 定</el-button>
<el-button class="cus-btn"
type="primary"
:loading="submited"
@click="confirmImport">确 定</el-button>
</span>
</el-dialog>
<el-dialog title="预览" :visible.sync="previewVisible" width="60%" center :close-on-click-modal="false">
<el-table :data="previewData" class="cus-table" stripe header-align="center" row-key="id">
<el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
<el-table-column v-for="(item,index) in previewHead" :prop="item.field" :key="index" :label="item.comment" align="center"></el-table-column>
<el-dialog title="预览"
:visible.sync="previewVisible"
width="60%"
center
:close-on-click-modal="false">
<el-table :data="previewData"
class="cus-table"
stripe
header-align="center"
row-key="id">
<el-table-column type="index"
width="100"
label="序号"
align="center"></el-table-column>
<el-table-column v-for="(item,index) in previewHead"
:prop="item.field"
:key="index"
:label="item.comment"
align="center"></el-table-column>
</el-table>
</el-dialog>
<!-- 购买弹框 -->
<el-dialog title="温馨提示" :visible.sync="buyVisible" width="400px" center :close-on-click-modal="false">
<el-dialog title="温馨提示"
:visible.sync="buyVisible"
width="400px"
center
:close-on-click-modal="false">
<div class="buy">
<p class="tips">当前院校暂未购买该数据库，请扫码咨询购买</p>
<img src="@/assets/images/wechat-code.jpeg" alt="">
<img src="@/assets/images/wechat-code.jpeg"
alt="">
</div>
</el-dialog>
</div>
@ -134,7 +260,7 @@ import clipboard from '@/util/clipboard'
import breadcrumb from '@/components/breadcrumb'
import axios from 'axios'
export default {
data() {
data () {
return {
token: Cookie.get('admin-token'),
loading: false,
@ -176,28 +302,28 @@ export default {
breadcrumb
},
watch: {
keyword: function(val) {
keyword: function (val) {
clearTimeout(this.searchTimer)
this.searchTimer = setTimeout(() => {
this.initData()
},500)
}, 500)
},
keywordTable: function(val) {
keywordTable: function (val) {
clearTimeout(this.searchTimer)
this.searchTimer = setTimeout(() => {
this.initTable()
},500)
}, 500)
}
},
created() {
created () {
this.loading = true
},
mounted(){
mounted () {
this.getData()
},
methods: {
// 获取列表
getData() {
getData () {
this.$post(`${this.api.myData}?fileName=${this.keyword}&pageNum=${this.page}&pageSize=${this.pageSize}`).then(res => {
const { data } = res
this.list = data.records
@ -208,12 +334,12 @@ export default {
})
},
// 初始化列表
initData() {
initData () {
this.page = 1
this.getData()
},
// 导入前的钩子
beforeImport(file) {
beforeImport (file) {
const { size, name } = file
if (util.isVideo(name.substring(name.lastIndexOf('.') + 1))) {
this.$message.error('不支持上传视频，请选择其他文件！')
@ -225,7 +351,7 @@ export default {
}
},
// 导入数据成功
successImport(res) {
successImport (res) {
const file = res.filesResult
const name = file.originalFileName
this.$post(this.api.importData, {
@ -238,11 +364,11 @@ export default {
this.$message.success('导入成功')
this.sourceVisible = false
this.getData()
}).catch(res => {})
}).catch(res => { })
},
// 批量删除
delAll() {
if(this.multipleSelection.length){
delAll () {
if (this.multipleSelection.length) {
const newArr = this.multipleSelection
const delList = newArr.map(item => {
return `ids=${item.id}`
@ -254,47 +380,47 @@ export default {
this.$refs.table.clearSelection()
this.$message.success('删除成功')
this.getData()
}).catch(res => {})
}).catch(() => {})
}else{
}).catch(res => { })
}).catch(() => { })
} else {
this.$message.error('请先选择数据 ！')
}
},
// 复制
copy(e, row) {
copy (e, row) {
clipboard(row.filePath, e, '文件路径已复制！')
},
// 查看
show(row) {
show (row) {
const format = row.fileFormat
window.open((util.isDoc(format) ? 'https://view.officeapps.live.com/op/view.aspx?src=' : '') + row.filePath)
},
// 下载
download(row) {
download (row) {
util.downloadFile(row.fileName + '.' + row.fileFormat, row.filePath)
},
// 删除
del(row) {
del (row) {
this.$confirm('此删除操作不可逆，是否确认删除选中项？', '提示', {
type: 'warning'
}).then(() => {
this.$post(`${this.api.batchDeletion}?ids=${row.id}`).then(res => {
this.$message.success('删除成功')
this.getData()
}).catch(res => {})
}).catch(() => {})
}).catch(res => { })
}).catch(() => { })
},
handleCurrentChange(val) {
handleCurrentChange (val) {
this.page = val
this.getData()
},
handleSelectionChange(val) {
handleSelectionChange (val) {
this.multipleSelection = val
},
// 导入数据
showData(){
showData () {
this.curTable = ''
this.tables = []
this.importLoading = true
@ -318,7 +444,7 @@ export default {
})
},
// 查找第一个分类下最深层级的id
getDeepestId(data) {
getDeepestId (data) {
for (const e of data) {
if (e.children.length) {
this.getDeepestId(e.children)
@ -329,13 +455,13 @@ export default {
}
},
// 分类点击回调
typeClick() {
typeClick () {
this.keywordTable = ''
this.tableLoading = true
this.getTable()
},
// 查询分类下的表
getTable(){
getTable () {
this.$post(`${this.api.getPurchasedTableByCategory}?categoryId=${this.$refs.typeTree.getCurrentKey()}&pageNum=${this.pageTable}&pageSize=${this.pageSizeTable}&name=${this.keywordTable}`).then(({ data }) => {
const list = data.records
list.map(e => {
@ -358,16 +484,16 @@ export default {
})
},
// 重置表分页
initTable() {
initTable () {
this.pageTable = 1
this.getTable()
},
handleCurrentChangeTable(val) {
handleCurrentChangeTable (val) {
this.pageTable = val
this.getTable()
},
// 预览
preview(row){
preview (row) {
this.$get(`${this.api.previewData}?tableName=${row.name}&tableId=${row.id}`).then(({ comment, data }) => {
let previewHead = []
comment.map(n => {
@ -376,17 +502,17 @@ export default {
})
this.previewHead = previewHead
data.map(n => {
for(let i in n){
for (let i in n) {
// 如果是以+0000结尾的,就表明这个是时间,则转化为正常的时间格式
if(typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = this.formatDate('yyyy-MM-dd hh:mm:ss',new Date(n[i]))
if (typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = this.formatDate('yyyy-MM-dd hh:mm:ss', new Date(n[i]))
}
})
this.previewData = data
this.previewVisible = true
}).catch(res => {})
}).catch(res => { })
},
// 上传到python数据列表
importData(file, row) {
importData (file, row) {
this.$post(this.api.importData, {
fileFormat: file.fileType || file.fileFormat,
fileName: row.tableComment || file.fileName,
@ -406,11 +532,11 @@ export default {
})
},
// 导入表
confirmImport(){
if(this.submited) return false // 导入防抖标识
confirmImport () {
if (this.submited) return false // 导入防抖标识
const id = this.curTable // 勾选的数据
// 如果没有选择任何数据
if(!id) return this.$message.warning('请选择数据')
if (!id) return this.$message.warning('请选择数据')
const row = this.tables.find(e => e.id === id)
const { name } = row
this.submited = true
@ -430,7 +556,7 @@ export default {
// if (res.data.type != 'multipart/form-data') return util.warningMsg('数据总数为零！')
// 把该表上传到阿里云
const form = new FormData()
form.append('file', new Blob([res.data], {type: 'application/vnd.ms-excel'}))
form.append('file', new Blob([res.data], { type: 'application/vnd.ms-excel' }))
form.append('tableName', row.name.replace(/(\r|\n)+/, ''))
form.append('token', this.token)
axios({
@ -504,7 +630,7 @@ export default {
font-size: 16px;
color: #333;
border-radius: 8px;
background-color: #F6F8FA;
background-color: #f6f8fa;
border: 1px solid transparent;
cursor: pointer;
img {
@ -521,6 +647,11 @@ export default {
&:focus {
color: #007eff;
}
.el-upload-dragger {
width: auto;
height: auto;
border: 0;
}
}
}
}
@ -539,7 +670,9 @@ export default {
display: none;
}
}
/deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
/deep/.el-tree--highlight-current
.el-tree-node.is-current
> .el-tree-node__content {
background-color: #e8f0ff;
}
/deep/.el-radio__input.is-checked .el-radio__inner {

49
src/views/Home.vue
Unescape View File

@ -17,9 +17,13 @@
<p v-if="$config.isHh"
style="font-size: 18px">{{$config.title}}</p>
<p>编程语言</p>
<el-input placeholder="请输入内容"
v-model="language"
:disabled="true"></el-input>
<el-select v-model="language"
@change="languageChange">
<el-option v-for="(item, i) in languages"
:key="i"
:label="item.name"
:value="item.id"></el-option>
</el-select>
</div>
<div class="inline-center">
<el-tooltip class="item"
@ -44,7 +48,8 @@
:key="item.judgmentId"
:label="item.name"
:value="item.judgmentId">
<codemirror :ref="'code' + i"
<codemirror v-if="!language"
:ref="'code' + i"
:key="codeKey"
:projectId.sync="projectId"
:systemId.sync="systemId"
@ -55,6 +60,16 @@
:retResult.sync="item.retResult"
:modelIsShow.sync="modelIsShow"
@cache="leavePage"></codemirror>
<!-- <img v-else
src="@/assets/images/vscode.png"
alt=""
width="100%"
height="700"> -->
<iframe v-else
class="vscode"
src="http://121.37.12.51:8088/?folder=/home/coder"
frameborder="0"
width="100%"></iframe>
</el-tab-pane>
</el-tabs>
</div>
@ -88,7 +103,17 @@ export default {
systemId: '',
modelIsShow: false, // 导入模型按钮是否显示
projectPermissions: 0, // 项目权限(0、练习 1、考核 2、竞赛)
language: 'Python', // 编程语言
languages: [
{
id: 0,
name: 'Python'
},
{
id: 1,
name: 'Vscode'
},
],
language: 0, // 编程语言
curTab: '', // 选中后绑定的对象
workbench: [], // 判分点切换列表
codeKey: 1 // 编辑器索引
@ -143,9 +168,13 @@ export default {
},
// 获取导入模型按钮展示状态
getModelStatus (systemId) {
this.$post(`${this.api.checkIsShowBySystemId}?systemId=${systemId}`).then(res => {
this.modelIsShow = !res.isShow // 0为展示 1为不展示
this.$post(`${this.api.displayListOrNotByStudent}?systemId=${systemId}`).then(res => {
this.modelIsShow = res.studentSideShowsTheStatus == 'true' ? true : false
}).catch(res => { })
},
// 编程语言选择回调
languageChange (id) {
},
// 跳转我的数据
toData () {
@ -258,10 +287,14 @@ export default {
.el-input {
width: 200px;
}
.el-input.is-disabled .el-input__inner {
.el-input .el-input__inner {
border-radius: 30px;
}
}
.vscode {
height: calc(100vh - 186px);
}
.menu {
position: relative;
z-index: 1000;

Write Preview
Loading…
Cancel
Save