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:
lixg
2022-11-20 18:08:46 +08:00
parent f2171b0bd6
commit a01686ffe3
12 changed files with 1312 additions and 1262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/components/drawers/UnlockMode.vue
View File

@@ -18,7 +18,7 @@
<div class="main">
<div class="classify">
<div
v-for="item, index in classify"
v-for="(item, index) in classify"
:key="index"
class="classifyItem"
@click="selectClassify(item)"
@@ -35,28 +35,41 @@
{{ item.text }}
</div>
</div>
<div v-if="selectClassifyType===1" class="type1">
<span style="font-weight: 500">描述：</span><span>不设学习限制，学员可以在任何时间学习</span>
</div>
<div v-if="selectClassifyType===2" class="type1 type2">
<div><span style="font-weight: 500">描述：</span><span>辩论、活动、测评、调研、投票按照设置时间</span></div>
<div class="radio">
<span>解锁单元：</span>
<a-radio v-model:checked="checked">逐个任务解锁</a-radio>
</div>
</div>
<div v-if="selectClassifyType===3" class="type1 type3">
<div><span style="font-weight: 500">描述：</span><span>前一个阶段达成目标后解锁下一个阶段</span></div>
<div class="radio" style="display:flex">
<div style="margin-top:1px">解锁条件：</div>
<a-radio-group v-model:value="radioSelect">
<div><a-radio :value="1">逐个任务解锁，完成一个任务后解锁下一个</a-radio></div>
<div style="margin-top:24px"> <a-radio :value="2">完成当前阶段所有必修任务解锁下一阶段</a-radio></div>
</a-radio-group>
</div>
</div>
<div v-if="selectClassifyType === 1" class="type1">
<span style="font-weight: 500">描述：</span
><span>不设学习限制，学员可以在任何时间学习</span>
</div>
<div v-if="selectClassifyType === 2" class="type1 type2">
<div>
<span style="font-weight: 500">描述：</span
><span>辩论、活动、测评、调研、投票按照设置时间</span>
</div>
<div class="radio">
<span>解锁单元：</span>
<a-radio v-model:checked="checked">逐个任务解锁</a-radio>
</div>
</div>
<div v-if="selectClassifyType === 3" class="type1 type3">
<div>
<span style="font-weight: 500">描述：</span
><span>前一个阶段达成目标后解锁下一个阶段</span>
</div>
<div class="radio" style="display: flex">
<div style="margin-top: 1px">解锁条件：</div>
<a-radio-group v-model:value="radioSelect">
<div>
<a-radio :value="1"
>逐个任务解锁，完成一个任务后解锁下一个</a-radio
>
</div>
<div style="margin-top: 24px">
<a-radio :value="2"
>完成当前阶段所有必修任务解锁下一阶段</a-radio
>
</div>
</a-radio-group>
</div>
</div>
</div>
<div class="btnn">
<button class="btn1">取消</button>
@@ -92,11 +105,14 @@ export default {
text: "闯关模式",
},
],
selectClassifyType: 3,
checked:true,
radioSelect:1,
selectClassifyType: 1,
checked: true,
radioSelect: 1,
});
const closeDrawer = () => {
state.selectClassifyType = 1;
state.checked = true;
state.radioSelect = 1;
ctx.emit("update:unlockModeVisible", false);
};
@@ -163,14 +179,14 @@ export default {
cursor: pointer;
}
}
.type1{
.type1 {
margin-top: 50px;
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 20px;
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 20px;
}
.radio{
.radio {
margin-top: 24px;
}
}