|
@@ -2,12 +2,13 @@
|
|
|
<el-container direction="vertical">
|
|
|
<el-header height="40px" style="border-bottom: 1px solid #eee">订单管理</el-header>
|
|
|
<div style="margin:10px 0;">
|
|
|
- <el-input placeholder="请输入订单号" v-model="searchValue" style="width:200px;margin-left:10px;" />
|
|
|
+ <el-input placeholder="请输入订单号" v-model="searchValue" style="width:200px;margin-left:10px;margin-right:10px;" />
|
|
|
+ <el-date-picker v-model="dataRange" :clearable="false" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
|
|
|
<el-button style="margin-left:10px;" type="primary" @click="onSearch">查询</el-button>
|
|
|
<el-button style="margin-left:10px;" type="danger" @click="onReset">重置</el-button>
|
|
|
</div>
|
|
|
|
|
|
- <el-table :data="tableData" border style="width: 100%">
|
|
|
+ <el-table :data="tableData" border style="width: 100%;">
|
|
|
<el-table-column align="center" prop="id" label="订单id"></el-table-column>
|
|
|
<el-table-column align="center" prop="order_sn" label="订单编号"></el-table-column>
|
|
|
<el-table-column align="center" prop="alias" label="柜号"></el-table-column>
|
|
@@ -34,7 +35,8 @@ export default {
|
|
|
pageSize: 10,
|
|
|
pageNumber: 1,
|
|
|
total: 0,
|
|
|
- searchValue: ""
|
|
|
+ searchValue: "",
|
|
|
+ dataRange: []
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
@@ -46,15 +48,15 @@ export default {
|
|
|
orderList({
|
|
|
pageSize: _self.pageSize,
|
|
|
pageNumber: _self.pageNumber,
|
|
|
- order_sn: _self.searchValue
|
|
|
- }).then(
|
|
|
- (res) => {
|
|
|
- if (res && res.msg == "ok") {
|
|
|
- _self.total = res.data.total;
|
|
|
- _self.tableData = [...res.data.rows];
|
|
|
- }
|
|
|
+ order_sn: _self.searchValue,
|
|
|
+ start_time: _self.dataRange && _self.dataRange.length == 2 ? _self.dataRange[0] : '',
|
|
|
+ end_time: _self.dataRange && _self.dataRange.length == 2 ? _self.dataRange[1] : ''
|
|
|
+ }).then((res) => {
|
|
|
+ if (res && res.msg == "ok") {
|
|
|
+ _self.total = res.data.total;
|
|
|
+ _self.tableData = [...res.data.rows];
|
|
|
}
|
|
|
- );
|
|
|
+ });
|
|
|
},
|
|
|
onPageChange(page) {
|
|
|
if (page == this.pageNumber) {
|
|
@@ -63,7 +65,7 @@ export default {
|
|
|
this.pageNumber = page;
|
|
|
setTimeout(() => {
|
|
|
this.getOrderList();
|
|
|
- }, 0)
|
|
|
+ }, 0);
|
|
|
}
|
|
|
},
|
|
|
onSearch() {
|
|
@@ -73,8 +75,9 @@ export default {
|
|
|
onReset() {
|
|
|
this.searchValue = "";
|
|
|
this.pageNumber = 1;
|
|
|
+ this.dataRange = [];
|
|
|
this.getOrderList();
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|