This commit is contained in:
左哥 2025-07-14 21:15:02 +08:00
parent 95d90a149a
commit c44c229f9b
3 changed files with 49 additions and 21 deletions

View File

@ -47,15 +47,17 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <div class="user-pagination">
background <el-pagination
layout="prev, pager, next" background
:total="total" layout="total, sizes, prev, pager, next, jumper"
:page-size="query.page_size" :total="total"
:current-page="query.page" :page-size="query.page_size"
@size-change="handleSizeChange" :current-page="query.page"
@current-change="handleCurrentChange" @size-change="handleSizeChange"
/> @current-change="handleCurrentChange"
/>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -117,7 +119,19 @@ const query = ref({
start_time: '', start_time: '',
end_time: '', end_time: '',
}) })
const handleReset = () => {
dateTime.value = []
query.value = {
username: '',
mobile: '',
operative_date: '',
next_follow_date: '',
risk_type: '',
page: 1,
page_size: 20
}
getNews()
}
const total = ref(0) const total = ref(0)
const getNews = () => { const getNews = () => {
news(query.value).then(res => { news(query.value).then(res => {
@ -160,4 +174,10 @@ onMounted(() => {
.el-link+ .el-link { .el-link+ .el-link {
margin-left: 10px; margin-left: 10px;
} }
.user-pagination {
margin-top: 20px;
text-align: right;
display: flex;
justify-content: right;
}
</style> </style>

View File

@ -32,7 +32,7 @@
<el-button type="primary" @click="handleExport">导出</el-button> <el-button type="primary" @click="handleExport">导出</el-button>
</div> </div>
<div class="user-table"> <div class="user-table">
<el-table :data="tableData" style="width: 100%"> <el-table :data="tableData" style="width: 100%" max-height="calc(100vh - 240px)">
<el-table-column prop="username" label="姓名" /> <el-table-column prop="username" label="姓名" />
<el-table-column label="性别"> <el-table-column label="性别">
<template #default="scope"> <template #default="scope">
@ -75,15 +75,17 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <div class="user-pagination">
background <el-pagination
layout="prev, pager, next" background
:total="total" layout="total, sizes, prev, pager, next, jumper"
:page-size="query.page_size" :total="total"
:current-page="query.page" :page-size="query.page_size"
@size-change="handleSizeChange" :current-page="query.page"
@current-change="handleCurrentChange" @size-change="handleSizeChange"
/> @current-change="handleCurrentChange"
/>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -176,4 +178,10 @@ onMounted(() => {
.user-search { .user-search {
margin-bottom: 10px; margin-bottom: 10px;
} }
.user-pagination {
margin-top: 20px;
text-align: right;
display: flex;
justify-content: right;
}
</style> </style>

View File

@ -35,7 +35,7 @@
<el-descriptions-item label="产次:">{{ userInfo.birth_number }} </el-descriptions-item> <el-descriptions-item label="产次:">{{ userInfo.birth_number }} </el-descriptions-item>
<el-descriptions-item label="受孕方式:"> <el-descriptions-item label="受孕方式:">
<el-tag v-if="userInfo.conception_type == 0" type="info">未知</el-tag> <el-tag v-if="userInfo.conception_type == 0" type="info">未知</el-tag>
<el-tag v-if="userInfo.conception_type == 1" type="success">受孕</el-tag> <el-tag v-if="userInfo.conception_type == 1" type="success">受孕</el-tag>
<el-tag v-if="userInfo.conception_type == 2" type="warning">辅助生殖技术</el-tag> <el-tag v-if="userInfo.conception_type == 2" type="warning">辅助生殖技术</el-tag>
</el-descriptions-item> </el-descriptions-item>