parent
e8a6237ce5
commit
23bf70ff73
20 changed files with 296 additions and 491 deletions
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
@ -1,508 +1,305 @@ |
|||||||
<template> |
<template> |
||||||
<div class="box"> |
<div class="wrap"> |
||||||
<el-row :gutter="24"> |
<el-card shadow="hover" class="m-b-20"> |
||||||
<el-col :span="24"> |
<el-page-header @back="$router.back()" content="查看报告"></el-page-header> |
||||||
<el-card shadow="hover" class="m-b-20"> |
</el-card> |
||||||
<div class="flex-between"> |
|
||||||
<el-page-header @back="goBack" content="查看报告"></el-page-header> |
<div class="content"> |
||||||
</div> |
<h6 class="r-title">标准实验报告</h6> |
||||||
</el-card> |
<div class="info"> |
||||||
|
<h6 class="l-title"> |
||||||
<div id="pdfDom"> |
<img src="@/assets/img/info1.png" alt=""> |
||||||
<h6 style="text-align: center;font-size: 20px">标准实验报告</h6> |
基本信息 |
||||||
<div class="flex-center m-b-20 user_header"> |
</h6> |
||||||
<p class="addhr_tag"></p> |
<ul :class="['info-list', {edit: editing}]"> |
||||||
<span style="font-size: 18px">基本信息</span> |
<li> |
||||||
</div> |
<label>学生姓名：</label> |
||||||
|
<el-input v-if="editing" v-model="infoData.userName" disabled></el-input> |
||||||
<div> |
<span v-else>{{ infoData.userName }}</span> |
||||||
<el-table :data="infoData" class="info-table" stripe header-align="center"> |
</li> |
||||||
<el-table-column prop="userName" label="学生姓名" align="center"> |
<li> |
||||||
</el-table-column> |
<label>学生学号：</label> |
||||||
<el-table-column prop="workNumber" label="学生学号" align="center"> |
<el-input v-if="editing" v-model="infoData.workNumber" disabled></el-input> |
||||||
</el-table-column> |
<span v-else>{{ infoData.workNumber }}</span> |
||||||
<el-table-column prop="className" label="学生班级" align="center"> |
</li> |
||||||
</el-table-column> |
<li> |
||||||
<el-table-column prop="instructor" label="指导老师" align="center"> |
<label>实验时间：</label> |
||||||
</el-table-column> |
<el-input v-if="editing" v-model="infoData.submitTime" disabled></el-input> |
||||||
<el-table-column prop="period" label="实验学时" align="center"> |
<span v-else>{{ infoData.submitTime }}</span> |
||||||
</el-table-column> |
</li> |
||||||
<el-table-column prop="submitTime" label="实验时间" align="center"> |
<li> |
||||||
</el-table-column> |
<label>实验成绩：</label> |
||||||
<el-table-column prop="score" label="实验成绩" align="center"> |
<el-input v-if="editing" v-model="infoData.score" disabled></el-input> |
||||||
</el-table-column> |
<div v-else class="score-wrap"> |
||||||
</el-table> |
<em>{{ infoData.score }}</em> |
||||||
</div> |
<img src="@/assets/img/point.png" alt=""> |
||||||
|
|
||||||
<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 v-model="form.projectName" type="textarea" :disabled="true" rows="5"></el-input> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="m-b-20"> |
|
||||||
<div class="meta-title-wrap"> |
|
||||||
<p class="meta-title">实验目的</p> |
|
||||||
</div> |
|
||||||
<!-- <el-input v-model="form.purpose" type="textarea" :disabled="true" rows="5"></el-input> --> |
|
||||||
<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> |
</div> |
||||||
<el-table :data="expData" class="table" stripe border header-align="center"> |
</li> |
||||||
<el-table-column type="index" label="序号" align="center" width="80"> |
<li> |
||||||
<template slot-scope="scope"> |
<label>学生班级：</label> |
||||||
{{ scope.$index + 1 }} |
<el-input v-if="editing" v-model="infoData.workNumber"></el-input> |
||||||
</template> |
<span v-else>{{ infoData.workNumber }}</span> |
||||||
</el-table-column> |
</li> |
||||||
<el-table-column prop="judgmentName" label="判分点" align="center" min-width="200"> |
<li> |
||||||
</el-table-column> |
<label>指导老师：</label> |
||||||
<el-table-column v-if='project' prop="userAnswer" label="考核点" align="center" > |
<el-input v-if="editing" v-model="infoData.instructor"></el-input> |
||||||
<template slot-scope="scope"> |
<span v-else>{{ infoData.instructor }}</span> |
||||||
<div v-for="(item, index) in scope.row.lcRuleRecords"> |
</li> |
||||||
|
<li> |
||||||
|
<label>实验学时：</label> |
||||||
|
<el-input v-if="editing" v-model="infoData.period"></el-input> |
||||||
|
<span v-else>{{ infoData.period }}</span> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
<div class="m-b-20"> |
||||||
|
<h6 class="l-title"> |
||||||
|
<img src="@/assets/img/report2.png" alt=""> |
||||||
|
实验项目名称 |
||||||
|
</h6> |
||||||
|
<el-input v-if="editing" v-model="form.projectName" type="textarea"></el-input> |
||||||
|
<div v-else class="pre-wrap" v-html="form.projectName"></div> |
||||||
|
</div> |
||||||
|
<div class="m-b-20"> |
||||||
|
<h6 class="l-title"> |
||||||
|
<img src="@/assets/img/report3.png" alt=""> |
||||||
|
实验目的 |
||||||
|
</h6> |
||||||
|
<div :class="['pre-wrap', {edit: editing}]" v-html="form.purpose"></div> |
||||||
|
</div> |
||||||
|
<div class="m-b-20"> |
||||||
|
<h6 class="l-title"> |
||||||
|
<img src="@/assets/img/report4.png" alt=""> |
||||||
|
实验数据 |
||||||
|
</h6> |
||||||
|
<el-table :data="expData" class="table" border stripe header-align="center"> |
||||||
|
<el-table-column type="index" label="序号" align="center" width="60"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.$index + 1 }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="judgmentName" label="判分点" width="270" 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>{{index+1}}. </span>{{item.name}} |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="ruleAnswer" label="参考答案" style='word-wrap: break-word' align="center"> |
||||||
|
<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> |
||||||
</template> |
</div> |
||||||
</el-table-column> |
<div v-else v-html="scope.row.referenceAnswer"></div> |
||||||
<el-table-column prop="answer" label="参考答案" align="center" min-width="400"> |
</template> |
||||||
<template slot-scope="scope"> |
</el-table-column> |
||||||
<div v-if=' scope.row.lcRuleRecords'> |
<el-table-column prop="userAnswer" label="学生答案" align="center"> |
||||||
<div v-for="(item, index) in scope.row.lcRuleRecords"> |
<template slot-scope="scope"> |
||||||
<span>{{index+1}}. </span>{{item.ruleAnswer}} |
<div v-if='scope.row.lcRuleRecords'> |
||||||
</div> |
<div v-for="(item, index) in scope.row.lcRuleRecords" :key="index"> |
||||||
</div> |
<span v-if='item.userAnswer'> |
||||||
<div v-else v-html='scope.row.referenceAnswer'> |
|
||||||
<!-- {{scope.row.referenceAnswer}}--> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column prop="userAnswer" label="学生答案" align="center" min-width="400"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<div v-if=' scope.row.lcRuleRecords'> |
|
||||||
<div v-for="(item, index) in scope.row.lcRuleRecords"> |
|
||||||
<span>{{index+1}}. </span>{{item.userAnswer}} |
<span>{{index+1}}. </span>{{item.userAnswer}} |
||||||
</div> |
</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> |
||||||
<!-- {{scope.row.answer}}--> |
<div v-else v-html='scope.row.answer' style='white-space: pre-wrap'></div> |
||||||
</div> |
</template> |
||||||
</template> |
</el-table-column> |
||||||
</el-table-column> |
<el-table-column prop="score" label="得分" width="80" align="center"></el-table-column> |
||||||
|
</el-table> |
||||||
<el-table-column prop="score" label="得分" align="center" width="80"> |
</div> |
||||||
</el-table-column> |
<div class="m-b-20"> |
||||||
</el-table> |
<h6 class="l-title"> |
||||||
</div> |
<img src="@/assets/img/report5.png" alt=""> |
||||||
|
实验总结与体会 |
||||||
<div class="m-b-20"> |
</h6> |
||||||
<div class="meta-title-wrap"> |
<quill v-if="editing" :border="true" v-model="form.summarize" :minHeight="150" :height="150" /> |
||||||
<p class="meta-title">实验总结与体会</p> |
<div v-else class="pre-wrap" v-html="form.summarize"></div> |
||||||
</div> |
|
||||||
<el-input type="textarea" v-model="form.summarize" rows="5" disabled></el-input> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
</el-col> |
</div> |
||||||
</el-row> |
</div> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
import { mapState } from "vuex"; |
|
||||||
import util from "@/libs/util"; |
|
||||||
|
|
||||||
export default { |
export default { |
||||||
data() { |
data() { |
||||||
return { |
return { |
||||||
|
reportId: this.$route.query.reportId, |
||||||
|
projectId: this.$route.query.projectId, |
||||||
title: "实验报告", |
title: "实验报告", |
||||||
form: { |
form: { |
||||||
analysis: "", |
className: "", |
||||||
conclusion: "", |
instructor: "", |
||||||
content: ``, |
|
||||||
data: "", |
|
||||||
purpose: ``, |
|
||||||
experimentId: "", |
|
||||||
experimentalClassName: "", |
|
||||||
improvement: "", |
|
||||||
laboratory: "", |
|
||||||
period: "", |
period: "", |
||||||
principle: "", |
projectName: "", |
||||||
proName: "", |
|
||||||
score: 0, |
|
||||||
step: ``, |
|
||||||
submitTime: "", |
|
||||||
summarize: "", |
summarize: "", |
||||||
instructor: "", |
|
||||||
userId: this.userId, |
|
||||||
userName: "", |
|
||||||
workNumber: "" |
|
||||||
}, |
}, |
||||||
type: this.$route.query.type, |
infoData: {}, |
||||||
id: this.$route.query.id, |
|
||||||
recordId: this.$route.query.recordId, |
|
||||||
reportId: this.$route.query.reportId, |
|
||||||
projectId: this.$route.query.projectId, |
|
||||||
studentId: this.$route.query.studentId, |
|
||||||
infoData: [], |
|
||||||
expData: [], |
expData: [], |
||||||
accountData: [], |
editing: false, |
||||||
showData: "1", |
loadIns: null, |
||||||
autograph: "1", |
loading: false, |
||||||
pages: 1, |
project:false |
||||||
ipVisible: false, |
|
||||||
project:false, |
|
||||||
fileList: [{ name: "food.jpeg", url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100" }, { |
|
||||||
name: "food2.jpeg", |
|
||||||
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100" |
|
||||||
}], |
|
||||||
conclusionOptions: [ |
|
||||||
{ |
|
||||||
value: 1, |
|
||||||
label: "结论符合预期" |
|
||||||
} |
|
||||||
] |
|
||||||
}; |
}; |
||||||
}, |
}, |
||||||
computed: { |
|
||||||
...mapState("user", [ |
|
||||||
"userId" |
|
||||||
]) |
|
||||||
}, |
|
||||||
mounted() { |
mounted() { |
||||||
|
this.getData() |
||||||
this.getData(); |
|
||||||
}, |
}, |
||||||
methods: { |
methods: { |
||||||
getData() { |
getData() { // 查询详情 |
||||||
if (this.type) { |
this.$get(`${this.api.reportDetail}?reportId=${this.reportId}`).then(res => { |
||||||
let data = { |
this.form = res.report |
||||||
reportId: this.reportId |
this.expData = res.userScores |
||||||
}; |
this.project = this.expData.find(e => e.lcRuleRecords) // 银行系统才有lcRuleRecords |
||||||
this.$get(this.api.experimentOverview, data).then(res => { |
let form = this.form; |
||||||
this.form = res.report; |
this.infoData = { |
||||||
let expData = res.userScores; |
workNumber: form.workNumber, |
||||||
let form = this.form; |
experimentalClassName: form.experimentalClassName, |
||||||
let score = form.score; |
instructor: form.instructor, |
||||||
for(var i=0;i<expData.length;i++){ |
period: form.period, |
||||||
console.log(expData[i].referenceAnswer) |
laboratory: form.laboratory, |
||||||
if (expData[i].referenceAnswer != undefined && expData[i].referenceAnswer){ |
submitTime: form.submitTime, |
||||||
console.log('123') |
score: form.score, |
||||||
this.project = false |
userName: form.userName |
||||||
}else{ |
|
||||||
console.log('456') |
|
||||||
this.project = true |
|
||||||
} |
|
||||||
} |
|
||||||
if (expData) { |
|
||||||
if (score) { |
|
||||||
expData.map(n => { |
|
||||||
if (n.isError) { |
|
||||||
score -= n.codeScore; |
|
||||||
n.codeScore = 0; |
|
||||||
} |
|
||||||
}); |
|
||||||
form.score = score; |
|
||||||
} |
|
||||||
this.expData = expData; |
|
||||||
} |
|
||||||
this.infoData.push({ |
|
||||||
workNumber: form.workNumber, |
|
||||||
experimentalClassName: form.experimentalClassName, |
|
||||||
instructor: form.instructor, |
|
||||||
period: form.period, |
|
||||||
laboratory: form.laboratory, |
|
||||||
submitTime: form.submitTime, |
|
||||||
score: form.score, |
|
||||||
userName: form.userName, |
|
||||||
className:form.className, |
|
||||||
}); |
|
||||||
}).catch(res => { |
|
||||||
}); |
|
||||||
} else { |
|
||||||
let data = { |
|
||||||
studentId: this.studentId, |
|
||||||
projectId: this.projectId, |
|
||||||
// recordId: this.id, |
|
||||||
reportId: this.reportId |
|
||||||
}; |
|
||||||
this.$get(this.api.experimentOverview, data).then(res => { |
|
||||||
console.log(res) |
|
||||||
this.form = res.report ? res.report : {}; |
|
||||||
let expData = res.userScores; |
|
||||||
let form = this.form; |
|
||||||
let score = form.score; |
|
||||||
for(var i=0;i<expData.length;i++){ |
|
||||||
console.log(expData[i].referenceAnswer) |
|
||||||
if (expData[i].referenceAnswer != undefined && expData[i].referenceAnswer){ |
|
||||||
console.log('123') |
|
||||||
this.project = false |
|
||||||
}else{ |
|
||||||
console.log('456') |
|
||||||
this.project = true |
|
||||||
} |
|
||||||
} |
|
||||||
if (expData) { |
|
||||||
if (score) { |
|
||||||
expData.map(n => { |
|
||||||
if (n.isError) { |
|
||||||
score -= n.codeScore; |
|
||||||
n.codeScore = 0; |
|
||||||
} |
|
||||||
}); |
|
||||||
form.score = score; |
|
||||||
} |
|
||||||
|
|
||||||
this.expData = expData; |
|
||||||
} |
|
||||||
this.infoData.push({ |
|
||||||
workNumber: form.workNumber, |
|
||||||
experimentalClassName: form.experimentalClassName, |
|
||||||
instructor: form.instructor, |
|
||||||
period: form.period, |
|
||||||
laboratory: form.laboratory, |
|
||||||
submitTime: form.submitTime, |
|
||||||
score: form.score, |
|
||||||
userName: form.userName, |
|
||||||
className:form.className, |
|
||||||
}); |
|
||||||
}).catch(res => { |
|
||||||
}); |
|
||||||
} |
|
||||||
}, |
|
||||||
handleRemove(file, fileList) { |
|
||||||
console.log(file, fileList); |
|
||||||
}, |
|
||||||
handlePreview(file) { |
|
||||||
console.log(file); |
|
||||||
}, |
|
||||||
saveAdd() { |
|
||||||
let data = { |
|
||||||
systemId: this.configId, |
|
||||||
systemName: this.form.systemName, |
|
||||||
systemType: this.form.systemType, |
|
||||||
systemAttribution: this.form.systemAttribution |
|
||||||
}; |
|
||||||
if (this.configId) { |
|
||||||
this.$post(this.api.updateServiceConfig, data).then((res) => { |
|
||||||
util.successMsg("编辑成功"); |
|
||||||
this.goBack(); |
|
||||||
}).catch((res) => { |
|
||||||
}); |
|
||||||
} else { |
|
||||||
this.$post(this.api.updateServiceConfig, data).then((res) => { |
|
||||||
util.successMsg("添加成功"); |
|
||||||
this.goBack(); |
|
||||||
}).catch((res) => { |
|
||||||
}); |
|
||||||
} |
|
||||||
}, |
|
||||||
handlePictureCardPreview(file) { |
|
||||||
this.dialogImageUrl = file.url; |
|
||||||
this.dialogVisible = true; |
|
||||||
}, |
|
||||||
SpanMethod({ row, column, rowIndex, columnIndex }) { |
|
||||||
if (rowIndex % 2 === 0) { |
|
||||||
if (columnIndex === 6) { |
|
||||||
if (!row.Intranet) { |
|
||||||
return [1, 2]; |
|
||||||
} |
|
||||||
} |
|
||||||
// else if (columnIndex === 1) { |
|
||||||
// return [0, 0]; |
|
||||||
// } |
|
||||||
} |
|
||||||
}, |
|
||||||
goBack() { |
|
||||||
this.$router.back(); |
|
||||||
}, |
|
||||||
exportPage() { |
|
||||||
var title = this.title; |
|
||||||
html2Canvas(document.querySelector("#pdfDom"), { |
|
||||||
allowTaint: true |
|
||||||
}).then(function(canvas) { |
|
||||||
let contentWidth = canvas.width; |
|
||||||
let contentHeight = canvas.height; |
|
||||||
let pageHeight = contentWidth / 592.28 * 841.89; |
|
||||||
let leftHeight = contentHeight; |
|
||||||
let position = 0; |
|
||||||
let imgWidth = 595.28; |
|
||||||
let imgHeight = 592.28 / contentWidth * contentHeight; |
|
||||||
let pageData = canvas.toDataURL("image/jpeg", 1.0); |
|
||||||
let PDF = new JsPDF("", "pt", "a4"); |
|
||||||
if (leftHeight < pageHeight) { |
|
||||||
PDF.addImage(pageData, "JPEG", 0, 0, imgWidth, imgHeight); |
|
||||||
} else { |
|
||||||
while (leftHeight > 0) { |
|
||||||
PDF.addImage(pageData, "JPEG", 0, position, imgWidth, imgHeight); |
|
||||||
leftHeight -= pageHeight; |
|
||||||
position -= 841.89; |
|
||||||
if (leftHeight > 0) { |
|
||||||
PDF.addPage(); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
PDF.save(title + ".pdf"); |
|
||||||
} |
} |
||||||
); |
}).catch(res => {}) |
||||||
} |
} |
||||||
} |
} |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||||
.box { |
.wrap { |
||||||
//padding: 0 20px; |
padding: 12px 300px 20px; |
||||||
//background-color: #fff; |
|
||||||
} |
} |
||||||
|
code, kbd, samp{ |
||||||
/deep/ .el-textarea.is-disabled .el-textarea__inner { |
font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif; |
||||||
color: #777; |
word-wrap: break-word; |
||||||
background-color: #e5dfff; |
white-space: pre-wrap; |
||||||
} |
} |
||||||
|
/deep/ pre{ |
||||||
.pre-wrap { |
white-space: pre-wrap; /* css-3 */ |
||||||
min-height: 117px; |
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ |
||||||
padding: 5px 15px; |
white-space: pre-wrap; /* Opera 4-6 */ |
||||||
color: #777; |
white-space: -o-pre-wrap; /* Opera 7 */ |
||||||
background-color: #e5dfff; |
word-wrap: break-word; /* Internet Explorer 5.5+ */ |
||||||
|
word-break:break-all; |
||||||
|
overflow:hidden; |
||||||
|
font-size: 12px; |
||||||
|
font-weight:400; |
||||||
|
font-family:'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif |
||||||
} |
} |
||||||
|
.content { |
||||||
#pdfDom { |
padding: 16px 40px; |
||||||
padding: 50px; |
|
||||||
background: #fff; |
background: #fff; |
||||||
/deep/ .info-table { |
&.loading { |
||||||
|
padding-top: 30px; |
||||||
|
} |
||||||
|
.r-title { |
||||||
margin-bottom: 40px; |
margin-bottom: 40px; |
||||||
border: 0; |
font-size: 24px; |
||||||
th { |
text-align: center; |
||||||
background-color: #fff !important; |
color: #333; |
||||||
.cell { |
} |
||||||
color: #444; |
.info { |
||||||
line-height: 35px; |
padding: 20px 16px; |
||||||
|
border: 1px solid #E1E6F2; |
||||||
|
} |
||||||
|
.l-title { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
padding: 5px 8px; |
||||||
|
margin-bottom: 12px; |
||||||
|
font-size: 14px; |
||||||
|
color: #333; |
||||||
|
background-color: #f7f5ff; |
||||||
|
} |
||||||
|
.info-list { |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
padding: 10px 0 0 20px; |
||||||
|
li { |
||||||
|
display: inline-flex; |
||||||
|
width: 25%; |
||||||
|
padding: 0 10px; |
||||||
|
margin-bottom: 34px; |
||||||
|
} |
||||||
|
&.edit { |
||||||
|
li { |
||||||
|
align-items: center; |
||||||
} |
} |
||||||
} |
} |
||||||
|
label { |
||||||
tr { |
font-size: 14px; |
||||||
border: 0; |
color: #333; |
||||||
|
white-space: nowrap; |
||||||
} |
} |
||||||
|
span { |
||||||
tr:hover, tr:hover > td { |
min-width: 150px; |
||||||
background-color: #e5dfff !important; |
padding: 0 10px 3px; |
||||||
|
border-bottom: 1px solid #E1E6F2; |
||||||
} |
} |
||||||
|
/deep/.el-input { |
||||||
td { |
width: 174px; |
||||||
border: { |
} |
||||||
left: 4px solid #fff; |
} |
||||||
right: 4px solid #fff; |
.score-wrap { |
||||||
} |
position: relative; |
||||||
|
min-width: 150px; |
||||||
&:first-child { |
border-bottom: 1px solid #E1E6F2; |
||||||
border-left: 0; |
em { |
||||||
} |
position: absolute; |
||||||
|
top: -12px; |
||||||
&:last-child { |
left: 30px; |
||||||
border-right: 0; |
font-family: din; |
||||||
} |
font-size: 30px; |
||||||
|
font-weight: 600; |
||||||
background-color: #e5dfff; |
color: #0B1D30; |
||||||
border-bottom: 0; |
} |
||||||
|
img { |
||||||
|
position: absolute; |
||||||
|
bottom: -15px; |
||||||
|
left: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
/deep/.el-textarea .el-textarea__inner, .pre-wrap { |
||||||
|
min-height: 72px; |
||||||
|
padding: 10px 16px; |
||||||
|
font-size: 14px; |
||||||
|
color: #333; |
||||||
|
&.edit { |
||||||
|
color: #ABB3C6; |
||||||
|
border: 1px solid #CACFDB; |
||||||
|
border-radius: 4px; |
||||||
|
background-color: #F6F7F9; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
/deep/ .table th { |
/deep/ .table th { |
||||||
background-color: #e1eaff !important; |
background-color: #e5dfff !important; |
||||||
|
|
||||||
.cell { |
.cell { |
||||||
line-height: 35px; |
line-height: 35px; |
||||||
color: #555555; |
color: #555555; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
/deep/ pre, code, kbd, samp{ |
@media (max-width: 1650px) { |
||||||
font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif; |
.wrap { |
||||||
word-wrap: break-word; |
padding: 12px 200px 20px; |
||||||
white-space: pre-wrap; |
|
||||||
} |
|
||||||
/deep/ pre{ |
|
||||||
white-space: pre-wrap; |
|
||||||
} |
|
||||||
/deep/ .cell { |
|
||||||
font-size: 12px; |
|
||||||
} |
|
||||||
|
|
||||||
/deep/ .el-row { |
|
||||||
padding-top: 20px; |
|
||||||
margin: 0 !important; |
|
||||||
} |
|
||||||
|
|
||||||
.form-item { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
} |
|
||||||
|
|
||||||
.form-item .el-input { |
|
||||||
width: auto; |
|
||||||
} |
|
||||||
|
|
||||||
.form-item span { |
|
||||||
margin-right: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
.meta-title-wrap { |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: center; |
|
||||||
|
|
||||||
span { |
|
||||||
font-size: 13px; |
|
||||||
color: #444; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.flex-between { |
|
||||||
span { |
|
||||||
font-size: 13px; |
|
||||||
color: #444; |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
@media (max-width: 1430px) { |
||||||
.meta-title { |
.wrap { |
||||||
display: flex; |
padding: 12px 100px 20px; |
||||||
align-items: center; |
|
||||||
padding: 10px 20px; |
|
||||||
margin-bottom: 10px; |
|
||||||
font-size: 16px; |
|
||||||
color: #fff; |
|
||||||
background-color: #9278ff; |
|
||||||
|
|
||||||
img { |
|
||||||
width: 20px; |
|
||||||
margin-right: 10px; |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.step-title { |
|
||||||
margin-bottom: 10px; |
|
||||||
font-size: 16px; |
|
||||||
color: #9278ff; |
|
||||||
} |
|
||||||
|
|
||||||
.bd-title { |
|
||||||
padding-top: 20px; |
|
||||||
border-top: 1px dashed #ccc; |
|
||||||
} |
|
||||||
pre { |
|
||||||
white-space: pre-wrap; /* css-3 */ |
|
||||||
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ |
|
||||||
white-space: pre-wrap; /* Opera 4-6 */ |
|
||||||
white-space: -o-pre-wrap; /* Opera 7 */ |
|
||||||
word-wrap: break-word; /* Internet Explorer 5.5+ */ |
|
||||||
word-break:break-all; |
|
||||||
overflow:hidden; |
|
||||||
font-size: 12px; |
|
||||||
font-weight:400; |
|
||||||
font-family:'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif |
|
||||||
} |
|
||||||
</style> |
</style> |
||||||
Loading…
Reference in new issue