|
@@ -74,25 +74,16 @@
|
|
|
</el-select>
|
|
|
</el-form-item> -->
|
|
|
<el-form-item :label="$t('orderList.orderTime')">
|
|
|
- <el-date-picker
|
|
|
- v-model="queryParams.startTime"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- type="datetime"
|
|
|
- style="width: 190px"
|
|
|
- :placeholder="$t('orderList.startTime')"
|
|
|
- :picker-options="pickerOptions"
|
|
|
- ></el-date-picker>
|
|
|
- <span class="sp">~</span>
|
|
|
- <el-date-picker
|
|
|
- v-model="queryParams.endTime"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- type="datetime"
|
|
|
- style="width: 190px"
|
|
|
- :placeholder="$t('orderList.endTime')"
|
|
|
- :picker-options="pickerOptions"
|
|
|
-
|
|
|
- ></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="queryParams.timeRange"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ type="datetimerange"
|
|
|
+ style="width: 400px"
|
|
|
+ :start-placeholder="$t('orderList.startTime')"
|
|
|
+ :end-placeholder="$t('orderList.endTime')"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery(false)">
|
|
|
{{ $t('orderList.query') }}
|
|
@@ -551,11 +542,25 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
// 配置日期选择器的选项
|
|
|
- pickerOptions: {
|
|
|
- // 禁用大于当前日期时间的选项
|
|
|
+ pickerOptions: {
|
|
|
disabledDate(time) {
|
|
|
+ // 禁止选择当前时间之后的日期
|
|
|
return time.getTime() > Date.now();
|
|
|
- }
|
|
|
+ },
|
|
|
+ // 当开始时间改变时,动态更新结束时间的可选范围
|
|
|
+ // onPick: ({ maxDate, minDate }) => {
|
|
|
+ // if (minDate) {
|
|
|
+ // this.pickerOptions.disabledDate = (time) => {
|
|
|
+ // // 禁止选择开始时间之前的日期和当前时间之后的日期
|
|
|
+ // return time.getTime() < minDate.getTime() || time.getTime() > Date.now();
|
|
|
+ // };
|
|
|
+ // } else {
|
|
|
+ // // 如果没有选择开始时间,恢复默认的禁用规则
|
|
|
+ // this.pickerOptions.disabledDate = (time) => {
|
|
|
+ // return time.getTime() > Date.now();
|
|
|
+ // };
|
|
|
+ // }
|
|
|
+ // }
|
|
|
},
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
@@ -632,7 +637,8 @@ export default {
|
|
|
orderMode: '',
|
|
|
orderSn: '',
|
|
|
storeIds: '',
|
|
|
- tableCode: ''
|
|
|
+ tableCode: '',
|
|
|
+ timeRange: [],
|
|
|
},
|
|
|
// 表单校验
|
|
|
rules: {
|
|
@@ -695,6 +701,11 @@ export default {
|
|
|
const app = this;
|
|
|
app.loading = true;
|
|
|
app.queryParams.storeIds = app.storeIds ? app.storeIds.join(',') : '';
|
|
|
+ //设置范围
|
|
|
+ if (app.queryParams.timeRange && app.queryParams.timeRange.length > 0) {
|
|
|
+ app.queryParams.startTime = app.queryParams.timeRange[0];
|
|
|
+ app.queryParams.endTime = app.queryParams.timeRange[1];
|
|
|
+ }
|
|
|
getOrderList(app.queryParams).then((response) => {
|
|
|
this.list = response.data.paginationResponse.content;
|
|
|
this.total = response.data.paginationResponse.totalElements;
|
|
@@ -740,10 +751,14 @@ export default {
|
|
|
this.queryParams.orderMode = '';
|
|
|
this.queryParams.orderSn = '';
|
|
|
this.queryParams.storeIds = '';
|
|
|
+ this.queryParams.timeRange = [];
|
|
|
+ this.queryParams.startTime = '';
|
|
|
+ this.queryParams.endTime = '';
|
|
|
this.storeIds = [];
|
|
|
+
|
|
|
this.resetForm('queryForm');
|
|
|
this.$refs.tables.sort(this.defaultSort.prop, this.defaultSort.order);
|
|
|
- this.handleQuery();
|
|
|
+ this.handleQuery(false);
|
|
|
},
|
|
|
// 状态修改
|
|
|
handleStatusChange(row) {
|