Commit 731a3d08 by qinjianhui

fix: 订单表格添加选中数据展示

parent 3357446f
......@@ -166,6 +166,11 @@
@success="refresh"
/>
<div class="table-pagination-bar">
<div class="selected-count-text">
已选择
<strong style="color: red">{{ selectedRows.length }}</strong> 条数据
</div>
<ElPagination
v-model:current-page="currentPage"
v-model:page-size="pageSize"
......@@ -173,11 +178,12 @@
background
layout="total, sizes, prev, pager, next, jumper"
:total="total"
style="margin: 10px auto 0"
style="margin: 0 auto"
@size-change="onPageSizeChange"
@current-change="onCurrentPageChange"
/>
</div>
</div>
</template>
<script setup lang="tsx">
......@@ -583,6 +589,19 @@ defineExpose({ refresh })
flex: 1;
overflow: auto;
}
.table-pagination-bar {
margin-top: 10px;
display: flex;
align-items: center;
}
.selected-count-text {
font-size: 14px;
color: #606266;
white-space: nowrap;
}
.search-form {
display: flex;
flex-wrap: wrap;
......
......@@ -475,11 +475,11 @@ defineExpose({ clearSelection, getSelectedIds, refresh })
}
.card-selected-info {
font-size: 13px;
font-size: 14px;
color: #606266;
.highlight {
color: #f56c6c;
color: red;
font-weight: bold;
}
}
......
......@@ -733,6 +733,7 @@
background
layout="total, sizes, prev, pager, next, jumper"
:total="total"
style="margin: 0 auto"
@size-change="onPageSizeChange"
@current-change="onCurrentPageChange"
/>
......@@ -2208,7 +2209,6 @@ onMounted(() => {
margin-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.selected-count-text {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment