feat:课程管理开课、学员管理、归属权、授权名单表格分页样式

This commit is contained in:
dongwug
2022-10-28 16:22:30 +08:00
parent c9f55712a6
commit 2b5602b770
3 changed files with 29 additions and 9 deletions

View File

@@ -59,6 +59,7 @@
</template> </template>
</template> </template>
</a-table> </a-table>
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -72,6 +73,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="main_btns"> <div class="main_btns">
<button class="btn1">取消</button> <button class="btn1">取消</button>
<button class="btn2">确定</button> <button class="btn2">确定</button>
@@ -338,6 +340,7 @@
> td { > td {
background: #f6f9fd; background: #f6f9fd;
} }
.tableBox{
.pa { .pa {
left: 0; left: 0;
width: 100%; width: 100%;
@@ -350,6 +353,7 @@
} }
} }
} }
}
.main_btns { .main_btns {
height: 72px; height: 72px;

View File

@@ -77,6 +77,7 @@
onChange: onSelectChange, onChange: onSelectChange,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -89,6 +90,7 @@
/> />
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab="添加组织" force-render> <a-tab-pane key="2" tab="添加组织" force-render>
<div class="tab2"> <div class="tab2">
@@ -156,6 +158,7 @@
onChange: onSelectChange1, onChange: onSelectChange1,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -169,6 +172,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="3" tab="受众关联"> <a-tab-pane key="3" tab="受众关联">
<div class="tab1"> <div class="tab1">
@@ -237,6 +241,7 @@
onChange: onSelectChange2, onChange: onSelectChange2,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -249,6 +254,7 @@
/> />
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
@@ -997,6 +1003,7 @@ export default {
// align-items: center; // align-items: center;
// margin-top: -2px; // margin-top: -2px;
// } // }
.tableBox{
.pa { .pa {
// left: 0; // left: 0;
margin-top: 15px; margin-top: 15px;
@@ -1015,6 +1022,7 @@ export default {
} }
} }
} }
}
.tab2 { .tab2 {
display: flex; display: flex;

View File

@@ -984,6 +984,7 @@
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -996,6 +997,7 @@
/> />
</div> </div>
</div> </div>
</div>
<!-- 有数据表格 --> <!-- 有数据表格 -->
</div> </div>
</div> </div>
@@ -1336,6 +1338,7 @@
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -1352,6 +1355,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</a-modal> </a-modal>
<!--开课学员管理页面 --> <!--开课学员管理页面 -->
<!--二维码页面 --> <!--二维码页面 -->
@@ -4635,6 +4639,7 @@ export default defineComponent({
justify-content: right; justify-content: right;
} }
} }
.tableBox{
.pa { .pa {
left: 0; left: 0;
width: 100%; width: 100%;
@@ -4652,6 +4657,7 @@ export default defineComponent({
} }
} }
} }
}
.stusmanageModal { .stusmanageModal {
.ant-modal { .ant-modal {
.ant-modal-content { .ant-modal-content {
@@ -4876,6 +4882,7 @@ export default defineComponent({
cursor: pointer; cursor: pointer;
} }
} }
.tableBox{
.pa { .pa {
left: 0; left: 0;
width: 100%; width: 100%;
@@ -4894,6 +4901,7 @@ export default defineComponent({
} }
} }
} }
}
.coursewareDetail { .coursewareDetail {
.ant-modal { .ant-modal {
height: 320px; height: 320px;