perf: 优化导出快速选择

This commit is contained in:
kuaifan 2023-01-30 17:46:28 +08:00
parent b7686df7e6
commit 99453550b9
2 changed files with 11 additions and 9 deletions

View File

@ -16,7 +16,7 @@
style="width:100%" style="width:100%"
:placeholder="$L('请选择签到日期')"/> :placeholder="$L('请选择签到日期')"/>
<div class="form-tip checkin-export-quick-select"> <div class="form-tip checkin-export-quick-select">
{{$L('快捷选择')}}: <span>{{$L('快捷选择')}}:</span>
<em @click="formData.date=dateShortcuts('prev')">{{$L('上个月')}}</em> <em @click="formData.date=dateShortcuts('prev')">{{$L('上个月')}}</em>
<em @click="formData.date=dateShortcuts('this')">{{$L('这个月')}}</em> <em @click="formData.date=dateShortcuts('this')">{{$L('这个月')}}</em>
</div> </div>
@ -29,7 +29,7 @@
style="width:100%" style="width:100%"
:placeholder="$L('请选择班次时间')"/> :placeholder="$L('请选择班次时间')"/>
<div class="form-tip checkin-export-quick-select"> <div class="form-tip checkin-export-quick-select">
{{$L('快捷选择')}}: <span>{{$L('快捷选择')}}:</span>
<em @click="formData.time=['8:30', '18:00']">8:30-18:00</em> <em @click="formData.time=['8:30', '18:00']">8:30-18:00</em>
<em @click="formData.time=['9:00', '18:00']">9:00-18:00</em> <em @click="formData.time=['9:00', '18:00']">9:00-18:00</em>
<em @click="formData.time=['9:30', '18:00']">9:30-18:30</em> <em @click="formData.time=['9:30', '18:00']">9:30-18:30</em>
@ -45,12 +45,13 @@
<style lang="scss"> <style lang="scss">
.checkin-export-quick-select { .checkin-export-quick-select {
display: flex; > span {
align-items: center; margin-right: 4px;
}
> em { > em {
margin-right: 4px;
cursor: pointer; cursor: pointer;
color: #2b85e4; color: #2b85e4;
margin-left: 8px;
font-style: normal; font-style: normal;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;

View File

@ -16,7 +16,7 @@
style="width:100%" style="width:100%"
:placeholder="$L('请选择时间')"/> :placeholder="$L('请选择时间')"/>
<div class="form-tip checkin-export-quick-select"> <div class="form-tip checkin-export-quick-select">
{{$L('快捷选择')}}: <span>{{$L('快捷选择')}}:</span>
<em @click="formData.time=dateShortcuts('prev')">{{$L('上个月')}}</em> <em @click="formData.time=dateShortcuts('prev')">{{$L('上个月')}}</em>
<em @click="formData.time=dateShortcuts('this')">{{$L('这个月')}}</em> <em @click="formData.time=dateShortcuts('this')">{{$L('这个月')}}</em>
</div> </div>
@ -37,12 +37,13 @@
<style lang="scss"> <style lang="scss">
.checkin-export-quick-select { .checkin-export-quick-select {
display: flex; > span {
align-items: center; margin-right: 4px;
}
> em { > em {
margin-right: 4px;
cursor: pointer; cursor: pointer;
color: #2b85e4; color: #2b85e4;
margin-left: 8px;
font-style: normal; font-style: normal;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;