feat(admissions): 添加无值班教师时的空状态提示

This commit is contained in:
yangzhe 2025-12-11 09:57:48 +08:00
parent 14687adb46
commit cfd0d0f0f2
1 changed files with 42 additions and 34 deletions

View File

@ -18,31 +18,39 @@
<view class="teacher-list">
<!-- 教师列表 -->
<view
class="teacher-item"
v-for="(teacher, index) in teacherList"
:key="index"
>
<image
class="teacher-avatar"
src="/static/common/images/avatar.png"
></image>
<view class="teacher-info">
<view class="teacher-detail">
<view class="teacher-name">
<text>{{ teacher.name }}</text>
<view v-if="teacher.presence" class="online-status">
<view class="online-dot"></view>
<text>在线</text>
<view v-if="teacherList.length > 0">
<view
class="teacher-item"
v-for="(teacher, index) in teacherList"
:key="index"
>
<image
class="teacher-avatar"
src="/static/common/images/avatar.png"
></image>
<view class="teacher-info">
<view class="teacher-detail">
<view class="teacher-name">
<text>{{ teacher.name }}</text>
<view v-if="teacher.presence" class="online-status">
<view class="online-dot"></view>
<text>在线</text>
</view>
</view>
<view class="teacher-department">{{
teacher.collegeName
}}</view>
</view>
<view class="ask-button" @click="handleAskQuestion(teacher)">
立即提问
</view>
<view class="teacher-department">{{ teacher.collegeName }}</view>
</view>
<view class="ask-button" @click="handleAskQuestion(teacher)">
立即提问
</view>
</view>
</view>
<view v-else style="margin-top: 200rpx">
<u-empty text="今日暂无值班客服教师" mode="list"></u-empty>
</view>
</view>
</view>
@ -74,20 +82,20 @@ export default {
{ id: 1, name: "迎新在线" },
],
teacherList: [
{
id: 1,
name: "孙老师",
department: "招就处",
avatar: "/static/common/images/avatar.png",
online: true,
},
{
id: 2,
name: "杨老师",
department: "电子信息学院",
avatar: "/static/common/images/student.png",
online: false,
},
// {
// id: 1,
// name: "",
// department: "",
// avatar: "/static/common/images/avatar.png",
// online: true,
// },
// {
// id: 2,
// name: "",
// department: "",
// avatar: "/static/common/images/student.png",
// online: false,
// },
],
};
},