修复前端界面问题

This commit is contained in:
jiangzhe 2024-05-17 14:42:19 +08:00
parent a60332c90b
commit 008cccd60e
3 changed files with 37 additions and 7 deletions

View File

@ -236,6 +236,17 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row v-if="selectDirectionVisible">
<el-col :span="12">
<el-form-item label="录取选项" prop="selectDirection">
<el-select multiple v-model="form.selectDirection" placeholder="请选择录取选项" class="w-100">
<el-option v-for="item in selectDirectionOptions" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="测评详情" prop="scaleDetails"> <el-form-item label="测评详情" prop="scaleDetails">
@ -294,6 +305,12 @@ const dimensionTypeOptions = [
{ label: '多项多维型', value: 2 } { label: '多项多维型', value: 2 }
] ]
const selectDirectionVisible = ref(false)
const selectDirectionOptions = [
{ label: '高分录取', value: 0 },
{ label: '择低录取', value: 1 }
]
const dialog = reactive<DialogOption>({ const dialog = reactive<DialogOption>({
visible: false, visible: false,
title: '' title: ''
@ -364,9 +381,11 @@ const data = reactive<PageData<SysScaleForm, SysScaleQuery>>({
const { queryParams, form, rules } = toRefs(data); const { queryParams, form, rules } = toRefs(data);
const changeDimensionType = (val) => { const changeDimensionType = (val: any) => {
if (val == 1) { if (val == 1) {
form.value.selectDirection = 1 selectDirectionVisible.value = true
} else {
selectDirectionVisible.value = false
} }
} }

View File

@ -151,7 +151,15 @@
</el-dialog> </el-dialog>
<el-dialog title="查看量表试卷详情" v-model="detailVisible" width="800px" append-to-body> <el-dialog title="查看量表试卷详情" v-model="detailVisible" width="800px" append-to-body>
<el-card v-for="item in factorList" style="margin-bottom: 10px;"> <el-tabs v-model="activeName" type="card">
<el-tab-pane v-for="item in factorList" :label="item.factorName" :name="item.factorName" :key="item.factorId">
<p v-for="q in item.questionList" :key="q.questionId">
{{ q.questionOrder + "、" + q.questionContent }}
</p>
</el-tab-pane>
</el-tabs>
<!-- <el-card v-for="item in factorList" style="margin-bottom: 10px;">
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<span>{{ item.factorName }}</span> <span>{{ item.factorName }}</span>
@ -161,7 +169,7 @@
<p v-for="q in item.questionList" :key="q.questionId"> <p v-for="q in item.questionList" :key="q.questionId">
{{ q.questionOrder + "、" + q.questionContent }} {{ q.questionOrder + "、" + q.questionContent }}
</p> </p>
</el-card> </el-card> -->
</el-dialog> </el-dialog>
</div> </div>
@ -321,10 +329,13 @@ watch(() => dialog.visible, (visible) => {
}) })
const factorList = ref<any[]>([]) const factorList = ref<any[]>([])
const activeName = ref()
async function handleDetail(row: any) { async function handleDetail(row: any) {
const res = await findByScaleId({ scaleId: row.scaleId }) const res = await findByScaleId({ scaleId: row.scaleId })
factorList.value = res.data factorList.value = res.data
detailVisible.value = true detailVisible.value = true
activeName.value = factorList.value[0].factorName
} }
function deptChange(val: any) { function deptChange(val: any) {

View File

@ -57,8 +57,8 @@
</el-table-column> </el-table-column>
<el-table-column label="查看结果" align="center" prop="allowQueryResult"> <el-table-column label="查看结果" align="center" prop="allowQueryResult">
<template #default="scope"> <template #default="scope">
<el-tag :type="scope.row.status === 0 ? 'danger' : 'success'" disable-transitions> <el-tag :type="scope.row.allowQueryResult === 0 ? 'danger' : 'success'" disable-transitions>
{{ scope.row.status === 0 ? '不允许' : '允许' }} {{ scope.row.allowQueryResult === 0 ? '不允许' : '允许' }}
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>