|
@@ -82,14 +82,24 @@
|
|
|
</view>
|
|
|
|
|
|
<!-- 选择时间区间 -->
|
|
|
- <mx-date-picker class="choose-date-wrap" :show="showPicker" :type="type" :value="searchForm.creatTime" :show-tips="true" :begin-text="'开始'" :end-text="'结束'" :show-seconds="true" @confirm="onSelected" @cancel="onSelected" />
|
|
|
+ <w-picker
|
|
|
+ :visible.sync="showPicker"
|
|
|
+ mode="range"
|
|
|
+ startYear="2017"
|
|
|
+ endYear="2030"
|
|
|
+ :value="searchForm.creatTime"
|
|
|
+ :current="false"
|
|
|
+ @confirm="onSelected($event,'range')"
|
|
|
+ @cancel="onSelected"
|
|
|
+ ref="range"></w-picker>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import MxDatePicker from "@/components/mx-datepicker/mx-datepicker.vue"
|
|
|
+ import wPicker from "@/components/w-picker/w-picker.vue"
|
|
|
+ import { queryMyTask } from '@/api/task.js'
|
|
|
export default{
|
|
|
- components: { MxDatePicker },
|
|
|
+ components: { wPicker },
|
|
|
data(){
|
|
|
return{
|
|
|
screenClass: [ // 过滤条件 类型
|
|
@@ -118,7 +128,6 @@
|
|
|
},
|
|
|
showPicker: false, // 是否选择创建时间
|
|
|
range: [], // 筛选创建时间的默认值
|
|
|
- type: 'range', // 日期时间类型
|
|
|
pageNo: 1, // 当前页码
|
|
|
pageSize: 15, // 一页多少条
|
|
|
total: 0, // 总条数
|
|
@@ -149,7 +158,7 @@
|
|
|
pageNo: this.pageNo,
|
|
|
pageSize: this.pageSize
|
|
|
}
|
|
|
- getTaskList(params).then(res => {
|
|
|
+ queryMyTask(params).then(res => {
|
|
|
if (res.status == 200) {
|
|
|
if (this.pageNo > 1) {
|
|
|
this.list = this.list.concat(res.data.list || [])
|
|
@@ -200,15 +209,14 @@
|
|
|
},
|
|
|
// 显示日期选择
|
|
|
onShowDatePicker(type){
|
|
|
- this.type = type
|
|
|
this.showPicker = true
|
|
|
- this.searchForm.creatTime = this[type]
|
|
|
+ this.searchForm.creatTime = this.range
|
|
|
},
|
|
|
// 日期选择
|
|
|
onSelected(e) {
|
|
|
this.showPicker = false
|
|
|
if(e) {
|
|
|
- this[this.type] = e.value
|
|
|
+ this.range = e.value
|
|
|
}
|
|
|
},
|
|
|
}
|