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

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

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 {