Browse Source

这是对退款分页进行修改的操作

Hongxilin
donghaolin 5 months ago
parent
commit
354af2f0a2
  1. 9
      vue/gold-system/src/views/consume/addConsume.vue
  2. 4
      vue/gold-system/src/views/refund/addRefund.vue
  3. 40
      vue/gold-system/src/views/refund/allRefund.vue

9
vue/gold-system/src/views/consume/addConsume.vue

@ -334,8 +334,13 @@ function calculateCoins() {
</el-form>
<!-- 客户信息栏 -->
<el-card style="float: right" class="customer-info">
<el-form :model="user" label-width="auto" label-position="left">
<el-card style="width: 700px; float: right" class="customer-info">
<el-form
:model="user"
label-width="auto"
style="max-width: 600px"
label-position="left"
>
<el-text size="large" style="margin-left: 20px; font-weight: bold"
>客户信息</el-text
>

4
vue/gold-system/src/views/refund/addRefund.vue

@ -379,8 +379,8 @@ const handleSelectionChange = (value) => {
</el-form>
<!-- 客户信息栏 -->
<el-card style="float: right" class="customer-info">
<el-form :model="user" label-width="auto" label-position="left">
<el-card style="width: 700px; float: right" class="customer-info">
<el-form :model="user" label-width="auto" style="max-width: 600px" label-position="left">
<el-text size="large" style="margin-left: 20px; font-weight: bold"
>客户信息</el-text
>

40
vue/gold-system/src/views/refund/allRefund.vue

@ -14,7 +14,7 @@ const detail = ref({});
//
const getObj = ref({
pageNum: 1,
pageSize: 10,
pageSize: 5,
});
//
const total = ref(100);
@ -487,14 +487,46 @@ getGoods();
</div>
<!-- 分页 -->
<div class="pagination">
<el-pagination
background
layout="prev, pager, next"
:page-size="getObj.pageSize"
layout="slot"
:total="total"
>
<div>{{ total }},每页</div>
<el-select
v-model="getObj.pageSize"
class="page-size"
@change="get()"
style="width: 80px"
>
<el-option
v-for="item in [5, 6, 7, 8, 9, 10]"
:key="item"
:label="item"
:value="item"
></el-option>
</el-select>
<div></div>
</el-pagination>
<el-pagination
background
layout="prev, pager, next, slot"
:page-size="getObj.pageSize"
:total="total"
:current-page="getObj.pageNum"
@current-change="get"
>
<div>跳至</div>
<el-input
v-model="getObj.pageNum"
style="width: 40px"
@change="checkNumber"
/>
<div></div>
</el-pagination>
</div>
</el-card>
</el-col>
</el-row>
@ -516,4 +548,8 @@ getGoods();
.head-card-btn {
margin-left: auto;
}
.pagination {
display: flex;
margin-top: 20px;
}
</style>
Loading…
Cancel
Save