add some function

This commit is contained in:
Jeffrey Hsu 2025-02-12 20:46:51 +08:00
parent 6e0070cfc7
commit 08138ba9eb

View File

@ -71,7 +71,9 @@ const handleEditCourse = (action: 'save' | 'cancel') => {
<template> <template>
<div v-if="courseInfo"> <div v-if="courseInfo">
<div class="border-b border-gray-300 px-8 font-bold flex justify-between items-center h-14"> <div
class="sticky top-0 flex h-14 items-center justify-between border-b border-gray-300 bg-white px-8 font-bold"
>
<p>课程信息{{ courseInfo.name }}</p> <p>课程信息{{ courseInfo.name }}</p>
<div class="flex items-center"> <div class="flex items-center">
<el-button type="primary" :icon="InfoFilled" @click="showEditCourse = true" <el-button type="primary" :icon="InfoFilled" @click="showEditCourse = true"
@ -81,7 +83,7 @@ const handleEditCourse = (action: 'save' | 'cancel') => {
</div> </div>
</div> </div>
<el-descriptions class="mx-auto p-4" border> <el-descriptions class="mx-auto px-8 py-4" border>
<el-descriptions-item> <el-descriptions-item>
<template #label> 课程名称 </template> <template #label> 课程名称 </template>
{{ courseInfo.name }} {{ courseInfo.name }}
@ -147,6 +149,31 @@ const handleEditCourse = (action: 'save' | 'cancel') => {
</template> </template>
</el-dialog> </el-dialog>
<el-descriptions title="平时考核" class="px-8">
<template #extra>
<el-button :icon="Plus" type="primary">添加</el-button>
</template>
<el-descriptions-item>
<el-empty description="无数据" image-size="0" />
</el-descriptions-item>
</el-descriptions>
<el-descriptions title="过程考核" class="px-8">
<template #extra>
<el-button :icon="Plus" type="primary">添加</el-button>
</template>
<el-descriptions-item>
<el-empty description="无数据" image-size="0" />
</el-descriptions-item>
</el-descriptions>
<el-descriptions title="期末考核" class="px-8">
<template #extra>
<el-button :icon="Plus" type="primary">添加</el-button>
</template>
<el-descriptions-item>
<el-empty description="无数据" image-size="0" />
</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">课程目标</el-divider> <el-divider content-position="left">课程目标</el-divider>
<div class="mx-auto w-full max-w-lg"> <div class="mx-auto w-full max-w-lg">
<div class="my-4"> <div class="my-4">