审核状态字段宽度,管理页面课程相关信息展示ui调整

This commit is contained in:
赵依梦
2025-12-23 13:36:07 +08:00
parent bb453a0200
commit 59588c1372
2 changed files with 27 additions and 10 deletions

View File

@@ -2,13 +2,15 @@
<div id="courseManage"> <div id="courseManage">
<!--课程管理--> <!--课程管理-->
<div class="course-info"> <div class="course-info">
<div class="course-desc-item"><span class="title">课程名称:</span><span class="desc">{{courseDetail.name}}</span> <div class="course-top"><p class="course-name">{{courseDetail.name}}</p><p class="course-type">{{courseType(courseDetail.type)}}</p></div>
<p class="course-sys-type">{{sysTypeName(courseDetail.sysType1)}}{{courseDetail.sysType2 == ''? '': '/'}}{{sysTypeName(courseDetail.sysType2)}}{{courseDetail.sysType3 == ''? '': '/'}}{{sysTypeName(courseDetail.sysType3)}}</p>
<!-- <div class="course-desc-item"><span class="title">课程名称:</span><span class="desc">{{courseDetail.name}}</span>
</div> </div>
<div class="course-desc-item"><span class="title">类型:</span><span <div class="course-desc-item"><span class="title">类型:</span><span
class="desc">{{courseType(courseDetail.type)}}</span></div> class="desc">{{courseType(courseDetail.type)}}</span></div>
<div class="course-desc-item"><span class="title">课程分类:</span><span <div class="course-desc-item"><span class="title">课程分类:</span><span
class="desc">{{sysTypeName(courseDetail.sysType1)}}{{courseDetail.sysType2 == ''? '': '/'}}{{sysTypeName(courseDetail.sysType2)}}{{courseDetail.sysType3 == ''? '': '/'}}{{sysTypeName(courseDetail.sysType3)}}</span> class="desc">{{sysTypeName(courseDetail.sysType1)}}{{courseDetail.sysType2 == ''? '': '/'}}{{sysTypeName(courseDetail.sysType2)}}{{courseDetail.sysType3 == ''? '': '/'}}{{sysTypeName(courseDetail.sysType3)}}</span>
</div> </div> -->
</div> </div>
<!-- <div style="color: red;">下面的表格标题及内容需要调整完善</div> --> <!-- <div style="color: red;">下面的表格标题及内容需要调整完善</div> -->
<div> <div>
@@ -103,7 +105,7 @@
<div class="grid-content bg-purple"> <div class="grid-content bg-purple">
<!-- <el-input clearable v-model="learningRecords.name" maxlength="50" <!-- <el-input clearable v-model="learningRecords.name" maxlength="50"
placeholder="姓名"></el-input> --> placeholder="姓名"></el-input> -->
<NameFilterSelect @handleNameChange="aids => learningRecords.aid = aids" ref="learningRecordsNameFilter" <NameFilterSelect @handleNameChange="aids => learningRecords.aid = aids" ref="learningRecordsNameFilter"
@handleClose="learningRecords.aid = []" /> @handleClose="learningRecords.aid = []" />
<!-- <el-select :key="1" style="width:100%" clearable multiple v-model="learningRecords.aid" filterable <!-- <el-select :key="1" style="width:100%" clearable multiple v-model="learningRecords.aid" filterable
placeholder="姓名" v-limit-input="50" reserve-keyword remote :remote-method="initNameList" placeholder="姓名" v-limit-input="50" reserve-keyword remote :remote-method="initNameList"
@@ -1460,14 +1462,29 @@ export default {
} }
} }
.course-info { .course-info {
display: flex; .course-top {
align-items: center; display: flex;
margin-bottom: 40px; align-items: center;
.course-desc-item { .course-name {
margin-right: 40px; font-size: 16px;
.title {
font-weight: bold; font-weight: bold;
margin-right: 8px;
} }
.course-type {
width: 48px;
height: 16px;
background: #FF8F20;
font-size: 12px;
line-height: 16px;
text-align: center;
border-radius: 4px;
color: #fff;
}
}
.course-sys-type {
margin: 8px 0;
font-size: 14px;
color: #999;
} }
} }
} }

View File

@@ -149,7 +149,7 @@
{{ auditTypeEnum[scope.row.auditType] }} {{ auditTypeEnum[scope.row.auditType] }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="status" width="80" label="审核状态"> <el-table-column prop="status" width="100" label="审核状态">
<template slot-scope="scope"> <template slot-scope="scope">
{{ auditEnum[scope.row.status] }} {{ auditEnum[scope.row.status] }}
</template> </template>