|
@@ -149,10 +149,12 @@
|
|
|
<div v-for="student in roomStudents" :key="student.studentId" class="student-card">
|
|
<div v-for="student in roomStudents" :key="student.studentId" class="student-card">
|
|
|
<div class="student-header">
|
|
<div class="student-header">
|
|
|
<div class="student-basic-info">
|
|
<div class="student-basic-info">
|
|
|
- <h4>{{ student.studentName }}</h4>
|
|
|
|
|
|
|
+ <div class="student-name-with-gender">
|
|
|
|
|
+ <h4>{{ student.studentName }}</h4>
|
|
|
|
|
+ <el-tag v-if="student.gender === '0'" type="primary" size="small">男</el-tag>
|
|
|
|
|
+ <el-tag v-else class="female-tag" size="small">女</el-tag>
|
|
|
|
|
+ </div>
|
|
|
<p>{{ student.studentNo }}</p>
|
|
<p>{{ student.studentNo }}</p>
|
|
|
- <el-tag v-if="student.gender === '0'" type="primary" size="small">男</el-tag>
|
|
|
|
|
- <el-tag v-else class="female-tag" size="small">女</el-tag>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<div class="bed-info">
|
|
<div class="bed-info">
|
|
|
<el-tag type="info" size="small">{{ student.bedName }}</el-tag>
|
|
<el-tag type="info" size="small">{{ student.bedName }}</el-tag>
|
|
@@ -945,8 +947,15 @@ watch(
|
|
|
margin-bottom: 12px;
|
|
margin-bottom: 12px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.student-name-with-gender {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ gap: 8px;
|
|
|
|
|
+ margin-bottom: 4px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.student-basic-info h4 {
|
|
.student-basic-info h4 {
|
|
|
- margin: 0 0 4px 0;
|
|
|
|
|
|
|
+ margin: 0;
|
|
|
color: #303133;
|
|
color: #303133;
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
|
}
|
|
}
|