From f8fd1bd1df45a1aa7b6717562722e61c7ee8b4c3 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期三, 15 十月 2025 10:20:31 +0800
Subject: [PATCH] 显示调整
---
manager/src/views/prize-record/index.vue | 75 ++++++++++++++++++++++++++++++-------
1 files changed, 61 insertions(+), 14 deletions(-)
diff --git a/manager/src/views/prize-record/index.vue b/manager/src/views/prize-record/index.vue
index c27ae75..419cf1e 100644
--- a/manager/src/views/prize-record/index.vue
+++ b/manager/src/views/prize-record/index.vue
@@ -30,7 +30,7 @@
style="width: 180px"
/>
</FormItem>
- <FormItem label="涓鐘舵��" prop="beginTime">
+ <FormItem label="涓鐘舵��" prop="prizeStatus">
<Select
v-model="searchForm.prizeStatus"
placeholder="璇烽�夋嫨涓鐘舵��"
@@ -48,7 +48,7 @@
</Option>
</Select>
</FormItem>
- <FormItem label="濂栧搧鍙戞斁鐘舵��" prop="beginTime">
+ <FormItem label="濂栧搧鍙戞斁鐘舵��" prop="distributeStatus">
<Select
v-model="searchForm.distributeStatus"
placeholder="璇烽�夋嫨濂栧搧鍙戞斁鐘舵��"
@@ -66,6 +66,17 @@
</Option>
</Select>
</FormItem>
+ <FormItem label="鎶ュ悕寮�濮嬫椂闂�" prop="time">
+ <DatePicker
+ v-model="time"
+ type="datetimerange"
+ placeholder="閫夋嫨寮�濮嬫椂闂�"
+ style="width: 180px"
+ @on-clear="handleSearch"
+ @on-change="handleSearch"
+ ></DatePicker>
+ </FormItem>
+
<Button
@click="handleSearch"
type="primary"
@@ -278,6 +289,16 @@
}
},
{
+ title: '鎶藉鏃堕棿',
+ key: 'createTime',
+ minWidth: 100,
+ render: (h, params) => {
+ return h('div', [
+ h('div', `${this.formatDate(params.row.createTime,'YYYY-MM-DD HH:mm:ss')}`),
+ ])
+ }
+ },
+ {
title: '鎿嶄綔',
slot: 'action',
width: 280,
@@ -287,13 +308,16 @@
],
data:[],
total:0,
+ time:[],
searchForm:{
pageSize:10,
pageNumber:1,
nickName:'',
activityName:'',
prizeStatus:'',
- distributeStatus:''
+ distributeStatus:'',
+ startTime:'',
+ endTime:''
},
distributeSelect:[
{id: 1, value: 'NOT_WAIT', label: '鏈腑濂�'},
@@ -318,6 +342,28 @@
this.init();
},
methods: {
+ formatDate(date, format = 'YYYY-MM-DD HH:mm:ss') {
+ if (!date) return '';
+
+ const d = new Date(date);
+ if (isNaN(d.getTime())) return '';
+
+ const padZero = (num) => String(num).padStart(2, '0'); // 鏇村彲闈犵殑琛ラ浂鏂规硶
+
+ const year = d.getFullYear();
+ const month = padZero(d.getMonth() + 1); // 鏈堜唤 0-11 鈫� +1
+ const day = padZero(d.getDate());
+ const hours = padZero(d.getHours());
+ const minutes = padZero(d.getMinutes());
+ const seconds = padZero(d.getSeconds());
+ return format
+ .replace('YYYY', year)
+ .replace('MM', month)
+ .replace('DD', day)
+ .replace('HH', hours)
+ .replace('mm', minutes)
+ .replace('ss', seconds);
+ },
queryExport(){
queryExport(this.searchForm).then(res =>{
const blob = new Blob([res], {
@@ -391,6 +437,9 @@
resetSearch(){
this.$refs.searchForm.resetFields()
this.searchForm.pageNumber = 1
+ this.searchForm.startTime = '';
+ this.searchForm.endTime = '';
+ this.time =[];
this.getPage()
},
infoModelClose(){
@@ -417,26 +466,24 @@
},
handleSearch(type,value){
- if (type === 'beginTime') {
- this.searchForm.beginTime = value
- } else if (type === 'endTime') {
- this.searchForm.endTime = value
- }
- this.getPage()
+ this.searchForm.startTime = this.formatDate(this.time[0]);
+ this.searchForm.endTime = this.formatDate(this.time[1]);
+ this.getPage();
},
// 鍒濆鍖栨暟鎹�
init() {
this.getPage()
},
- changePage(){
+ changePage(page){
+ this.searchForm.pageNumber = page
+ this.getPage()
+ },
+ changePageSize(pageSize){
this.searchForm.pageNumber = 1
this.searchForm.pageSize = pageSize
this.getPage()
- },
- changePageSize(){
- this.searchForm.pageNumber = page
- this.getPage()
+
},
},
--
Gitblit v1.8.0