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

界面优化

This commit is contained in:
jiangzhe 2024-04-15 17:34:06 +08:00
parent 72e43e65e8
commit 62f37c42da
4 changed files with 65 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/login.vue
View File

@ -3,7 +3,7 @@
<el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
<div class="header">
<img class="logo" src="@/assets/logo/logo.png" />
<h1 class="title">云舒_心理健康平台</h1>
<h1 class="title">云舒心理健康平台</h1>
</div>
<el-form-item prop="username">
@ -180,10 +180,11 @@ onMounted(() => {
}
.title {
margin: 0px auto 30px auto;
margin: 20px auto 40px 5px;
text-align: center;
color: #64A5FF;
font-size: 25px;
letter-spacing: 10px;
}
.login-form {

4
src/views/scale/SysScale/index.vue
View File

@ -68,8 +68,8 @@
<el-table-column label="副标题" align="center" prop="scaleSubTitle" />
<el-table-column label="状态" align="center" prop="status">
<template #default="scope">
<el-tag :type="scope.row.status === '0' ? 'success' : 'danger'" disable-transitions>
{{ scope.row.status === '1' ? '正常' : '停用' }}
<el-tag :type="scope.row.status === 1 ? 'success' : 'danger'" disable-transitions>
{{ scope.row.status === 1 ? '正常' : '停用' }}
</el-tag>
</template>
</el-table-column>

41
src/views/scale/SysScaleList/index.vue
View File

@ -55,7 +55,21 @@
</el-space>
</template>
</el-table-column>
<el-table-column label="测评详情" align="center" prop="scaleDetails" />
<el-table-column label="测评详情" align="center" prop="scaleDetails">
<template #default="scope">
<el-popover
placement="top-start"
title="测评详情"
:width="400"
trigger="hover"
:content="scope.row.scaleDetails"
>
<template #reference>
<span class="text-ellipsis">{{ scope.row.scaleDetails }}</span>
</template>
</el-popover>
</template>
</el-table-column>
<el-table-column label="维度类型" align="center" prop="dimensionType">
<template #default="scope">
<el-tag v-if="scope.row.dimensionType === 0" type="primary">单项单维</el-tag>
@ -84,8 +98,8 @@
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio value="0">正常</el-radio>
<el-radio value="1">停用</el-radio>
<el-radio value="1">正常</el-radio>
<el-radio value="0">停用</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="查看结果" prop="allowQueryResult">
@ -100,7 +114,8 @@
</el-form-item>
<el-form-item label="归属部门" prop="deptId">
<el-tree-select v-model="form.deptId" :data="deptOptions"
:props="{ value: 'id', label: 'label', children: 'children' }" value-key="id" placeholder="请选择归属部门"
:props="{ value: 'id', label: 'label', children: 'children' }" value-key="id"
placeholder="请选择归属部门"
check-strictly/>
</el-form-item>
<el-form-item label="量表" prop="scaleIds">
@ -118,7 +133,8 @@
</el-dialog>
<el-dialog title="查看量表试卷详情" v-model="detailVisible" width="800px" append-to-body>
<p style="font-size: 18px; font-weight: bold;" v-for="item in questionList" :key="item.questionId">{{ item.questionOrder + "、" + item.questionContent }}</p>
<p style="font-size: 18px; font-weight: bold;" v-for="item in questionList" :key="item.questionId">
{{ item.questionOrder + "、" + item.questionContent }}</p>
</el-dialog>
</div>
@ -161,9 +177,7 @@ const detailVisible = ref(false)
const data = reactive({
form: {},
queryParams: {},
rules: {
}
rules: {}
});
const {queryParams, form, rules} = toRefs(data);
@ -229,6 +243,7 @@ const submitForm = () => {
}
const scaleTypeList = ref<DictDataVO[]>([])
async function getScaleTypeList() {
const res = await getDicts('scale_type')
scaleTypeList.value = res.data
@ -255,6 +270,7 @@ watch(() => dialog.visible, (visible) => {
})
const questionList = ref([])
async function handleDetail(row) {
console.log('handleDetail', row.scaleId);
const res = await findByScaleId({scaleId: row.scaleId})
@ -267,3 +283,12 @@ onMounted(() => {
getScaleTypeList()
});
</script>
<style lang="scss" scoped>
.text-ellipsis {
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
white-space: nowrap
}
</style>

4
src/views/scale/SysScalePublish/index.vue
View File

@ -60,14 +60,14 @@
</el-table-column>
<el-table-column label="状态" align="center" prop="status">
<template #default="scope">
<el-tag :type="scope.row.status === 0 ? 'success' : 'danger'" disable-transitions>
<el-tag :type="scope.row.status === 1 ? 'success' : 'danger'" disable-transitions>
{{ scope.row.status === 1 ? '正常' : '停用' }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="查看结果" align="center" prop="allowQueryResult">
<template #default="scope">
<el-tag :type="scope.row.status === 0 ? 'success' : 'danger'" disable-transitions>
<el-tag :type="scope.row.status === 0 ? 'danger' : 'success'" disable-transitions>
{{ scope.row.status === 0 ? '不允许' : '允许' }}
</el-tag>
</template>