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

feat:更改表格下面翻页居中 二维码图片 小弹窗z-index值

Browse Source
This commit is contained in:
dongwug
2022-10-22 18:10:32 +08:00
parent 2a605f1f8c
commit 030d04d14f
7 changed files with 257 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/taskpage/QR.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

69
src/components/drawers/AddCase.vue
View File

@@ -52,26 +52,19 @@
:columns="columns1" :columns="columns1"
:data-source="tableData1" :data-source="tableData1"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
:pagination="{ :pagination="false"
showSizeChanger: true,
showQuickJumper: true,
hideOnSinglePage: true,
pageSizeOptions: [],
pageSize: pageSize,
current: currentPage,
total: tableDataTotal,
onChange: (page, pageSize) => {
currentPage = page;
// console.log('page', page)
// 加翻页查找代码
// this.setState({
// currentPage: page,
// }, () => {
// this.getMilitaryDeployment()
// })
},
}"
/> />
<div class="pa">
<a-pagination
showSizeChanger="true"
showQuickJumper="true"
hideOnSinglePage="true"
:pageSize="pageSize"
:current="currentPage"
:total="tableDataTotal"
class="pagination"
/>
</div>
</div> </div>
</div> </div>
<div class="main_btns"> <div class="main_btns">
@@ -316,6 +309,44 @@
} }
} }
} }
.main_table {
position: relative;
padding-bottom: 80px;
.classify {
margin-left: 10px !important;
padding-left: 9px !important;
}
.ant-checkbox-wrapper {
align-items: center;
margin-top: -2px;
}
.ant-table-selection-column {
padding: 0px !important;
padding-left: 60px !important;
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);
}
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.pa {
left: 0;
width: 100%;
// height: 20px;
// background-color: red;
display: flex;
justify-content: center;
position: absolute;
bottom: 20px;
}
}
} }
.main_btns { .main_btns {

70
src/components/drawers/AddOnline.vue
View File

@@ -78,26 +78,20 @@
:columns="columns1" :columns="columns1"
:data-source="tableData1" :data-source="tableData1"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
:pagination="{ this.getMilitaryDeployment()
showSizeChanger: true, :pagination="false"
showQuickJumper: true,
hideOnSinglePage: true,
pageSizeOptions: [],
pageSize: pageSize,
current: currentPage,
total: tableDataTotal,
onChange: (page, pageSize) => {
currentPage = page;
// console.log('page', page)
// 加翻页查找代码
// this.setState({
// currentPage: page,
// }, () => {
// this.getMilitaryDeployment()
// })
},
}"
/> />
<div class="pa">
<a-pagination
showSizeChanger="true"
showQuickJumper="true"
hideOnSinglePage="true"
:pageSize="pageSize"
:current="currentPage"
:total="tableDataTotal"
class="pagination"
/>
</div>
</div> </div>
</div> </div>
<div class="main_btns"> <div class="main_btns">
@@ -417,6 +411,44 @@ export default {
cursor: pointer; cursor: pointer;
} }
} }
.main_table {
position: relative;
padding-bottom: 80px;
.classify {
margin-left: 10px !important;
padding-left: 9px !important;
}
.ant-checkbox-wrapper {
align-items: center;
margin-top: -2px;
}
.ant-table-selection-column {
padding: 0px !important;
padding-left: 60px !important;
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);
}
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.pa {
left: 0;
width: 100%;
// height: 20px;
// background-color: red;
display: flex;
justify-content: center;
position: absolute;
bottom: 20px;
}
}
} }
.main_btns { .main_btns {

69
src/components/drawers/CorPowerlist.vue
View File

@@ -51,25 +51,7 @@
:columns="columns1" :columns="columns1"
:data-source="tableData1" :data-source="tableData1"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
:pagination="{ :pagination="false"
showSizeChanger: true,
showQuickJumper: true,
hideOnSinglePage: true,
pageSizeOptions: [],
pageSize: pageSize,
current: currentPage,
total: tableDataTotal,
onChange: (page, pageSize) => {
currentPage = page;
// console.log('page', page)
// 加翻页查找代码
// this.setState({
// currentPage: page,
// }, () => {
// this.getMilitaryDeployment()
// })
},
}"
> >
<template #bodyCell="{ column }"> <template #bodyCell="{ column }">
<template v-if="column.key === 'opacation'"> <template v-if="column.key === 'opacation'">
@@ -77,6 +59,17 @@
</template> </template>
</template> </template>
</a-table> </a-table>
<div class="pa">
<a-pagination
showSizeChanger="true"
showQuickJumper="true"
hideOnSinglePage="true"
:pageSize="pageSize"
:current="currentPage"
:total="tableDataTotal"
class="pagination"
/>
</div>
</div> </div>
</div> </div>
<div class="main_btns"> <div class="main_btns">
@@ -316,6 +309,44 @@
} }
} }
} }
.main_table {
position: relative;
padding-bottom: 80px;
.classify {
margin-left: 10px !important;
padding-left: 9px !important;
}
.ant-checkbox-wrapper {
align-items: center;
margin-top: -2px;
}
.ant-table-selection-column {
padding: 0px !important;
padding-left: 60px !important;
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);
}
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.pa {
left: 0;
width: 100%;
// height: 20px;
// background-color: red;
display: flex;
justify-content: center;
position: absolute;
bottom: 20px;
}
}
} }
.main_btns { .main_btns {

152
src/views/courselibrary/CoursewareManage.vue
View File

@@ -1082,26 +1082,19 @@
:scroll="{ x: 700, y: 800 }" :scroll="{ x: 700, y: 800 }"
expandRowByClick="true" expandRowByClick="true"
@expand="expandTable" @expand="expandTable"
:pagination="{ :pagination="false"
showSizeChanger: true,
showQuickJumper: true,
hideOnSinglePage: true,
pageSizeOptions: [],
pageSize: pageSize,
current: currentPage,
total: tableDataTotal,
onChange: (page, pageSize) => {
currentPage = page;
// console.log('page', page)
// 加翻页查找代码
// this.setState({
// currentPage: page,
// }, () => {
// this.getMilitaryDeployment()
// })
},
}"
/> />
<div class="pa">
<a-pagination
showSizeChanger="true"
showQuickJumper="true"
hideOnSinglePage="true"
:pageSize="pageSize"
:current="currentPage"
:total="tableDataTotal"
class="pagination"
/>
</div>
</div> </div>
<!-- 有数据表格 --> <!-- 有数据表格 -->
</div> </div>
@@ -1439,26 +1432,19 @@
:scroll="{ x: 800 }" :scroll="{ x: 800 }"
expandRowByClick="true" expandRowByClick="true"
@expand="expandTable" @expand="expandTable"
:pagination="{ :pagination="false"
showSizeChanger: true,
showQuickJumper: true,
hideOnSinglePage: true,
pageSizeOptions: [],
pageSize: pageSize,
current: currentPage,
total: tableDataTotal,
onChange: (page, pageSize) => {
currentPage = page;
// console.log('page', page)
// 加翻页查找代码
// this.setState({
// currentPage: page,
// }, () => {
// this.getMilitaryDeployment()
// })
},
}"
/> />
<div class="pa">
<a-pagination
showSizeChanger="true"
showQuickJumper="true"
hideOnSinglePage="true"
:pageSize="pageSize"
:current="currentPage"
:total="tableDataTotal"
class="pagination"
/>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -3753,7 +3739,7 @@ export default defineComponent({
width: 479px !important; width: 479px !important;
.ant-modal-body { .ant-modal-body {
.QR { .QR {
z-index: 999; z-index: 9999;
width: 520px; width: 520px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
@@ -3798,12 +3784,14 @@ export default defineComponent({
} }
.qrm_body { .qrm_body {
width: 100%; width: 100%;
margin-top: 22px;
margin-bottom: 32px; margin-bottom: 32px;
.QR_img { .QR_img {
width: 176px; width: 176px;
height: 176px; height: 176px;
margin: 1px auto; margin: 1px auto;
background-color: red; background-image: url(@/assets/images/taskpage/QR.png);
background-size: 100% 100%;
} }
} }
.qrm_footer { .qrm_footer {
@@ -3837,7 +3825,7 @@ export default defineComponent({
// width:679px !important; // width:679px !important;
.ant-modal-body { .ant-modal-body {
.recordgrade { .recordgrade {
z-index: 999; z-index: 9999;
width: 679px; width: 679px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
@@ -3939,7 +3927,7 @@ export default defineComponent({
// width:679px !important; // width:679px !important;
.ant-modal-body { .ant-modal-body {
.graduate { .graduate {
z-index: 999; z-index: 9999;
width: 679px; width: 679px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
@@ -4046,7 +4034,7 @@ export default defineComponent({
// width:679px !important; // width:679px !important;
.ant-modal-body { .ant-modal-body {
.agreestudy { .agreestudy {
z-index: 999; z-index: 9999;
width: 679px; width: 679px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
@@ -4851,9 +4839,31 @@ export default defineComponent({
} }
} }
.stm_table { .stm_table {
width: 90%; position: relative;
margin: 30px auto; padding-bottom: 80px;
border: 1px solid #f0f4fe; .classify {
margin-left: 10px !important;
padding-left: 9px !important;
}
.ant-checkbox-wrapper {
align-items: center;
margin-top: -2px;
}
.ant-table-selection-column {
padding: 0px !important;
padding-left: 60px !important;
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);
}
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.operation { .operation {
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -4876,6 +4886,16 @@ export default defineComponent({
justify-content: right; justify-content: right;
} }
} }
.pa {
left: 0;
width: 100%;
// height: 20px;
// background-color: red;
display: flex;
justify-content: center;
position: absolute;
bottom: 20px;
}
} }
} }
} }
@@ -5063,7 +5083,33 @@ export default defineComponent({
} }
} }
.stmm_i6 { .stmm_i6 {
margin-top: 20px; position: relative;
padding-top: 15px;
padding-bottom: 80px;
.classify {
margin-left: 10px !important;
padding-left: 9px !important;
}
.ant-checkbox-wrapper {
align-items: center;
margin-top: -2px;
}
.ant-table-selection-column {
padding: 0px !important;
padding-left: 60px !important;
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);
}
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.operation, .operation,
.nselect { .nselect {
display: flex; display: flex;
@@ -5076,6 +5122,16 @@ export default defineComponent({
cursor: pointer; cursor: pointer;
} }
} }
.pa {
left: 0;
width: 100%;
// height: 20px;
// background-color: red;
display: flex;
justify-content: center;
position: absolute;
bottom: 20px;
}
} }
} }
} }
@@ -5151,7 +5207,7 @@ export default defineComponent({
width: 424px !important; width: 424px !important;
.ant-modal-body { .ant-modal-body {
.delete { .delete {
z-index: 999; z-index: 9999;
width: 424px; width: 424px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);

2
src/views/projectcenter/TaskPage.vue
View File

@@ -4389,7 +4389,7 @@ export default {
width: 424px !important; width: 424px !important;
.ant-modal-body { .ant-modal-body {
.delete { .delete {
z-index: 999; z-index: 9999;
width: 424px; width: 424px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);

2
src/views/research/ResearchManage.vue
View File

@@ -738,7 +738,7 @@ export default {
width: 424px !important; width: 424px !important;
.ant-modal-body { .ant-modal-body {
.delete { .delete {
z-index: 999; z-index: 9999;
width: 424px; width: 424px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);