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

feat:增加随机分组

Browse Source
This commit is contained in:
lixg
2023-01-28 16:44:23 +08:00
parent acf8eaa458
commit 8aa96cd0ac
6 changed files with 456 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/components/drawers/SubsetManage.vue
View File

@@ -3,7 +3,7 @@
:visible="Svisible"
class="drawerStyle subset"
placement="right"
width="70%"
width="640px"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain">
@@ -16,39 +16,43 @@
/>
</div>
<div class="main">
<div class="groupl">小组：</div>
<div class="group">
<span>创建：</span>
<a-input-number
:min="0"
:precision="0"
style="width: 64px; height: 40px; border-radius: 8px"
v-model:value="inputV2"
/>
<span style="margin-left: 8px">个小组，</span>
<span>每组：</span>
<a-input-number
:min="0"
:precision="0"
style="width: 64px; height: 40px; border-radius: 8px"
v-model:value="inputV2"
/>
<span style="margin-left: 8px">个学员</span>
<button class="sure">确定</button>
</div>
<!-- <div class="groupl">小组：</div> -->
<div>
<div class="groupin">
<a-input
v-model:value="value1"
placeholder="好好学习小组"
style="border-radius: 8px; height: 40px"
/>
<div class="delete">删除</div>
</div>
<div class="groupin">
<a-input
v-model:value="value2"
placeholder="全能小组"
style="border-radius: 8px; height: 40px"
/>
<div class="delete">删除</div>
</div>
<div class="groupin">
<a-input
v-model:value="value3"
placeholder="宇宙第一最强小组"
style="border-radius: 8px; height: 40px"
/>
<div class="peopleNum">20</div>
<span style="margin-left: 3px">人</span>
<div class="delete">删除</div>
</div>
</div>
</div>
<div class="addgroup" @click="showAddGroup">
<!-- <div class="addgroup" @click="showAddGroup">
<img src="../../assets/images/courseManage/add0.png" />
<span class="grot">创建小组</span>
</div>
<div class="zhu">注：随机分组不对小组长生效</div>
</div> -->
<!-- <div class="zhu">注：随机分组不对小组长生效</div> -->
<div class="btnn">
<button class="btn1">取消</button>
<button class="btn2">确定</button>
@@ -139,11 +143,33 @@ export default {
}
}
.main {
display: flex;
.group {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 400;
color: rgba(0, 0, 0, 0.85);
line-height: 22px;
.sure {
cursor: pointer;
width: 100px;
height: 40px;
background: #4ea6ff;
border-radius: 8px;
border: 0;
margin-left: 15px;
color: #fff;
margin-left: 32px;
}
}
.groupin {
display: flex;
align-items: center;
margin-top: 32px;
font-size: 16px;
font-weight: 400;
color: rgba(0, 0, 0, 0.85);
line-height: 22px;
.ant-input {
border-radius: 5px;
// height: 120%;
@@ -156,6 +182,17 @@ export default {
margin-left: 10px;
cursor: pointer;
}
.peopleNum {
width: 56px;
height: 40px;
border-radius: 8px;
border: 1px solid #c7cbd2;
display: flex;
align-items: center;
justify-content: center;
margin-left: 12px;
}
}
.groupl {
color: rgba(0, 0, 0, 0.85);