分页组件添加几条一页,更改变量名存储空间占用比例=>剩余空间占比

This commit is contained in:
wangxk 2025-07-07 11:02:11 +08:00
parent 485e754646
commit 2e0ab0cef1
2 changed files with 5 additions and 5 deletions

View File

@ -2,14 +2,14 @@
<div style="display: flex;display: -webkit-flex; align-items: center;-webkit-align-items: center;"> <div style="display: flex;display: -webkit-flex; align-items: center;-webkit-align-items: center;">
<div :style="{ fontSize: appStore.size === 'default' ? '14px' : '16px' }" style="display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;"> <div :style="{ fontSize: appStore.size === 'default' ? '14px' : '16px' }" style="display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;">
{{ total }}</div> {{ total }}</div>
<!-- <el-select @change="changesize" v-model="pcode" filterable class="product-input" <el-select @change="changesize" v-model="pcode" filterable class="product-input"
@keyup.enter="changeSize" allow-create style="margin-left: 10px;width: 80px;"> @keyup.enter="changeSize" allow-create style="margin-left: 10px;width: 80px;">
<el-option v-for="(item, index) in arr_product" :key="index" :label="item.lable" :value="item.value" /> <el-option v-for="(item, index) in arr_product" :key="index" :label="item.lable" :value="item.value" />
</el-select> --> </el-select>
<!-- <div <div
:style="{ fontSize: appStore.size === 'default' ? '14px' : '16px' }" style="margin-left:10px;display: flex;display: -webkit-flex;align-items: center; -webkit-align-items: center;"> :style="{ fontSize: appStore.size === 'default' ? '14px' : '16px' }" style="margin-left:10px;display: flex;display: -webkit-flex;align-items: center; -webkit-align-items: center;">
<div>/</div> <div>/</div>
</div> --> </div>
<el-pagination style="margin-left: 10px;" background layout="prev, pager, next" :total="total" <el-pagination style="margin-left: 10px;" background layout="prev, pager, next" :total="total"
v-model:current-page="currentPage" v-model:page-size="pageSize" @current-change="pagechange" /> v-model:current-page="currentPage" v-model:page-size="pageSize" @current-change="pagechange" />
<div <div

View File

@ -319,7 +319,7 @@ function comparePercentage(percentStr: any) {
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="spaceOccupancyRatio" label="存储空间占用比例" width="140"> <el-table-column prop="spaceOccupancyRatio" label="剩余空间占比" width="140">
<template #default="scope"> <template #default="scope">
<span :style="{ color: scope.row.resar, 'font-size': scope.row.resar !='' ? '16px' : '' }">{{ <span :style="{ color: scope.row.resar, 'font-size': scope.row.resar !='' ? '16px' : '' }">{{
comparePercentage(scope.row) }}</span> comparePercentage(scope.row) }}</span>