|
|
@@ -1,19 +1,67 @@
|
|
|
<template>
|
|
|
- <div class="pb_content" style="height: auto">
|
|
|
- <div class="pb_head top">
|
|
|
- <div>
|
|
|
- <span>{{orgArray.indexOf(org) != -1 || oidArray.indexOf(oid) != -1 ? "师生项目" : "项目管理"}}</span>
|
|
|
- <!-- <span class="subClick" @click="
|
|
|
- goTo('/works?userid=' + userid + '&oid=' + oid + '&org=' + org)
|
|
|
- ">评价管理</span> -->
|
|
|
+ <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;box-sizing: border-box;">
|
|
|
+ <div class="pb_head top">
|
|
|
+ <div>
|
|
|
+ <span>{{ orgArray.indexOf(org) != -1 || oidArray.indexOf(oid) != -1 ? "师生项目" : "项目管理" }}</span>
|
|
|
+ <!-- <span class="subClick" @click="
|
|
|
+ goTo('/works?userid=' + userid + '&oid=' + oid + '&org=' + org)
|
|
|
+ ">评价管理</span> -->
|
|
|
+ </div>
|
|
|
+ <div class="student_button">
|
|
|
+ <!-- <el-button type="primary" class="bgColor" @click="openCourse">协同编辑</el-button> -->
|
|
|
+ <!-- <el-button type="primary" class="bgColor" @click="goToCourse()">添加项目</el-button> -->
|
|
|
+ <button class="r_pub_button_course" @click="goToCourse()">
|
|
|
+ <span>添加项目</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="student_button">
|
|
|
- <!-- <el-button type="primary" class="bgColor" @click="openCourse">协同编辑</el-button> -->
|
|
|
- <el-button type="primary" class="bgColor" @click="goToCourse()">添加项目</el-button>
|
|
|
+ <div class="reBox">
|
|
|
+ <div class="reTop">
|
|
|
+ <!-- <div>分类筛选</div> -->
|
|
|
+ <div class="reTopCh">
|
|
|
+ <el-select v-model="groupA" @change="search" v-if="role != '1'">
|
|
|
+ <el-option value="3" label="全部项目"></el-option>
|
|
|
+ <el-option value="0" label="我的项目"></el-option>
|
|
|
+ <el-option value="1" label="协同项目"></el-option>
|
|
|
+ <el-option value="2" label="他人项目" v-if="oid != '1c3b9def-8fbe-11ed-b13d-005056b86db5'"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select v-model="groupA" @change="search" v-else>
|
|
|
+ <el-option value="4" label="全部项目"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <div class="searchI">
|
|
|
+ <!-- @click="getCourse" -->
|
|
|
+ <div class="search">
|
|
|
+ <img src="../../assets/icon/search.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <input class="sInput" type="text" placeholder="请输入关键字" v-model="courseName" @input="searchCourse()" />
|
|
|
+ </div>
|
|
|
+ <el-button type="primary" class="bgColor" style="margin-left: 10px;" @click="clear">重置</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="choose">
|
|
|
+ <!-- <div class="student_search">
|
|
|
+ <span>项目筛选</span>
|
|
|
+ <el-select v-model="groupA" @change="search">
|
|
|
+ <el-option value="0" label="我的项目"></el-option>
|
|
|
+ <el-option value="1" label="他人项目"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div> -->
|
|
|
+ <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index"
|
|
|
+ v-if="CourseTypeJson[item.id].length">
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
+ <el-select v-model="courseTypeId[item.id]" placeholder="请选择" @change="getTypeName">
|
|
|
+ <el-option label="全部" value="1">全部</el-option>
|
|
|
+ <el-option v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.name" :value="item1.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <!-- <div @click="clear" class="clear" v-if="CourseType.length">重置</div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="pb_content_body" style="height: 100%">
|
|
|
- <div class="student_head">
|
|
|
+ <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">
|
|
|
<span>项目筛选</span>
|
|
|
@@ -27,9 +75,11 @@
|
|
|
<el-option value="4" label="全部项目"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
- <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index" v-if="CourseTypeJson[item.id].length">
|
|
|
+ <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index"
|
|
|
+ v-if="CourseTypeJson[item.id].length">
|
|
|
<span v-if="CourseTypeJson[item.id].length">{{ item.name }}</span>
|
|
|
- <el-select v-if="CourseTypeJson[item.id].length" v-model="courseTypeId[item.id]" placeholder="请选择" @change="getTypeName">
|
|
|
+ <el-select v-if="CourseTypeJson[item.id].length" v-model="courseTypeId[item.id]" placeholder="请选择"
|
|
|
+ @change="getTypeName">
|
|
|
<el-option label="全部" value="1">全部</el-option>
|
|
|
<el-option v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.name" :value="item1.id">
|
|
|
</el-option>
|
|
|
@@ -52,24 +102,25 @@
|
|
|
我的项目
|
|
|
</div>
|
|
|
<div class="myCourse" style="background:#4187f0" v-else-if="!item.course_teacher ||
|
|
|
- (item.course_teacher &&
|
|
|
- item.course_teacher.indexOf(userid) == -1)">
|
|
|
+ (item.course_teacher &&
|
|
|
+ item.course_teacher.indexOf(userid) == -1)">
|
|
|
他人项目
|
|
|
</div>
|
|
|
<div class="xtCourse" v-else>协同项目</div>
|
|
|
<div class="tup">
|
|
|
- <img :src="
|
|
|
- item.cover != null && item.cover != ''
|
|
|
- ? JSON.parse(item.cover).length > 0
|
|
|
- ? JSON.parse(item.cover)[0].url
|
|
|
- : mr
|
|
|
+ <img :src="item.cover != null && item.cover != ''
|
|
|
+ ? JSON.parse(item.cover).length > 0
|
|
|
+ ? JSON.parse(item.cover)[0].url
|
|
|
: mr
|
|
|
- " alt />
|
|
|
+ : mr
|
|
|
+ " alt />
|
|
|
</div>
|
|
|
<div class="bottom_box">
|
|
|
- <div>{{ item.title }}</div>
|
|
|
+ <div> <el-tooltip :content="item.title" popper-class="text_tooltip" placement="top" effect="dark">
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
+ </el-tooltip></div>
|
|
|
<div class="kc_t">
|
|
|
- 创建人：{{ item.uname }}
|
|
|
+ <span>{{ item.uname }}</span>
|
|
|
</div>
|
|
|
<div class="kc_time">
|
|
|
<span style="color: #4b4b4b">创建日期:</span>{{ item.time }}
|
|
|
@@ -80,8 +131,8 @@
|
|
|
</div>
|
|
|
<div class="three_bottom">
|
|
|
<div @click="goToCourse2(item.courseId)" v-if="((item.userid == userid) ||
|
|
|
- (item.course_teacher &&
|
|
|
- item.course_teacher.indexOf(userid) !== -1) || role == '1')">编辑</div>
|
|
|
+ (item.course_teacher &&
|
|
|
+ item.course_teacher.indexOf(userid) !== -1) || role == '1')">编辑</div>
|
|
|
<div @click="get(item.courseId)">预览</div>
|
|
|
<!-- 项目进展 -->
|
|
|
<div @click="getA(item.courseId)">进展</div>
|
|
|
@@ -96,15 +147,16 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="line"></div>
|
|
|
<div class="student_page">
|
|
|
- <el-pagination background layout="prev, pager, next" :page-size="pageSize" :total="total" v-if="page && course.length"
|
|
|
- style="padding-bottom: 20px" @current-change="handleCurrentChange"></el-pagination>
|
|
|
+ <el-pagination background layout="prev, pager, next" :page-size="pageSize" :total="total"
|
|
|
+ v-if="page && course.length" style="padding-bottom: 20px" @current-change="handleCurrentChange"></el-pagination>
|
|
|
</div>
|
|
|
<el-dialog :visible.sync="dialogVisible1" size="tiny">
|
|
|
<img width="100%" :src="dialogImageUrl" alt />
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="查看提问" :visible.sync="dialogVisible" :append-to-body="true" width="750px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
+ <el-dialog title="查看提问" :visible.sync="dialogVisible" :append-to-body="true" width="750px" :before-close="handleClose"
|
|
|
+ class="dialog_diy">
|
|
|
<div>
|
|
|
<div class="a_addBox">
|
|
|
<CourseProblem :problemCourse="problemCourse"></CourseProblem>
|
|
|
@@ -119,13 +171,12 @@
|
|
|
<div class="ct_box">
|
|
|
<div class="out_box" v-for="(item, index) in courseTeam" :key="index" style="margin-left: 15px">
|
|
|
<div class="tup">
|
|
|
- <img :src="
|
|
|
- item.cover != null && item.cover != ''
|
|
|
- ? JSON.parse(item.cover).length > 0
|
|
|
- ? JSON.parse(item.cover)[0].url
|
|
|
- : mr
|
|
|
+ <img :src="item.cover != null && item.cover != ''
|
|
|
+ ? JSON.parse(item.cover).length > 0
|
|
|
+ ? JSON.parse(item.cover)[0].url
|
|
|
: mr
|
|
|
- " alt />
|
|
|
+ : mr
|
|
|
+ " alt />
|
|
|
</div>
|
|
|
<div class="bottom_box">
|
|
|
<div>{{ item.title }}</div>
|
|
|
@@ -143,11 +194,11 @@
|
|
|
'&oid=' +
|
|
|
oid +
|
|
|
'&org=' +
|
|
|
- org+
|
|
|
+ org +
|
|
|
'&role=' +
|
|
|
- role
|
|
|
+ role
|
|
|
)
|
|
|
- ">
|
|
|
+ ">
|
|
|
编辑
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -187,8 +238,8 @@ export default {
|
|
|
oid: this.$route.query.oid,
|
|
|
org: this.$route.query.org,
|
|
|
role: this.$route.query.role,
|
|
|
- orgArray:["150e3120-9195-11ed-b13d-005056b86db5"],
|
|
|
- oidArray:[],
|
|
|
+ orgArray: ["150e3120-9195-11ed-b13d-005056b86db5"],
|
|
|
+ oidArray: [],
|
|
|
Juri: "",
|
|
|
groupList: [],
|
|
|
JuriList: [],
|
|
|
@@ -255,7 +306,7 @@ export default {
|
|
|
"&org=" +
|
|
|
this.org +
|
|
|
"&role=" +
|
|
|
- this.role
|
|
|
+ this.role
|
|
|
);
|
|
|
} else {
|
|
|
this.$router.push(
|
|
|
@@ -266,25 +317,25 @@ export default {
|
|
|
"&org=" +
|
|
|
this.org +
|
|
|
"&role=" +
|
|
|
- this.role
|
|
|
+ this.role
|
|
|
);
|
|
|
}
|
|
|
// this.$router.push(path);
|
|
|
},
|
|
|
- goToCourse2(cid){
|
|
|
+ goToCourse2(cid) {
|
|
|
this.$router.push(
|
|
|
- "/studentAddCourse?cid=" +
|
|
|
- cid +
|
|
|
- "&userid=" +
|
|
|
- this.userid +
|
|
|
- "&oid=" +
|
|
|
- this.oid +
|
|
|
- "&org=" +
|
|
|
- this.org +
|
|
|
- "&type=2"+
|
|
|
- "&role=" +
|
|
|
- this.role
|
|
|
- );
|
|
|
+ "/studentAddCourse?cid=" +
|
|
|
+ cid +
|
|
|
+ "&userid=" +
|
|
|
+ this.userid +
|
|
|
+ "&oid=" +
|
|
|
+ this.oid +
|
|
|
+ "&org=" +
|
|
|
+ this.org +
|
|
|
+ "&type=2" +
|
|
|
+ "&role=" +
|
|
|
+ this.role
|
|
|
+ );
|
|
|
},
|
|
|
tableRowClassName({ row, rowIndex }) {
|
|
|
if ((rowIndex + 1) % 2 === 0) {
|
|
|
@@ -382,11 +433,12 @@ export default {
|
|
|
this.getCourse();
|
|
|
},
|
|
|
clear() {
|
|
|
- if(this.CourseType.length){
|
|
|
+ if (this.CourseType.length) {
|
|
|
for (var i = 0; i < this.CourseType[0].length; i++) {
|
|
|
this.courseTypeId[this.CourseType[0][i].id] = "";
|
|
|
}
|
|
|
}
|
|
|
+ this.courseName = ''
|
|
|
this.getCourse();
|
|
|
},
|
|
|
getCourse() {
|
|
|
@@ -516,11 +568,11 @@ export default {
|
|
|
this.CourseType = res.data;
|
|
|
|
|
|
for (var i = 0; i < res.data[0].length; i++) {
|
|
|
- if(res.data[0][i].id == "34629ce3-d02f-11ec-8c78-005056b86db5"){
|
|
|
+ if (res.data[0][i].id == "34629ce3-d02f-11ec-8c78-005056b86db5") {
|
|
|
res.data[0][i].name = "赛道";
|
|
|
- }else if(res.data[0][i].id == "2f8beae3-d030-11ec-8c78-005056b86db5"){
|
|
|
+ } else if (res.data[0][i].id == "2f8beae3-d030-11ec-8c78-005056b86db5") {
|
|
|
res.data[0][i].name = "主题";
|
|
|
- }else if(res.data[0][i].id == "34628934-d02f-11ec-8c78-005056b86db5"){
|
|
|
+ } else if (res.data[0][i].id == "34628934-d02f-11ec-8c78-005056b86db5") {
|
|
|
res.data[0][i].name = "年级";
|
|
|
}
|
|
|
if (!this.cid) {
|
|
|
@@ -533,9 +585,9 @@ export default {
|
|
|
if (res.data[0][i].id == "34629ce3-d02f-11ec-8c78-005056b86db5") {
|
|
|
this.CourseType[0][i].name = "项目类型";
|
|
|
}
|
|
|
- }else if(this.org == '150e3120-9195-11ed-b13d-005056b86db5'){
|
|
|
+ } else if (this.org == '150e3120-9195-11ed-b13d-005056b86db5') {
|
|
|
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
if (res.data[0][i].name == "赛道") {
|
|
|
this.CourseType[0][i].name = "学科";
|
|
|
}
|
|
|
@@ -547,13 +599,13 @@ export default {
|
|
|
// this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
|
|
|
// }
|
|
|
// }
|
|
|
- if(this.org == '150e3120-9195-11ed-b13d-005056b86db5'){
|
|
|
+ if (this.org == '150e3120-9195-11ed-b13d-005056b86db5') {
|
|
|
for (var j = 0; j < res.data[1].length; j++) {
|
|
|
if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
|
|
|
}
|
|
|
}
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
// this.CourseType = []
|
|
|
for (var j = 0; j < res.data[1].length; j++) {
|
|
|
if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
@@ -708,7 +760,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- if(this.role == '1'){
|
|
|
+ if (this.role == '1') {
|
|
|
this.groupA = '4'
|
|
|
}
|
|
|
this.page = 1;
|
|
|
@@ -719,6 +771,38 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+@media screen and (max-width: 1380px) {
|
|
|
+ .out_box {
|
|
|
+ width: calc(100% / 4 - (15px * 3) / 4) !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .out_box:nth-child(5n) {
|
|
|
+ margin-right: 15px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .out_box:nth-child(4n) {
|
|
|
+ margin-right: 0 !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media screen and (max-width: 1080px) {
|
|
|
+ .out_box {
|
|
|
+ width: calc(100% / 3 - (15px * 2) / 3) !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .out_box:nth-child(5n) {
|
|
|
+ margin-right: 15px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .out_box:nth-child(4n) {
|
|
|
+ margin-right: 15px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .out_box:nth-child(3n) {
|
|
|
+ margin-right: 0 !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
.dialog_diy>>>.el-dialog__header {
|
|
|
background: #3d67bc !important;
|
|
|
padding: 15px 20px;
|
|
|
@@ -757,11 +841,19 @@ export default {
|
|
|
align-items: baseline;
|
|
|
flex-direction: row;
|
|
|
flex-wrap: wrap;
|
|
|
+ padding: 0 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.top {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+ width: 100% !important;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin: 0px auto;
|
|
|
+ padding: 10px 5px;
|
|
|
+ height: 54px;
|
|
|
}
|
|
|
|
|
|
.bgColor {
|
|
|
@@ -944,54 +1036,92 @@ 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: 140px;
|
|
|
+ height: 121px;
|
|
|
flex-wrap: nowrap;
|
|
|
justify-content: space-evenly;
|
|
|
}
|
|
|
|
|
|
.bottom_box>div:nth-child(1) {
|
|
|
- width: 230px;
|
|
|
+ width: 100%;
|
|
|
+ /* overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ font-weight: bold; */
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.bottom_box>div:nth-child(1)>span:nth-child(1) {
|
|
|
+ max-width: 100%;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.bottom_box>div:nth-child(1)>span:nth-child(2) {
|
|
|
+ min-width: fit-content;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #8c8c8c;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.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 {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- object-fit: contain;
|
|
|
+ object-fit: cover;
|
|
|
}
|
|
|
|
|
|
.kc_time {
|
|
|
margin-top: 8px;
|
|
|
font-size: 14px;
|
|
|
- color: #999;
|
|
|
+ color: #717C8D;
|
|
|
+}
|
|
|
+
|
|
|
+.kc_time+.kc_time {
|
|
|
+ margin-top: 0;
|
|
|
}
|
|
|
|
|
|
.kc_t {
|
|
|
@@ -1000,26 +1130,62 @@ export default {
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.kc_t>span:nth-child(1) {
|
|
|
+ max-width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+
|
|
|
+.kc_t>span:nth-child(2) {
|
|
|
+ min-width: fit-content;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #8c8c8c;
|
|
|
}
|
|
|
|
|
|
.three_bottom {
|
|
|
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 {
|
|
|
display: flex;
|
|
|
}
|
|
|
@@ -1042,12 +1208,13 @@ export default {
|
|
|
}
|
|
|
|
|
|
.all_choose {
|
|
|
- margin: 15px 0 10px;
|
|
|
+ margin: 12px 10px 10px 0;
|
|
|
height: 20%;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
- max-width: calc(100% / 3 - 50px);
|
|
|
+ /* max-width: calc(100% / 3 - 50px); */
|
|
|
+ width: fit-content;
|
|
|
}
|
|
|
|
|
|
.all_choose>span {
|
|
|
@@ -1064,12 +1231,12 @@ export default {
|
|
|
align-content: space-between;
|
|
|
height: 100%;
|
|
|
justify-content: flex-start;
|
|
|
- width: 60%;
|
|
|
- min-width: 868px;
|
|
|
+ width: 100%;
|
|
|
+ /* min-width: 868px; */
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
-.choose>div:nth-child(2) {
|
|
|
+/* .choose>div:nth-child(2) {
|
|
|
margin-left: 1%;
|
|
|
width: 32.33333%;
|
|
|
}
|
|
|
@@ -1081,7 +1248,7 @@ export default {
|
|
|
|
|
|
.choose>div:nth-child(5) {
|
|
|
margin: 5px 0 0 1%;
|
|
|
-}
|
|
|
+} */
|
|
|
|
|
|
.choose>div:nth-child(4)>span {
|
|
|
/* width: 74px !important;
|
|
|
@@ -1103,7 +1270,7 @@ export default {
|
|
|
border-radius: 5px;
|
|
|
line-height: 35px;
|
|
|
cursor: pointer;
|
|
|
- margin-left: 20px;
|
|
|
+ /* margin-left: 20px; */
|
|
|
}
|
|
|
|
|
|
.ct_box {
|
|
|
@@ -1118,7 +1285,7 @@ export default {
|
|
|
background: #3c3c3c;
|
|
|
width: 70px;
|
|
|
height: 30px;
|
|
|
- border-radius: 30px;
|
|
|
+ border-radius: 5px;
|
|
|
color: #fff;
|
|
|
font-size: 14px;
|
|
|
text-align: center;
|
|
|
@@ -1129,10 +1296,10 @@ export default {
|
|
|
|
|
|
.xtCourse {
|
|
|
position: absolute;
|
|
|
- background: #466b99;
|
|
|
+ background: #0061FF;
|
|
|
width: 70px;
|
|
|
height: 30px;
|
|
|
- border-radius: 30px;
|
|
|
+ border-radius: 5px;
|
|
|
color: #fff;
|
|
|
font-size: 14px;
|
|
|
text-align: center;
|
|
|
@@ -1141,6 +1308,7 @@ export default {
|
|
|
left: 5px;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.subClick {
|
|
|
font-size: 16px;
|
|
|
cursor: pointer;
|
|
|
@@ -1185,4 +1353,79 @@ export default {
|
|
|
.more div>span:hover {
|
|
|
color: #79a2ff;
|
|
|
}
|
|
|
-</style>
|
|
|
+
|
|
|
+
|
|
|
+.line {
|
|
|
+ width: 100%;
|
|
|
+ height: 15px;
|
|
|
+ background: #e6eaf0;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.reBox {
|
|
|
+ width: 100%;
|
|
|
+ /* padding-left: 20px; */
|
|
|
+ margin: 0 auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 10px 15px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.reTop {
|
|
|
+ padding: 0 0 5px;
|
|
|
+ /* padding: 20px 0 0 0; */
|
|
|
+ /* border-bottom: 1px solid #eee; */
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.reTop>div:nth-child(1) {
|
|
|
+ font-weight: bold;
|
|
|
+ /* width: 40px; */
|
|
|
+ /* border-bottom: 1px solid #205cc6; */
|
|
|
+ /* padding-bottom: 20px; */
|
|
|
+ color: #205cc6;
|
|
|
+ /* font-size: 20px; */
|
|
|
+}
|
|
|
+
|
|
|
+.reTop .reTopCh {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.reTop .searchI {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ border: 1px solid #ccced3;
|
|
|
+ width: 250px;
|
|
|
+ border-radius: 8px;
|
|
|
+ padding: 5px 0;
|
|
|
+ /* margin-bottom: 10px; */
|
|
|
+ background: #fafafa;
|
|
|
+ margin: 0 0 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.search {
|
|
|
+ width: 20px;
|
|
|
+ padding: 0 5px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.search>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.sInput {
|
|
|
+ border: none;
|
|
|
+ width: 85%;
|
|
|
+ background: #fafafa;
|
|
|
+}
|
|
|
+
|
|
|
+.sInput:focus-visible {
|
|
|
+ outline: none;
|
|
|
+}</style>
|
