快速选择时间

src/views/v1/gameLog/sdkLoginLog/index.vue

@@ -67,7 +67,13 @@
       <template #reg_time="{ record }">
         {{ dayjs(record.reg_time * 1000).format('YYYY-MM-DD HH:mm:ss') }}
       </template>
-
+      <template #tableSearchExtend>
+        <a-space>
+          <a-button type="primary" @click="refreshDay('yesterday')">前一天</a-button>
+          <a-button type="primary" @click="refreshDay('today')">当天</a-button>
+          <a-button type="primary" @click="refreshDay('tomorrow')">后一天</a-button>
+        </a-space>
+      </template>
       <!-- Table 自定义渲染 -->
     </sa-table>
 
@@ -150,6 +156,29 @@ const refresh = async () => {
   crudRef.value?.refresh()
 }
 
+const refreshDay = async (day) => {
+  switch (day) {
+    case 'yesterday':
+      searchForm.value.login_time = [
+        dayjs(searchForm.value.login_time[0]).subtract(1, 'day').format('YYYY-MM-DD'),
+        dayjs(searchForm.value.login_time[1]).subtract(1, 'day').format('YYYY-MM-DD'),
+      ]
+      break
+    case 'today':
+      searchForm.value.login_time = [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')]
+      break
+    case 'tomorrow':
+      searchForm.value.login_time = [
+        dayjs(searchForm.value.login_time[0]).add(1, 'day').format('YYYY-MM-DD'),
+        dayjs(searchForm.value.login_time[1]).add(1, 'day').format('YYYY-MM-DD'),
+      ]
+      break
+    default:
+      break
+  }
+  refresh()
+}
+
 // 页面加载完成执行
 onMounted(async () => {
   initPage()

src/views/v1/gameLog/sdkOrderRank/index.vue

@@ -61,13 +61,13 @@
           </a-form-item>
         </a-col>
         <a-col :sm="6" :xs="24">
-          <a-form-item label="注册日期" field="reg_date">
-            <a-range-picker v-model="searchForm.reg_date" :show-time="false" mode="date" />
+          <a-form-item label="注册日期" field="reg_time">
+            <a-range-picker v-model="searchForm.reg_time" :show-time="false" mode="date" />
           </a-form-item>
         </a-col>
         <a-col :sm="6" :xs="24">
-          <a-form-item label="充值日期" field="pay_date">
-            <a-range-picker v-model="searchForm.pay_date" :show-time="false" mode="date" />
+          <a-form-item label="充值日期" field="pay_time">
+            <a-range-picker v-model="searchForm.pay_time" :show-time="false" mode="date" />
           </a-form-item>
         </a-col>
       </template>
@@ -95,7 +95,13 @@
       <template #pay_time="{ record }">
         {{ record.pay_time ? dayjs(record.pay_time * 1000).format('YYYY-MM-DD HH:mm:ss') : '-' }}
       </template>
-
+      <template #tableSearchExtend>
+        <a-space>
+          <a-button type="primary" @click="refreshDay('yesterday')">前一天</a-button>
+          <a-button type="primary" @click="refreshDay('today')">当天</a-button>
+          <a-button type="primary" @click="refreshDay('tomorrow')">后一天</a-button>
+        </a-space>
+      </template>
       <!-- Table 自定义渲染 -->
     </sa-table>
   </div>
@@ -123,8 +129,8 @@ const searchForm = ref({
   user_name: '',
   server_id: '',
   server_name: '',
-  reg_date: [],
-  pay_date: [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')],
+  reg_time: [],
+  pay_time: [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')],
 })
 
 // SaTable 基础配置
@@ -153,11 +159,10 @@ const columns = reactive([
   { title: '历史充值金额', dataIndex: 'totalMoney', width: 100 },
   { title: '累计充值金额', dataIndex: 'searchTotalMoney', width: 100 },
 
-  { title: '充值日期', dataIndex: 'pay_date', width: 140 },
-  { title: '注册日期', dataIndex: 'reg_date', width: 140 },
+  { title: '注册时间', dataIndex: 'reg_date', width: 140 },
 
-  { title: '最近登录时间', dataIndex: 'login_time', width: 140 },
   { title: '最近充值时间', dataIndex: 'pay_time', width: 140 },
+  { title: '最近登录时间', dataIndex: 'login_time', width: 140 },
 
   { title: '告警', dataIndex: 'alert', width: 80 },
 
@@ -183,6 +188,29 @@ const refresh = async () => {
   crudRef.value?.refresh()
 }
 
+const refreshDay = async (day) => {
+  switch (day) {
+    case 'yesterday':
+      searchForm.value.pay_time = [
+        dayjs(searchForm.value.pay_time[0]).subtract(1, 'day').format('YYYY-MM-DD'),
+        dayjs(searchForm.value.pay_time[1]).subtract(1, 'day').format('YYYY-MM-DD'),
+      ]
+      break
+    case 'today':
+      searchForm.value.pay_time = [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')]
+      break
+    case 'tomorrow':
+      searchForm.value.pay_time = [
+        dayjs(searchForm.value.pay_time[0]).add(1, 'day').format('YYYY-MM-DD'),
+        dayjs(searchForm.value.pay_time[1]).add(1, 'day').format('YYYY-MM-DD'),
+      ]
+      break
+    default:
+      break
+  }
+  refresh()
+}
+
 // 页面加载完成执行
 onMounted(async () => {
   initPage()

src/views/v1/gameLog/sdkOrderSuccess/index.vue

@@ -60,7 +60,13 @@
           </a-form-item>
         </a-col>
       </template>
-
+      <template #tableSearchExtend>
+        <a-space>
+          <a-button type="primary" @click="refreshDay('yesterday')">前一天</a-button>
+          <a-button type="primary" @click="refreshDay('today')">当天</a-button>
+          <a-button type="primary" @click="refreshDay('tomorrow')">后一天</a-button>
+        </a-space>
+      </template>
       <!-- Table 自定义渲染 -->
 
       <template #first_payment="{ record }">
@@ -159,6 +165,29 @@ const initPage = async () => {
   await getMediaOptions()
 }
 
+const refreshDay = async (day) => {
+  switch (day) {
+    case 'yesterday':
+      searchForm.value.pay_time = [
+        dayjs(searchForm.value.pay_time[0]).subtract(1, 'day').format('YYYY-MM-DD'),
+        dayjs(searchForm.value.pay_time[1]).subtract(1, 'day').format('YYYY-MM-DD'),
+      ]
+      break
+    case 'today':
+      searchForm.value.pay_time = [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')]
+      break
+    case 'tomorrow':
+      searchForm.value.pay_time = [
+        dayjs(searchForm.value.pay_time[0]).add(1, 'day').format('YYYY-MM-DD'),
+        dayjs(searchForm.value.pay_time[1]).add(1, 'day').format('YYYY-MM-DD'),
+      ]
+      break
+    default:
+      break
+  }
+  refresh()
+}
+
 // SaTable 数据请求
 const refresh = async () => {
   crudRef.value?.refresh()

src/views/v1/gameLog/sdkRegLog/index.vue

@@ -66,7 +66,13 @@
           </a-form-item>
         </a-col>
       </template>
-
+      <template #tableSearchExtend>
+        <a-space>
+          <a-button type="primary" @click="refreshDay('yesterday')">前一天</a-button>
+          <a-button type="primary" @click="refreshDay('today')">当天</a-button>
+          <a-button type="primary" @click="refreshDay('tomorrow')">后一天</a-button>
+        </a-space>
+      </template>
       <!-- Table 自定义渲染 -->
       <template #reg_time="{ record }">
         {{ dayjs(record.reg_time * 1000).format('YYYY-MM-DD HH:mm:ss') }}
@@ -153,6 +159,29 @@ const refresh = async () => {
   crudRef.value?.refresh()
 }
 
+const refreshDay = async (day) => {
+  switch (day) {
+    case 'yesterday':
+      searchForm.value.reg_time = [
+        dayjs(searchForm.value.reg_time[0]).subtract(1, 'day').format('YYYY-MM-DD'),
+        dayjs(searchForm.value.reg_time[1]).subtract(1, 'day').format('YYYY-MM-DD'),
+      ]
+      break
+    case 'today':
+      searchForm.value.reg_time = [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')]
+      break
+    case 'tomorrow':
+      searchForm.value.reg_time = [
+        dayjs(searchForm.value.reg_time[0]).add(1, 'day').format('YYYY-MM-DD'),
+        dayjs(searchForm.value.reg_time[1]).add(1, 'day').format('YYYY-MM-DD'),
+      ]
+      break
+    default:
+      break
+  }
+  refresh()
+}
+
 // 页面加载完成执行
 onMounted(async () => {
   initPage()