github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-03-02 23:27:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化导出统计

Browse Source
This commit is contained in:
kuaifan 2022-12-12 09:32:15 +08:00
parent 3e149ed3c2
commit 945e8607b6
3 changed files with 49 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
resources/assets/js/pages/manage/components/CheckinExport.vue
View File

@ -15,7 +15,7 @@
format="yyyy/MM/dd"
style="width:100%"
:placeholder="$L('请选择签到日期')"/>
<div class="form-tip page-setting-checkin-export-common">
<div class="form-tip checkin-export-quick-select">
{{$L('快捷选择')}}:
<em @click="formData.date=dateShortcuts('prev')">{{$L('上个月')}}</em>
<em @click="formData.date=dateShortcuts('this')">{{$L('这个月')}}</em>
@ -28,7 +28,7 @@
format="HH:mm"
style="width:100%"
:placeholder="$L('请选择班次时间')"/>
<div class="form-tip page-setting-checkin-export-common">
<div class="form-tip checkin-export-quick-select">
{{$L('快捷选择')}}:
<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>
@ -43,6 +43,21 @@
</Modal>
</template>
<style lang="scss">
.checkin-export-quick-select {
display: flex;
align-items: center;
> em {
cursor: pointer;
color: #2b85e4;
margin-left: 8px;
font-style: normal;
&:hover {
text-decoration: underline;
}
}
}
</style>
<script>
import UserInput from "../../../components/UserInput";
export default {

32
resources/assets/js/pages/manage/components/TaskExport.vue
View File

@ -6,6 +6,7 @@
<Form ref="exportTask" :model="formData" label-width="auto" @submit.native.prevent>
<FormItem :label="$L('导出成员')">
<UserInput v-model="formData.userid" :multiple-max="20" :placeholder="$L('请选择成员')"/>
<div class="form-tip">{{$L('每次最多选择导出20个成员')}}</div>
</FormItem>
<FormItem :label="$L('时间范围')">
<DatePicker
@ -14,6 +15,11 @@
format="yyyy/MM/dd"
style="width:100%"
:placeholder="$L('请选择时间')"/>
<div class="form-tip checkin-export-quick-select">
{{$L('快捷选择')}}:
<em @click="formData.time=dateShortcuts('prev')">{{$L('上个月')}}</em>
<em @click="formData.time=dateShortcuts('this')">{{$L('这个月')}}</em>
</div>
</FormItem>
<FormItem prop="type" :label="$L('导出时间类型')">
<RadioGroup v-model="formData.type">
@ -29,6 +35,21 @@
</Modal>
</template>
<style lang="scss">
.checkin-export-quick-select {
display: flex;
align-items: center;
> em {
cursor: pointer;
color: #2b85e4;
margin-left: 8px;
font-style: normal;
&:hover {
text-decoration: underline;
}
}
}
</style>
<script>
import UserInput from "../../../components/UserInput";
export default {
@ -62,6 +83,17 @@ export default {
},
methods: {
dateShortcuts(act) {
const lastSecond = (e) => {
return $A.Date($A.formatDate("Y-m-d 23:59:29", Math.round(e / 1000)))
};
if (act === 'prev') {
return [$A.getData('上个月', true), lastSecond($A.getData('上个月结束', true))];
} else if (act === 'this') {
return [$A.getData('本月', true), lastSecond($A.getData('本月结束', true))]
}
},
onExport() {
if (this.loadIng > 0) {
return;

14
resources/assets/sass/pages/page-setting.scss vendored
View File

@ -307,20 +307,6 @@
}
}
.page-setting-checkin-export-common {
display: flex;
align-items: center;
> em {
cursor: pointer;
color: #2b85e4;
margin-left: 8px;
font-style: normal;
&:hover {
text-decoration: underline;
}
}
}
@media (max-width: 768px) {
.page-setting {
.setting-head {