style: 学生弹窗归属用户改为只读红色标签

- 归属用户字段改为只读展示
- 展示格式:会员昵称(手机号)
- 红色字体显示
- 移除选择/清除按钮
This commit is contained in:
神码-方晓辉 2026-02-02 21:12:20 +08:00
parent 43ee2dbf87
commit e8c4f3f568
1 changed files with 2 additions and 33 deletions

View File

@ -53,26 +53,14 @@
@change="handleSchoolChange"
/>
</el-form-item>
<el-form-item label="归属用户" prop="memberId">
<div style="display: flex; gap: 8px; width: 100%">
<el-input
v-model="form.memberDisplay"
placeholder="点击选择归属用户"
readonly
style="flex: 1"
/>
<el-button @click="handleSelectMember">选择</el-button>
<el-button v-if="form.memberId" @click="handleClearMember">清除</el-button>
</div>
<el-form-item label="归属用户">
<span style="color: #F56C6C;">{{ form.memberDisplay || '暂无归属用户' }}</span>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" @click="handleSubmit" :loading="submitLoading">确定</el-button>
</template>
<!-- 会员选择弹窗 -->
<MemberSelectDialog ref="memberSelectRef" @select="handleMemberSelected" />
</el-dialog>
</template>
@ -84,7 +72,6 @@
import { ElMessage } from 'element-plus'
import { reactive, ref } from 'vue'
import request from '@/utils/request'
import MemberSelectDialog from './MemberSelectDialog.vue'
const emit = defineEmits(['success'])
@ -93,7 +80,6 @@ const isEdit = ref(false)
const formRef = ref(null)
const formLoading = ref(false)
const submitLoading = ref(false)
const memberSelectRef = ref()
//
const schoolTreeData = ref([])
@ -202,23 +188,6 @@ const open = async (row = null) => {
formLoading.value = false
}
//
const handleSelectMember = () => {
memberSelectRef.value?.open()
}
//
const handleMemberSelected = (member) => {
form.memberId = member.memberId
form.memberDisplay = `${member.nickname || '未设置昵称'}${member.phone}`
}
//
const handleClearMember = () => {
form.memberId = null
form.memberDisplay = ''
}
//
const handleSubmit = async () => {
try {