✨ feat: 增加乐跑记录时间选择

src/pages/admin/lepaoRecords/lepaoRecords.vue

@@ -24,6 +24,12 @@
                   <a-input v-model="queryData.email" placeholder="请输入通知邮箱" allow-clear />
                 </a-form-item>
               </a-col>
+              <a-col :span="12">
+                <a-form-item field="queryTime" label="乐跑时间">
+                  <a-range-picker v-model="queryData.queryTime" show-time format="YYYY-MM-DD HH:mm" value-format="x"
+                    @ok="getRecords()" />
+                </a-form-item>
+              </a-col>
             </a-row>
           </a-form>
         </a-col>
@@ -146,10 +152,11 @@
 </template>
 
 <script setup>
-import { ref, reactive, h } from 'vue'
+import { ref, reactive, onMounted, h } from 'vue'
 import { adminLepaoRecords } from '@/api/lepao'
 import { Notification } from '@arco-design/web-vue'
 import { IconSearch } from '@arco-design/web-vue/es/icon'
+import { getSemesterTimestamps } from '@/utils/util'
 
 const data = ref([])
 const loading = ref(false)
@@ -157,7 +164,8 @@ const loading = ref(false)
 const queryData = reactive({
   name: '',
   lepao_account: '',
-  email: ''
+  email: '',
+  queryTime: []
 })
 
 const pagination = reactive({
@@ -177,6 +185,7 @@ const reset = () => {
   queryData.lepao_account = ''
   queryData.email = ''
   queryData.area = ''
+  queryData.queryTime = getSemesterTimestamps()
   getRecords()
 }
 
@@ -238,7 +247,10 @@ function formatSecondsToMinSec(totalSeconds) {
   return `${minutes}分${seconds.toString().padStart(2, '0')}秒`;
 }
 
-getRecords()
+onMounted(() => {
+  queryData.queryTime = getSemesterTimestamps()
+  getRecords()
+})
 </script>
 
 <style scoped lang="less">

src/pages/lepao/lepaoRecords/index.vue

@@ -24,6 +24,12 @@
                   <a-input v-model="queryData.email" placeholder="请输入通知邮箱" allow-clear />
                 </a-form-item>
               </a-col>
+              <a-col :span="12">
+                <a-form-item field="queryTime" label="乐跑时间">
+                  <a-range-picker v-model="queryData.queryTime" show-time format="YYYY-MM-DD HH:mm" value-format="x"
+                    @ok="getRecords()" />
+                </a-form-item>
+              </a-col>
             </a-row>
           </a-form>
         </a-col>
@@ -148,14 +154,15 @@
 </template>
 
 <script setup>
-import { ref, reactive, h } from 'vue'
+import { ref, reactive, onMounted, h } from 'vue'
 import { lepaoRecords } from '@/api/lepao'
 import { Notification } from '@arco-design/web-vue'
 import { IconSearch } from '@arco-design/web-vue/es/icon'
 import { useUserStore } from '@/store/modules/user'
 import { useRoute } from 'vue-router'
-import { getNotice } from '@/utils/util'
+import { getNotice, getSemesterTimestamps } from '@/utils/util'
 
+console.log(getSemesterTimestamps())
 const notice = ref('')
 
 const GetNotice = async () => {
@@ -178,7 +185,8 @@ getuser()
 const queryData = reactive({
   name: '',
   lepao_account: '',
-  email: ''
+  email: '',
+  queryTime: []
 })
 
 const pagination = reactive({
@@ -198,6 +206,7 @@ const reset = () => {
   queryData.lepao_account = ''
   queryData.email = ''
   queryData.area = ''
+  queryData.queryTime = getSemesterTimestamps()
   getRecords()
 }
 
@@ -209,6 +218,7 @@ const getRecords = async () => {
       pagesize: pagination.pagesize,
       current: pagination.current
     }
+    console.log(reqData)
     const res = await lepaoRecords(reqData)
     if (!res || res.code !== 0)
       return Notification.error({
@@ -259,8 +269,13 @@ function formatSecondsToMinSec(totalSeconds) {
   return `${minutes}分${seconds.toString().padStart(2, '0')}秒`;
 }
 
-getRecords()
-GetNotice()
+
+
+onMounted(() => {
+  queryData.queryTime = getSemesterTimestamps()
+  getRecords()
+  GetNotice()
+})
 </script>
 
 <style scoped lang="less">