hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-15 13:56:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

style：修改路径管理中各管理 考勤 作业详情 导入学员 修改学员管理中调整弹窗 修改项目中排行榜

Browse Source
This commit is contained in:
songwc
2022-10-25 15:31:03 +08:00
parent e483c8bfaf
commit 46fad31cc0
14 changed files with 605 additions and 515 deletions
Download Patch File Download Diff File Expand all files Collapse all files

155
src/views/learningpath/LevelAdd.vue
View File

@@ -208,7 +208,7 @@
</a-tab-pane>
<a-tab-pane key="2" tab="路径管理">
<div class="split"></div>
<div class="cont">
<!-- <div class="cont">
<div class="pad"></div>
<div class="sametab">
<div class="Lhead">
@@ -236,50 +236,50 @@
</div>
<div class="Lbom">
<div>
<div class="create">
<div
class="taskbox"
style="
background: linear-gradient(180deg, #e5f6ec, #eef9f3);
"
>
<div class="leftt">
<img src="../../assets/images/taskpage/left3.png" />
</div>
<div class="photo">
<img src="../../assets/images/taskpage/picture3.png" />
</div>
<div class="rightt">
<img src="../../assets/images/taskpage/right3.png" />
</div>
<div
class="centerbox"
style="color: rgba(93, 201, 136, 1)"
>
创建关卡
</div>
<div class="centermain">点击创建关卡任务</div>
</div>
</div>
<div class="create"></div>
</div>
</div>
</div>
<div class="pad"></div>
</div>
</div> -->
<!-- 有数据时的路径管理 -->
<!-- 路径管理 -->
<div style="flex: 1">
<div class="onerow">
<div class="taskmain">任务大纲</div>
<router-link to="/leveladddetail" class="edit">
<router-link to="/leveladddetail" class="editright">
<img
class="editimg"
src="../../assets/images/projectadd/edit.png"
src="../../assets/images/leveladd/edit.png"
/>
<span class="editext">编辑</span>
<span class="editextb">编辑</span>
</router-link>
</div>
<!-- 无数据显示快速创建 -->
<router-link to="/leveladddetail">
<div
class="taskbox"
style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
>
<div class="leftt">
<img src="../../assets/images/taskpage/left1.png" />
</div>
<div class="photo">
<img src="../../assets/images/taskpage/picture1.png" />
</div>
<div class="rightt">
<img src="../../assets/images/taskpage/right1.png" />
</div>
<div class="centerbox" style="color: rgba(255, 182, 78, 1)">
添加关卡
</div>
<div class="centermain">快速创建关卡任务</div>
</div>
</router-link>
<!-- 无数据显示快速创建 -->
<!-- 有数据-->
<div class="taskSyllabus">
<a-collapse v-model:activeKey="taskSyllabusActive" accordion>
<template #expandIcon="{ isActive }">
@@ -457,6 +457,7 @@
</a-collapse-panel>
</a-collapse>
</div>
<!-- 有数据-->
<div style="display: flex; height: 20px"></div>
</div>
</a-tab-pane>
@@ -680,7 +681,7 @@
</div>
<div class="mid">
<div class="inher">
<div class="cur">当前关卡：</div>
<div class="cur">当前关卡：关卡2</div>
<div class="select">
<a-select
v-model:value="curLevel"
@@ -878,16 +879,11 @@ export default {
projectNameList4: [
{
id: 1,
value: "请选择关卡",
label: "请选择关卡",
},
{
id: 2,
value: "关卡1",
label: "关卡1",
},
{
id: 3,
id: 2,
value: "关卡2",
label: "关卡2",
},
@@ -895,7 +891,7 @@ export default {
//任务大纲列表
taskSyllabus: [
{
text: "阶段1腾飞班阶段1",
text: "关卡1 初级产品经理",
children: [
{
course: "在线",
@@ -954,7 +950,7 @@ export default {
],
},
{
text: "阶段2腾飞班阶段2",
text: "关卡2 中级产品经理",
children: [
{
course: "讨论",
@@ -1224,7 +1220,7 @@ export default {
</span>
<span
onClick={() => {
state.visible = true;
state.visiblene = true;
console.log(text.record.cur);
}}
style="color:#4EA6FF;margin-right:25px;cursor:pointer"
@@ -1254,7 +1250,7 @@ export default {
state.visible = true;
};
const closeChangeModal = () => {
state.visible = false;
state.visiblene = false;
};
const showAddStu = () => {
state.AddSvisible = true;
@@ -1833,34 +1829,35 @@ export default {
color: #ffffff;
cursor: pointer;
}
.edit {
.editright {
position: absolute;
right: 38px;
top: 0;
color: #409eff;
width: 100px;
width: 110px;
height: 40px;
border: 1px solid #409eff;
background: #409eff;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
.editimg {
width: 15px;
height: 15px;
margin-top: -2px;
margin-left: 25px;
margin-right: 5px;
}
.editext {
line-height: 40px;
}
}
.edit:hover {
color: #ffffff;
background-color: #409eff;
cursor: pointer;
.editimg {
background-image: url("../../assets/images/projectadd/edit1.png");
.editextb {
color: #fff;
margin-left: 10px;
}
}
// .edit:hover {
// color: #ffffff;
// background-color: #409eff;
// cursor: pointer;
// .editimg {
// background-image: url("../../assets/images/projectadd/edit1.png");
// }
// }
}
.second {
display: flex;
@@ -2357,6 +2354,46 @@ export default {
}
}
}
.taskbox {
width: 412px;
height: 160px;
border-radius: 10px;
position: relative;
margin-left: 40px;
margin-bottom: 10px;
margin-top: 10px;
cursor: pointer;
.leftt {
position: absolute;
top: 18px;
left: 0;
}
.photo {
position: absolute;
top: 42px;
left: 37px;
}
.rightt {
position: absolute;
top: 69px;
right: 26px;
}
.centerbox {
position: absolute;
top: 52px;
left: 145px;
font-size: 20px;
font-weight: 700;
//line-height: 36px;
}
.centermain {
color: rgba(135, 139, 146, 1);
font-size: 14px;
position: absolute;
left: 144px;
bottom: 49px;
}
}
.taskSyllabus {
// flex: 1;
overflow-x: auto;