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

feat:学习路径图设置,取消授权

Browse Source
This commit is contained in:
岳佳鑫
2022-10-24 18:27:27 +08:00
parent 7b605d4261
commit 460d9b92e7
3 changed files with 207 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
src/components/drawers/PowerList.vue
View File

@@ -92,7 +92,7 @@
v-model:visible="cancelModal"
:footer="null"
:closable="closeCancel"
wrapClassName="CopyModal"
wrapClassName="copyModal"
centered="true"
>
<div class="delete">
@@ -104,7 +104,7 @@
<div class="close_exit" @click="closeCancelModal"></div>
</div>
<div class="body">
<span>是否取消当前用户对此数据的权限</span>
<span>您确定要取消该用户的授权吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
@@ -332,7 +332,117 @@ export default {
padding: 0px;
}
}
.copyModal {
.ant-modal {
width: 424px !important;
height: 258px !important;
.ant-modal-content {
width: 424px !important;
height: 258px !important;
.ant-modal-body {
width: 424px !important;
height: 258px !important;
padding: 0 !important;
.delete {
z-index: 999;
width: 424px;
height: 258px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
border-radius: 4px;
// position: absolute;
// left: 50%;
// top: 10%;
// transform: translate(-50%, -50%);
.del_header {
position: absolute;
width: calc(100%);
height: 68px;
background: linear-gradient(
rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100%
);
}
.del_main {
width: 100%;
position: relative;
.header {
display: flex;
align-items: center;
padding-top: 20px;
padding-left: 26px;
font-size: 16px;
.icon {
width: 16px;
height: 16px;
margin-right: 10px;
background-image: url(@/assets/images/coursewareManage/notice.png);
background-size: 100% 100%;
}
.close_exit {
position: absolute;
right: 42px;
cursor: pointer;
width: 20px;
height: 20px;
background-image: url(@/assets/images/coursewareManage/close.png);
background-size: 100% 100%;
}
}
.body {
width: 100%;
margin: 34px auto 56px auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
// background-color: red;
position: relative;
.back {
position: absolute;
top: 30px;
font-size: 12px;
font-weight: 400;
color: #666666;
}
}
.del_btnbox {
display: flex;
margin: 30px auto;
justify-content: center;
.del_btn {
width: 100px;
height: 40px;
background: rgba(64, 158, 255, 0);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
cursor: pointer;
.btnText {
font-size: 14px;
font-weight: 400;
line-height: 40px;
}
}
.btn1 {
border: 1px solid rgba(64, 158, 255, 1);
color: #4ea6ff;
margin-right: 14px;
}
.btn2 {
background-color: #4ea6ff;
color: #ffffff;
}
}
}
}
}
}
}
}
.powerList {
// width: 80%;
.ant-drawer-content-wrapper {

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

@@ -40,14 +40,17 @@
:placeholder="[' 开始时间', ' 结束时间']"
/>
</div>
<div class="btn btn1">
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="btnn btn2">
<div class="search"></div>
<div class="btnText">重置</div>
<div style="display: flex;margin-bottom: 20px">
<div class="btn btn1">
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="btnn btn2">
<div class="search"></div>
<div class="btnText">重置</div>
</div>
</div>
</div>
<div class="btns">
@@ -1475,7 +1478,7 @@ export default {
.del_header {
position: absolute;
width: calc(100%);
height: 40px;
height: 68px;
background: linear-gradient(
rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100%
@@ -1494,7 +1497,7 @@ export default {
width: 16px;
height: 16px;
margin-right: 10px;
background-image: url(@/assets/images/coursewareManage/QR.png);
background-image: url(@/assets/images/taskpage/gan.png);
background-size: 100% 100%;
}
.close_exit {

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

@@ -258,7 +258,11 @@
<div class="headone">
<div class="box"></div>
<div class="onetitle">关卡内容可见可学设置</div>
<div class="oneedi">编辑</div>
<div class="oneedi" @click="showbtn" v-show="twobtn">编辑</div>
<div v-show="twobtnn" class="twobtn">
<div class="btnone" @click="closebtn">取消</div>
<div class="btntwo" @click="closebtn">确定</div>
</div>
</div>
<div class="onemain clearfix">
<div class="checkcon">
@@ -270,9 +274,17 @@
/>
<span class="yulan">预览其他关卡</span><br />
<div style="width: 10px; height: 4px"></div>
<span class="yulan2">学员可预览第</span
><span style="color: #4ea6ff">1</span><span>关-第</span
><span style="color: #4ea6ff">4</span><span>关内容</span>
<div style="display: flex;align-items: center;">
<span class="yulan2">学员可预览第</span
>
<span style="color: #4ea6ff" v-show="number">1</span>
<a-input-number v-model:value="nubvalue" v-show="inputbox" :controls="false" :autofocus="true" :min="1" />
<span>关-第</span
><span style="color: #4ea6ff" v-show="number">4</span>
<a-input-number v-model:value="nubvalue1" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
<span>关内容</span>
</div>
</div>
<div class="checkcon" style="margin-top: 20px">
<input
@@ -283,9 +295,16 @@
/>
<span class="yulan">学习其他关卡</span><br />
<div style="width: 10px; height: 4px"></div>
<span class="yulan2">学员可预览第</span
><span style="color: #4ea6ff">1</span><span>关-第</span
><span style="color: #4ea6ff">4</span><span>关内容</span>
<div style="display: flex;align-items: center;">
<span class="yulan2">学员可预览第</span
>
<span style="color: #4ea6ff" v-show="number">1</span>
<a-input-number v-model:value="nubvalue" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
<span>关-第</span
><span style="color: #4ea6ff" v-show="number">4</span>
<a-input-number v-model:value="nubvalue1" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
<span>关内容</span>
</div>
</div>
<br />
</div>
@@ -464,6 +483,10 @@ export default {
AddSvisible: false, //添加学员抽屉
AddImpStuvisible: false, //导入学员抽屉
CheckStuvisible: false, //学员管理的查看抽屉
twobtn: true,
number: true,
twobtnn: false,
inputbox: false,
projectNameListt: [
{
id: 1,
@@ -544,6 +567,8 @@ export default {
],
activeKey: ref("1"),
value: ref(" "),
nubvalue: ref("1"),
nubvalue1: ref("4"),
checked2: false,
currentPage: 1,
tableDataTotal: 100,
@@ -799,6 +824,18 @@ export default {
const showCheckStu = () => {
state.CheckStuvisible = true;
};
const showbtn = () => {
state.twobtn = false;
state.twobtnn = true;
state.number = false;
state.inputbox = true;
}
const closebtn = () => {
state.twobtnn = false;
state.twobtn = true;
state.number = true;
state.inputbox = false;
}
return {
...toRefs(state),
selectProjectName,
@@ -814,6 +851,8 @@ export default {
showAddStu,
showImpStu,
showCheckStu,
showbtn, //设置-编辑
closebtn,
};
},
};
@@ -1708,6 +1747,28 @@ export default {
color: #4ea6ff;
cursor: pointer;
}
.twobtn {
display: flex;
.btnone {
width: 42px;
height: 24px;
border: 1px solid rgba(64, 158, 255, 1);
border-radius: 4px;
color: rgba(64, 158, 255, 1);
margin-left: 20px;
cursor: pointer;
}
.btntwo {
width: 42px;
height: 24px;
border: 1px solid rgba(64, 158, 255, 1);
border-radius: 4px;
color: #FFFFFF;
margin-left: 20px;
background: #409EFF;
cursor: pointer;
}
}
}
.onemain {
margin-top: 20px;
@@ -1730,6 +1791,21 @@ export default {
.yulan2 {
margin-left: 22px;
}
.ant-input-number {
height: 24px;
width: 24px;
margin: 10px;
border-radius: 4px;
border: 1px solid #6D7584;
.ant-input-number-input {
width: 100%;
height: 100%;
font-size: 14px;
padding: 0;
color: #409EFF;
text-align: center;
}
}
}
}
.twomain {