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

feat:hebing

Browse Source
This commit is contained in:
dongwug
2022-10-12 18:43:59 +08:00
parent 54fa86f807 4ba49417db
commit ef316abd1a
8 changed files with 1987 additions and 1967 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/projectadd/open.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 273 B

968
src/views/courselibrary/CoursewareManage.vue
View File

File diff suppressed because it is too large Load Diff

425
src/views/learningpath/LearningPath.vue
View File

@@ -64,7 +64,7 @@
</div>
<!-- 搜索框及按钮 -->
<!-- 表格 -->
<div class="tableBox">
<div class="tableBox" style="padding-bottom: 160px; position: relative">
<a-table
style="border: 1px solid #f2f6fe"
:columns="tableDataFunc()"
@@ -75,7 +75,6 @@
@expand="expandTable"
:pagination="false"
/>
<div class="pa">
<a-pagination
showSizeChanger="true"
@@ -90,7 +89,9 @@
</div>
<!-- 表格 -->
<div :class="out ? 'out' : 'unout'">
<a-modal v-model:visible="out" footer="null" style="margin-top: 400px">
<div class="out">
<div class="top">
<img class="topimg" src="../../assets/images/courseManage/add1.png" />
<div class="topc">创建路径</div>
@@ -116,7 +117,7 @@
maxlength="20"
style="border-radius: 4px"
/>
<div class="showcount">{{ valuei.length }}/20</div>
<div class="showcount">{{ valueE.length }}/20</div>
</div>
</div>
<div class="bac">
@@ -166,7 +167,8 @@
<button class="samtn btn2" @click="handleOut">确定</button>
</div>
</div>
</div>
</div></a-modal
>
</div>
</template>
<script>
@@ -564,212 +566,6 @@ export default {
};
</script>
<style lang="scss">
.clearfix:before,
.clearfix:after {
content: " ";
display: block;
clear: both;
}
.learningPath {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
// position: relative;
.filter {
margin-left: 38px;
margin-right: 38px;
margin-top: 30px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.filterItems {
display: flex;
flex-wrap: wrap;
.select {
margin-right: 20px;
margin-bottom: 20px;
}
}
.btns {
display: flex;
// flex-wrap: wrap;
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
background: rgba(64, 158, 255, 0);
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.search {
background-size: 100%;
}
.btnText {
font-size: 14px;
font-weight: 400;
color: rgba(64, 158, 255, 1);
line-height: 36px;
margin-left: 5px;
}
}
.btn1 {
.search {
width: 15px;
height: 17px;
background-image: url("../../assets/images/courseManage/search1.png");
}
}
.btn2 {
.search {
width: 16px;
height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png");
}
}
.btn3 {
margin-right: 0px;
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add1.png");
}
}
.btn1:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/search0.png");
}
.btnText {
color: #ffffff;
}
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnText {
color: #ffffff;
}
}
.btn3:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/add0.png");
}
.btnText {
color: #ffffff;
}
}
}
}
.tableBox {
margin: 20px 38px 30px;
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.pa {
left: 0;
width: 100%;
// height: 20px;
// background-color: red;
display: flex;
justify-content: center;
position: absolute;
bottom: 20px;
}
}
.operation {
display: flex;
justify-content: right;
.nSelect {
.fb {
display: flex;
.jc {
color: #4ea6ff;
font-size: 14px;
margin-left: 20px;
}
}
}
.tableSelect {
margin-right: 20px;
display: flex;
align-items: center;
justify-content: right;
.g1 {
color: #4ea6ff;
font-size: 14px;
}
}
}
// .operation {
// font-size: 14px;
// font-weight: 400;
// color: #4ea6ff;
// // line-height: 36px;
// .operation1 {
// margin-left: 21px;
// width: 28px;
// display: inline-block;
// }
// .operation3 {
// margin-left: 21px;
// width: 70px;
// display: inline-block;
// text-align: center;
// }
// .more {
// width: 50px;
// display: inline-block;
// margin-left: 21px;
// position: relative;
// text-align: left;
// // z-index: 99999;
// .moreArrow {
// width: 13px;
// height: 7px;
// display: inline-block;
// background-image: url("../../assets/images/navtop/down.png");
// background-size: 100%;
// margin: 2px;
// margin-left: 7px;
// }
// .moreItems {
// width: 80px;
// padding: 5px;
// display: none;
// background: #ffffff;
// box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
// border-radius: 3px;
// border: 0px solid #dcdcdc;
// position: absolute;
// left: 0px;
// top: 28px;
// z-index: 100;
// text-align: center;
// }
// }
// .more:hover .moreArrow {
// background-image: url("../../assets/images/navtop/up.png");
// }
// .more:hover .moreItems {
// display: block;
// }
// }
.out {
display: block;
position: absolute;
@@ -938,6 +734,213 @@ export default {
}
}
}
.clearfix:before,
.clearfix:after {
content: " ";
display: block;
clear: both;
}
.learningPath {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
// position: relative;
.filter {
margin-left: 38px;
margin-right: 38px;
margin-top: 30px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.filterItems {
display: flex;
flex-wrap: wrap;
.select {
margin-right: 20px;
margin-bottom: 20px;
}
}
.btns {
display: flex;
// flex-wrap: wrap;
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
background: rgba(64, 158, 255, 0);
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.search {
background-size: 100%;
}
.btnText {
font-size: 14px;
font-weight: 400;
color: rgba(64, 158, 255, 1);
line-height: 36px;
margin-left: 5px;
}
}
.btn1 {
.search {
width: 15px;
height: 17px;
background-image: url("../../assets/images/courseManage/search1.png");
}
}
.btn2 {
.search {
width: 16px;
height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png");
}
}
.btn3 {
margin-right: 0px;
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add1.png");
}
}
.btn1:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/search0.png");
}
.btnText {
color: #ffffff;
}
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnText {
color: #ffffff;
}
}
.btn3:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/add0.png");
}
.btnText {
color: #ffffff;
}
}
}
}
.tableBox {
margin: 20px 38px 30px;
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.pa {
left: 0;
width: 100%;
// height: 20px;
// background-color: red;
display: flex;
justify-content: center;
position: absolute;
bottom: 20px;
}
}
.operation {
display: flex;
justify-content: right;
.nSelect {
.fb {
display: flex;
.jc {
color: #4ea6ff;
font-size: 14px;
margin-left: 20px;
}
}
}
.tableSelect {
margin-right: 20px;
display: flex;
align-items: center;
justify-content: right;
.g1 {
color: #4ea6ff;
font-size: 14px;
}
}
}
// .operation {
// font-size: 14px;
// font-weight: 400;
// color: #4ea6ff;
// // line-height: 36px;
// .operation1 {
// margin-left: 21px;
// width: 28px;
// display: inline-block;
// }
// .operation3 {
// margin-left: 21px;
// width: 70px;
// display: inline-block;
// text-align: center;
// }
// .more {
// width: 50px;
// display: inline-block;
// margin-left: 21px;
// position: relative;
// text-align: left;
// // z-index: 99999;
// .moreArrow {
// width: 13px;
// height: 7px;
// display: inline-block;
// background-image: url("../../assets/images/navtop/down.png");
// background-size: 100%;
// margin: 2px;
// margin-left: 7px;
// }
// .moreItems {
// width: 80px;
// padding: 5px;
// display: none;
// background: #ffffff;
// box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
// border-radius: 3px;
// border: 0px solid #dcdcdc;
// position: absolute;
// left: 0px;
// top: 28px;
// z-index: 100;
// text-align: center;
// }
// }
// .more:hover .moreArrow {
// background-image: url("../../assets/images/navtop/up.png");
// }
// .more:hover .moreItems {
// display: block;
// }
// }
.unout {
display: none;
}

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

