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

fix

Browse Source
alioss V2.3.1
yujialong 2 years ago
parent 9fcff50232
commit 6a87d478c5
7 changed files with 542 additions and 436 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. 4
      src/layouts/header/index.vue
  2. 1
      src/pages/ass/list/index.vue
  3. 1
      src/pages/match/details/index.vue
  4. 1
      src/pages/match/list/index.vue
  5. 785
      src/pages/record/show/index.vue
  6. 171
      src/pages/station/list/index.vue
  7. 15
      src/pages/station/preview/index.vue

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

@ -150,8 +150,8 @@ export default {
}, },
initSocket ({ id, account }) { initSocket ({ id, account }) {
// 实例化socket // 实例化socket
// this.socket = new WebSocket(`ws://${Setting.isDev ? '192.168.31.51' : location.host}:9100/nakadai/websocket/${id}/${account}`) this.socket = new WebSocket(`wss://${Setting.isDev ? '192.168.31.51' : location.host}/nakadai/websocket/${id}/${account}`)
this.socket = new WebSocket(`ws://121.37.12.51:9100/nakadai/websocket/${id}/${account}`) // this.socket = new WebSocket(`ws://121.37.12.51:9100/nakadai/websocket/${id}/${account}`)
// 监听socket连接 // 监听socket连接
this.socket.onopen = this.open; this.socket.onopen = this.open;
// 监听socket错误信息 // 监听socket错误信息

1
src/pages/ass/list/index.vue
Unescape View File

@ -507,6 +507,7 @@ export default {
util.cookies.set('fromManager', '', -1) util.cookies.set('fromManager', '', -1)
util.cookies.set('competitionId', '', -1) util.cookies.set('competitionId', '', -1)
util.cookies.set('isSubmit', '', -1) util.cookies.set('isSubmit', '', -1)
util.cookies.set('language', '', -1)
let href = '' let href = ''
if (curriculumId == 11) { if (curriculumId == 11) {
href = `${Setting.systemPath}/#/index/list?token=${token}&cid=${this.cid}&systemId=${this.systemId}&projectId=${this.projectId}&assessmentId=${this.assessmentId}&classId=${this.classId}&stopTime=${this.stopTime}`; href = `${Setting.systemPath}/#/index/list?token=${token}&cid=${this.cid}&systemId=${this.systemId}&projectId=${this.projectId}&assessmentId=${this.assessmentId}&classId=${this.classId}&stopTime=${this.stopTime}`;

1
src/pages/match/details/index.vue
Unescape View File

@ -1433,6 +1433,7 @@ export default {
util.cookies.set('resultsDetails', form.resultsDetails) util.cookies.set('resultsDetails', form.resultsDetails)
util.cookies.set('resultAnnouncementTime', form.resultAnnouncementTime) util.cookies.set('resultAnnouncementTime', form.resultAnnouncementTime)
util.cookies.set('fromManager', '', -1) util.cookies.set('fromManager', '', -1)
util.cookies.set('language', '', -1)
// 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统 // 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统
location.href = process.env.NODE_ENV === 'development' ? location.href = process.env.NODE_ENV === 'development' ?
`http://${location.hostname}:8085/#/` : `http://${location.hostname}:8085/#/` :

1
src/pages/match/list/index.vue
Unescape View File

@ -783,6 +783,7 @@ export default {
util.cookies.set('resultAnnouncementTime', form.resultAnnouncementTime) util.cookies.set('resultAnnouncementTime', form.resultAnnouncementTime)
util.cookies.set('fromManager', '', -1) util.cookies.set('fromManager', '', -1)
util.cookies.set('isSubmit', '', -1) util.cookies.set('isSubmit', '', -1)
util.cookies.set('language', '', -1)
// 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统 // 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统
location.href = process.env.NODE_ENV === 'development' ? location.href = process.env.NODE_ENV === 'development' ?
`http://${location.hostname}:8085/#/` : `http://${location.hostname}:8085/#/` :

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

@ -1,164 +1,241 @@
<template> <template>
<!-- 实验报告 --> <!-- 实验报告 -->
<div class="wrap"> <div class="wrap">
<div class="breadcrumb"> <div class="breadcrumb">
<el-breadcrumb separator=">"> <el-breadcrumb separator=">">
<template v-for="(item, i) in breadPath"> <template v-for="(item, i) in breadPath">
<el-breadcrumb-item <el-breadcrumb-item v-if="!i"
v-if="!i" :key="i"
:key="i" :to="{ path: matchId ? '/match' : 'list' }">
:to="{ path: matchId ? '/match' : 'list' }"> {{item}}
{{item}} </el-breadcrumb-item>
</el-breadcrumb-item> <el-breadcrumb-item v-else-if="breadPath.length > 2 && i === 1"
<el-breadcrumb-item :to="{ path: matchId ? '/match/details' : 'details', query: matchId ? { id: matchId } : { curriculumId, projectId } }"
v-else-if="breadPath.length > 2 && i === 1" :key="i">
:to="{ path: matchId ? '/match/details' : 'details', query: matchId ? { id: matchId } : { curriculumId, projectId } }" {{item}}
:key="i"> </el-breadcrumb-item>
{{item}} <el-breadcrumb-item v-else
</el-breadcrumb-item> :key="i">
<el-breadcrumb-item {{item}}
v-else </el-breadcrumb-item>
:key="i"> </template>
{{item}} </el-breadcrumb>
</el-breadcrumb-item> </div>
</template> <div class="content"
</el-breadcrumb> :class="{loading}"
</div> id="pdfDom">
<div class="content" :class="{loading}" id="pdfDom"> <div class="text-right"
<div class="text-right" v-if="!loading"> v-if="!loading">
<el-button @click="editReport"> <el-button @click="editReport">
{{ editing ? "保存" : "编辑" }} {{ editing ? "保存" : "编辑" }}
</el-button> </el-button>
<el-button type="primary" @click="exportPage">导出报告</el-button> <el-button type="primary"
@click="exportPage">导出报告</el-button>
</div>
<h6 class="r-title">标准实验报告</h6>
<div class="info">
<h6 class="l-title">
<img src="@/assets/img/report1.png"
alt="">
基本信息
</h6>
<ul :class="['info-list', {edit: editing}]">
<li>
<label>学生姓名：</label>
<el-input v-if="editing"
v-model="infoData.userName"
disabled></el-input>
<span v-else>{{ infoData.userName }}</span>
</li>
<li>
<label>学生学号：</label>
<el-input v-if="editing"
v-model="infoData.workNumber"
disabled></el-input>
<span v-else>{{ infoData.workNumber }}</span>
</li>
<li>
<label>实验时间：</label>
<el-input v-if="editing"
v-model="infoData.submitTime"
disabled></el-input>
<span v-else>{{ infoData.submitTime }}</span>
</li>
<li>
<label>实验成绩：</label>
<el-input v-if="editing"
v-model="infoData.score"
disabled></el-input>
<div v-else
class="score-wrap">
<em>{{ infoData.score }}</em>
<img src="@/assets/img/point.png"
alt="">
</div> </div>
<h6 class="r-title">标准实验报告</h6> </li>
<div class="info"> <li>
<h6 class="l-title"> <label>学生班级：</label>
<img src="@/assets/img/report1.png" alt=""> <el-input v-if="editing"
基本信息 v-model="infoData.className"></el-input>
</h6> <span v-else>{{ infoData.className }}</span>
<ul :class="['info-list', {edit: editing}]"> </li>
<li> <li>
<label>学生姓名：</label> <label>指导老师：</label>
<el-input v-if="editing" v-model="infoData.userName" disabled></el-input> <el-input v-if="editing"
<span v-else>{{ infoData.userName }}</span> v-model="infoData.instructor"></el-input>
</li> <span v-else>{{ infoData.instructor }}</span>
<li> </li>
<label>学生学号：</label> <li>
<el-input v-if="editing" v-model="infoData.workNumber" disabled></el-input> <label>实验学时：</label>
<span v-else>{{ infoData.workNumber }}</span> <el-input v-if="editing"
</li> v-model="infoData.period"></el-input>
<li> <span v-else>{{ infoData.period }}</span>
<label>实验时间：</label> </li>
<el-input v-if="editing" v-model="infoData.submitTime" disabled></el-input> </ul>
<span v-else>{{ infoData.submitTime }}</span> <div class="m-b-20">
</li> <h6 class="l-title">
<li> <img src="@/assets/img/report2.png"
<label>实验成绩：</label> alt="">
<el-input v-if="editing" v-model="infoData.score" disabled></el-input> 实验项目名称
<div v-else class="score-wrap"> </h6>
<em>{{ infoData.score }}</em> <el-input v-if="editing"
<img src="@/assets/img/point.png" alt=""> v-model="infoData.projectName"
</div> type="textarea"></el-input>
</li> <div v-else
<li> class="pre-wrap"
<label>学生班级：</label> v-html="infoData.projectName"></div>
<el-input v-if="editing" v-model="infoData.className"></el-input> </div>
<span v-else>{{ infoData.className }}</span> <div class="m-b-20">
</li> <h6 class="l-title">
<li> <img src="@/assets/img/report3.png"
<label>指导老师：</label> alt="">
<el-input v-if="editing" v-model="infoData.instructor"></el-input> 实验目的
<span v-else>{{ infoData.instructor }}</span> </h6>
</li> <quill v-if="editing"
<li> :border="true"
<label>实验学时：</label> v-model="infoData.purpose"
<el-input v-if="editing" v-model="infoData.period"></el-input> :height="150" />
<span v-else>{{ infoData.period }}</span> <div v-else
</li> :class="['pre-wrap', {edit: editing}]"
</ul> v-html="infoData.purpose"></div>
<div class="m-b-20"> </div>
<h6 class="l-title"> <div class="m-b-20">
<img src="@/assets/img/report2.png" alt=""> <h6 class="l-title">
实验项目名称 <img src="@/assets/img/report4.png"
</h6> alt="">
<el-input v-if="editing" v-model="infoData.projectName" type="textarea"></el-input> 实验数据
<div v-else class="pre-wrap" v-html="infoData.projectName"></div> </h6>
</div> <el-table :data="expData"
<div class="m-b-20"> class="table"
<h6 class="l-title"> border
<img src="@/assets/img/report3.png" alt=""> stripe
实验目的 header-align="center">
</h6> <el-table-column type="index"
<quill v-if="editing" :border="true" v-model="infoData.purpose" :height="150" /> label="序号"
<div v-else :class="['pre-wrap', {edit: editing}]" v-html="infoData.purpose"></div> align="center"
width="60">
<template slot-scope="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column prop="judgmentName"
label="判分点"
width="200"
align="center"></el-table-column>
<el-table-column v-if='project'
prop="judgmentName"
label="考核点"
align="center"
width="150">
<template slot-scope="scope">
<div v-for="(item, index) in scope.row.lcRuleRecords"
:key="index">
<span>
<span>{{index+1}}. </span>{{item.name}}
</span>
</div> </div>
<div class="m-b-20"> </template>
<h6 class="l-title"> </el-table-column>
<img src="@/assets/img/report4.png" alt=""> <el-table-column prop="ruleAnswer"
实验数据 label="参考答案"
</h6> style='word-wrap: break-word'>
<el-table :data="expData" class="table" border stripe header-align="center"> <template slot-scope="scope">
<el-table-column type="index" label="序号" align="center" width="60"> <div v-if='scope.row.lcRuleRecords'>
<template slot-scope="scope"> <div v-for="(item, index) in scope.row.lcRuleRecords"
{{ scope.$index + 1 }} :key="index">
</template> <span>
</el-table-column> <span>{{index+1}}. </span>{{item.ruleAnswer}}
<el-table-column prop="judgmentName" label="判分点" width="270" align="center"></el-table-column> </span>
<el-table-column v-if='project' prop="judgmentName" label="考核点" align="center" width="150"> </div>
<template slot-scope="scope">
<div v-for="(item, index) in scope.row.lcRuleRecords" :key="index">
<span>
<span>{{index+1}}. </span>{{item.name}}
</span>
</div>
</template>
</el-table-column>
<el-table-column prop="ruleAnswer" label="参考答案" style='word-wrap: break-word'>
<template slot-scope="scope">
<div v-if='scope.row.lcRuleRecords'>
<div v-for="(item, index) in scope.row.lcRuleRecords" :key="index">
<span>
<span>{{index+1}}. </span>{{item.ruleAnswer}}
</span>
</div>
</div>
<div v-else v-html="scope.row.referenceAnswer"></div>
</template>
</el-table-column>
<el-table-column prop="userAnswer" label="学生答案">
<template slot-scope="scope">
<div v-if='scope.row.lcRuleRecords'>
<div v-for="(item, index) in scope.row.lcRuleRecords" :key="index">
<span v-if='item.userAnswer'>
<span>{{index+1}}. </span>{{item.userAnswer}}
</span>
<span v-else>
<span>{{index+1}}. </span>未填写
</span>
</div>
</div>
<div v-else v-html='scope.row.answer' style='white-space: pre-wrap'></div>
<template v-if="scope.row.runThePictureList">
<img v-for="(img, i) in scope.row.runThePictureList" :key="i" width="200" class="result-pic" :src="img" alt="">
</template>
</template>
</el-table-column>
<el-table-column prop="quesScore" label="分值" width="80" align="center"></el-table-column>
<el-table-column prop="score" label="得分" width="80" align="center"></el-table-column>
</el-table>
</div> </div>
<div class="m-b-20"> <div v-else
<h6 class="l-title"> v-html="scope.row.referenceAnswer"></div>
<img src="@/assets/img/report5.png" alt=""> </template>
实验总结与体会 </el-table-column>
</h6> <el-table-column prop="userAnswer"
<quill v-if="editing" :border="true" v-model="infoData.summarize" :height="150" :index="1" /> label="学生答案">
<div v-else class="pre-wrap" v-html="infoData.summarize"></div> <template slot-scope="scope">
<div v-if='scope.row.lcRuleRecords'>
<div v-for="(item, index) in scope.row.lcRuleRecords"
:key="index">
<span v-if='item.userAnswer'>
<span>{{index+1}}. </span>{{item.userAnswer}}
</span>
<span v-else>
<span>{{index+1}}. </span>未填写
</span>
</div>
</div> </div>
</div> <div v-else
v-html='scope.row.answer'
style='white-space: pre-wrap'></div>
</template>
</el-table-column>
<el-table-column prop="runResult"
label="学生运行结果"
align="center">
<template slot-scope="scope">
<div class="m-b-20"
v-html='scope.row.runResult'
style='white-space: pre-wrap'></div>
<template v-if="scope.row.runThePictureList">
<img v-for="(img, i) in scope.row.runThePictureList"
:key="i"
width="200"
class="result-pic"
:src="img"
alt="">
</template>
</template>
</el-table-column>
<el-table-column prop="quesScore"
label="分值"
width="80"
align="center"></el-table-column>
<el-table-column prop="score"
label="得分"
width="80"
align="center"></el-table-column>
</el-table>
</div>
<div class="m-b-20">
<h6 class="l-title">
<img src="@/assets/img/report5.png"
alt="">
实验总结与体会
</h6>
<quill v-if="editing"
:border="true"
v-model="infoData.summarize"
:height="150"
:index="1" />
<div v-else
class="pre-wrap"
v-html="infoData.summarize"></div>
</div> </div>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -169,212 +246,219 @@ import util from "@/libs/util";
import breadcrumb from '@/components/breadcrumb' import breadcrumb from '@/components/breadcrumb'
import quill from "@/components/quill"; import quill from "@/components/quill";
export default { export default {
data() { data () {
return { return {
reportId: this.$route.query.reportId, reportId: this.$route.query.reportId,
curriculumId: this.$route.query.curriculumId, curriculumId: this.$route.query.curriculumId,
projectId: this.$route.query.projectId, projectId: this.$route.query.projectId,
matchId: this.$route.query.matchId, // 竞赛特有 matchId: this.$route.query.matchId, // 竞赛特有
matchName: this.$route.query.matchName, // 竞赛特有 matchName: this.$route.query.matchName, // 竞赛特有
breadPath: ['实验记录', '实验情况', '实验报告'], breadPath: ['实验记录', '实验情况', '实验报告'],
title: "实验报告", title: "实验报告",
form: {}, form: {},
infoData: {}, infoData: {},
expData: [], expData: [],
editing: false, editing: false,
loadIns: null, loadIns: null,
loading: false, loading: false,
project:false, project: false,
userScores: [], userScores: [],
quills: [], quills: [],
quillIndex1: 0, quillIndex1: 0,
quillIndex2: 1, quillIndex2: 1,
}; };
}, },
components: { components: {
breadcrumb, breadcrumb,
quill, quill,
}, },
mounted() { mounted () {
this.getData() this.getData()
}, },
methods: { methods: {
getData() { // 查询详情 getData () { // 查询详情
const { reportId } = this const { reportId } = this
this.$get(`${this.api.reportDetail}?reportId=${reportId}`).then(({ report, userScores }) => { this.$get(`${this.api.reportDetail}?reportId=${reportId}`).then(({ report, userScores }) => {
this.form = report this.form = report
const form = this.form const form = this.form
this.infoData = { this.infoData = {
reportId, reportId,
className: form.className, className: form.className,
workNumber: form.workNumber, workNumber: form.workNumber,
experimentalClassName: form.experimentalClassName, experimentalClassName: form.experimentalClassName,
instructor: form.instructor, instructor: form.instructor,
period: form.period, period: form.period,
laboratory: form.laboratory, laboratory: form.laboratory,
submitTime: form.submitTime, submitTime: form.submitTime,
score: form.score, score: form.score,
userName: form.userName, userName: form.userName,
projectName: form.projectName, projectName: form.projectName,
purpose: form.purpose, purpose: form.purpose,
summarize: form.summarize summarize: form.summarize
} }
// 考核赛事练习的面包屑不一样 // 考核赛事练习的面包屑不一样
form.assessmentId ? form.assessmentId ?
(this.breadPath = ['实验记录', '实验报告']) : (this.breadPath = ['实验记录', '实验报告']) :
this.matchName && (this.breadPath = ['全部赛事', this.matchName, '实验报告']) this.matchName && (this.breadPath = ['全部赛事', this.matchName, '实验报告'])
const { data } = report const { data } = report
this.userScores = userScores this.userScores = userScores
// 如果没有data，则添加，否则，直接使用 // 如果没有data，则添加，否则，直接使用
if (!data) { if (!data) {
this.handleList(userScores) this.handleList(userScores)
this.$post(this.api.editExperimentalData, { this.$post(this.api.editExperimentalData, {
reportId, reportId,
data: JSON.stringify(userScores) data: JSON.stringify(userScores)
}).then(res => {}).catch(err => {}) }).then(res => { }).catch(err => { })
} else { } else {
this.handleList(userScores.find(e => e.lcRuleRecords) ? userScores : JSON.parse(data)) this.handleList(userScores.find(e => e.lcRuleRecords) ? userScores : JSON.parse(data))
} }
}).catch(res => {}) }).catch(res => { })
}, },
// 处理实验数据 // 处理实验数据
handleList(list) { handleList (list) {
this.project = list.find(e => e.lcRuleRecords) // 银行系统才有lcRuleRecords this.project = list.find(e => e.lcRuleRecords) // 银行系统才有lcRuleRecords
if (this.project) { if (this.project) {
list.map(e => { list.map(e => {
e.assessmentPoint = '' e.assessmentPoint = ''
e.referenceAnswer = '' e.referenceAnswer = ''
e.answer = '' e.answer = ''
e.lcRuleRecords.map((n, i) => { e.lcRuleRecords.map((n, i) => {
e.assessmentPoint += `${i + 1}.${n.name}` e.assessmentPoint += `${i + 1}.${n.name}`
e.referenceAnswer += `${i + 1}.${n.ruleAnswer}` e.referenceAnswer += `${i + 1}.${n.ruleAnswer}`
e.answer += `${i + 1}.${n.userAnswer}` e.answer += `${i + 1}.${n.userAnswer}`
})
})
} else { // python系统显示图片（从userScores里取）
list.forEach(e => {
const item = this.userScores.find(n => n.judgmentId == e.judgmentId)
if (item && item.runThePictureList) e.runThePictureList = item.runThePictureList
})
}
this.expData = list
},
exportPage() {
const form = Object.assign(this.form, this.infoData)
const list = JSON.parse(JSON.stringify(this.expData))
list.map((e, i) => {
const item = this.userScores.find(n => n.judgmentId == e.judgmentId)
if (item && item.runThePicture) e.runThePicture = item.runThePicture
if (item && item.runThePictureList) e.runThePictureList = item.runThePictureList
e.id = i + 1
if (e.referenceAnswer && typeof e.referenceAnswer === 'string') e.referenceAnswer = e.referenceAnswer.replace(/<[^>]+>/g, '').replace(/(&nbsp;|&amp;|%s)/g, '').replace(/>/g, '&gt;').replace(/</g, '&lt;')
if (e.answer && typeof e.answer === 'string') e.answer = e.answer.replace(/<[^>]+>/g, '').replace(/(&nbsp;|&amp;|%s)/g, '').replace(/>/g, '&gt;').replace(/</g, '&lt;')
}) })
for (const i in form) { })
if (form[i] && typeof form[i] === 'string') form[i] = form[i].replace(/<[^>]+>/g, '') } 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.runThePictureList) e.runThePictureList = item.runThePictureList
if (item.runResult) e.runResult = item.runResult
} }
form.purpose = form.purpose.replace(/<[^>]+>/g, '') })
this.$post(this.project ? this.api.exportBankExperimentReport : this.api.exportLabReport, { }
...form, this.expData = list
experimentalData: list },
}).then(res => { exportPage () {
console.log(res) const form = Object.assign(this.form, this.infoData)
util.downloadFileDirect(`实验报告.docx`,new Blob([res])) const list = JSON.parse(JSON.stringify(this.expData))
}).catch(res => {}) list.map((e, i) => {
}, const item = this.userScores.find(n => n.judgmentId == e.judgmentId)
exportPage1() { // 导出实验报告 if (item && item.runThePicture) e.runThePicture = item.runThePicture
this.loading = true; if (item && item.runThePictureList) e.runThePictureList = item.runThePictureList
this.loadIns = Loading.service({ e.id = i + 1
background: "#fff" if (e.referenceAnswer && typeof e.referenceAnswer === 'string') e.referenceAnswer = e.referenceAnswer.replace(/<[^>]+>/g, '').replace(/(&nbsp;|&amp;|%s)/g, '').replace(/>/g, '&gt;').replace(/</g, '&lt;')
}); if (e.answer && typeof e.answer === 'string') e.answer = e.answer.replace(/<[^>]+>/g, '').replace(/(&nbsp;|&amp;|%s)/g, '').replace(/>/g, '&gt;').replace(/</g, '&lt;')
const edit = this.editing // 先保存编辑状态，因为导出前要重置为false，导出完成后再还原 })
this.editing = false for (const i in form) {
document.querySelector("#pdfDom").scrollTop = 0; if (form[i] && typeof form[i] === 'string') form[i] = form[i].replace(/<[^>]+>/g, '')
var title = this.title; }
let dom = document.querySelector("#pdfDom"); form.purpose = form.purpose.replace(/<[^>]+>/g, '')
setTimeout(() => { this.$post(this.project ? this.api.exportBankExperimentReport : this.api.exportLabReport, {
html2Canvas(dom, { ...form,
height: dom.scrollHeight, experimentalData: list
allowTaint: true }).then(res => {
}).then((canvas) => { console.log(res)
let contentWidth = canvas.width; util.downloadFileDirect(`实验报告.docx`, new Blob([res]))
let contentHeight = canvas.height; }).catch(res => { })
let imgWidth = 595.28 },
let pageHeight = contentWidth / imgWidth * 841.89; exportPage1 () { // 导出实验报告
let leftHeight = contentHeight; this.loading = true;
let position = 0; this.loadIns = Loading.service({
let imgHeight = imgWidth / contentWidth * contentHeight; background: "#fff"
let pageData = canvas.toDataURL("image/jpeg", 1.0); });
let PDF = new JsPDF("", "pt", "a4"); const edit = this.editing // 先保存编辑状态，因为导出前要重置为false，导出完成后再还原
if (leftHeight < pageHeight) { this.editing = false
PDF.addImage(pageData, "JPEG", 0, 0, imgWidth, imgHeight); document.querySelector("#pdfDom").scrollTop = 0;
} else { var title = this.title;
while (leftHeight > 0) { let dom = document.querySelector("#pdfDom");
PDF.addImage(pageData, "JPEG", 0, position, imgWidth, imgHeight); setTimeout(() => {
leftHeight -= pageHeight; html2Canvas(dom, {
position -= 841.89; height: dom.scrollHeight,
if (leftHeight > 0) { allowTaint: true
PDF.addPage(); }).then((canvas) => {
} let contentWidth = canvas.width;
} let contentHeight = canvas.height;
} let imgWidth = 595.28
this.editing = edit let pageHeight = contentWidth / imgWidth * 841.89;
this.loadIns.close(); let leftHeight = contentHeight;
this.loading = false; let position = 0;
PDF.save(title + ".pdf"); let imgHeight = imgWidth / contentWidth * contentHeight;
} let pageData = canvas.toDataURL("image/jpeg", 1.0);
); let PDF = new JsPDF("", "pt", "a4");
}, 1000); if (leftHeight < pageHeight) {
}, PDF.addImage(pageData, "JPEG", 0, 0, imgWidth, imgHeight);
editReport() { // 编辑实验报告 } else {
if (this.editing) { while (leftHeight > 0) {
this.$post(`${this.api.updateReport}`, this.infoData).then(res => { PDF.addImage(pageData, "JPEG", 0, position, imgWidth, imgHeight);
this.editing = false; leftHeight -= pageHeight;
util.successMsg("修改成功"); position -= 841.89;
}).catch(err => {}); if (leftHeight > 0) {
} else { PDF.addPage();
this.editing = true; }
} }
}
this.editing = edit
this.loadIns.close();
this.loading = false;
PDF.save(title + ".pdf");
} }
);
}, 1000);
},
editReport () { // 编辑实验报告
if (this.editing) {
this.$post(`${this.api.updateReport}`, this.infoData).then(res => {
this.editing = false;
util.successMsg("修改成功");
}).catch(err => { });
} else {
this.editing = true;
}
} }
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.breadcrumb { .breadcrumb {
margin: 4px 0 16px; margin: 4px 0 16px;
/deep/.el-breadcrumb__item { /deep/.el-breadcrumb__item {
.is-link, .el-breadcrumb__separator { .is-link,
font-weight: 400; .el-breadcrumb__separator {
color: $main-color; font-weight: 400;
} color: $main-color;
&:last-child { }
.is-link { &:last-child {
color: #0B1D30; .is-link {
} color: #0b1d30;
}
}
} }
}
} }
.wrap { .wrap {
padding: 12px 300px 20px; padding: 12px 300px 20px;
} }
code, kbd, samp{ code,
font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif; kbd,
samp {
font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, 'microsoft yahei', arial, STHeiTi, sans-serif;
word-wrap: break-word; word-wrap: break-word;
white-space: pre-wrap; white-space: pre-wrap;
} }
/deep/ pre{ /deep/ pre {
white-space: pre-wrap; /* css-3 */ white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: pre-wrap; /* Opera 4-6 */ white-space: pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */ word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break:break-all; word-break: break-all;
overflow:hidden; overflow: hidden;
font-size: 12px; font-size: 12px;
font-weight:400; font-weight: 400;
font-family:'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, 'microsoft yahei', arial, STHeiTi, sans-serif;
} }
.content { .content {
padding: 16px 40px; padding: 16px 40px;
@ -390,11 +474,11 @@ code, kbd, samp{
} }
.info { .info {
padding: 20px 16px; padding: 20px 16px;
border: 1px solid #E1E6F2; border: 1px solid #e1e6f2;
} }
.l-title { .l-title {
padding: 5px 8px; padding: 5px 8px;
background-color: #F7F9FC; background-color: #f7f9fc;
} }
.info-list { .info-list {
display: flex; display: flex;
@ -419,7 +503,7 @@ code, kbd, samp{
span { span {
min-width: 150px; min-width: 150px;
padding: 0 10px 3px; padding: 0 10px 3px;
border-bottom: 1px solid #E1E6F2; border-bottom: 1px solid #e1e6f2;
} }
/deep/.el-input { /deep/.el-input {
width: 174px; width: 174px;
@ -428,7 +512,7 @@ code, kbd, samp{
.score-wrap { .score-wrap {
position: relative; position: relative;
min-width: 150px; min-width: 150px;
border-bottom: 1px solid #E1E6F2; border-bottom: 1px solid #e1e6f2;
em { em {
position: absolute; position: absolute;
top: -12px; top: -12px;
@ -436,7 +520,7 @@ code, kbd, samp{
font-family: din; font-family: din;
font-size: 30px; font-size: 30px;
font-weight: 600; font-weight: 600;
color: #0B1D30; color: #0b1d30;
} }
img { img {
position: absolute; position: absolute;
@ -444,16 +528,17 @@ code, kbd, samp{
left: 0; left: 0;
} }
} }
/deep/.el-textarea .el-textarea__inner, .pre-wrap { /deep/.el-textarea .el-textarea__inner,
.pre-wrap {
min-height: 72px; min-height: 72px;
padding: 10px 16px; padding: 10px 16px;
font-size: 14px; font-size: 14px;
color: #333; color: #333;
&.edit { &.edit {
color: #ABB3C6; color: #abb3c6;
border: 1px solid #CACFDB; border: 1px solid #cacfdb;
border-radius: 4px; border-radius: 4px;
background-color: #F6F7F9; background-color: #f6f7f9;
} }
} }
/deep/ .table th { /deep/ .table th {
@ -465,7 +550,7 @@ code, kbd, samp{
} }
} }
.result-pic { .result-pic {
margin: 10px 0; margin: 10px 0;
} }
@media (max-width: 1650px) { @media (max-width: 1650px) {
.wrap { .wrap {

171
src/pages/station/list/index.vue
Unescape View File

@ -1,87 +1,101 @@
<template> <template>
<!-- 实验台 --> <!-- 实验台 -->
<div class="wrap index"> <div class="wrap index">
<div class="search"> <div class="search">
<h6>创新实验，智能教学</h6> <h6>创新实验，智能教学</h6>
<div class="input"> <div class="input">
<img src="@/assets/img/search.png" alt=""> <img src="@/assets/img/search.png"
<input type="text" placeholder="请输入关键词" v-model="keyword"> alt="">
</div> <input type="text"
placeholder="请输入关键词"
v-model="keyword">
</div>
</div>
<div class="station">
<div class="inner">
<div class="tabs">
<a class="item"
v-for="(item, i) in tabs"
:key="i"
:class="{active: item.id == active}"
@click="tabChange(item)">{{ item.name }}</a>
</div> </div>
<div class="station"> <div class="curs">
<div class="inner"> <template v-if="curriculumList.length">
<div class="tabs"> <template v-for="(item,index) in curriculumList">
<a class="item" v-for="(item, i) in tabs" :key="i" :class="{active: item.id == active}" @click="tabChange(item)">{{ item.name }}</a> <div class="item"
</div> :title="item.curriculumName"
<div class="curs"> @click="goPreview(item)"
<template v-if="curriculumList.length"> :key="index"
<template v-for="(item,index) in curriculumList"> v-if="!keyword || item.curriculumName.includes(keyword)">
<div class="item" :title="item.curriculumName" @click="goPreview(item)" :key="index" v-if="!keyword || item.curriculumName.includes(keyword)"> <img :src="item.coverUrl"
<img :src="item.coverUrl" alt=""> alt="">
<div class="bottom"> <div class="bottom">
<p class="text"><span>{{ item.goodsName || item.curriculumName }}</span></p> <p class="text"><span>{{ item.goodsName || item.curriculumName }}</span></p>
<a>进入实验</a> <a>进入实验</a>
</div> </div>
</div>
</template>
</template>
<div class="empty flex-1" v-else>
<div>
<img src="@/assets/img/none.png" alt="">
<p>暂无数据</p>
</div>
</div> </div>
</template>
</template>
<div class="empty flex-1"
v-else>
<div>
<img src="@/assets/img/none.png"
alt="">
<p>暂无数据</p>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
import axios from 'axios' import axios from 'axios'
export default { export default {
data() { data () {
return { return {
keyword: "", keyword: "",
active: 0, active: 0,
tabs: [ tabs: [
{ {
id: 0, id: 0,
name: '实验课程' name: '实验课程'
}, },
{ {
id: 1, id: 1,
name: '最近使用' name: '最近使用'
}
],
curriculumList: []
} }
],
curriculumList: []
}
},
mounted () {
this.getschoolCourse();
},
methods: {
getschoolCourse () { // 获取课程列表
this.active ?
this.$post(this.api.recentUse, {
pageNum: 1,
pageSize: 100
}).then(({ page }) => {
this.curriculumList = page.records
}).catch(err => { }) :
this.$get(this.api.schoolCourse).then(res => {
this.curriculumList = res.data;
}).catch(err => { })
}, },
mounted() { goPreview (item) {
this.getschoolCourse(); this.$router.push(`/station/preview?courseId=${item.cid}&curriculumName=${item.goodsName}&mallId=${item.mallId || ''}`);
}, },
methods: { // tab切换
getschoolCourse() { // 获取课程列表 tabChange (item) {
this.active ? this.active = item.id
this.$post(this.api.recentUse, { this.getschoolCourse()
pageNum: 1, },
pageSize: 100 }
}).then(({ page }) => {
this.curriculumList = page.records
}).catch(err => {}) :
this.$get(this.api.schoolCourse).then(res => {
this.curriculumList = res.data;
}).catch(err => {})
},
goPreview(item) {
this.$router.push(`/station/preview?courseId=${item.cid}&curriculumName=${item.curriculumName}&mallId=${item.mallId || ''}`);
},
// tab切换
tabChange(item) {
this.active = item.id
this.getschoolCourse()
},
}
}; };
</script> </script>
@ -133,18 +147,18 @@ export default {
border-bottom: 3px solid transparent; border-bottom: 3px solid transparent;
cursor: pointer; cursor: pointer;
&.active { &.active {
color: #007EFF; color: #007eff;
border-color: #007EFF; border-color: #007eff;
} }
} }
} }
.station { .station {
min-height: calc(100vh - 520px); min-height: calc(100vh - 520px);
background: url(../../../assets/img/station1.png) (top left)/auto no-repeat, background: url(../../../assets/img/station1.png) (top left) / auto no-repeat,
url(../../../assets/img/station2.png) bottom right/auto no-repeat; url(../../../assets/img/station2.png) bottom right/auto no-repeat;
.inner { .inner {
width: 1072px; width: 1072px;
margin: 0 auto; margin: 0 auto;
} }
.curs { .curs {
display: flex; display: flex;
@ -159,7 +173,7 @@ export default {
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
opacity: .9; opacity: 0.9;
} }
img { img {
width: 215px; width: 215px;
@ -190,12 +204,11 @@ export default {
padding: 0 8px; padding: 0 8px;
line-height: 28px; line-height: 28px;
font-size: 14px; font-size: 14px;
color: #7A7A7A; color: #7a7a7a;
border-radius: 20px; border-radius: 20px;
border: 1px solid #DADADA; border: 1px solid #dadada;
} }
} }
} }
} }
</style> </style>

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

@ -255,7 +255,8 @@
<div class="action"> <div class="action">
<i class="icon el-icon-chat-dot-square" <i class="icon el-icon-chat-dot-square"
@click="showReplay(item)"></i> @click="showReplay(item)"></i>
<i v-if="deleteIdentity || item.currentAccountId == item.createAccountId" <!-- 当前用户是管理员 || 当前用户的account==该条评论的创建人accountId -->
<i v-if="item.currentRoleName.includes('管理员') || item.currentAccountId == item.createAccountId"
class="icon el-icon-delete" class="icon el-icon-delete"
@click="delComment(item)"></i> @click="delComment(item)"></i>
<!-- <div class="like-wrap" <!-- <div class="like-wrap"
@ -296,7 +297,7 @@
<div class="texts"> <div class="texts">
<div class="name">{{reply.createUsername}}</div> <div class="name">{{reply.createUsername}}</div>
<div class="flex m-v-8"> <div class="flex m-v-8">
<template> <template v-if="reply.level !== 2">
回复 回复
<span class="reply-name">@{{ reply.replyUsername }}：</span> <span class="reply-name">@{{ reply.replyUsername }}：</span>
</template> </template>
@ -308,7 +309,8 @@
<div class="action"> <div class="action">
<i class="icon el-icon-chat-dot-square" <i class="icon el-icon-chat-dot-square"
@click="showReplay(reply)"></i> @click="showReplay(reply)"></i>
<i v-if="deleteIdentity || reply.currentAccountId == reply.createAccountId" <!-- 当前用户是管理员 || 当前用户的account==该条评论的创建人accountId -->
<i v-if="reply.currentRoleName.includes('管理员') || reply.currentAccountId == reply.createAccountId"
class="icon el-icon-delete" class="icon el-icon-delete"
@click="delComment(reply)"></i> @click="delComment(reply)"></i>
<!-- <div class="like-wrap" <!-- <div class="like-wrap"
@ -571,7 +573,7 @@ export default {
}, },
// 记录最近使用 // 记录最近使用
addRecord () { addRecord () {
this.$post(`${this.api.recordRecentUsage}?cid=${this.courseId}`).then(res => { }).catch(res => { }) this.$post(`${this.api.recordRecentUsage}?mallId=${this.mallId}`).then(res => { }).catch(res => { })
}, },
// 查询是否过期 // 查询是否过期
getStatus () { getStatus () {
@ -727,7 +729,7 @@ export default {
this.$post(this.api.addComment, { this.$post(this.api.addComment, {
cid: this.courseId, cid: this.courseId,
content, content,
pid: row ? row.commentId : 0, pid: reply ? reply.commentId : row ? row.commentId : 0,
replyAccountId: reply ? reply.createAccountId : row.createAccountId || '', replyAccountId: reply ? reply.createAccountId : row.createAccountId || '',
status: row ? 2 : 1, status: row ? 2 : 1,
replyCommentId: reply ? reply.commentId : row ? row.commentId : '' replyCommentId: reply ? reply.commentId : row ? row.commentId : ''
@ -953,6 +955,7 @@ export default {
util.cookies.set('isSubmit', '', -1) util.cookies.set('isSubmit', '', -1)
util.cookies.set('fromManager', '', -1) util.cookies.set('fromManager', '', -1)
util.cookies.set('competitionId', '', -1) util.cookies.set('competitionId', '', -1)
util.cookies.set('language', '', -1)
// 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统 // 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统
location.href = process.env.NODE_ENV === 'development' ? location.href = process.env.NODE_ENV === 'development' ?
`http://${location.hostname}:8085/#/` : `http://${location.hostname}:8085/#/` :
@ -968,6 +971,8 @@ export default {
let userName = window.btoa(encodeURIComponent(this.userName)); let userName = window.btoa(encodeURIComponent(this.userName));
if (systemId == 11) { if (systemId == 11) {
// 银行系统 // 银行系统
sessionStorage.removeItem('projectId')
sessionStorage.removeItem('submited')
location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${this.courseId}&systemId=${this.systemIds}&projectId=${this.curProject}&assessmentId=&classId=&stopTime=&test=true` location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${this.courseId}&systemId=${this.systemIds}&projectId=${this.curProject}&assessmentId=&classId=&stopTime=&test=true`
} else if (systemId == 12) { } else if (systemId == 12) {
// 众筹系统 // 众筹系统

Write Preview
Loading…
Cancel
Save