| | |
| | | class="box_list_item" |
| | | v-for="(item, index) in dataList" |
| | | :key="index" |
| | | @click="itemDetail(item)" |
| | | > |
| | | <view class="box_list_item_head"> |
| | | <text>{{ item.carCode }}</text> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view v-if="dataList.length === 0" style="text-align: center"> |
| | | <image |
| | | src="@/static/empty.png" |
| | | style="width: 320rpx; margin: 120rpx auto 0" |
| | | mode="widthFix" |
| | | /> |
| | | <view class="placeholder9 fs24">暂无数据</view> |
| | | </view> |
| | | </view> |
| | | <!-- 选择车辆 --> |
| | | <u-picker |
| | |
| | | <!-- 日期 --> |
| | | <u-datetime-picker |
| | | mode="date" |
| | | v-model="param.queryDate" |
| | | :show="isShowDate" |
| | | :minDate="minDate" |
| | | closeOnClickOverlay |
| | | @close="isShowDate = false" |
| | | :closeOnClickOverlay="true" |
| | | @confirm="seletedDate" |
| | | @cancel="isShowDate = false" |
| | | /> |
| | |
| | | isShowDate: false, |
| | | carsList: [], |
| | | param: { |
| | | queryDate: dayjs().format('YYYY-MM-DD'), |
| | | memberId: uni.getStorageSync('userInfo').memberId |
| | | }, |
| | | minDate: '', |
| | |
| | | capacity: 10 |
| | | }, |
| | | total: 0, |
| | | dataList: [] |
| | | dataList: [], |
| | | } |
| | | }, |
| | | onLoad() { |
| | |
| | | getList() { |
| | | const { param, pagination } = this |
| | | pagination.page = pagination.page + 1 |
| | | if (param.queryDate) { |
| | | param.queryStartTime = param.queryDate + ' 00:00:00' |
| | | param.queryEndTime = param.queryDate + ' 23:59:59' |
| | | } |
| | | carUseBookPaiche({ |
| | | ...pagination, |
| | | model: { ...param } |
| | |
| | | this.total = res.data.total |
| | | }) |
| | | }, |
| | | itemDetail(item) { |
| | | uni.navigateTo({ |
| | | url: "/pages/staff/vehicle/sendACarDetail?id=" + item.id |
| | | }) |
| | | }, |
| | | seletedCar(e) { |
| | | const item = e.value[0] |
| | | this.pagination.page = 0 |
| | | this.$set(this.param, 'carCode', item.code) |
| | | this.$set(this.param, 'carId', item.id) |
| | | this.isShowCar = false |
| | | if (this.param.carId && this.param.queryDate) { |
| | | this.pagination.page = 0 |
| | | this.getList() |
| | | } |
| | | this.getList() |
| | | }, |
| | | seletedDate(e) { |
| | | this.param.queryDate = dayjs(e.value).format('YYYY-MM-DD') |
| | | this.isShowDate = false |
| | | if (this.param.carId && this.param.queryDate) { |
| | | setTimeout(() => { |
| | | this.param.queryDate = dayjs(e.value).format('YYYY-MM-DD') |
| | | this.pagination.page = 0 |
| | | this.isShowDate = false |
| | | this.getList() |
| | | } |
| | | }) |
| | | }, |
| | | endtimeClose() { |
| | | this.param.endTime = '' |
| | |
| | | <style lang="scss"> |
| | | .main_app { |
| | | background: #f7f7f7; |
| | | min-height: 100vh; |
| | | padding: 0; |
| | | } |
| | | .app_header { |
| | |
| | | .error { |
| | | color: #e0312a; |
| | | } |
| | | .grr{ |
| | | color: #999999; |
| | | } |
| | | .grr { |
| | | color: #999999; |
| | | } |
| | | text { |
| | | &:nth-child(1) { |
| | | font-size: 32rpx; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | color: #222222; |
| | | } |
| | | &:nth-child(2) { |