|
@@ -1,7 +1,11 @@
|
|
|
<template>
|
|
|
- <div class="pb_content" style="height: auto; width: 94%; margin: 0 auto">
|
|
|
- <div class="pb_head top">
|
|
|
- <div>
|
|
|
+ <div class="pb_content" style="height: auto; width: 94%; margin: 10px auto;background: unset;">
|
|
|
+ <div style="width:100%;padding:0 21px;background:#fff;border-radius: 5px;">
|
|
|
+ <div class="pb_head top">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+">
|
|
|
<span class="sub_head">课程管理</span>
|
|
|
<span
|
|
|
class="subClick"
|
|
@@ -126,8 +130,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
<div class="line"></div>
|
|
|
- <div class="pb_content_body" style="height: 100%; width: 97%">
|
|
|
+ <div class="pb_content_body" style="height: 100%;width: 100%;background: #e6eaf0;margin: 0 auto;">
|
|
|
<div class="student_head" v-if="false">
|
|
|
<div class="choose">
|
|
|
<div class="student_search">
|
|
@@ -222,12 +227,12 @@
|
|
|
<div class="kc_t" v-if="item.isCourseType == 2 || groupA == 1">
|
|
|
负责老师:{{ item.uname }}
|
|
|
</div>
|
|
|
- <div class="kc_time">
|
|
|
- <span style="color: #4b4b4b">创建日期:</span>{{ item.time }}
|
|
|
- </div>
|
|
|
- <div class="kc_time">
|
|
|
- <span style="color: #4b4b4b">修改日期:</span>{{ item.utime }}
|
|
|
- </div>
|
|
|
+ <div class="kc_time">
|
|
|
+ <span style="color: #717C8D">创建日期:</span>{{ item.time }}
|
|
|
+ </div>
|
|
|
+ <div class="kc_time">
|
|
|
+ <span style="color: #717C8D">修改日期:</span>{{ item.utime }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="three_bottom">
|
|
|
<!-- v-if="role == '1'" -->
|
|
@@ -285,21 +290,26 @@
|
|
|
>
|
|
|
评价
|
|
|
</div>
|
|
|
+ <div
|
|
|
+ @click="copyCourse(item.courseId)"
|
|
|
+ >
|
|
|
+ 复制
|
|
|
+ </div>
|
|
|
<div
|
|
|
v-if="item.isCourseType == 1 || role == '1'"
|
|
|
@click="deleteCourse(item.courseId)"
|
|
|
>
|
|
|
删除
|
|
|
</div>
|
|
|
- <div class="more">
|
|
|
+ <!-- <div class="more">
|
|
|
<span style="font-size: 18px; font-weight: 700">...</span>
|
|
|
<div>
|
|
|
<span @click="copyCourse(item.courseId)">复制</span>
|
|
|
- <!-- <span @click="jump(item.courseId)" v-if="role == '1'">评课</span> -->
|
|
|
- <!-- <span @click="get(item.courseId)" v-else>预览</span> -->
|
|
|
- <!-- <span @click="getNT(item.courseId)">无终端</span> -->
|
|
|
+ <span @click="jump(item.courseId)" v-if="role == '1'">评课</span>
|
|
|
+ <span @click="get(item.courseId)" v-else>预览</span>
|
|
|
+ <span @click="getNT(item.courseId)">无终端</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="course_empty" v-if="course.length == 0">暂无数据</div>
|
|
@@ -1200,6 +1210,14 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+@media screen and (max-width: 1000px) {
|
|
|
+ /* .out_box {
|
|
|
+ width: 250px !important;
|
|
|
+ } */
|
|
|
+ /* .out_box:nth-child(4n){
|
|
|
+ margin-right: 25px !important;
|
|
|
+ } */
|
|
|
+}
|
|
|
.dialog_diy >>> .el-dialog__header {
|
|
|
background: #3d67bc !important;
|
|
|
padding: 15px 20px;
|
|
@@ -1241,9 +1259,13 @@ export default {
|
|
|
}
|
|
|
|
|
|
.top {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- width: 97% !important;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100% !important;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin: 0px auto;
|
|
|
+ padding: 10px 5px;
|
|
|
+ height: 54px;
|
|
|
}
|
|
|
|
|
|
.bgColor {
|
|
@@ -1277,7 +1299,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.student_table {
|
|
|
- padding: 20px 0;
|
|
|
+ /* padding: 20px 0; */
|
|
|
height: 100%;
|
|
|
/* overflow: auto; */
|
|
|
min-height: 360px;
|
|
@@ -1341,8 +1363,9 @@ export default {
|
|
|
}
|
|
|
|
|
|
.student_page {
|
|
|
- width: 95%;
|
|
|
+ width: 100%;
|
|
|
margin: 0 auto;
|
|
|
+ background: #e6eaf0;
|
|
|
}
|
|
|
|
|
|
.course_create_box {
|
|
@@ -1425,21 +1448,34 @@ export default {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
flex-wrap: nowrap;
|
|
|
- width: 250px;
|
|
|
+ /* width: calc(100% / 5 - (15px * 4) / 5); */
|
|
|
+ width: 280px;
|
|
|
background: #fff;
|
|
|
- margin-right: 25px;
|
|
|
- border: 1px solid #ccc;
|
|
|
+ margin-right: 15px;
|
|
|
+ /* border: 1px solid #ccc; */
|
|
|
height: fit-content;
|
|
|
box-sizing: border-box;
|
|
|
border-radius: 0px 0px 5px 5px;
|
|
|
/* overflow: hidden; */
|
|
|
margin-bottom: 15px;
|
|
|
position: relative;
|
|
|
+ border-radius: 8px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+ border: 1px solid #3682fc00;
|
|
|
+}
|
|
|
+
|
|
|
+.out_box:hover{
|
|
|
+ border: 1px solid #3681FC;
|
|
|
}
|
|
|
|
|
|
+/* .out_box:nth-child(5n){
|
|
|
+ margin-right: 0;
|
|
|
+} */
|
|
|
+
|
|
|
.bottom_box {
|
|
|
display: flex;
|
|
|
- padding: 10px 0 10px 10px;
|
|
|
+ padding: 10px ;
|
|
|
flex-direction: column;
|
|
|
box-sizing: border-box;
|
|
|
height: 121px;
|
|
@@ -1448,19 +1484,22 @@ export default {
|
|
|
}
|
|
|
|
|
|
.bottom_box > div:nth-child(1) {
|
|
|
- width: 230px;
|
|
|
+ width: 100%;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.tup {
|
|
|
width: 100%;
|
|
|
- height: 141.06px;
|
|
|
+ height: 180px;
|
|
|
margin: 0 auto;
|
|
|
overflow: hidden;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.tup > img {
|
|
@@ -1472,7 +1511,10 @@ export default {
|
|
|
.kc_time {
|
|
|
margin-top: 8px;
|
|
|
font-size: 14px;
|
|
|
- color: #999;
|
|
|
+ color: #717C8D;
|
|
|
+}
|
|
|
+.kc_time + .kc_time {
|
|
|
+ margin-top: 0;
|
|
|
}
|
|
|
|
|
|
.kc_t {
|
|
@@ -1487,18 +1529,36 @@ export default {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
justify-content: space-around;
|
|
|
- height: 40px;
|
|
|
+ height: 45px;
|
|
|
align-items: center;
|
|
|
- background: #f5f4f4;
|
|
|
+ background: #fff;
|
|
|
font-size: 14px;
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.three_bottom > div {
|
|
|
cursor: pointer;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.three_bottom > div + div{
|
|
|
+ border-left: 1px solid #ddd;
|
|
|
}
|
|
|
|
|
|
.three_bottom > div:hover {
|
|
|
- color: #79a2ff;
|
|
|
+ color: #3681FC;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.three_bottom .deleteB{
|
|
|
+ color: #E96E6E;
|
|
|
+}
|
|
|
+
|
|
|
+.three_bottom .deleteB:hover {
|
|
|
+ color: #E96E6E;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.head_left {
|
|
@@ -1596,7 +1656,7 @@ export default {
|
|
|
background: #3c3c3c;
|
|
|
width: 70px;
|
|
|
height: 30px;
|
|
|
- border-radius: 30px;
|
|
|
+ border-radius: 5px;
|
|
|
color: #fff;
|
|
|
font-size: 14px;
|
|
|
text-align: center;
|
|
@@ -1610,7 +1670,7 @@ export default {
|
|
|
background: #41a5f0;
|
|
|
width: 70px;
|
|
|
height: 30px;
|
|
|
- border-radius: 30px;
|
|
|
+ border-radius: 5px;
|
|
|
color: #fff;
|
|
|
font-size: 14px;
|
|
|
text-align: center;
|
|
@@ -1630,14 +1690,14 @@ export default {
|
|
|
height: 2px;
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
- bottom: -18px;
|
|
|
+ bottom: -10px;
|
|
|
}
|
|
|
|
|
|
.subClick {
|
|
|
/* font-size: 16px; */
|
|
|
font-size: 26px;
|
|
|
cursor: pointer;
|
|
|
- margin-left: 10px;
|
|
|
+ margin-left: 17.5px;
|
|
|
/* color: #ab582f; */
|
|
|
/* color: #409eff; */
|
|
|
color: #999;
|
|
@@ -1690,12 +1750,12 @@ export default {
|
|
|
}
|
|
|
|
|
|
.reBox {
|
|
|
- background: #fff;
|
|
|
- width: 97%;
|
|
|
- border-radius: 5px;
|
|
|
- /* padding-left: 20px; */
|
|
|
- margin: 0 auto;
|
|
|
- box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ /* padding-left: 20px; */
|
|
|
+ margin: 0 auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 10px 15px 0;
|
|
|
}
|
|
|
|
|
|
.reTop {
|
|
@@ -1733,6 +1793,8 @@ export default {
|
|
|
.search {
|
|
|
width: 20px;
|
|
|
padding: 0 5px;
|
|
|
+ display:flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.search > img {
|