新增手机端总条数
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -553,8 +553,8 @@ export default {
|
|||||||
action: '操作',
|
action: '操作',
|
||||||
remark: '备注',
|
remark: '备注',
|
||||||
flag: '旗帜',
|
flag: '旗帜',
|
||||||
loadNext: '下一页',
|
loadNext: '下页',
|
||||||
previous: '上一页'
|
previous: '上页'
|
||||||
},
|
},
|
||||||
country: {
|
country: {
|
||||||
greece: '希腊大区',
|
greece: '希腊大区',
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user