This commit is contained in:
姚宇浩 2024-08-02 10:55:57 +08:00
commit 92b966b451
1 changed files with 23 additions and 12 deletions

View File

@ -10,7 +10,7 @@
<div class="my-info"> <div class="my-info">
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label "></div> <div class="my-info-label ">&emsp;&emsp;</div>
<div class="my-info-content"> <div class="my-info-content">
<p>王一</p> <p>王一</p>
</div> </div>
@ -40,13 +40,13 @@
</div> </div>
</div> </div>
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label "></div> <div class="my-info-label ">&emsp;&emsp;</div>
<div class="my-info-content"> <div class="my-info-content">
<p></p> <p></p>
</div> </div>
</div> </div>
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label "></div> <div class="my-info-label ">&emsp;&emsp;</div>
<div class="my-info-content"> <div class="my-info-content">
<p></p> <p></p>
</div> </div>
@ -73,10 +73,11 @@
<div class="main-tag-item">出生</div> <div class="main-tag-item">出生</div>
<div class="main-tag-item">学习</div> <div class="main-tag-item">学习</div>
<div class="main-tag-item">工作</div> <div class="main-tag-item">工作</div>
<div class="main-tag-item">婚育</div>
<div class="main-tag-item">置业</div> <div class="main-tag-item">置业</div>
<div class="main-tag-item">婚育</div>
<div class="main-tag-item">退休<br />养老</div> <div class="main-tag-item">退休<br />养老</div>
<div class="main-tag-item">身后事</div> <div class="main-tag-item">身后事</div>
<div class="main-tag-item">综合</div>
<div class="person-main-person"> <div class="person-main-person">
</div> </div>
</div> </div>
@ -131,9 +132,9 @@
<el-table-column prop="sum" label="使用金额" width="115" align="center" /> <el-table-column prop="sum" label="使用金额" width="115" align="center" />
<el-table-column prop="sum" label="详情" width="135" align="center" /> <el-table-column prop="sum" label="详情" width="135" align="center" />
</el-table> </el-table>
<el-pagination background layout="prev, pager, next" :page-size="pagination.pageSize" <el-pagination background layout="prev, pager, next" :page-size="pagination1.pageSize"
:total="pagination.total" prev-text="上一页" next-text="下一页" :total="pagination1.total" prev-text="上一页" next-text="下一页"
v-model:current-page="pagination.currentPage" @current-change="handlePagination" /> v-model:current-page="pagination1.currentPage" @current-change="handlePagination" />
</div> </div>
</div> </div>
@ -205,7 +206,12 @@ const data1 = ref([
info: '人民医院******' info: '人民医院******'
}, },
]) ])
const pagination1 = reactive({
current: 1,
pageSize: 5,
total: 50,
showTotal: 0
})
const dialogShow = ref(false) const dialogShow = ref(false)
const tableType = reactive({ const tableType = reactive({
title: '基础养老金', title: '基础养老金',
@ -234,10 +240,10 @@ const paginationDialog = reactive({
showTotal: 0 showTotal: 0
}) })
const close = (pagination) => { const close = (pagination) => {
console.log dialogShow.value = false
} }
const handlePagination = (pagination) => { const handlePagination = (pagination) => {
console.log dialogShow.value = false
} }
</script> </script>
@ -305,8 +311,8 @@ const handlePagination = (pagination) => {
} }
&:nth-of-type(4) { &:nth-of-type(4) {
top: 30px; top: 420px;
right: 220px; left: 110px;
} }
&:nth-of-type(5) { &:nth-of-type(5) {
@ -324,6 +330,11 @@ const handlePagination = (pagination) => {
right: 80px; right: 80px;
} }
&:nth-of-type(8) {
top: 420px;
right: 110px;
}
&:hover { &:hover {
background: url('../../assets/person/tag-active.png') no-repeat; background: url('../../assets/person/tag-active.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;