Commit 731a3d08 by qinjianhui

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

parent 3357446f
...@@ -166,17 +166,23 @@ ...@@ -166,17 +166,23 @@
@success="refresh" @success="refresh"
/> />
<ElPagination <div class="table-pagination-bar">
v-model:current-page="currentPage" <div class="selected-count-text">
v-model:page-size="pageSize" 已选择
:page-sizes="[50, 100, 200, 300]" <strong style="color: red">{{ selectedRows.length }}</strong> 条数据
background </div>
layout="total, sizes, prev, pager, next, jumper" <ElPagination
:total="total" v-model:current-page="currentPage"
style="margin: 10px auto 0" v-model:page-size="pageSize"
@size-change="onPageSizeChange" :page-sizes="[50, 100, 200, 300]"
@current-change="onCurrentPageChange" background
/> layout="total, sizes, prev, pager, next, jumper"
:total="total"
style="margin: 0 auto"
@size-change="onPageSizeChange"
@current-change="onCurrentPageChange"
/>
</div>
</div> </div>
</template> </template>
...@@ -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