Commit 731a3d08 by qinjianhui

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

parent 3357446f
...@@ -166,6 +166,11 @@ ...@@ -166,6 +166,11 @@
@success="refresh" @success="refresh"
/> />
<div class="table-pagination-bar">
<div class="selected-count-text">
已选择
<strong style="color: red">{{ selectedRows.length }}</strong> 条数据
</div>
<ElPagination <ElPagination
v-model:current-page="currentPage" v-model:current-page="currentPage"
v-model:page-size="pageSize" v-model:page-size="pageSize"
...@@ -173,11 +178,12 @@ ...@@ -173,11 +178,12 @@
background background
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
:total="total" :total="total"
style="margin: 10px auto 0" style="margin: 0 auto"
@size-change="onPageSizeChange" @size-change="onPageSizeChange"
@current-change="onCurrentPageChange" @current-change="onCurrentPageChange"
/> />
</div> </div>
</div>
</template> </template>
<script setup lang="tsx"> <script setup lang="tsx">
...@@ -583,6 +589,19 @@ defineExpose({ refresh }) ...@@ -583,6 +589,19 @@ defineExpose({ refresh })
flex: 1; flex: 1;
overflow: auto; 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 { .search-form {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
......
...@@ -475,11 +475,11 @@ defineExpose({ clearSelection, getSelectedIds, refresh }) ...@@ -475,11 +475,11 @@ defineExpose({ clearSelection, getSelectedIds, refresh })
} }
.card-selected-info { .card-selected-info {
font-size: 13px; font-size: 14px;
color: #606266; color: #606266;
.highlight { .highlight {
color: #f56c6c; color: red;
font-weight: bold; font-weight: bold;
} }
} }
......
...@@ -733,6 +733,7 @@ ...@@ -733,6 +733,7 @@
background background
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
:total="total" :total="total"
style="margin: 0 auto"
@size-change="onPageSizeChange" @size-change="onPageSizeChange"
@current-change="onCurrentPageChange" @current-change="onCurrentPageChange"
/> />
...@@ -2208,7 +2209,6 @@ onMounted(() => { ...@@ -2208,7 +2209,6 @@ onMounted(() => {
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
} }
.selected-count-text { .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