mozhe
/
mental-health-student
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

学校端界面优化

This commit is contained in:
jiangzhe 2024-04-16 16:36:38 +08:00
parent 5e65fd4b71
commit 90f47db987
5 changed files with 62 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/router/index.js
View File

@ -19,11 +19,11 @@ const router = createRouter({
{
path: '/exam',
component: Exam
},
},
{
path:'/examDetail',
component: ExamDetail
}
component: ExamDetail,
}
],
// 路由滚动行为定制
scrollBehavior() {

2
src/utils/http.js
View File

@ -28,4 +28,4 @@ http.interceptors.response.use(res => {
return Promise.reject(e)
})
export default http
export default http

11
src/views/Exam/index.vue
View File

@ -136,7 +136,7 @@ function handleAnswer(index) {
currentQuestion.value = questionList.value[questionNum.value]
}
function handleChange(e) {
function handleChange() {
setTimeout(() => {
next()
}, 500)
@ -159,7 +159,12 @@ async function submit() {
message: '提交成功',
type: 'success'
})
router.replace({ path: '/' })
if (res.data) {
router.push({ path: '/examDetail', query: { data: JSON.stringify(res.data) } })
} else {
router.replace({ path: '/' })
}
}
}
</script>
@ -264,4 +269,4 @@ async function submit() {
}
}
}
</style>
</style>

87
src/views/ExamDetail/index.vue
View File

