mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-24 02:02:53 +08:00
审核状态字段宽度,管理页面课程相关信息展示ui调整
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user