|
|
@@ -12,6 +12,12 @@
|
|
|
<uni-search-bar bgColor="#F6F6F6 " v-model="searchValue" placeholder="请输入理赔信息" @confirm="searchChange"
|
|
|
cancelButton="none" @clear="searchChange">
|
|
|
</uni-search-bar>
|
|
|
+ <view class="date-range-wrap">
|
|
|
+ <view class="date-range-picker">
|
|
|
+ <uni-datetime-picker v-model="createDateRange" bgColor="#F6F6F6" type="daterange" :clear-icon="true" :border="false"
|
|
|
+ start-placeholder="开始日期" end-placeholder="结束日期" @change="dateRangeChange" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<z-paging ref="paging" v-model="dataList" @query="getList" :fixed="false" :auto-show-back-to-top="true"
|
|
|
:empty-view-text="'暂无数据'" :hide-empty-view="false" :auto-show-system-loading="true">
|
|
|
@@ -69,6 +75,7 @@
|
|
|
data() {
|
|
|
return {
|
|
|
searchValue:"",
|
|
|
+ createDateRange: [],
|
|
|
dataList: [],
|
|
|
}
|
|
|
},
|
|
|
@@ -104,13 +111,19 @@
|
|
|
searchChange() {
|
|
|
this.$refs.paging.reload()
|
|
|
},
|
|
|
+ dateRangeChange() {
|
|
|
+ this.$refs.paging.reload()
|
|
|
+ },
|
|
|
async getList(pageNo, pageSize) {
|
|
|
try {
|
|
|
+ const [createStartDate, createEndDate] = this.createDateRange || []
|
|
|
const obj = {
|
|
|
current: pageNo,
|
|
|
size: pageSize,
|
|
|
claimType:1,
|
|
|
- searchCriteria:this.searchValue
|
|
|
+ searchCriteria:this.searchValue,
|
|
|
+ createStartDate,
|
|
|
+ createEndDate
|
|
|
}
|
|
|
const res = await getList(obj)
|
|
|
this.$refs.paging.complete(res.data.records)
|
|
|
@@ -175,6 +188,60 @@
|
|
|
height: 42rpx;
|
|
|
}
|
|
|
|
|
|
+ .date-range-wrap {
|
|
|
+ padding: 0 30rpx 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .date-range-picker {
|
|
|
+ background: #f6f6f6;
|
|
|
+ border-radius: 12rpx;
|
|
|
+ padding: 0 20rpx;
|
|
|
+ min-height: 64rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .date-range-picker uni-datetime-picker {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .date-range-picker .uni-date {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .date-range-picker .uni-date-editor {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .date-range-picker .uni-date-editor--x {
|
|
|
+ width: 100%;
|
|
|
+ background: transparent;
|
|
|
+ border: none;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ padding: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .date-range-picker .uni-date-x {
|
|
|
+ width: 100%;
|
|
|
+ background-color: transparent !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .date-range-picker .uni-date__x-input {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .date-range-picker .uni-date-range {
|
|
|
+ background-color: transparent !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .date-range-picker .uni-date-editor {
|
|
|
+ background-color: transparent !important;
|
|
|
+ }
|
|
|
+
|
|
|
.list {
|
|
|
width: 100%;
|
|
|
|
|
|
@@ -205,4 +272,4 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|