|
|
|
|
@ -25,11 +25,11 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="pattern_wrap"> |
|
|
|
|
<div class="img_wrap" @click="toPrac"> |
|
|
|
|
<div class="img_wrap" @click="toEvaluation(1,2)"> |
|
|
|
|
<div><img src="../../assets/img/buttonOne.png" alt=""></div> |
|
|
|
|
<div>练习模式</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="img_wrap" @click="toNext(4)"> |
|
|
|
|
<div class="img_wrap" @click="toEvaluation(1,3)"> |
|
|
|
|
<div><img src="../../assets/img/buttonTwo.png" alt=""></div> |
|
|
|
|
<div>考核模式</div> |
|
|
|
|
</div> |
|
|
|
|
@ -40,6 +40,78 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="back_index" @click="toIndex"><i class="iconfont icon-home"></i></div> |
|
|
|
|
|
|
|
|
|
<!-- 答题弹框 --> |
|
|
|
|
<el-dialog :visible.sync="evaluationVisible" width="30%" custom-class="evaluation_dialog" center :close-on-click-modal="false"> |
|
|
|
|
<div class="title">能力测评</div> |
|
|
|
|
|
|
|
|
|
<div class="content"> |
|
|
|
|
<p class="serial">{{question.currentQuestionSortNo}}/{{question.totalQuestionNum}}</p> |
|
|
|
|
<p class="type">({{question.questionTypeName}})</p> |
|
|
|
|
<div class="ques">{{question.questionStem}}</div> |
|
|
|
|
<div class="countdown flex-center"> |
|
|
|
|
<img src="../../assets/img/hourglass.png" alt=""> |
|
|
|
|
<span>倒计时：{{countdown}}</span> |
|
|
|
|
</div> |
|
|
|
|
<ul class="options" :class="{isDone}"> |
|
|
|
|
<li v-for="(item,key) in question.options" :key="key" :class="{active: selected.includes(key)}" @click="selectOption(key)"><em>{{key}}.</em><span>{{item}}</span></li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div slot="footer" class="dialog-footer" v-if="!isDone"> |
|
|
|
|
<template v-if="lastOne"> |
|
|
|
|
<el-button @click="prevQues">上一题</el-button> |
|
|
|
|
<el-button type="primary" @click="submitQues">提交</el-button> |
|
|
|
|
</template> |
|
|
|
|
<template v-else> |
|
|
|
|
<el-button class="first" @click="prevQues">上一题</el-button> |
|
|
|
|
<el-button class="second" type="primary" @click="nextQues">下一题</el-button> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 提交成绩弹框 --> |
|
|
|
|
<el-dialog :visible.sync="resultVisible" width="30%" custom-class="result_dialog" center :close-on-click-modal="false"> |
|
|
|
|
<div class="result"><span>{{result.isPassed}}</span></div> |
|
|
|
|
|
|
|
|
|
<div class="content"> |
|
|
|
|
<div class="point"> |
|
|
|
|
<span>{{result.totalScore}}</span>分 |
|
|
|
|
</div> |
|
|
|
|
<p class="tips">{{result.isPassed == '通过' ? '恭喜' : ''}}你答对{{result.correctQuestionNum}}题，正确率{{result.correctRate}}！</p> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button class="first" @click="toEvaluation(0)">再试一次</el-button> |
|
|
|
|
<el-button class="second" type="primary" @click="getDetail">成绩详情</el-button> |
|
|
|
|
<el-button v-if="result.isPassed == '通过'" class="third" type="primary" @click="toSonSys">进入实训</el-button> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 成绩详情弹框 --> |
|
|
|
|
<el-dialog :visible.sync="detailVisible" width="30%" custom-class="detail_dialog" center :close-on-click-modal="false"> |
|
|
|
|
<div class="title">成绩详情</div> |
|
|
|
|
<div style="min-height: 370px"> |
|
|
|
|
<el-table |
|
|
|
|
:data="detailData" |
|
|
|
|
height="340" |
|
|
|
|
border |
|
|
|
|
style="width: 100%"> |
|
|
|
|
<el-table-column type="index" label="序号" width="60" align="center"></el-table-column> |
|
|
|
|
<el-table-column prop="date" label="正误" min-width="45" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<img v-if="scope.row.questionScore" width="15" src="../../assets/img/true.png" alt=""> |
|
|
|
|
<img v-else width="15" src="../../assets/img/false.png" alt=""> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="questionScore" label="得分" min-width="45" align="center"></el-table-column> |
|
|
|
|
<el-table-column prop="answer" label="正确答案" min-width="70" align="center"></el-table-column> |
|
|
|
|
<el-table-column prop="userAnswer" label="你的答案" min-width="70" align="center"></el-table-column> |
|
|
|
|
<el-table-column prop="answerAnalysis" label="解析" min-width="80"></el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
</div> |
|
|
|
|
<p class="total">得分：{{totalScore}}分</p> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
@ -60,9 +132,38 @@ export default { |
|
|
|
|
step:'1.关于delta动态调仓的实验背景；2.关于交叉对冲的实验背景；3.实验案例；4.最优对冲比率计算；5.合约选择；6.期权组合开仓；7.期权组合调仓；8.期权组合平仓；9.核算损益；10.填写实验报告；', |
|
|
|
|
prepare:'开始实验前，应了解期权定义、期权交易规则、希腊字母delta、交叉对冲和不同期权组合策略的盈亏图。' |
|
|
|
|
}], |
|
|
|
|
|
|
|
|
|
userId: this.$store.state.userId, |
|
|
|
|
evaluationVisible: false, |
|
|
|
|
resultVisible: false, |
|
|
|
|
detailVisible: false, |
|
|
|
|
lastOne: false, |
|
|
|
|
question: { |
|
|
|
|
options: {} |
|
|
|
|
}, |
|
|
|
|
countdown: '', |
|
|
|
|
selected: '', |
|
|
|
|
result: {}, |
|
|
|
|
detail: {}, |
|
|
|
|
timer: null, |
|
|
|
|
totalScore: 0, |
|
|
|
|
detailData: [], |
|
|
|
|
isDone: false, |
|
|
|
|
history: [], |
|
|
|
|
btnType: 1, |
|
|
|
|
showProject: false, |
|
|
|
|
lastClick: '', |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
question: { |
|
|
|
|
handler(newVal,oldVal) { |
|
|
|
|
for(let n in newVal.options) { |
|
|
|
|
if(newVal.options[n] == '') delete(newVal.options[n]) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
deep: true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted(){ |
|
|
|
|
this.patternId = this.$route.query.type |
|
|
|
|
}, |
|
|
|
|
@ -70,13 +171,187 @@ export default { |
|
|
|
|
toIndex() { |
|
|
|
|
this.$router.push('dashboard') |
|
|
|
|
}, |
|
|
|
|
toPrac(){ |
|
|
|
|
this.core.toSubSystem('','','',this.pattern) |
|
|
|
|
}, |
|
|
|
|
toNext(index) { |
|
|
|
|
this.$store.commit("patternData",{pattern: this.pattern}); |
|
|
|
|
this.$router.push(`dashboard#${index}`) |
|
|
|
|
}, |
|
|
|
|
async toEvaluation(type,btn) { |
|
|
|
|
clearInterval(this.timer) |
|
|
|
|
this.lastOne = false |
|
|
|
|
this.selected = '' |
|
|
|
|
this.resultVisible = false |
|
|
|
|
this.history = [] |
|
|
|
|
if(btn) this.btnType = btn |
|
|
|
|
if(type){ |
|
|
|
|
let res = null |
|
|
|
|
if(btn == 2){ |
|
|
|
|
res = await this.$get(this.api.openExerciseOrTeaching, { userId: this.userId }) |
|
|
|
|
}else{ |
|
|
|
|
res = await this.$get(this.api.openExerciseOrTeaching, { userId: this.userId }) |
|
|
|
|
} |
|
|
|
|
// return |
|
|
|
|
if(res.errmessage == 'true'){ |
|
|
|
|
if(btn == 2){ |
|
|
|
|
this.core.toSubSystem('','','',this.pattern) |
|
|
|
|
} |
|
|
|
|
if(btn == 3){ |
|
|
|
|
this.toNext(4) |
|
|
|
|
} |
|
|
|
|
}else{ |
|
|
|
|
this.activeName = this.lastClick |
|
|
|
|
this.$alert('请先完成能力测评并达到80分以上才可以进行实验', '提示', { |
|
|
|
|
confirmButtonText: '进入测评', |
|
|
|
|
callback: action => { |
|
|
|
|
if(action == 'confirm'){ |
|
|
|
|
this.toEvaluation(0) |
|
|
|
|
}else{ |
|
|
|
|
// this.activeName = btn == 2 ? 'second' : 'third' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}else{ |
|
|
|
|
this.start() |
|
|
|
|
this.getCountdown() |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
handleQues() { |
|
|
|
|
this.question.options = {} |
|
|
|
|
for(let n in this.question) { |
|
|
|
|
if(n.includes('option') && n != 'options') { |
|
|
|
|
this.question.options[n.replace('option','')] = this.question[n] |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
if(this.question.currentQuestionSortNo == this.question.totalQuestionNum){ |
|
|
|
|
this.lastOne = true |
|
|
|
|
}else{ |
|
|
|
|
this.lastOne = false |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
async start() { |
|
|
|
|
let res = await this.$get(this.api.experimentStart, { userId: this.userId,types: this.btnType }) |
|
|
|
|
if(res.data){ |
|
|
|
|
this.question = res.data |
|
|
|
|
this.isDone = false |
|
|
|
|
this.question.currentQuestionSortNo == 1 && this.$store.commit("answerHistoryData", { answerHistory : []}) |
|
|
|
|
this.handleQues() |
|
|
|
|
this.evaluationVisible = true |
|
|
|
|
}else{ |
|
|
|
|
this.$message.warning(res.message) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
async getCountdown() { |
|
|
|
|
let res = await this.$get(this.api.experimentRemaining, { userId: this.userId }) |
|
|
|
|
res.data && this.countDown(res.data) |
|
|
|
|
// this.countDown('00:00:05') |
|
|
|
|
}, |
|
|
|
|
countDown(time) { |
|
|
|
|
this.countdown = time |
|
|
|
|
this.timer = setInterval(() => { |
|
|
|
|
let timeList = this.countdown.split(':') |
|
|
|
|
let total = Number.parseInt(timeList[1] * 60) + Number.parseInt(timeList[2]) |
|
|
|
|
if(total > 0){ |
|
|
|
|
--total |
|
|
|
|
let minutes = Math.floor(total / 60) |
|
|
|
|
let seconds = Math.floor(total % 60) |
|
|
|
|
this.countdown = `00:${this.core.formateTime(minutes)}:${this.core.formateTime(seconds)}` |
|
|
|
|
}else{ |
|
|
|
|
this.isDone = true |
|
|
|
|
this.$message.warning('测评时间结束'); |
|
|
|
|
clearInterval(this.timer) |
|
|
|
|
} |
|
|
|
|
},1000) |
|
|
|
|
}, |
|
|
|
|
selectOption(option) { |
|
|
|
|
if(!this.isDone) { |
|
|
|
|
if(this.selected.includes(option)) { |
|
|
|
|
this.selected = this.selected.replace(option,'') |
|
|
|
|
}else{ |
|
|
|
|
if(this.question.questionType == 2) { |
|
|
|
|
this.selected += option |
|
|
|
|
}else{ |
|
|
|
|
this.selected = option |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
getHistory() { |
|
|
|
|
this.history = this.$store.state.answerHistory |
|
|
|
|
}, |
|
|
|
|
async nextQues() { |
|
|
|
|
if(!this.selected) return this.$message.warning('请选择答案') |
|
|
|
|
this.getHistory() |
|
|
|
|
if(this.history.length > this.question.currentQuestionSortNo){ |
|
|
|
|
this.history[this.question.currentQuestionSortNo-1] = this.selected |
|
|
|
|
}else if(this.history.length < this.question.currentQuestionSortNo){ |
|
|
|
|
this.history.push(this.selected) |
|
|
|
|
} |
|
|
|
|
this.$store.commit("answerHistoryData", { answerHistory : this.history}) |
|
|
|
|
let res = await this.$post(this.api.experimentNext, { |
|
|
|
|
id: this.question.id, |
|
|
|
|
currentQuestionSortNo: this.question.currentQuestionSortNo, |
|
|
|
|
userAnswer: this.selected |
|
|
|
|
}) |
|
|
|
|
if(res.data){ |
|
|
|
|
this.question = res.data |
|
|
|
|
this.selected = '' |
|
|
|
|
if(this.history.length >= this.question.currentQuestionSortNo){ |
|
|
|
|
this.selected = this.history[this.question.currentQuestionSortNo-1] |
|
|
|
|
}else{ |
|
|
|
|
this.selected = '' |
|
|
|
|
} |
|
|
|
|
this.handleQues() |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
async prevQues() { |
|
|
|
|
if(this.question.currentQuestionSortNo > 1){ |
|
|
|
|
this.getHistory() |
|
|
|
|
let res = await this.$post(this.api.experimentPrevious, { |
|
|
|
|
id: this.question.id, |
|
|
|
|
currentQuestionSortNo: this.question.currentQuestionSortNo, |
|
|
|
|
userAnswer: this.selected |
|
|
|
|
}) |
|
|
|
|
if(res.data){ |
|
|
|
|
this.question = res.data |
|
|
|
|
this.selected = this.history[this.question.currentQuestionSortNo-1] |
|
|
|
|
this.handleQues() |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
async submitQues() { |
|
|
|
|
if(!this.selected) return this.$message.warning('请选择答案'); |
|
|
|
|
let res = await this.$post(this.api.experimentSubmit, { |
|
|
|
|
id: this.question.id, |
|
|
|
|
currentQuestionSortNo: this.question.currentQuestionSortNo, |
|
|
|
|
userAnswer: this.selected, |
|
|
|
|
userId: this.userId, |
|
|
|
|
types: this.btnType |
|
|
|
|
}) |
|
|
|
|
if(res.data) { |
|
|
|
|
this.result = res.data |
|
|
|
|
this.evaluationVisible = false |
|
|
|
|
this.resultVisible = true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
async getDetail() { |
|
|
|
|
let res = await this.$get(this.api.experimentDetail, { |
|
|
|
|
evaluationRecordId: this.question.id |
|
|
|
|
}) |
|
|
|
|
if(res.data){ |
|
|
|
|
this.totalScore = res.data.totalScore |
|
|
|
|
this.detailData = res.data.evaluationDetailVOS |
|
|
|
|
this.resultVisible = false |
|
|
|
|
this.detailVisible = true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
toSonSys() { |
|
|
|
|
if(this.btnType == 2){ |
|
|
|
|
this.core.toSubSystem('','','',this.pattern) |
|
|
|
|
}else if(this.btnType == 3){ |
|
|
|
|
this.resultVisible = false |
|
|
|
|
this.toNext(4) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
@ -188,4 +463,193 @@ export default { |
|
|
|
|
height: 320px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/deep/.el-tabs__item:focus{ |
|
|
|
|
outline: none; |
|
|
|
|
box-shadow: none !important; |
|
|
|
|
} |
|
|
|
|
.back_index:hover{ |
|
|
|
|
opacity: 0.8; |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
.back_index{ |
|
|
|
|
position: fixed; |
|
|
|
|
right: 0px; |
|
|
|
|
top: 48%; |
|
|
|
|
width: 80px; |
|
|
|
|
height: 80px; |
|
|
|
|
background: white; |
|
|
|
|
text-align: center; |
|
|
|
|
z-index: 100; |
|
|
|
|
} |
|
|
|
|
.icon-home{ |
|
|
|
|
font-size: 50px; |
|
|
|
|
color: #FF5288; |
|
|
|
|
font-weight: 600; |
|
|
|
|
line-height: 80px; |
|
|
|
|
} |
|
|
|
|
h3{ |
|
|
|
|
color: #328aff; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
} |
|
|
|
|
.mar0{ |
|
|
|
|
margin-top: 0; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog{ |
|
|
|
|
min-height: 700px; |
|
|
|
|
background: url(../../assets/img/evaluation_bg1.png) 0 0/100% 100% no-repeat; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .el-dialog__headerbtn,/deep/.evaluation_dialog .el-dialog__headerbtn,/deep/.detail_dialog .el-dialog__headerbtn{ |
|
|
|
|
font-size: 28px; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .title,/deep/.detail_dialog .title{ |
|
|
|
|
margin-bottom: 45px; |
|
|
|
|
text-align: center; |
|
|
|
|
font-size: 24px |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .title{ |
|
|
|
|
margin-bottom: 55px; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .serial{ |
|
|
|
|
font-size: 12px; |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .content{ |
|
|
|
|
width: 80%; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .type{ |
|
|
|
|
color: #666; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .ques{ |
|
|
|
|
margin: 20px 0; |
|
|
|
|
min-height: 145px; |
|
|
|
|
color: #666; |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .countdown{ |
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
justify-content: center; |
|
|
|
|
text-align: center; |
|
|
|
|
color: #DC3434; |
|
|
|
|
font-size: 14px; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .countdown img{ |
|
|
|
|
width: 15px !important; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .options{ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
min-height: 340px; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .options.isDone{ |
|
|
|
|
min-height: 395px; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .options li{ |
|
|
|
|
padding: 0 15px; |
|
|
|
|
margin-bottom: 15px; |
|
|
|
|
line-height: 40px; |
|
|
|
|
border: 1px solid #9070FF; |
|
|
|
|
border-radius: 20px; |
|
|
|
|
color: #666; |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .options li:hover{ |
|
|
|
|
color: #fff; |
|
|
|
|
background-color: #b038bb; |
|
|
|
|
border-color: #b038bb; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .options li.active{ |
|
|
|
|
color: #fff; |
|
|
|
|
background-color: #916CFF; |
|
|
|
|
border-color: #916CFF; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .options em{ |
|
|
|
|
margin-right: 10px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-style: normal; |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .options span{ |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .el-dialog__footer{ |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .first,/deep/.result_dialog .first{ |
|
|
|
|
color: #fff; |
|
|
|
|
background-color: #9268FF; |
|
|
|
|
border-color: #9268FF; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog .second,/deep/.result_dialog .second{ |
|
|
|
|
color: #fff; |
|
|
|
|
background-color: #E371DA; |
|
|
|
|
border-color: #E371DA; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/deep/.result_dialog{ |
|
|
|
|
min-height: 500px; |
|
|
|
|
background: url(../../assets/img/evaluation_bg2.png) 0 0/100% 100% no-repeat; |
|
|
|
|
} |
|
|
|
|
/deep/.result_dialog .el-dialog__headerbtn .el-dialog__close{ |
|
|
|
|
color: #5a5a5a; |
|
|
|
|
font-size: 28px; |
|
|
|
|
} |
|
|
|
|
/deep/.result_dialog .result{ |
|
|
|
|
margin-top: 60px; |
|
|
|
|
text-align: center; |
|
|
|
|
color: #fff; |
|
|
|
|
font-size: 24px; |
|
|
|
|
} |
|
|
|
|
/deep/.result_dialog .point{ |
|
|
|
|
margin: 30px 0 20px; |
|
|
|
|
text-align: center; |
|
|
|
|
font-size: 30px; |
|
|
|
|
color: #666; |
|
|
|
|
} |
|
|
|
|
/deep/.result_dialog .point span{ |
|
|
|
|
font-size: 120px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
/deep/.result_dialog .tips{ |
|
|
|
|
color: #666; |
|
|
|
|
text-align: center; |
|
|
|
|
font-size: 14px; |
|
|
|
|
} |
|
|
|
|
/deep/.result_dialog .third{ |
|
|
|
|
color: #fff; |
|
|
|
|
background-color: #418cf5; |
|
|
|
|
border-color: #418cf5; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/deep/.detail_dialog{ |
|
|
|
|
background: url(../../assets/img/evaluation_bg3.png) 0 0/100% 100% no-repeat; |
|
|
|
|
} |
|
|
|
|
/deep/.detail_dialog .title{ |
|
|
|
|
margin-top: -20px; |
|
|
|
|
} |
|
|
|
|
/deep/.detail_dialog .el-table__header th:nth-last-child(2){ |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
/deep/.detail_dialog .total{ |
|
|
|
|
margin-top: 20px; |
|
|
|
|
text-align: center; |
|
|
|
|
font-size: 30px; |
|
|
|
|
color: #DC3434; |
|
|
|
|
} |
|
|
|
|
/deep/.evaluation_dialog{ |
|
|
|
|
margin:0 !important; |
|
|
|
|
position:absolute; |
|
|
|
|
top:50%; |
|
|
|
|
left:50%; |
|
|
|
|
transform:translate(-50%,-50%); |
|
|
|
|
max-height:calc(100% - 30px); |
|
|
|
|
max-width:calc(100% - 30px); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/deep/.evaluation_dialog .el-dialog__body{ |
|
|
|
|
flex:1; |
|
|
|
|
overflow: auto; |
|
|
|
|
} |
|
|
|
|
</style> |
