wangmingchuan
/
yanzong_vue_store
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

剩余未走组件的分页加跳转选择页数大小条数

Browse Source
feature/0423
fanfan 11 months ago
parent 0feea13468
commit 012efd4116
7 changed files with 221 additions and 130 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 27
      src/views/apps/dealer/order/Index.vue
  2. 22
      src/views/market/presale/Index copy 2.vue
  3. 50
      src/views/market/presale/modules/Log.vue
  4. 141
      src/views/order/refund/Index.vue
  5. 25
      src/views/order/tools/delivery/Index.vue
  6. 26
      src/views/order/tools/delivery/Record.vue
  7. 22
      src/views/server/Order.vue

27
src/views/apps/dealer/order/Index.vue
Unescape View File

@ -184,8 +184,15 @@
<div v-if="orderList.data.length" class="pagination"> <div v-if="orderList.data.length" class="pagination">
<a-pagination <a-pagination
:current="page" :current="page"
:pageSize="orderList.per_page" :default-page-size="pageSize"
:pageSizes="pageSize"
:total="orderList.total" :total="orderList.total"
:showSizeChanger="true"
:showQuickJumper="true"
:pageSizeOptions="pageSizeOptions"
:layout="'total, sizes, prev, pager, next, jumper'"
:showTotal="showTotal"
@showSizeChange="handleSizeChange"
@change="onChangePage" @change="onChangePage"
/> />
</div> </div>
@ -279,8 +286,11 @@ export default {
columns, columns,
// 当前页码 // 当前页码
page: 1, page: 1,
pageSize: 15,
pageSizeOptions: ['15', '30', '50'],
showTotal: (total) => `共 ${total} 条记录`, // 显示总数
// 列表数据 // 列表数据
orderList: { data: [], total: 0, per_page: 10 } orderList: { data: [], total: 0}
} }
}, },
beforeCreate () { beforeCreate () {
@ -324,7 +334,7 @@ export default {
getList () { getList () {
const { queryParam, page } = this const { queryParam, page } = this
this.isLoading = true this.isLoading = true
return Api.list({ ...queryParam, page }) return Api.list({ ...queryParam, page,pageSize:this.pageSize })
.then(response => { .then(response => {
this.orderList = response.data.list this.orderList = response.data.list
}) })
@ -367,12 +377,17 @@ export default {
handleReset () { handleReset () {
this.searchForm.resetFields() this.searchForm.resetFields()
}, },
// 翻页事件 // 翻页事件
onChangePage (current) { onChangePage(current, size) {
this.page = current this.page = current
this.pageSize = size
this.handleRefresh() this.handleRefresh()
} },
handleSizeChange(current, size){
this.page = current
this.pageSize = size
this.handleRefresh()
},
} }
} }

22
src/views/market/presale/Index copy 2.vue
Unescape View File

@ -146,8 +146,15 @@
<div v-if="orderList.data.length" class="pagination"> <div v-if="orderList.data.length" class="pagination">
<a-pagination <a-pagination
:current="page" :current="page"
:pageSize="orderList.per_page" :default-page-size="pageSize"
:pageSizes="pageSize"
:total="orderList.total" :total="orderList.total"
:showSizeChanger="true"
:showQuickJumper="true"
:pageSizeOptions="pageSizeOptions"
:layout="'total, sizes, prev, pager, next, jumper'"
:showTotal="showTotal"
@showSizeChange="handleSizeChange"
@change="onChangePage" @change="onChangePage"
/> />
</div> </div>
@ -250,6 +257,9 @@ export default {
columns, columns,
// 当前页码 // 当前页码
page: 1, page: 1,
pageSize: 15,
pageSizeOptions: ['15', '30', '50'],
showTotal: (total) => `共 ${total} 条记录`, // 显示总数
// 列表数据 // 列表数据
orderList: { data: [], total: 0, per_page: 10 }, orderList: { data: [], total: 0, per_page: 10 },
// 自提门店列表 // 自提门店列表
@ -307,7 +317,7 @@ export default {
getList () { getList () {
const { dataType, queryParam, page } = this const { dataType, queryParam, page } = this
this.isLoading = true this.isLoading = true
return Api.list({ dataType, ...queryParam, page }) return Api.list({ dataType, ...queryParam, page,pageSize:this.pageSize })
.then(response => { .then(response => {
this.orderList = response.data.list this.orderList = response.data.list
console.log('🚀 ~ file: Index.vue:312 ~ getList ~ this.orderList:', this.orderList) console.log('🚀 ~ file: Index.vue:312 ~ getList ~ this.orderList:', this.orderList)
@ -353,8 +363,14 @@ export default {
}, },
// 翻页事件 // 翻页事件
onChangePage (current) { onChangePage(current, size) {
this.page = current this.page = current
this.pageSize = size
this.handleRefresh()
},
handleSizeChange(current, size){
this.page = current
this.pageSize = size
this.handleRefresh() this.handleRefresh()
}, },

50
src/views/market/presale/modules/Log.vue
Unescape View File

@ -12,10 +12,10 @@
<div class="ant-table ant-table-scroll-position-left ant-table-default ant-table-bordered"> <div class="ant-table ant-table-scroll-position-left ant-table-default ant-table-bordered">
<div class="ant-table-content"> <div class="ant-table-content">
<div class="ant-table-scroll"> <div class="ant-table-scroll">
<div class="ant-table-body" style="overflow-x: scroll;"> <div class="ant-table-body" style="overflow-x: scroll">
<table style="width: 1450px;"> <table style="width: 1450px">
<tbody class="ant-table-tbody"> <tbody class="ant-table-tbody">
<template v-for="(item) in orderList.data"> <template v-for="item in orderList.data">
<tr class="order-empty" :key="`order_${item.id}_1`"> <tr class="order-empty" :key="`order_${item.id}_1`">
<td colspan="8"></td> <td colspan="8"></td>
</tr> </tr>
@ -25,10 +25,7 @@
<span class="mr-20">创建时间：{{ item.ctime }}</span> <span class="mr-20">创建时间：{{ item.ctime }}</span>
</td> </td>
</tr> </tr>
<tr <tr v-for="(goodsItm, goodsIdx) of item.goods" :key="`orderGoods_${item.id}_${goodsIdx}`">
v-for="(goodsItm, goodsIdx) of item.goods"
:key="`orderGoods_${item.id}_${goodsIdx}`"
>
<td> <td>
<p>￥{{ goodsItm.goods_name }}</p> <p>￥{{ goodsItm.goods_name }}</p>
</td> </td>
@ -46,12 +43,18 @@
<div v-if="orderList.data.length" class="pagination"> <div v-if="orderList.data.length" class="pagination">
<a-pagination <a-pagination
:current="page" :current="page"
:pageSize="orderList.per_page" :default-page-size="pageSize"
:pageSizes="pageSize"
:total="orderList.total" :total="orderList.total"
:showSizeChanger="true"
:showQuickJumper="true"
:pageSizeOptions="pageSizeOptions"
:layout="'total, sizes, prev, pager, next, jumper'"
:showTotal="showTotal"
@showSizeChange="handleSizeChange"
@change="onChangePage" @change="onChangePage"
/> />
</div> </div>
</div> </div>
</a-modal> </a-modal>
</template> </template>
@ -64,7 +67,7 @@ import { Empty } from 'ant-design-vue'
export default { export default {
components: { components: {
STable STable,
}, },
data() { data() {
return { return {
@ -85,9 +88,11 @@ export default {
// 当前页码 // 当前页码
page: 1, page: 1,
orderList: { data: [], total: 0, per_page: 10 }, pageSize: 15,
simpleImage: Empty.PRESENTED_IMAGE_SIMPLE pageSizeOptions: ['15', '30', '50'],
showTotal: (total) => `共 ${total} 条记录`, // 显示总数
orderList: { data: [], total: 0},
simpleImage: Empty.PRESENTED_IMAGE_SIMPLE,
} }
}, },
methods: { methods: {
@ -106,11 +111,11 @@ export default {
getList() { getList() {
const { queryParam, page } = this const { queryParam, page } = this
this.isLoading = true this.isLoading = true
return Api.log({ ...queryParam, page }) return Api.log({ ...queryParam, page,pageSize:this.pageSize })
.then(response => { .then((response) => {
this.orderList = response.data.list this.orderList = response.data.list
}) })
.finally(() => this.isLoading = false) .finally(() => (this.isLoading = false))
}, },
// 关闭对话框事件 // 关闭对话框事件
@ -126,13 +131,18 @@ export default {
bool && (this.page = 1) bool && (this.page = 1)
this.getList() this.getList()
}, },
// 翻页事件 // 翻页事件
onChangePage (current) { onChangePage(current, size) {
this.page = current this.page = current
this.pageSize = size
this.handleRefresh() this.handleRefresh()
} },
} handleSizeChange(current, size) {
this.page = current
this.pageSize = size
this.handleRefresh()
},
},
} }
</script> </script>

141
src/views/order/refund/Index.vue
Unescape View File

@ -8,37 +8,27 @@
<a-form class="search-form" :form="searchForm" layout="inline" @submit="handleSearch"> <a-form class="search-form" :form="searchForm" layout="inline" @submit="handleSearch">
<a-form-item label="关键词查询"> <a-form-item label="关键词查询">
<a-input style="width: 342px" placeholder="请输入关键词" v-decorator="['searchValue']"> <a-input style="width: 342px" placeholder="请输入关键词" v-decorator="['searchValue']">
<a-select <a-select slot="addonBefore" v-decorator="['searchType', { initialValue: 10 }]" style="width: 100px">
slot="addonBefore" <a-select-option v-for="(item, index) in SearchTypeEnum" :key="index" :value="item.value">{{
v-decorator="['searchType', { initialValue: 10 }]" item.name
style="width: 100px" }}</a-select-option>
>
<a-select-option
v-for="(item, index) in SearchTypeEnum"
:key="index"
:value="item.value"
>{{ item.name }}</a-select-option>
</a-select> </a-select>
</a-input> </a-input>
</a-form-item> </a-form-item>
<a-form-item label="售后类型"> <a-form-item label="售后类型">
<a-select v-decorator="['refundType', { initialValue: -1 }]"> <a-select v-decorator="['refundType', { initialValue: -1 }]">
<a-select-option :value="-1">全部</a-select-option> <a-select-option :value="-1">全部</a-select-option>
<a-select-option <a-select-option v-for="(item, index) in RefundTypeEnum.data" :key="index" :value="item.value">{{
v-for="(item, index) in RefundTypeEnum.data" item.name
:key="index" }}</a-select-option>
:value="item.value"
>{{ item.name }}</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="售后单状态"> <a-form-item label="售后单状态">
<a-select v-decorator="['refundStatus', { initialValue: -1 }]"> <a-select v-decorator="['refundStatus', { initialValue: -1 }]">
<a-select-option :value="-1">全部</a-select-option> <a-select-option :value="-1">全部</a-select-option>
<a-select-option <a-select-option v-for="(item, index) in RefundStatusEnum.data" :key="index" :value="item.value">{{
v-for="(item, index) in RefundStatusEnum.data" item.name
:key="index" }}</a-select-option>
:value="item.value"
>{{ item.name }}</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="申请时间"> <a-form-item label="申请时间">
@ -87,7 +77,7 @@
image: item.orderGoods.goods_image, image: item.orderGoods.goods_image,
imageAlt: '商品图片', imageAlt: '商品图片',
title: item.orderGoods.goods_name, title: item.orderGoods.goods_name,
goodsProps: item.orderGoods.goods_props goodsProps: item.orderGoods.goods_props,
}" }"
/> />
</td> </td>
@ -107,49 +97,52 @@
<td> <td>
<p class="mtb-2"> <p class="mtb-2">
<span class="f-13">商家审核：</span> <span class="f-13">商家审核：</span>
<a-tag <a-tag :color="renderAuditStatusColor(item.audit_status)">{{
:color="renderAuditStatusColor(item.audit_status)" AuditStatusEnum[item.audit_status].name
>{{ AuditStatusEnum[item.audit_status].name }}</a-tag> }}</a-tag>
</p> </p>
<p v-if="item.type == RefundTypeEnum.RETURN.value" class="mtb-2"> <p v-if="item.type == RefundTypeEnum.RETURN.value" class="mtb-2">
<span class="f-13">用户发货：</span> <span class="f-13">用户发货：</span>
<a-tag <a-tag :color="item.is_user_send ? 'green' : ''">{{
:color="item.is_user_send ? 'green' : ''" item.is_user_send ? '已发货' : '待发货'
>{{ item.is_user_send ? '已发货' : '待发货' }}</a-tag> }}</a-tag>
</p> </p>
<p v-if="item.type == RefundTypeEnum.RETURN.value" class="mtb-2"> <p v-if="item.type == RefundTypeEnum.RETURN.value" class="mtb-2">
<span class="f-13">商家收货：</span> <span class="f-13">商家收货：</span>
<a-tag <a-tag :color="item.is_receipt ? 'green' : ''">{{
:color="item.is_receipt ? 'green' : ''" item.is_receipt ? '已收货' : '待收货'
>{{ item.is_receipt ? '已收货' : '待收货' }}</a-tag> }}</a-tag>
</p> </p>
</td> </td>
<td> <td>
<a-tag <a-tag :color="renderRefundStatusColor(item.status)">{{
:color="renderRefundStatusColor(item.status)" RefundStatusEnum[item.status].name
>{{ RefundStatusEnum[item.status].name }}</a-tag> }}</a-tag>
</td> </td>
<td> <td>
<div class="actions"> <div class="actions">
<router-link <router-link
v-if="$auth('/order/refund/detail')" v-if="$auth('/order/refund/detail')"
:to="{ path: '/order/refund/detail', query: { orderRefundId: item.order_refund_id } }" :to="{ path: '/order/refund/detail', query: { orderRefundId: item.order_refund_id } }"
>详情</router-link> >详情</router-link
>
<a <a
v-action:audit v-action:audit
v-if="item.audit_status == AuditStatusEnum.WAIT.value" v-if="item.audit_status == AuditStatusEnum.WAIT.value"
@click="handleAudit(item)" @click="handleAudit(item)"
>审核</a> >审核</a
>
<a <a
v-action:receipt v-action:receipt
v-if="( v-if="
item.type == RefundTypeEnum.RETURN.value item.type == RefundTypeEnum.RETURN.value &&
&& item.audit_status == AuditStatusEnum.REVIEWED.value item.audit_status == AuditStatusEnum.REVIEWED.value &&
&& item.is_user_send item.is_user_send &&
&& !item.is_receipt !item.is_receipt
)" "
@click="handleReceipt(item)" @click="handleReceipt(item)"
>确认收货</a> >确认收货</a
>
</div> </div>
</td> </td>
</tr> </tr>
@ -165,8 +158,15 @@
<div v-if="refundList.data.length" class="pagination"> <div v-if="refundList.data.length" class="pagination">
<a-pagination <a-pagination
:current="page" :current="page"
:pageSize="refundList.per_page" :default-page-size="pageSize"
:pageSizes="pageSize"
:total="refundList.total" :total="refundList.total"
:showSizeChanger="true"
:showQuickJumper="true"
:pageSizeOptions="pageSizeOptions"
:layout="'total, sizes, prev, pager, next, jumper'"
:showTotal="showTotal"
@showSizeChange="handleSizeChange"
@change="onChangePage" @change="onChangePage"
/> />
</div> </div>
@ -188,52 +188,52 @@ import { AuditForm, ReceiptForm } from './modules'
const columns = [ const columns = [
{ {
title: '商品信息', title: '商品信息',
align: 'center' align: 'center',
}, },
{ {
title: '单价/数量', title: '单价/数量',
align: 'center', align: 'center',
scopedSlots: { customRender: 'unit_price' } scopedSlots: { customRender: 'unit_price' },
}, },
{ {
title: '付款金额', title: '付款金额',
align: 'center', align: 'center',
dataIndex: 'total_pay_price', dataIndex: 'total_pay_price',
scopedSlots: { customRender: 'pay_price' } scopedSlots: { customRender: 'pay_price' },
}, },
{ {
title: '买家', title: '买家',
dataIndex: 'user', dataIndex: 'user',
scopedSlots: { customRender: 'user' } scopedSlots: { customRender: 'user' },
}, },
{ {
title: '售后类型', title: '售后类型',
dataIndex: 'type', dataIndex: 'type',
scopedSlots: { customRender: 'type' } scopedSlots: { customRender: 'type' },
}, },
{ {
title: '处理进度', title: '处理进度',
dataIndex: 'progress', dataIndex: 'progress',
scopedSlots: { customRender: 'progress' } scopedSlots: { customRender: 'progress' },
}, },
{ {
title: '售后单状态', title: '售后单状态',
dataIndex: 'status', dataIndex: 'status',
scopedSlots: { customRender: 'status' } scopedSlots: { customRender: 'status' },
}, },
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width: '180px', width: '180px',
scopedSlots: { customRender: 'action' } scopedSlots: { customRender: 'action' },
} },
] ]
// 搜索关键词类型枚举 // 搜索关键词类型枚举
const SearchTypeEnum = [ const SearchTypeEnum = [
{ name: '订单号', value: 10 }, { name: '订单号', value: 10 },
{ name: '会员昵称', value: 20 }, { name: '会员昵称', value: 20 },
{ name: '会员ID', value: 30 } { name: '会员ID', value: 30 },
] ]
export default { export default {
@ -242,7 +242,7 @@ export default {
GoodsItem, GoodsItem,
UserItem, UserItem,
AuditForm, AuditForm,
ReceiptForm ReceiptForm,
}, },
data() { data() {
return { return {
@ -256,8 +256,12 @@ export default {
columns, columns,
// 当前页码 // 当前页码
page: 1, page: 1,
pageSize: 15,
// 列表数据 // 列表数据
refundList: { data: [], total: 0, per_page: 10 } pageSizeOptions: ['15', '30', '50'],
showTotal: (total) => `共 ${total} 条记录`, // 显示总数
// 列表数据
refundList: { data: [], total: 0 },
} }
}, },
beforeCreate() { beforeCreate() {
@ -268,7 +272,7 @@ export default {
RefundStatusEnum, RefundStatusEnum,
RefundTypeEnum, RefundTypeEnum,
SearchTypeEnum, SearchTypeEnum,
simpleImage: Empty.PRESENTED_IMAGE_SIMPLE simpleImage: Empty.PRESENTED_IMAGE_SIMPLE,
}) })
}, },
created() { created() {
@ -276,7 +280,6 @@ export default {
this.init() this.init()
}, },
methods: { methods: {
// 初始化页面 // 初始化页面
init() { init() {
this.searchForm.resetFields() this.searchForm.resetFields()
@ -288,11 +291,11 @@ export default {
getList() { getList() {
const { queryParam, page } = this const { queryParam, page } = this
this.isLoading = true this.isLoading = true
return Api.list({ ...queryParam, page }) return Api.list({ ...queryParam, page,pageSize:this.pageSize })
.then(response => { .then((response) => {
this.refundList = response.data.list this.refundList = response.data.list
}) })
.finally(() => this.isLoading = false) .finally(() => (this.isLoading = false))
}, },
// 渲染商家审核状态标签颜色 // 渲染商家审核状态标签颜色
@ -301,7 +304,7 @@ export default {
const ColorEnum = { const ColorEnum = {
[AuditStatusEnum.WAIT.value]: '', [AuditStatusEnum.WAIT.value]: '',
[AuditStatusEnum.REVIEWED.value]: 'green', [AuditStatusEnum.REVIEWED.value]: 'green',
[AuditStatusEnum.REJECTED.value]: 'red' [AuditStatusEnum.REJECTED.value]: 'red',
} }
return ColorEnum[status] return ColorEnum[status]
}, },
@ -313,7 +316,7 @@ export default {
[RefundStatusEnum.NORMAL.value]: '', [RefundStatusEnum.NORMAL.value]: '',
[RefundStatusEnum.REJECTED.value]: 'red', [RefundStatusEnum.REJECTED.value]: 'red',
[RefundStatusEnum.COMPLETED.value]: 'green', [RefundStatusEnum.COMPLETED.value]: 'green',
[RefundStatusEnum.CANCELLED.value]: 'red' [RefundStatusEnum.CANCELLED.value]: 'red',
} }
return ColorEnum[status] return ColorEnum[status]
}, },
@ -344,11 +347,16 @@ export default {
}, },
// 翻页事件 // 翻页事件
onChangePage (current) { onChangePage(current, size) {
this.page = current this.page = current
this.pageSize = size
this.handleRefresh()
},
handleSizeChange(current, size){
this.page = current
this.pageSize = size
this.handleRefresh() this.handleRefresh()
}, },
// 商家审核 // 商家审核
handleAudit(record) { handleAudit(record) {
this.$refs.AuditForm.show(record) this.$refs.AuditForm.show(record)
@ -357,9 +365,8 @@ export default {
// 确认收货 // 确认收货
handleReceipt(record) { handleReceipt(record) {
this.$refs.ReceiptForm.show(record) this.$refs.ReceiptForm.show(record)
} },
},
}
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

25
src/views/order/tools/delivery/Index.vue
Unescape View File

@ -177,8 +177,15 @@
<div v-if="orderList.data.length" class="pagination"> <div v-if="orderList.data.length" class="pagination">
<a-pagination <a-pagination
:current="page" :current="page"
:pageSize="orderList.per_page" :default-page-size="pageSize"
:pageSizes="pageSize"
:total="orderList.total" :total="orderList.total"
:showSizeChanger="true"
:showQuickJumper="true"
:pageSizeOptions="pageSizeOptions"
:layout="'total, sizes, prev, pager, next, jumper'"
:showTotal="showTotal"
@showSizeChange="handleSizeChange"
@change="onChangePage" @change="onChangePage"
/> />
</div> </div>
@ -283,8 +290,11 @@ export default {
columns, columns,
// 当前页码 // 当前页码
page: 1, page: 1,
pageSize: 15,
pageSizeOptions: ['15', '30', '50'],
showTotal: (total) => `共 ${total} 条记录`, // 显示总数
// 列表数据 // 列表数据
orderList: { data: [], total: 0, per_page: 10 }, orderList: { data: [], total: 0},
} }
}, },
beforeCreate () { beforeCreate () {
@ -319,7 +329,7 @@ export default {
getList () { getList () {
const { dataType, queryParam, page } = this const { dataType, queryParam, page } = this
this.isLoading = true this.isLoading = true
return Api.list({ dataType, ...queryParam, deliveryType: DeliveryTypeEnum.EXPRESS.value, page }) return Api.list({ dataType, ...queryParam, deliveryType: DeliveryTypeEnum.EXPRESS.value, page,pageSize:this.pageSize })
.then(response => { .then(response => {
this.orderList = response.data.list this.orderList = response.data.list
}) })
@ -352,11 +362,16 @@ export default {
}, },
// 翻页事件 // 翻页事件
onChangePage (current) { onChangePage(current, size) {
this.page = current this.page = current
this.pageSize = size
this.handleRefresh()
},
handleSizeChange(current, size) {
this.page = current
this.pageSize = size
this.handleRefresh() this.handleRefresh()
}, },
// 订单发货 // 订单发货
handleDelivery (item) { handleDelivery (item) {
this.$refs.DeliveryForm.show(item) this.$refs.DeliveryForm.show(item)

26
src/views/order/tools/delivery/Record.vue
Unescape View File

@ -133,8 +133,15 @@
<div v-if="orderList.data.length" class="pagination"> <div v-if="orderList.data.length" class="pagination">
<a-pagination <a-pagination
:current="page" :current="page"
:pageSize="orderList.per_page" :default-page-size="pageSize"
:pageSizes="pageSize"
:total="orderList.total" :total="orderList.total"
:showSizeChanger="true"
:showQuickJumper="true"
:pageSizeOptions="pageSizeOptions"
:layout="'total, sizes, prev, pager, next, jumper'"
:showTotal="showTotal"
@showSizeChange="handleSizeChange"
@change="onChangePage" @change="onChangePage"
/> />
</div> </div>
@ -218,8 +225,11 @@ export default {
columns, columns,
// 当前页码 // 当前页码
page: 1, page: 1,
pageSize: 15,
pageSizeOptions: ['15', '30', '50'],
showTotal: (total) => `共 ${total} 条记录`, // 显示总数
// 列表数据 // 列表数据
orderList: { data: [], total: 0, per_page: 10 }, orderList: { data: [], total: 0, },
} }
}, },
beforeCreate () { beforeCreate () {
@ -247,7 +257,7 @@ export default {
getList () { getList () {
const { queryParam, page } = this const { queryParam, page } = this
this.isLoading = true this.isLoading = true
return Api.list({ ...queryParam, page }) return Api.list({ ...queryParam, page,pageSize:this.pageSize })
.then(response => { .then(response => {
this.orderList = response.data.list this.orderList = response.data.list
}) })
@ -278,13 +288,17 @@ export default {
handleReset () { handleReset () {
this.searchForm.resetFields() this.searchForm.resetFields()
}, },
// 翻页事件 // 翻页事件
onChangePage (current) { onChangePage(current, size) {
this.page = current this.page = current
this.pageSize = size
this.handleRefresh()
},
handleSizeChange(current, size) {
this.page = current
this.pageSize = size
this.handleRefresh() this.handleRefresh()
}, },
// 显示电子面单 // 显示电子面单
handleEorder (item) { handleEorder (item) {
this.$refs.EorderShow.handle(item) this.$refs.EorderShow.handle(item)

22
src/views/server/Order.vue
Unescape View File

@ -69,10 +69,16 @@
</a-table> </a-table>
<a-pagination <a-pagination
v-model="queryParam.page" v-model="queryParam.page"
:default-page-size="queryParam.pageSize"
:pageSizes="queryParam.pageSize"
:total="total" :total="total"
show-less-items :showSizeChanger="true"
:showQuickJumper="true"
:pageSizeOptions="pageSizeOptions"
:layout="'total, sizes, prev, pager, next, jumper'"
:showTotal="showTotal"
@showSizeChange="handleSizeChange"
@change="handlePageChange" @change="handlePageChange"
:page-size="queryParam.pageSize"
style="float: right" style="float: right"
/> />
<dispatch ref="dispatchRef" @handleSubmit="handleRefresh" /> <dispatch ref="dispatchRef" @handleSubmit="handleRefresh" />
@ -162,6 +168,8 @@ export default {
page: 1, page: 1,
pageSize: 15, pageSize: 15,
}, },
pageSizeOptions: ['15', '30', '50'],
showTotal: (total) => `共 ${total} 条记录`, // 显示总数
total: 0, total: 0,
// 正在加载 // 正在加载
isLoading: false, isLoading: false,
@ -221,8 +229,14 @@ export default {
handleReset() { handleReset() {
this.searchForm.resetFields() this.searchForm.resetFields()
}, },
handlePageChange(val) { handlePageChange(current, size) {
this.queryParam.page = val this.queryParam.page = current
this.queryParam.pageSize = size
this.fetchData()
},
handleSizeChange(current, size) {
this.queryParam.page = current
this.queryParam.pageSize = size
this.fetchData() this.fetchData()
}, },
// 取消订单 // 取消订单

Write Preview
Loading…
Cancel
Save