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

修改导出报告太小问题

Browse Source
UI_2022-02-10
e 3 years ago
parent e3057b9643
commit 3f2576186e
2 changed files with 113 additions and 103 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. 215
      src/pages/record/show/index.vue
  2. 1
      src/styles/common.scss

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

@ -9,111 +9,115 @@
</div>
</div>
</div>
<div class="report-wrap" :class="{loading}" id="pdfDom">
<div style="position: relative;">
<h6 style="text-align: center;font-size: 20px">标准实验报告</h6>
<el-button v-if="!loading" style="position: absolute;top: 0;right: 0;" size="mini" @click="editReport">
{{ editing ? "保存" : "编辑" }}
</el-button>
</div>
<div class="flex-center m-b-20 user_header">
<p class="addhr_tag"></p>
<span style="font-size: 18px">基本信息</span>
</div>
<div>
<el-table :data="infoData" class="info-table" stripe header-align="center">
<el-table-column prop="userName" label="学生姓名" align="center"></el-table-column>
<el-table-column prop="workNumber" label="学生学号" align="center"></el-table-column>
<el-table-column prop="className" label="学生班级" align="center">
<template slot-scope="scope">
<template v-if="editing">
<el-input v-model="form.className"></el-input>
</template>
<template v-else>{{ form.className }}</template>
</template>
</el-table-column>
<el-table-column prop="instructor" label="指导老师" align="center">
<template slot-scope="scope">
<template v-if="editing">
<el-input v-model="form.instructor"></el-input>
</template>
<template v-else>{{ form.instructor }}</template>
</template>
</el-table-column>
<el-table-column prop="period" label="实验学时" align="center">
<template slot-scope="scope">
<template v-if="editing">
<el-input v-model="form.period"></el-input>
</template>
<template v-else>{{ form.period }}</template>
</template>
</el-table-column>
<el-table-column prop="submitTime" label="实验时间" align="center"></el-table-column>
<el-table-column prop="score" label="实验成绩" align="center">
</el-table-column>
</el-table>
</div>
<div class="m-b-20">
<div class="meta-title-wrap">
<p class="meta-title"><img src="@/assets/img/cup.png" alt=""> 实验项目名称</p>
</div>
<el-input class='textAreaFont' v-model="form.projectName" type="textarea" :disabled="!editing" rows="5"></el-input>
</div>
<div class="m-b-20">
<div class="meta-title-wrap">
<p class="meta-title">实验目的</p>
</div>
<div class="pre-wrap" v-html="form.purpose"></div>
</div>
<div class="m-b-20">
<div class="meta-title-wrap">
<p class="meta-title">实验数据</p>
</div>
<el-table :data="expData" class="table" border stripe header-align="center">
<el-table-column type="index" width="100" label="序号" align="center">
<template slot-scope="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column prop="judgmentName" label="任务名称"></el-table-column>
<el-table-column prop="judgmentName" label="考核点">
<template slot-scope="scope">
<div v-for="(item, index) in scope.row.lcRuleRecords">
<div style='width: 1125.25px;background: #fff;box-shadow: 0px 2px 25px 2px #D1D1D1;margin:10px auto;height: calc(100vh - 0px);'>
<div class="report-wrap" :class="{loading}" id="pdfDom">
<div style='padding: 30px 100px;overflow: hidden;width:100%'>
<div style="position: relative;">
<h6 style="text-align: center;font-size: 20px">标准实验报告</h6>
<el-button v-if="!loading" style="position: absolute;top: 0;right: 0;" size="mini" @click="editReport">
{{ editing ? "保存" : "编辑" }}
</el-button>
</div>
<div class="flex-center m-b-20 user_header">
<p class="addhr_tag"></p>
<span style="font-size: 18px">基本信息</span>
</div>
<div>
<el-table :data="infoData" class="info-table" stripe header-align="center">
<el-table-column prop="userName" label="学生姓名" align="center"></el-table-column>
<el-table-column prop="workNumber" label="学生学号" align="center"></el-table-column>
<el-table-column prop="className" label="学生班级" align="center">
<template slot-scope="scope">
<template v-if="editing">
<el-input v-model="form.className"></el-input>
</template>
<template v-else>{{ form.className }}</template>
</template>
</el-table-column>
<el-table-column prop="instructor" label="指导老师" align="center">
<template slot-scope="scope">
<template v-if="editing">
<el-input v-model="form.instructor"></el-input>
</template>
<template v-else>{{ form.instructor }}</template>
</template>
</el-table-column>
<el-table-column prop="period" label="实验学时" align="center">
<template slot-scope="scope">
<template v-if="editing">
<el-input v-model="form.period"></el-input>
</template>
<template v-else>{{ form.period }}</template>
</template>
</el-table-column>
<el-table-column prop="submitTime" label="实验时间" align="center"></el-table-column>
<el-table-column prop="score" label="实验成绩" align="center">
</el-table-column>
</el-table>
</div>
<div class="m-b-20">
<div class="meta-title-wrap">
<p class="meta-title"><img src="@/assets/img/cup.png" alt=""> 实验项目名称</p>
</div>
<el-input class='textAreaFont' v-model="form.projectName" type="textarea" :disabled="!editing" rows="5"></el-input>
</div>
<div class="m-b-20">
<div class="meta-title-wrap">
<p class="meta-title">实验目的</p>
</div>
<div class="pre-wrap" v-html="form.purpose"></div>
</div>
<div class="m-b-20">
<div class="meta-title-wrap">
<p class="meta-title">实验数据</p>
</div>
<el-table :data="expData" class="table" border stripe header-align="center">
<el-table-column type="index" width="100" label="序号" align="center">
<template slot-scope="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column prop="judgmentName" label="任务名称"></el-table-column>
<el-table-column prop="judgmentName" label="考核点">
<template slot-scope="scope">
<div v-for="(item, index) in scope.row.lcRuleRecords">
<span>
<span>{{index+1}}. </span>{{item.name}}
</span>
</div>
</template>
</el-table-column>
<el-table-column prop="ruleAnswer" label="参考答案">
<template slot-scope="scope">
<div v-for="(item, index) in scope.row.lcRuleRecords">
</div>
</template>
</el-table-column>
<el-table-column prop="ruleAnswer" label="参考答案">
<template slot-scope="scope">
<div v-for="(item, index) in scope.row.lcRuleRecords">
<span>
<span>{{index+1}}. </span>{{item.ruleAnswer}}
</span>
</div>
</template>
</el-table-column>
<el-table-column prop="userAnswer" label="学生答案">
<template slot-scope="scope">
<div v-for="(item, index) in scope.row.lcRuleRecords">
</div>
</template>
</el-table-column>
<el-table-column prop="userAnswer" label="学生答案">
<template slot-scope="scope">
<div v-for="(item, index) in scope.row.lcRuleRecords">
<span v-if='item.userAnswer'>
<span>{{index+1}}. </span>{{item.userAnswer}}
</span>
<span v-else>
<span v-else>
<span>{{index+1}}. </span>未填写
</span>
</div>
</template>
</el-table-column>
<el-table-column prop="score" label="得分" align="center" width="100"></el-table-column>
</el-table>
</div>
<div class="m-b-20">
<div class="meta-title-wrap">
<p class="meta-title">实验总结与体会</p>
</div>
</template>
</el-table-column>
<el-table-column prop="score" label="得分" align="center" width="100"></el-table-column>
</el-table>
</div>
<div class="m-b-20">
<div class="meta-title-wrap">
<p class="meta-title">实验总结与体会</p>
</div>
<el-input type="textarea" v-model="form.summarize" rows="5" :disabled="!editing"></el-input>
</div>
</div>
<el-input type="textarea" v-model="form.summarize" rows="5" :disabled="!editing"></el-input>
</div>
</div>
</div>
@ -172,7 +176,7 @@ export default {
document.querySelector("body").setAttribute("style", "overflow: visible");
this.loading = true;
this.loadIns = Loading.service({
background: "rgba(255,255,255,.6)"
background: "#fff"
});
document.querySelector("#pdfDom").scrollTop = 0;
var title = this.title;
@ -231,15 +235,19 @@ export default {
<style lang="scss" scoped>
.box {
background-color: #fff;
//background-color: #EAEAEA;
background: #fff;
font-size: 18px;
overflow: hidden;
//overflow: auto;
}
.exp-header {
padding: 20px 100px;
box-shadow: 0px 0px 25px 2px rgba(48, 115, 248, 0.14);
background: #fff;
box-shadow: 0px 2px 25px 2px rgba(48, 115, 248, 0.14);
z-index: 999;
margin-top: 2px;
padding: 20px 100px;
margin: 2px auto;
}
/deep/ .el-textarea.is-disabled .el-textarea__inner {
@ -248,11 +256,11 @@ export default {
}
#pdfDom {
height: calc(100vh - 170px);
overflow: auto;
padding: 30px 100px;
width: 100%;
height: calc(100vh - 100px);
background: #fff;
box-sizing: border-box;
//box-shadow: 0px 2px 25px 2px #D1D1D1;
&.loading {
height: auto;
overflow: visible;
@ -266,6 +274,7 @@ export default {
background-color: #fff !important;
.cell {
line-height: 35px;
color: #444;
}
}
@ -301,6 +310,7 @@ export default {
background-color: #e1eaff !important;
.cell {
line-height: 35px;
color: #555555;
}
}
@ -315,6 +325,7 @@ export default {
/deep/ .cell {
font-size: 16px;
line-height: 35px;
}
// /deep/.el-row{

1
src/styles/common.scss
Unescape View File

@ -156,7 +156,6 @@
color: #fff;
font-size: 14px;
font-weight: normal;
.el-checkbox {
&:before {
opacity: 1;

Write Preview
Loading…
Cancel
Save