|
|
|
@ -28,7 +28,7 @@ |
|
|
|
|
|
|
|
<a-col :span="5" class="query_item" > |
|
|
|
<span>订单类型：</span> |
|
|
|
<a-select default-value="全部" @change="handleChange"> |
|
|
|
<a-select default-value="全部" > |
|
|
|
<a-select-option value="全部"> |
|
|
|
全部 |
|
|
|
</a-select-option> |
|
|
|
@ -37,7 +37,7 @@ |
|
|
|
|
|
|
|
<a-col :span="5" class="query_item"> |
|
|
|
<span>订单状态：</span> |
|
|
|
<a-select default-value="全部" @change="handleChange"> |
|
|
|
<a-select default-value="全部"> |
|
|
|
<a-select-option value="全部"> |
|
|
|
全部 |
|
|
|
</a-select-option> |
|
|
|
@ -45,12 +45,12 @@ |
|
|
|
</a-col> |
|
|
|
<a-col :span="5" class="query_item query_item2"> |
|
|
|
<span>创建时间：</span> |
|
|
|
<a-range-picker @change="onChange" /> |
|
|
|
<a-range-picker valueFormat="YYYY-MM-DD"/> |
|
|
|
</a-col> |
|
|
|
<a-col :span="9" class="query_item query_item1"> |
|
|
|
<a-space :size="21"> |
|
|
|
<a-button type="primary" class="query_button">查 询</a-button> |
|
|
|
<a-button class="query_button">重 置</a-button> |
|
|
|
<a-button type="primary" class="query_button" @click="getAllDate">查 询</a-button> |
|
|
|
<a-button class="query_button" @click="resetQurey">重 置</a-button> |
|
|
|
</a-space> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
@ -72,11 +72,12 @@ |
|
|
|
class="pagination" |
|
|
|
size="small" |
|
|
|
:total="total" |
|
|
|
v-model="current" |
|
|
|
:page-size="pageSize" |
|
|
|
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|
|
|
v-model="page" |
|
|
|
:page-size="limit" |
|
|
|
:show-total="total => `第 ${startTotal} - ${endTotal} 条 / 总共 ${total} 条`" |
|
|
|
:page-size-options="pageSizeOptions" |
|
|
|
@showSizeChange="onShowSizeChange" |
|
|
|
@change="changePage" |
|
|
|
show-size-changer > |
|
|
|
<template slot="buildOptionText" slot-scope="props"> |
|
|
|
<span >{{ props.value }}条/页</span> |
|
|
|
@ -88,35 +89,18 @@ |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import Operation from '../../Operation.vue' |
|
|
|
import {} from '../../../api/index' |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return{ |
|
|
|
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|
|
|
//一页多少条 |
|
|
|
pageSize:10, |
|
|
|
total:500, |
|
|
|
// 当前页数 |
|
|
|
current: 1, |
|
|
|
data:[ |
|
|
|
{ |
|
|
|
key: '1', |
|
|
|
name: 'John Brown', |
|
|
|
money: '￥300,000.00', |
|
|
|
address: 'New York No. 1 Lake Park', |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: '2', |
|
|
|
name: 'Jim Green', |
|
|
|
money: '￥1,256,000.00', |
|
|
|
address: 'London No. 1 Lake Park', |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: '3', |
|
|
|
name: 'Joe Black', |
|
|
|
money: '￥120,000.00', |
|
|
|
address: 'Sidney No. 1 Lake Park', |
|
|
|
}, |
|
|
|
], |
|
|
|
startTotal:1, |
|
|
|
endTotal:10, |
|
|
|
limit:10, |
|
|
|
page:1, |
|
|
|
data:[], |
|
|
|
columns:[ |
|
|
|
{ |
|
|
|
title: '序号', |
|
|
|
@ -183,19 +167,40 @@ export default { |
|
|
|
Operation |
|
|
|
}, |
|
|
|
created(){ |
|
|
|
console.info(this.$route) |
|
|
|
this.getAllDate() |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
// 重置query |
|
|
|
resetQurey(){ |
|
|
|
Object.assign(this.query, this.$options.data().query) |
|
|
|
this.getAllDate() |
|
|
|
}, |
|
|
|
getAllDate(){ |
|
|
|
let data=this.query |
|
|
|
data.limit=this.limit |
|
|
|
data.page=this.page |
|
|
|
// getAllDate(data).then(res=>{ |
|
|
|
// // console.info(res) |
|
|
|
// if(res.code==200){ |
|
|
|
// this.data=res.data.data |
|
|
|
// this.startTotal=res.data.start |
|
|
|
// this.endTotal=res.data.end |
|
|
|
// this.total=res.data.total |
|
|
|
// }else{ |
|
|
|
// this.$message.error(res.msg); |
|
|
|
// } |
|
|
|
// }) |
|
|
|
}, |
|
|
|
// 切换一页显示多少条 |
|
|
|
onShowSizeChange(current, pageSize){ |
|
|
|
this.pageSize = pageSize; |
|
|
|
this.limit = pageSize; |
|
|
|
this.getAllDate() |
|
|
|
}, |
|
|
|
handleChange(){ |
|
|
|
|
|
|
|
// 切换页数 |
|
|
|
changePage(page, pageSize){ |
|
|
|
this.page=page |
|
|
|
this.getAllDate() |
|
|
|
}, |
|
|
|
onChange(){ |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