@@ -28,9 +28,11 @@
</div>
</div>
<div class="line"></div>
<router-link to="/learningpath"
><div style="display: flex">
<img class="img2" src="../../assets/images/leveladd/back.png" />
<router-link to="/learningpath">
<div class="return">返回</div></router-link
<div class="return">返回</div>
</div></router-link
>
</div>
</div>
@@ -434,7 +436,7 @@ export default {
.return {
color: #4ea6ff;
font-size: 14px;
margin-top: 5px;
margin-top: 10px;
margin-right: 60px;
}
.more {

12
src/views/learningpath/LevelAddDetail.vue
View File

@@ -74,10 +74,13 @@
</div>
</div>
<div class="line"></div>
<img class="img2" src="../../assets/images/leveladd/back.png" />
<router-link to="/leveladd">
<div class="return">返回</div></router-link
>
<div style="display: flex">
<img class="img2" src="../../assets/images/leveladd/back.png" />
<div class="return">返回</div>
</div>
</router-link>
</div>
</div>
</div>
@@ -791,6 +794,7 @@ export default {
.allCon {
width: 100%;
height: 100%;
overflow: auto;
background-color: #f1f4f8;
display: flex;
// min-width: 1200px;
@@ -983,7 +987,7 @@ export default {
.return {
color: #4ea6ff;
font-size: 14px;
margin-top: 5px;
margin-top: 13px;
margin-right: 20px;
}

1
src/views/projectcenter/ProjectManage.vue
View File

@@ -163,6 +163,7 @@ const columns = [
key: "operation",
width: 300,
align: "center",
fixed: "right",
},
];

40
src/views/projectcenter/TaskPage.vue
View File

@@ -11,7 +11,7 @@
<div class="fort">起止时间：2022-07-21 00:00至2020-10-21 00:00</div>
</div>
<div class="right">
<div class="end">
<div class="end" style="margin-right: 5px">
<div style="margin-top: 20px;margin-left: 10px">
<img class="endimg" src="../../assets/images/projectadd/ending.png"/>
<span class="endtext">结束项目</span>
@@ -39,23 +39,23 @@
</div>
</div>
</div>
<div class="end">
<router-link to="/projectmanage" class="end">
<div style="margin-top: 20px;margin-left: 10px;margin-right:30px">
<img class="ending" src="../../assets/images/leveladd/back.png" />
<span class="endtext" style="color:#4EA6FF">返回</span>
</div>
</router-link>
</div>
</div>
</div>
<div class="split"></div>
<div class="split" style="flex-shrink: 0;"></div>
<div class="content">
<a-tabs class="tab"
v-model:activeKey="activeKey"
size="large"
:tabBarStyle="{ marginLeft: '10px' }">
<a-tab-pane key="2" tab="概览">Content of Tab Pane 1</a-tab-pane>
<a-tab-pane key="1" tab="任务" force-render>
:tabBarStyle="{ marginLeft: '10px',marginTop: '5px' }">
<a-tab-pane key="1" tab="概览"><div class="split"></div></a-tab-pane>
<a-tab-pane key="2" tab="任务" force-render>
<div class="split"></div>
<div class="onerow">
<div class="taskmain">任务大纲</div>
<button class="btn">批量面授报名</button>
@@ -65,7 +65,7 @@
</div>
</div>
<div class="stage">
<span class="stageimg"><img src="../../assets/images/projectadd/close.png"/></span>
<span class="stageimg"><img src="../../assets/images/projectadd/open.png"/></span>
<span class="stagename">阶段1腾飞班阶级1</span>
</div>
<div class="course">
@@ -333,21 +333,27 @@
}
.content {
//display: flex;
margin: 0 37px;
//margin: 0 37px;
.ant-tabs-nav-wrap {
margin-left: 30px;
}
.onerow {
width: 100%;
//width: 100%;
display: flex;
height: 40px;
position: relative;
//margin-top: 5xp;
margin-top: 15px;
margin-left: 38px;
//margin-right: 38px;
.taskmain {
font-size: 18px;
padding-top: 7px;
color: #000000;
}
.btn {
position: absolute;
top: 0;
right: 110px;
right: 168px;
background-color: #409EFF;
width: 130px;
height: 40px;
@@ -358,7 +364,7 @@
}
.edit {
position: absolute;
right: 0;
right: 48px;
top: 0;
color: #409EFF;
width: 100px;
@@ -391,6 +397,8 @@
background-color: #EFF4FC;
align-items: center;
margin-top: 20px;
margin-left: 38px;
margin-right: 38px;
.stageimg {
margin-left: 31px;
}
@@ -402,11 +410,13 @@
}
}
.course {
width: 100%;
//width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 10px;
margin-left: 38px;
margin-right: 38px;
//margin: 0 12px;
border: 1px solid #F2F6FC;
.first {

14
src/views/research/ResearchManage.vue
View File

@@ -69,6 +69,8 @@
@expand="expandTable"
:pagination="false"
/>
</div>
<div class="pa">
<a-pagination
showSizeChanger="true"
@@ -80,7 +82,6 @@
class="pagination"
/>
</div>
</div>
<!-- 表格 -->
<div :class="out ? 'out' : 'unout'">
<div class="top">
@@ -354,6 +355,7 @@ export default {
height: 100%;
display: flex;
flex-direction: column;
//align-items: center;
position: relative;
// position: relative;
.filter {
@@ -451,6 +453,7 @@ export default {
.tableBox {
margin: 20px 38px 30px ;
display: flex;
flex: 1;
//position: relative;
flex-direction: column;
@@ -463,15 +466,18 @@ export default {
> td {
background: #f6f9fd;
}
}
.pa {
left: 0;
width: 100%;
// height: 20px;
// background-color: red;
display: flex;
justify-content: center;
//position: absolute;
//bottom: 20px;
margin-bottom: 20px;
.pagination {
margin-bottom: 20px;
}
}
.out {
@@ -540,7 +546,7 @@ export default {
border-radius: 5px;
// height: 120%;
width: 100%;
height: 40px;
height: 30px;
}
}
}