zhangqi
/
kuailelunwen_new_houtai
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

排行榜相关页面方法的修改

pull/137/head
zq 6 days ago
parent
551a647439
commit
4ddf867029
4 changed files with 59 additions and 54 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 50
      src/utils/common.js
  2. 19
      src/views/super/Ranking/RankBatchList.vue
  3. 21
      src/views/super/Ranking/RankDetail.vue
  4. 23
      src/views/super/Ranking/RankList.vue

50
src/utils/common.js
View File

@ -34,7 +34,7 @@ export function getServicePriceDesc(price, price_unit, unit_num, unit_name) {
}
/**
* 获取格式化的日期字符串
* 获取格式化的日期字符串--是当下日期
* @param {string} format - 日期格式，可选值：'YYYY-MM-DD', 'YYYY-MM', 'YYYY', 'HH:mm:ss' 等
* @returns {string} 格式化后的日期字符串
*
@ -65,6 +65,54 @@ export const getFormattedDate = (format = 'YYYY-MM-DD') => {
return formats[format] || formats['YYYY-MM-DD'];
};
// 根据指定日期获取年月格式字符串
/**
* 日期格式化函数
*
* @param {string} dateStr - 日期字符串，可被Date构造函数解析
* @param {string} [format='yyyy-mm'] - 输出格式，可选值：'year'、'month'、'year-month'、'yyyy'、'mm'、'm'、'yyyy-mm'、'yyyy-m'
* @returns {string} 格式化后的日期字符串，如果日期无效则返回'Invalid date'
* 使用示例
* 1. console.log(getDate('2023-12-31')); // 输出: "2023-12"
* 2. console.log(getDate('2023-12-31', 'yyyy' || 'year')); // 输出: "2023"
* 3. console.log(getDate('2023-12-31', 'yyyy-m')); // 输出: "2023-12"
* 4. console.log(getDate('2023-12-31', 'm' || 'month')); // 输出: "12"
* 7. console.log(getDate('2023-12-31', 'year-month')); // 输出: "2023-12"
* 8. console.log(getDate('2023-12-31', 'yyyy/mm')); // 输出: "Invalid date"（因为格式'yyyy/mm'不在可选值中）
* 9.console.log(getDate('2025-03-15T10:30:00', 'yyyy-mm')); // ISO格式
* 10.console.log(getDate('March 15, 2025', 'yyyy'));//2023 // 英文日期
* 11.console.log(getDate('2025/03/15', 'year-month')); // 输出: "2025-03"
*/
export function getDate(dateStr, format = 'yyyy-mm') {
try {
const date = new Date(dateStr);
// 检查日期是否有效
if (isNaN(date.getTime())) {
throw new Error('日期无效');
}
const year = date.getFullYear();
const month = date.getMonth() + 1;
const formats = {
'year': `${year}`,
'month': `${month.toString().padStart(2, '0')}`,
'year-month': `${year}-${month.toString().padStart(2, '0')}`,
'yyyy': `${year}`,
'mm': `${month.toString().padStart(2, '0')}`,
'm': `${month}`,
'yyyy-mm': `${year}-${month.toString().padStart(2, '0')}`, //补0
'yyyy-m': `${year}-${month}`//不补0
};
return formats[format] || formats['yyyy-mm'];
} catch (error) {
console.error('Error parsing date:', error);
return 'Invalid date';
}
}
//金额千分符 会在整数后添加两个0 --适用于直接显示的
export function stateFormat(row, column, cellValue) {
if (cellValue) {

19
src/views/super/Ranking/RankBatchList.vue
View File

@ -183,6 +183,8 @@ import GuipTable from '@/components/GuipTable.vue';
import CustomDropdown from '@/components/CustomDropdown.vue';
import SvgIcon from '@/components/SvgIcon.vue';
import GuipToolTip from '@/components/GuipToolTip.vue';
import {getDate,getFormattedDate} from "@/utils/common.js"
// import HoverImage from '@/components/super/HoverImage.vue';
export default {
name: 'rank_batch_list',
@ -278,26 +280,13 @@ export default {
},
getNowDate() {
const viewdesc = this.viewDesc[this.view];
const now = new Date();
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，补零
const currentYearMonth = `${year}-${month}`;
const currentYearMonth = getFormattedDate('YYYY-MM')
this.textDesc = viewdesc + currentYearMonth;
return `${currentYearMonth}`
},
getDate(dateStr) {
const date = new Date(dateStr);
const year = date.getFullYear(); // 2025
const month = date.getMonth() + 1; // 3 (表示3月)
if (this.view == 'year') {
return `${year}`
} else {
return `${year}-${month}`
}
},
handleDateChange(date) {
const viewdesc = this.viewDesc[this.view];
this.text = this.getDate(date)
this.text = this.view == 'year' ? getDate(date,'yyyy') : getDate(date,'yyyy-mm')
this.textDesc = viewdesc + this.text;
this.selectedDate = date;
localStorage.setItem('date', JSON.stringify(date))

21
src/views/super/Ranking/RankDetail.vue
View File

@ -233,6 +233,7 @@ import DateSelect from '@/components/super/DateSelect.vue';
import CustomDropdown from '@/components/CustomDropdown.vue';
import HoverImage from "@/components/super/HoverImage.vue";
import Pagination from "@/components/Pagination.vue";
import {getFormattedDate,getDate} from "@/utils/common.js"
export default {
name: 'rank_detail',
@ -313,7 +314,7 @@ export default {
document.title = this.pageTitle;
this.text = ""
if (this.showDateSelect) this.text = this.getNowYear()
if (this.showDateSelect) this.text = getFormattedDate('YYYY')
this.dataRank = this.rank_type
this.dataType = this.type
this.aid = this.$route.query.aid
@ -329,24 +330,8 @@ export default {
handleUpdateView(newView) {
this.view = newView;
},
getNowYear() {
const now = new Date();
const year = now.getFullYear();
const currentYearMonth = `${year}`;
return `${currentYearMonth}`
},
getDate(dateStr) {
const date = new Date(dateStr);
const year = date.getFullYear(); // 2025
const month = date.getMonth() + 1; // 3 (表示3月)
if (this.view == 'year') {
return `${year}`
} else {
return `${year}-${month}`
}
},
handleDateChange(date) {
this.text = this.getDate(date)
this.text = this.view == 'year' ? getDate(date,'yyyy') : getDate(date,'yyyy-mm')
this.selectedDate = date;
localStorage.setItem('date', JSON.stringify(date))

23
src/views/super/Ranking/RankList.vue
View File

@ -218,7 +218,7 @@ import DateSelect from '@/components/super/DateSelect.vue';
import CustomDropdown from '@/components/CustomDropdown.vue';
import HoverImage from "@/components/super/HoverImage.vue";
import GuipTable from "@/components/GuipTable.vue";
import {getFormattedDate,getDate} from "@/utils/common.js"
export default {
name: 'rank_list',
props: {
@ -306,7 +306,7 @@ export default {
init() {
document.title = this.pageTitle;
this.text = this.getNowDate()
this.text = getFormattedDate('YYYY-MM')
this.dataType = this.type
this.dataRank = this.rank_type
this.aid = this.$route.query.aid
@ -327,23 +327,6 @@ export default {
handleUpdateView(newView) {
this.view = newView;
},
getNowDate() {
const now = new Date();
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，补零
const currentYearMonth = `${year}-${month}`;
return `${currentYearMonth}`
},
getDate(dateStr) {
const date = new Date(dateStr);
const year = date.getFullYear(); // 2025
const month = date.getMonth() + 1; // 3 (表示3月)
if (this.view == 'year') {
return `${year}`
} else {
return `${year}-${month}`
}
},
setDateView(){
if (/^\d{4}$/.test(this.text)) {
this.view = 'year'
@ -352,7 +335,7 @@ export default {
}
},
handleDateChange(date) {
this.text = this.getDate(date)
this.text = this.view == 'year' ? getDate(date,'yyyy') : getDate(date,'yyyy-mm')
this.selectedDate = date;
localStorage.setItem('date', JSON.stringify(date))

Write Preview
Loading…
Cancel
Save