租车订单添加时间筛选

src/views/order/rentVehicleInfo/index.vue

@@ -70,6 +70,30 @@
 							<el-input v-model="listQuery.vehicleCode" placeholder="请输入车辆编号"></el-input>
 						</el-form-item>
 					</el-col>
+					</el-row>
+					<el-row>
+					<el-col :span="5">
+						<el-form-item label="开始时间" prop="bookStartDate4Query">
+							<el-date-picker
+								v-model="bookStartDate4Query"
+								type="date"
+								:editable="true"
+								format="yyyy-MM-dd"
+								placeholder="请选择订单开始时间"
+							></el-date-picker>
+						</el-form-item>
+					</el-col>
+					<el-col :span="5">
+						<el-form-item label="结束时间" prop="bookEndDate4Query">
+							<el-date-picker
+								v-model="bookEndDate4Query"
+								type="date"
+								:editable="true"
+								format="yyyy-MM-dd"
+								placeholder="请选择订单结束时间"
+							></el-date-picker>
+						</el-form-item>
+					</el-col>
 				</el-row>
 			</el-form>
 			<el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
@@ -478,7 +502,7 @@ import {
 	calculate,
 	getViolatePrice
 } from 'api/order/rentVehicle'
-import { timestamp2Date } from 'utils/dateUtils'
+import { toEast8Date, deepCopyDate, newEast8Date,timestamp2Date } from 'utils/dateUtils'
 import { mapGetters } from 'vuex'
 import rsCode from '../../../utils/rsCode'
 import { getSysRegionByIds } from 'api/vehicle/vehicleInfo/'
@@ -606,7 +630,9 @@ export default {
 				startCompanyId: undefined,
 				plateNumber: undefined,
 				realName: undefined,
-				vehicleCode: undefined
+				vehicleCode: undefined,
+				orderStartTime: undefined,
+				orderEndTime: undefined
 			},
 			baranchQuery: {
 				zoneId: null
@@ -722,6 +748,42 @@ export default {
 		getAllZoneList() {
 			return getAllZone()
 		},
+		bookStartDate4Query: {
+				get: function() {
+					if (
+						this.$utils.isString(this.listQuery.orderStartTime) &&
+						this.listQuery.orderStartTime !== ''
+					) {
+						return toEast8Date(this.listQuery.orderStartTime)
+					}
+					return undefined
+				},
+				set: function(date) {
+					if (this.$utils.isDate(date)) {
+						this.listQuery.orderStartTime = formatDate(date, 'yyyy-MM-dd')
+					} else {
+						this.listQuery.orderStartTime = undefined
+					}
+				}
+			},
+			bookEndDate4Query: {
+				get: function() {
+					if (
+						this.$utils.isString(this.listQuery.orderEndTime) &&
+						this.listQuery.orderEndTime !== ''
+					) {
+						return toEast8Date(this.listQuery.orderEndTime)
+					}
+					return undefined
+				},
+				set: function(date) {
+					if (this.$utils.isDate(date)) {
+						this.listQuery.orderEndTime = formatDate(date, 'yyyy-MM-dd')
+					} else {
+						this.listQuery.orderEndTime = undefined
+					}
+				}
+		},
 		cityRegions() {
 			if (!this.$utils.isInteger(this.form.addrProvince)) {
 				return null
@@ -1206,6 +1268,8 @@ export default {
 				startTime: undefined,
 				endTime: undefined,
 				zoneId: undefined,
+				orderEndTime: undefined,
+				orderStartTime:undefined,
 				startCompanyId: undefined
 			}
 			this.getList()
@@ -1215,13 +1279,12 @@ export default {
 		 */
 		getList() {
 			this.listLoading = true
-
-			// if(this.listQuery.startTime){
-			//   this.listQuery.startTime = this.listQuery.startTime.getTime();
-			// }
-			// if(this.listQuery.endTime){
-			//   this.listQuery.endTime = this.listQuery.endTime.getTime();
-			// }
+			if (this.listQuery.orderStartTime) {
+					 this.listQuery.startTime = toEast8Date(this.listQuery.orderStartTime).getTime()
+			}
+			if(this.listQuery.orderEndTime){
+			  this.listQuery.endTime = toEast8Date(this.listQuery.orderEndTime).getTime() + 1000*3600*24 - 1;
+			}
 			if (this.listQuery) {
 				localStorage.setItem(
 					'rentVehicleInfo',