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-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 size="large" style="margin-left: 20px; font-weight: bold"
>客户信息</el-text >客户信息</el-text
> >

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

@ -379,8 +379,8 @@ const handleSelectionChange = (value) => {
</el-form> </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 size="large" style="margin-left: 20px; font-weight: bold"
>客户信息</el-text >客户信息</el-text
> >

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

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