新增手机端总条数

This commit is contained in:
2025-12-23 15:38:07 +08:00
parent 17a2fe7db0
commit 12d79aa3f9
4 changed files with 28 additions and 5 deletions

1
_temp.txt Normal file
View File

@@ -0,0 +1 @@

View File

@@ -2,7 +2,7 @@
<template> <template>
<el-pagination v-show="total > 0" v-model:current-page="currentPage" v-model:page-size="pageSize" :background="true" <el-pagination v-show="total > 0" v-model:current-page="currentPage" v-model:page-size="pageSize" :background="true"
:page-sizes="[10, 20, 30, 50, 100]" :pager-count="pagerCount" :total="total" :small="isSmall" :page-sizes="[10, 20, 30, 50, 100]" :pager-count="pagerCount" :total="total" :small="isSmall"
class="float-right mb-15px mt-15px" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" class="float-right mb-15px mt-15px" layout="total, sizes, prev, pager, next" @size-change="handleSizeChange"
@current-change="handleCurrentChange" /> @current-change="handleCurrentChange" />
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>

View File

@@ -553,8 +553,8 @@ export default {
action: '操作', action: '操作',
remark: '备注', remark: '备注',
flag: '旗帜', flag: '旗帜',
loadNext: '下页', loadNext: '下页',
previous: '上页' previous: '上页'
}, },
country: { country: {
greece: '希腊大区', greece: '希腊大区',

View File

@@ -306,13 +306,18 @@
}}</el-button> }}</el-button>
<el-button link type="danger" @click="handleDelete(item.id)">{{ $t('employee.delete') <el-button link type="danger" @click="handleDelete(item.id)">{{ $t('employee.delete')
}}</el-button> }}</el-button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<MobilePagination v-if="isMobile" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize" <MobilePagination v-if="isMobile" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
:total="total" :page-sizes="[10, 20, 30, 50]" @size-change="getList()" @load="getList()" @load-pre="getList()" /> :total="total" :page-sizes="[10, 20, 30, 50]" @size-change="getList()" @load="getList()" @load-pre="getList()" />
<div v-if="isMobile" class="mobile-total">
<span class="mobile-total__label"></span>
<span class="mobile-total__value">{{ total }}</span>
<span class="mobile-total__suffix"></span>
</div>
<!-- PC 显示分页移动端隐藏 --> <!-- PC 显示分页移动端隐藏 -->
<Pagination v-if="!isMobile" :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize" <Pagination v-if="!isMobile" :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@pagination="getList" /> @pagination="getList" />
@@ -730,6 +735,23 @@ function changeCountry(region) {
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.mobile-total {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 10px;
margin: 0 12px 10px;
border-radius: 999px;
background: #f5f7fa;
color: #606266;
font-size: 12px;
}
.mobile-total__value {
font-weight: 600;
color: #303133;
}
.mobile-card { .mobile-card {
background: #fff; background: #fff;
margin: 12px; margin: 12px;
@@ -757,4 +779,4 @@ function changeCountry(region) {
margin-top: 6px; margin-top: 6px;
} }
} }
</style> </style>