@ -12,8 +12,9 @@
</div>
</template>
<el-descriptions :title="`测评项：${item.evalItemName}`" direction="vertical" column="1" v-for="item in des.list">
<el-descriptions-item :label="`结果分析：${item.evalDesc}`">
<el-descriptions :title="`测评项：${item.evalItemName || ''}`" direction="vertical" column="1" v-for="item in des.list"
:key="item.factorRangeId">
<el-descriptions-item :label="`结果分析：${item.evalDesc || ''}`">
{{ item.evalPropose }}
</el-descriptions-item>
</el-descriptions>
@ -28,45 +29,49 @@
</template>
<script setup>
import { ref } from 'vue'
import { useRoute } from 'vue-router'
const des = ref({
"evalRecordId": 2734431927582720,
"scaleName": "人际交往心理测试",
"list": [
{
"id": 2734431927779328,
"evalRecordId": 2734431927582720,
"evalItem": 28,
"score": 1.0,
"scoreRate": 3.33,
"scaleItemRangeId": 2606988724994048,
"status": 1,
"scaleRecordId": 2715976035876864,
"evalItemName": "人际关系",
"evalDesc": "善于人际交往",
"evalPropose": "对于性格外向、喜欢人际交往的人，以下是一些建议可以帮助你更好地发挥自己的优势和提升人际交往能力：主动参与社交活动：利用你的外向性格，积极主动参与各种社交活动和事件，如聚会、社团活动、志愿者工作等。这样可以扩大你的社交圈子，结识更多的人，并与他们建立联系；倾听和关心他人：在交流中，注重倾听他人的观点和感受。表现出对他人的关心和尊重，积极表达理解和同理心。这样可以建立良好的互动和亲密关系；保持积极的态度：以积极、乐观的态度面对人际交往。相信自己的能力，对他人持开放的心态。这样能够吸引更多的人与你交往，并建立良好的人际关系。",
"situation": 402,
"situationName": "低风险"
},
{
"id": 2734431927779328,
"evalRecordId": 2734431927582720,
"evalItem": 28,
"score": 1.0,
"scoreRate": 3.33,
"scaleItemRangeId": 2606988724994048,
"status": 1,
"scaleRecordId": 2715976035876864,
"evalItemName": "人际关系",
"evalDesc": "善于人际交往",
"evalPropose": "对于性格外向、喜欢人际交往的人，以下是一些建议可以帮助你更好地发挥自己的优势和提升人际交往能力：主动参与社交活动：利用你的外向性格，积极主动参与各种社交活动和事件，如聚会、社团活动、志愿者工作等。这样可以扩大你的社交圈子，结识更多的人，并与他们建立联系；倾听和关心他人：在交流中，注重倾听他人的观点和感受。表现出对他人的关心和尊重，积极表达理解和同理心。这样可以建立良好的互动和亲密关系；保持积极的态度：以积极、乐观的态度面对人际交往。相信自己的能力，对他人持开放的心态。这样能够吸引更多的人与你交往，并建立良好的人际关系。",
"situation": 402,
"situationName": "低风险"
}
],
"totalScore": 1.0
})
const route = useRoute()
const data = route.query.data
const des = JSON.parse(data)
// const des = ref({
// "evalRecordId": 2734431927582720,
// "scaleName": "人际交往心理测试",
// "list": [
// {
// "id": 2734431927779328,
// "evalRecordId": 2734431927582720,
// "evalItem": 28,
// "score": 1.0,
// "scoreRate": 3.33,
// "scaleItemRangeId": 2606988724994048,
// "status": 1,
// "scaleRecordId": 2715976035876864,
// "evalItemName": "人际关系",
// "evalDesc": "善于人际交往",
// "evalPropose": "对于性格外向、喜欢人际交往的人，以下是一些建议可以帮助你更好地发挥自己的优势和提升人际交往能力：主动参与社交活动：利用你的外向性格，积极主动参与各种社交活动和事件，如聚会、社团活动、志愿者工作等。这样可以扩大你的社交圈子，结识更多的人，并与他们建立联系；倾听和关心他人：在交流中，注重倾听他人的观点和感受。表现出对他人的关心和尊重，积极表达理解和同理心。这样可以建立良好的互动和亲密关系；保持积极的态度：以积极、乐观的态度面对人际交往。相信自己的能力，对他人持开放的心态。这样能够吸引更多的人与你交往，并建立良好的人际关系。",
// "situation": 402,
// "situationName": "低风险"
// },
// {
// "id": 2734431927779328,
// "evalRecordId": 2734431927582720,
// "evalItem": 28,
// "score": 1.0,
// "scoreRate": 3.33,
// "scaleItemRangeId": 2606988724994048,
// "status": 1,
// "scaleRecordId": 2715976035876864,
// "evalItemName": "人际关系",
// "evalDesc": "善于人际交往",
// "evalPropose": "对于性格外向、喜欢人际交往的人，以下是一些建议可以帮助你更好地发挥自己的优势和提升人际交往能力：主动参与社交活动：利用你的外向性格，积极主动参与各种社交活动和事件，如聚会、社团活动、志愿者工作等。这样可以扩大你的社交圈子，结识更多的人，并与他们建立联系；倾听和关心他人：在交流中，注重倾听他人的观点和感受。表现出对他人的关心和尊重，积极表达理解和同理心。这样可以建立良好的互动和亲密关系；保持积极的态度：以积极、乐观的态度面对人际交往。相信自己的能力，对他人持开放的心态。这样能够吸引更多的人与你交往，并建立良好的人际关系。",
// "situation": 402,
// "situationName": "低风险"
// }
// ],
// "totalScore": 1.0
// })
</script>
<style lang="scss" scoped>
@ -107,4 +112,4 @@ const des = ref({
text-align: center;
}
}
</style>
</style>

8
src/views/Login/index.vue
View File

@ -15,7 +15,7 @@
@keyup.enter="login" />
</el-form-item>
<el-form-item>
<el-button round style="width:350px" type="primary" @click="login">登录</el-button>
<el-button size="large" round style="width:350px" type="primary" @click="login">登录</el-button>
</el-form-item>
</el-form>
</el-card>
@ -23,7 +23,7 @@
</div>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { ref } from 'vue'
import { useRouter } from 'vue-router'
import { loginAPI } from '@/apis/user'
import { User, Lock } from '@element-plus/icons-vue'
@ -74,7 +74,7 @@ async function login() {
height: 100vh;
.logo {
flex: 4;
flex: 3;
background: rgba(38, 72, 176) url(../../assets/images/bg1.png) no-repeat center / cover;
display: flex;
flex-direction: column;
@ -94,7 +94,7 @@ async function login() {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 100px;
padding-left: 40px;
background-color: #fff;
h1 {