@@ -44,34 +44,34 @@ | |||||
</el-select> | </el-select> | ||||
</div> | </div> | ||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div | |||||
style="cursor: pointer;" | |||||
:class="{ tophove: searchForm.dateType == null }" | |||||
<el-button | |||||
class="btn" | |||||
:type="searchForm.dateType == null?'primary':''" | |||||
@click="tabtimetap(null)" | @click="tabtimetap(null)" | ||||
> | > | ||||
全部 | 全部 | ||||
</div> | |||||
<div | |||||
style="cursor: pointer;" | |||||
:class="{ tophove: searchForm.dateType == 0 }" | |||||
</el-button> | |||||
<el-button | |||||
class="btn" | |||||
:type="searchForm.dateType == 0?'primary':''" | |||||
@click="tabtimetap(0)" | @click="tabtimetap(0)" | ||||
> | > | ||||
今日 | 今日 | ||||
</div> | |||||
<div | |||||
style="cursor: pointer;" | |||||
:class="{ tophove: searchForm.dateType == 2 }" | |||||
</el-button> | |||||
<el-button | |||||
class="btn" | |||||
:type="searchForm.dateType == 2?'primary':''" | |||||
@click="tabtimetap(2)" | @click="tabtimetap(2)" | ||||
> | > | ||||
近7天 | 近7天 | ||||
</div> | |||||
<div | |||||
style="cursor: pointer;" | |||||
:class="{ tophove: searchForm.dateType == 6 }" | |||||
</el-button> | |||||
<el-button | |||||
class="btn" | |||||
:type="searchForm.dateType == 6?'primary':''" | |||||
@click="tabtimetap(6)" | @click="tabtimetap(6)" | ||||
> | > | ||||
近30天 | 近30天 | ||||
</div> | |||||
</el-button> | |||||
</div> | </div> | ||||
<el-date-picker | <el-date-picker | ||||
v-model="time" | v-model="time" | ||||
@@ -648,6 +648,16 @@ export default { | |||||
margin-right: 15px; | margin-right: 15px; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
border: 1px solid #e0e0e0; | border: 1px solid #e0e0e0; | ||||
} | |||||
.toptimeqhuan .btn { | |||||
padding-left: 20px; | |||||
padding-right: 20px; | |||||
text-align: center; | |||||
// line-height: 30px; | |||||
font-size: 14px; | |||||
margin-right: 15px; | |||||
border-radius: 4px; | |||||
border: 1px solid #e0e0e0; | |||||
} | } | ||||
} | } | ||||
} | } | ||||
@@ -29,36 +29,36 @@ | |||||
<div class="app-titel" style="margin-top: 15px"> | <div class="app-titel" style="margin-top: 15px"> | ||||
<div class="label" style="margin-left: 20px">时间:</div> | <div class="label" style="margin-left: 20px">时间:</div> | ||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div | |||||
style="cursor: pointer;" | |||||
:class="{ tophove: searchForm.dateType == null }" | |||||
<el-button | |||||
class="btn" | |||||
:type="searchForm.dateType == null?'primary':''" | |||||
@click="tabtimetap(null)" | @click="tabtimetap(null)" | ||||
> | > | ||||
全部 | 全部 | ||||
</div> | |||||
<div | |||||
style="cursor: pointer;" | |||||
:class="{ tophove: searchForm.dateType == 0 }" | |||||
</el-button> | |||||
<el-button | |||||
class="btn" | |||||
:type="searchForm.dateType == 0?'primary':''" | |||||
@click="tabtimetap(0)" | @click="tabtimetap(0)" | ||||
> | > | ||||
今日 | 今日 | ||||
</div> | |||||
<div | |||||
style="cursor: pointer;" | |||||
:class="{ tophove: searchForm.dateType == 1 }" | |||||
</el-button> | |||||
<el-button | |||||
class="btn" | |||||
:type="searchForm.dateType == 1?'primary':''" | |||||
@click="tabtimetap(1)" | @click="tabtimetap(1)" | ||||
> | > | ||||
昨日 | 昨日 | ||||
</div> | |||||
<div | |||||
style="cursor: pointer;" | |||||
:class="{ tophove: searchForm.dateType == 2 }" | |||||
</el-button> | |||||
<el-button | |||||
class="btn" | |||||
:type="searchForm.dateType == 2?'primary':''" | |||||
@click="tabtimetap(2)" | @click="tabtimetap(2)" | ||||
> | > | ||||
近7天 | 近7天 | ||||
</div> | |||||
</el-button> | |||||
</div> | </div> | ||||
<div> | |||||
<div style="margin-left:20px;"> | |||||
<el-date-picker | <el-date-picker | ||||
v-model="time" | v-model="time" | ||||
type="daterange" | type="daterange" | ||||
@@ -664,6 +664,16 @@ export default { | |||||
margin-right: 15px; | margin-right: 15px; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
border: 1px solid #e0e0e0; | border: 1px solid #e0e0e0; | ||||
} | |||||
.toptimeqhuan .btn { | |||||
padding-left: 20px; | |||||
padding-right: 20px; | |||||
text-align: center; | |||||
// line-height: 30px; | |||||
font-size: 14px; | |||||
margin-right: 15px; | |||||
border-radius: 4px; | |||||
border: 1px solid #e0e0e0; | |||||
} | } | ||||
} | } | ||||
} | } | ||||
@@ -66,7 +66,7 @@ | |||||
<div class="app-titel" style="margin-top: 15px"> | <div class="app-titel" style="margin-top: 15px"> | ||||
<!-- <div class="label" style="color: #ffffff">筛选相关:</div> --> | <!-- <div class="label" style="color: #ffffff">筛选相关:</div> --> | ||||
<div style="margin-left: 20px"> | <div style="margin-left: 20px"> | ||||
<el-button style="background: #2671e2; color: #ffffff" @click="screen" | |||||
<el-button type="primary" @click="screen" | |||||
>筛选</el-button | >筛选</el-button | ||||
> | > | ||||
</div> | </div> | ||||
@@ -75,7 +75,7 @@ | |||||
<div class="app-titel" style="margin-top: 15px"> | <div class="app-titel" style="margin-top: 15px"> | ||||
<!-- <div class="label" style="color: #ffffff">筛选相关:</div> --> | <!-- <div class="label" style="color: #ffffff">筛选相关:</div> --> | ||||
<div style="margin-left: 20px"> | <div style="margin-left: 20px"> | ||||
<el-button style="background: #2671e2; color: #ffffff" @click="screen" | |||||
<el-button type="primary" @click="screen" | |||||
>筛选</el-button | >筛选</el-button | ||||
> | > | ||||
</div> | </div> | ||||