fix: 修复添加学员启用开关布局

This commit is contained in:
2026-07-13 16:05:28 +08:00
parent bbd19cf9ed
commit 971440ebff
7 changed files with 79 additions and 3 deletions

View File

@@ -861,9 +861,14 @@ function formatRecordDateTime(value: string, boundary: "start" | "end") {
<span>有效期</span>
<input v-model="studentForm.expiredAt" type="date" aria-label="学员有效期" title="留空表示长期有效" />
</label>
<div class="form-switch-row">
<div class="student-status-field">
<span>启用</span>
<el-switch v-model="studentForm.status" :active-value="1" :inactive-value="0" />
<el-switch
v-model="studentForm.status"
:active-value="1"
:inactive-value="0"
aria-label="启用学员账号"
/>
</div>
</div>
<div class="actions compact">

View File

@@ -355,8 +355,35 @@ textarea {
width: 100%;
}
.student-expiry-field {
.student-form-grid .student-expiry-field {
width: 100%;
min-width: 0;
}
.student-status-field {
width: 100%;
min-width: 0;
height: 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 0 12px;
border: 1px solid #dcdfe6;
border-radius: 4px;
background: #ffffff;
color: #606266;
}
.student-status-field > span {
overflow: hidden;
font-size: 13px;
text-overflow: ellipsis;
white-space: nowrap;
}
.student-status-field .el-switch {
flex: 0 0 auto;
}
.migration-overview {