|
|
@ -19,19 +19,19 @@ |
|
|
</template> |
|
|
</template> |
|
|
</van-search> |
|
|
</van-search> |
|
|
<div class="search-button-list"> |
|
|
<div class="search-button-list"> |
|
|
<van-button plain hairline class="search-button" @click="searchDateType()" round type="primary" size="mini"> |
|
|
<van-button plain hairline :class="null==data.checkNum?'search-button active':'search-button'" @click="searchDateType(null)" round type="primary" size="mini"> |
|
|
全部 |
|
|
全部 |
|
|
</van-button> |
|
|
</van-button> |
|
|
<van-button plain hairline class="search-button" @click="searchDateType(1)" round type="primary" |
|
|
<van-button plain hairline :class="1==data.checkNum?'search-button active':'search-button'" @click="searchDateType(1)" round type="primary" |
|
|
size="mini">本月 |
|
|
size="mini">本月 |
|
|
</van-button> |
|
|
</van-button> |
|
|
<van-button plain hairline class="search-button" @click="searchDateType(2)" round type="primary" |
|
|
<van-button plain hairline :class="2==data.checkNum?'search-button active':'search-button'" @click="searchDateType(2)" round type="primary" |
|
|
size="mini">本季 |
|
|
size="mini">本季 |
|
|
</van-button> |
|
|
</van-button> |
|
|
<van-button plain hairline class="search-button" @click="searchDateType(3)" round type="primary" |
|
|
<van-button plain hairline :class="3==data.checkNum?'search-button active':'search-button'" @click="searchDateType(3)" round type="primary" |
|
|
size="mini">本年 |
|
|
size="mini">本年 |
|
|
</van-button> |
|
|
</van-button> |
|
|
<van-button plain hairline class="search-button" @click="selectDate" round type="primary" size="mini">筛选 |
|
|
<van-button plain hairline :class="9==data.checkNum?'search-button active':'search-button'" @click="selectDate" round type="primary" size="mini">筛选 |
|
|
</van-button> |
|
|
</van-button> |
|
|
</div> |
|
|
</div> |
|
|
<div class="search-button-date"> |
|
|
<div class="search-button-date"> |
|
|
@ -131,7 +131,8 @@ |
|
|
minDate: new Date(2020, 0, 1), |
|
|
minDate: new Date(2020, 0, 1), |
|
|
maxDate: new Date(2125, 5, 1), |
|
|
maxDate: new Date(2125, 5, 1), |
|
|
columnsType: ['year', 'month'], |
|
|
columnsType: ['year', 'month'], |
|
|
dateShow: false |
|
|
dateShow: false, |
|
|
|
|
|
checkNum: null |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
// 设置初始值为当前时间 |
|
|
// 设置初始值为当前时间 |
|
|
@ -254,6 +255,7 @@ |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
const selectDate = () => { |
|
|
const selectDate = () => { |
|
|
|
|
|
data.checkNum = 9; |
|
|
data.showDatePicker = true; |
|
|
data.showDatePicker = true; |
|
|
console.log(data.showDatePicker) |
|
|
console.log(data.showDatePicker) |
|
|
} |
|
|
} |
|
|
@ -279,6 +281,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const searchDateType = (val) => { |
|
|
const searchDateType = (val) => { |
|
|
|
|
|
data.checkNum = val; |
|
|
searchParam.dateSearch = null; |
|
|
searchParam.dateSearch = null; |
|
|
searchParam.dateType = val; |
|
|
searchParam.dateType = val; |
|
|
searchParam.isComplaint = null; |
|
|
searchParam.isComplaint = null; |
|
|
@ -383,6 +386,11 @@ |
|
|
width: 15%; |
|
|
width: 15%; |
|
|
height: 80%; |
|
|
height: 80%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.search-button.active { |
|
|
|
|
|
background-color: #e9f2fb; |
|
|
|
|
|
color: #1367fe; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.search-button-date { |
|
|
.search-button-date { |
|
|
|