助学金评选对成绩和家庭条件有要求,请实现:用户输入姓名、各科成绩和贫困情况,点击按钮之后判断是否达到评助学金条件。假设课程数量为5门。助学金评选条件:平均分80分以上;无挂科;属于贫困户。实现vue页面
时间: 2024-03-23 20:38:53 浏览: 92
2022年贫困大学生助学金申请书.docx
好的,我可以为您提供一个简单的Vue页面实现。以下是代码示例:
```
<template>
<div>
<h2>助学金评选</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" v-model="name" required><br><br>
<label for="subject1">科目1成绩:</label>
<input type="number" id="subject1" v-model="subject1" required><br><br>
<label for="subject2">科目2成绩:</label>
<input type="number" id="subject2" v-model="subject2" required><br><br>
<label for="subject3">科目3成绩:</label>
<input type="number" id="subject3" v-model="subject3" required><br><br>
<label for="subject4">科目4成绩:</label>
<input type="number" id="subject4" v-model="subject4" required><br><br>
<label for="subject5">科目5成绩:</label>
<input type="number" id="subject5" v-model="subject5" required><br><br>
<label for="poor">是否贫困户:</label>
<select id="poor" v-model="poor" required>
<option value="是">是</option>
<option value="否">否</option>
</select><br><br>
<button type="button" @click="checkEligibility">提交</button>
</form>
<br>
<div v-if="showResult">
<h3>评选结果:</h3>
<p>姓名:{{ name }}</p>
<p>平均分:{{ average }}</p>
<p>是否挂科:{{ fail }}</p>
<p>是否贫困户:{{ poor }}</p>
<p>是否符合助学金评选条件:{{ eligibility }}</p>
</div>
</div>
</template>
<script>
export default {
data() {
return {
name: '',
subject1: '',
subject2: '',
subject3: '',
subject4: '',
subject5: '',
poor: '',
showResult: false,
average: '',
fail: '',
eligibility: ''
}
},
methods: {
checkEligibility() {
// 计算平均分
let sum = parseFloat(this.subject1) + parseFloat(this.subject2) + parseFloat(this.subject3) + parseFloat(this.subject4) + parseFloat(this.subject5);
this.average = (sum / 5).toFixed(2);
// 判断是否挂科
if (this.subject1 < 60 || this.subject2 < 60 || this.subject3 < 60 || this.subject4 < 60 || this.subject5 < 60) {
this.fail = '是';
} else {
this.fail = '否';
}
// 判断是否符合助学金评选条件
if (this.average >= 80 && this.fail === '否' && this.poor === '是') {
this.eligibility = '是';
} else {
this.eligibility = '否';
}
this.showResult = true;
}
}
}
</script>
```
在这个页面中,我们使用了一个表单来输入用户的姓名、各科成绩和贫困情况。当用户点击提交按钮时,会触发checkEligibility()方法,该方法会计算用户的平均分、判断是否挂科和是否符合助学金评选条件。最后,页面会显示评选结果。
请注意,这只是一个简单的示例,您可能需要根据您的具体需求进行适当修改和调整。
阅读全文