Browse Source
Merge branch 'devlop' of http://git.qniao.cn/dengxiongfei/paper-shopkeeper-app into devlop
devlop
Merge branch 'devlop' of http://git.qniao.cn/dengxiongfei/paper-shopkeeper-app into devlop
devlop
39 changed files with 1613 additions and 1647 deletions
Unified View
Diff Options
-
2common/css/reset.scss
-
26components/bussiness-components/packingStationItem.vue
-
2components/qn-data-pickerview/qn-data-pickerview.vue
-
1830components/qn-datetime-picker/time-picker.vue
-
751components/qn-datetime-picker/util.js
-
54enums/index.js
-
38pages/client-credit/index.vue
-
4pages/client-detail/index.vue
-
8pages/client-list/index.vue
-
10pages/guarantee-agreement/index.vue
-
14pages/mall/index.vue
-
364pages/message/system-message.vue
-
45pages/mine/index.vue
-
2pages/month-credit/index.vue
-
4pages/order-detail/index.vue
-
11pages/page-view/index.vue
-
74pages/trade/quotationList.vue
-
19pages/vip-center/index.vue
-
BINstatic/imgs/client-list/contact-icon.png
-
BINstatic/imgs/client-list/phone-icon.png
-
BINstatic/logo.png
-
2store/index.js
-
BINunpackage/res/icons/1024x1024.png
-
BINunpackage/res/icons/120x120.png
-
BINunpackage/res/icons/144x144.png
-
BINunpackage/res/icons/152x152.png
-
BINunpackage/res/icons/167x167.png
-
BINunpackage/res/icons/180x180.png
-
BINunpackage/res/icons/192x192.png
-
BINunpackage/res/icons/20x20.png
-
BINunpackage/res/icons/29x29.png
-
BINunpackage/res/icons/40x40.png
-
BINunpackage/res/icons/58x58.png
-
BINunpackage/res/icons/60x60.png
-
BINunpackage/res/icons/72x72.png
-
BINunpackage/res/icons/76x76.png
-
BINunpackage/res/icons/80x80.png
-
BINunpackage/res/icons/87x87.png
-
BINunpackage/res/icons/96x96.png
1830
components/qn-datetime-picker/time-picker.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,410 +1,393 @@ |
|||||
class Calendar { |
class Calendar { |
||||
constructor({ |
|
||||
date, |
|
||||
selected, |
|
||||
startDate, |
|
||||
endDate, |
|
||||
range, |
|
||||
// multipleStatus
|
|
||||
} = {}) { |
|
||||
// 当前日期
|
|
||||
this.date = this.getDate(new Date()) // 当前初入日期
|
|
||||
// 打点信息
|
|
||||
this.selected = selected || []; |
|
||||
// 范围开始
|
|
||||
this.startDate = startDate |
|
||||
// 范围结束
|
|
||||
this.endDate = endDate |
|
||||
this.range = range |
|
||||
// 多选状态
|
|
||||
this.cleanMultipleStatus() |
|
||||
// 每周日期
|
|
||||
this.weeks = {} |
|
||||
// this._getWeek(this.date.fullDate)
|
|
||||
// this.multipleStatus = multipleStatus
|
|
||||
this.lastHover = false |
|
||||
} |
|
||||
/** |
|
||||
* 设置日期 |
|
||||
* @param {Object} date |
|
||||
*/ |
|
||||
setDate(date) { |
|
||||
this.selectDate = this.getDate(date) |
|
||||
this._getWeek(this.selectDate.fullDate) |
|
||||
} |
|
||||
|
constructor({ |
||||
|
date, |
||||
|
selected, |
||||
|
startDate, |
||||
|
endDate, |
||||
|
range |
||||
|
// multipleStatus
|
||||
|
} = {}) { |
||||
|
// 当前日期
|
||||
|
this.date = this.getDate(new Date()) // 当前初入日期
|
||||
|
// 打点信息
|
||||
|
this.selected = selected || [] |
||||
|
// 范围开始
|
||||
|
this.startDate = startDate |
||||
|
// 范围结束
|
||||
|
this.endDate = endDate |
||||
|
this.range = range |
||||
|
// 多选状态
|
||||
|
this.cleanMultipleStatus() |
||||
|
// 每周日期
|
||||
|
this.weeks = {} |
||||
|
// this._getWeek(this.date.fullDate)
|
||||
|
// this.multipleStatus = multipleStatus
|
||||
|
this.lastHover = false |
||||
|
} |
||||
|
/** |
||||
|
* 设置日期 |
||||
|
* @param {Object} date |
||||
|
*/ |
||||
|
setDate(date) { |
||||
|
this.selectDate = this.getDate(date) |
||||
|
this._getWeek(this.selectDate.fullDate) |
||||
|
} |
||||
|
|
||||
/** |
|
||||
* 清理多选状态 |
|
||||
*/ |
|
||||
cleanMultipleStatus() { |
|
||||
this.multipleStatus = { |
|
||||
before: '', |
|
||||
after: '', |
|
||||
data: [] |
|
||||
} |
|
||||
} |
|
||||
|
/** |
||||
|
* 清理多选状态 |
||||
|
*/ |
||||
|
cleanMultipleStatus() { |
||||
|
this.multipleStatus = { |
||||
|
before: '', |
||||
|
after: '', |
||||
|
data: [] |
||||
|
} |
||||
|
} |
||||
|
|
||||
/** |
|
||||
* 重置开始日期 |
|
||||
*/ |
|
||||
resetSatrtDate(startDate) { |
|
||||
// 范围开始
|
|
||||
this.startDate = startDate |
|
||||
|
/** |
||||
|
* 重置开始日期 |
||||
|
*/ |
||||
|
resetSatrtDate(startDate) { |
||||
|
// 范围开始
|
||||
|
this.startDate = startDate |
||||
|
} |
||||
|
|
||||
} |
|
||||
|
/** |
||||
|
* 重置结束日期 |
||||
|
*/ |
||||
|
resetEndDate(endDate) { |
||||
|
// 范围结束
|
||||
|
this.endDate = endDate |
||||
|
} |
||||
|
|
||||
/** |
|
||||
* 重置结束日期 |
|
||||
*/ |
|
||||
resetEndDate(endDate) { |
|
||||
// 范围结束
|
|
||||
this.endDate = endDate |
|
||||
} |
|
||||
|
/** |
||||
|
* 获取任意时间 |
||||
|
*/ |
||||
|
getDate(date, AddDayCount = 0, str = 'day') { |
||||
|
if (!date) { |
||||
|
date = new Date() |
||||
|
} |
||||
|
if (typeof date !== 'object') { |
||||
|
date = date.replace(/-/g, '/') |
||||
|
} |
||||
|
const dd = new Date(date) |
||||
|
switch (str) { |
||||
|
case 'day': |
||||
|
dd.setDate(dd.getDate() + AddDayCount) // 获取AddDayCount天后的日期
|
||||
|
break |
||||
|
case 'month': |
||||
|
if (dd.getDate() === 31) { |
||||
|
dd.setDate(dd.getDate() + AddDayCount) |
||||
|
} else { |
||||
|
dd.setMonth(dd.getMonth() + AddDayCount) // 获取AddDayCount天后的日期
|
||||
|
} |
||||
|
break |
||||
|
case 'year': |
||||
|
dd.setFullYear(dd.getFullYear() + AddDayCount) // 获取AddDayCount天后的日期
|
||||
|
break |
||||
|
} |
||||
|
const y = dd.getFullYear() |
||||
|
const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // 获取当前月份的日期,不足10补0
|
||||
|
const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // 获取当前几号,不足10补0
|
||||
|
return { |
||||
|
fullDate: y + '-' + m + '-' + d, |
||||
|
year: y, |
||||
|
month: m, |
||||
|
date: d, |
||||
|
day: dd.getDay() |
||||
|
} |
||||
|
} |
||||
|
|
||||
/** |
|
||||
* 获取任意时间 |
|
||||
*/ |
|
||||
getDate(date, AddDayCount = 0, str = 'day') { |
|
||||
if (!date) { |
|
||||
date = new Date() |
|
||||
} |
|
||||
if (typeof date !== 'object') { |
|
||||
date = date.replace(/-/g, '/') |
|
||||
} |
|
||||
const dd = new Date(date) |
|
||||
switch (str) { |
|
||||
case 'day': |
|
||||
dd.setDate(dd.getDate() + AddDayCount) // 获取AddDayCount天后的日期
|
|
||||
break |
|
||||
case 'month': |
|
||||
if (dd.getDate() === 31) { |
|
||||
dd.setDate(dd.getDate() + AddDayCount) |
|
||||
} else { |
|
||||
dd.setMonth(dd.getMonth() + AddDayCount) // 获取AddDayCount天后的日期
|
|
||||
} |
|
||||
break |
|
||||
case 'year': |
|
||||
dd.setFullYear(dd.getFullYear() + AddDayCount) // 获取AddDayCount天后的日期
|
|
||||
break |
|
||||
} |
|
||||
const y = dd.getFullYear() |
|
||||
const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // 获取当前月份的日期,不足10补0
|
|
||||
const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // 获取当前几号,不足10补0
|
|
||||
return { |
|
||||
fullDate: y + '-' + m + '-' + d, |
|
||||
year: y, |
|
||||
month: m, |
|
||||
date: d, |
|
||||
day: dd.getDay() |
|
||||
} |
|
||||
} |
|
||||
|
/** |
||||
|
* 获取上月剩余天数 |
||||
|
*/ |
||||
|
_getLastMonthDays(firstDay, full) { |
||||
|
let dateArr = [] |
||||
|
for (let i = firstDay; i > 0; i--) { |
||||
|
const beforeDate = new Date(full.year, full.month - 1, -i + 1).getDate() |
||||
|
dateArr.push({ |
||||
|
date: beforeDate, |
||||
|
month: full.month - 1, |
||||
|
disable: true |
||||
|
}) |
||||
|
} |
||||
|
return dateArr |
||||
|
} |
||||
|
/** |
||||
|
* 获取本月天数 |
||||
|
*/ |
||||
|
_currentMonthDys(dateData, full) { |
||||
|
let dateArr = [] |
||||
|
let fullDate = this.date.fullDate |
||||
|
for (let i = 1; i <= dateData; i++) { |
||||
|
let isinfo = false |
||||
|
let nowDate = full.year + '-' + full.month + '-' + (i < 10 ? '0' + i : i) |
||||
|
// 是否今天
|
||||
|
let isDay = fullDate === nowDate |
||||
|
// 获取打点信息
|
||||
|
let info = |
||||
|
this.selected && |
||||
|
this.selected.find((item) => { |
||||
|
if (this.dateEqual(nowDate, item.date)) { |
||||
|
return item |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
// 日期禁用
|
||||
|
let disableBefore = true |
||||
|
let disableAfter = true |
||||
|
if (this.startDate) { |
||||
|
// let dateCompBefore = this.dateCompare(this.startDate, fullDate)
|
||||
|
// disableBefore = this.dateCompare(dateCompBefore ? this.startDate : fullDate, nowDate)
|
||||
|
disableBefore = this.dateCompare(this.startDate, nowDate) |
||||
|
} |
||||
|
|
||||
/** |
|
||||
* 获取上月剩余天数 |
|
||||
*/ |
|
||||
_getLastMonthDays(firstDay, full) { |
|
||||
let dateArr = [] |
|
||||
for (let i = firstDay; i > 0; i--) { |
|
||||
const beforeDate = new Date(full.year, full.month - 1, -i + 1).getDate() |
|
||||
dateArr.push({ |
|
||||
date: beforeDate, |
|
||||
month: full.month - 1, |
|
||||
disable: true |
|
||||
}) |
|
||||
} |
|
||||
return dateArr |
|
||||
} |
|
||||
/** |
|
||||
* 获取本月天数 |
|
||||
*/ |
|
||||
_currentMonthDys(dateData, full) { |
|
||||
let dateArr = [] |
|
||||
let fullDate = this.date.fullDate |
|
||||
for (let i = 1; i <= dateData; i++) { |
|
||||
let isinfo = false |
|
||||
let nowDate = full.year + '-' + (full.month < 10 ? |
|
||||
full.month : full.month) + '-' + (i < 10 ? |
|
||||
'0' + i : i) |
|
||||
// 是否今天
|
|
||||
let isDay = fullDate === nowDate |
|
||||
// 获取打点信息
|
|
||||
let info = this.selected && this.selected.find((item) => { |
|
||||
if (this.dateEqual(nowDate, item.date)) { |
|
||||
return item |
|
||||
} |
|
||||
}) |
|
||||
|
if (this.endDate) { |
||||
|
// let dateCompAfter = this.dateCompare(fullDate, this.endDate)
|
||||
|
// disableAfter = this.dateCompare(nowDate, dateCompAfter ? this.endDate : fullDate)
|
||||
|
disableAfter = this.dateCompare(nowDate, this.endDate) |
||||
|
} |
||||
|
let multiples = this.multipleStatus.data |
||||
|
let checked = false |
||||
|
let multiplesStatus = -1 |
||||
|
if (this.range) { |
||||
|
if (multiples) { |
||||
|
multiplesStatus = multiples.findIndex((item) => { |
||||
|
return this.dateEqual(item, nowDate) |
||||
|
}) |
||||
|
} |
||||
|
if (multiplesStatus !== -1) { |
||||
|
checked = true |
||||
|
} |
||||
|
} |
||||
|
let data = { |
||||
|
fullDate: nowDate, |
||||
|
year: full.year, |
||||
|
date: i, |
||||
|
multiple: this.range ? checked : false, |
||||
|
beforeMultiple: this.isLogicBefore(nowDate, this.multipleStatus.before, this.multipleStatus.after), |
||||
|
afterMultiple: this.isLogicAfter(nowDate, this.multipleStatus.before, this.multipleStatus.after), |
||||
|
month: full.month, |
||||
|
disable: !(disableBefore && disableAfter), |
||||
|
isDay, |
||||
|
userChecked: false |
||||
|
} |
||||
|
if (info) { |
||||
|
data.extraInfo = info |
||||
|
} |
||||
|
|
||||
// 日期禁用
|
|
||||
let disableBefore = true |
|
||||
let disableAfter = true |
|
||||
if (this.startDate) { |
|
||||
// let dateCompBefore = this.dateCompare(this.startDate, fullDate)
|
|
||||
// disableBefore = this.dateCompare(dateCompBefore ? this.startDate : fullDate, nowDate)
|
|
||||
disableBefore = this.dateCompare(this.startDate, nowDate) |
|
||||
} |
|
||||
|
dateArr.push(data) |
||||
|
} |
||||
|
return dateArr |
||||
|
} |
||||
|
/** |
||||
|
* 获取下月天数 |
||||
|
*/ |
||||
|
_getNextMonthDays(surplus, full) { |
||||
|
let dateArr = [] |
||||
|
for (let i = 1; i < surplus + 1; i++) { |
||||
|
dateArr.push({ |
||||
|
date: i, |
||||
|
month: Number(full.month) + 1, |
||||
|
disable: true |
||||
|
}) |
||||
|
} |
||||
|
return dateArr |
||||
|
} |
||||
|
|
||||
if (this.endDate) { |
|
||||
// let dateCompAfter = this.dateCompare(fullDate, this.endDate)
|
|
||||
// disableAfter = this.dateCompare(nowDate, dateCompAfter ? this.endDate : fullDate)
|
|
||||
disableAfter = this.dateCompare(nowDate, this.endDate) |
|
||||
} |
|
||||
let multiples = this.multipleStatus.data |
|
||||
let checked = false |
|
||||
let multiplesStatus = -1 |
|
||||
if (this.range) { |
|
||||
if (multiples) { |
|
||||
multiplesStatus = multiples.findIndex((item) => { |
|
||||
return this.dateEqual(item, nowDate) |
|
||||
}) |
|
||||
} |
|
||||
if (multiplesStatus !== -1) { |
|
||||
checked = true |
|
||||
} |
|
||||
} |
|
||||
let data = { |
|
||||
fullDate: nowDate, |
|
||||
year: full.year, |
|
||||
date: i, |
|
||||
multiple: this.range ? checked : false, |
|
||||
beforeMultiple: this.isLogicBefore(nowDate, this.multipleStatus.before, this.multipleStatus.after), |
|
||||
afterMultiple: this.isLogicAfter(nowDate, this.multipleStatus.before, this.multipleStatus.after), |
|
||||
month: full.month, |
|
||||
disable: !(disableBefore && disableAfter), |
|
||||
isDay, |
|
||||
userChecked: false |
|
||||
} |
|
||||
if (info) { |
|
||||
data.extraInfo = info |
|
||||
} |
|
||||
|
/** |
||||
|
* 获取当前日期详情 |
||||
|
* @param {Object} date |
||||
|
*/ |
||||
|
getInfo(date) { |
||||
|
if (!date) { |
||||
|
date = new Date() |
||||
|
} |
||||
|
const dateInfo = this.canlender.find((item) => item.fullDate === this.getDate(date).fullDate) |
||||
|
return dateInfo |
||||
|
} |
||||
|
|
||||
dateArr.push(data) |
|
||||
} |
|
||||
return dateArr |
|
||||
} |
|
||||
/** |
|
||||
* 获取下月天数 |
|
||||
*/ |
|
||||
_getNextMonthDays(surplus, full) { |
|
||||
let dateArr = [] |
|
||||
for (let i = 1; i < surplus + 1; i++) { |
|
||||
dateArr.push({ |
|
||||
date: i, |
|
||||
month: Number(full.month) + 1, |
|
||||
disable: true |
|
||||
}) |
|
||||
} |
|
||||
return dateArr |
|
||||
} |
|
||||
|
/** |
||||
|
* 比较时间大小 |
||||
|
*/ |
||||
|
dateCompare(startDate, endDate) { |
||||
|
// 计算截止时间
|
||||
|
startDate = new Date(startDate.replace('-', '/').replace('-', '/')) |
||||
|
// 计算详细项的截止时间
|
||||
|
endDate = new Date(endDate.replace('-', '/').replace('-', '/')) |
||||
|
if (startDate <= endDate) { |
||||
|
return true |
||||
|
} else { |
||||
|
return false |
||||
|
} |
||||
|
} |
||||
|
|
||||
/** |
|
||||
* 获取当前日期详情 |
|
||||
* @param {Object} date |
|
||||
*/ |
|
||||
getInfo(date) { |
|
||||
if (!date) { |
|
||||
date = new Date() |
|
||||
} |
|
||||
const dateInfo = this.canlender.find(item => item.fullDate === this.getDate(date).fullDate) |
|
||||
return dateInfo |
|
||||
} |
|
||||
|
/** |
||||
|
* 比较时间是否相等 |
||||
|
*/ |
||||
|
dateEqual(before, after) { |
||||
|
// 计算截止时间
|
||||
|
before = new Date(before.replace('-', '/').replace('-', '/')) |
||||
|
// 计算详细项的截止时间
|
||||
|
after = new Date(after.replace('-', '/').replace('-', '/')) |
||||
|
if (before.getTime() - after.getTime() === 0) { |
||||
|
return true |
||||
|
} else { |
||||
|
return false |
||||
|
} |
||||
|
} |
||||
|
|
||||
/** |
|
||||
* 比较时间大小 |
|
||||
*/ |
|
||||
dateCompare(startDate, endDate) { |
|
||||
// 计算截止时间
|
|
||||
startDate = new Date(startDate.replace('-', '/').replace('-', '/')) |
|
||||
// 计算详细项的截止时间
|
|
||||
endDate = new Date(endDate.replace('-', '/').replace('-', '/')) |
|
||||
if (startDate <= endDate) { |
|
||||
return true |
|
||||
} else { |
|
||||
return false |
|
||||
} |
|
||||
} |
|
||||
|
/** |
||||
|
* 比较真实起始日期 |
||||
|
*/ |
||||
|
|
||||
/** |
|
||||
* 比较时间是否相等 |
|
||||
*/ |
|
||||
dateEqual(before, after) { |
|
||||
// 计算截止时间
|
|
||||
before = new Date(before.replace('-', '/').replace('-', '/')) |
|
||||
// 计算详细项的截止时间
|
|
||||
after = new Date(after.replace('-', '/').replace('-', '/')) |
|
||||
if (before.getTime() - after.getTime() === 0) { |
|
||||
return true |
|
||||
} else { |
|
||||
return false |
|
||||
} |
|
||||
} |
|
||||
|
isLogicBefore(currentDay, before, after) { |
||||
|
let logicBefore = before |
||||
|
if (before && after) { |
||||
|
logicBefore = this.dateCompare(before, after) ? before : after |
||||
|
} |
||||
|
return this.dateEqual(logicBefore, currentDay) |
||||
|
} |
||||
|
|
||||
/** |
|
||||
* 比较真实起始日期 |
|
||||
*/ |
|
||||
|
isLogicAfter(currentDay, before, after) { |
||||
|
let logicAfter = after |
||||
|
if (before && after) { |
||||
|
logicAfter = this.dateCompare(before, after) ? after : before |
||||
|
} |
||||
|
return this.dateEqual(logicAfter, currentDay) |
||||
|
} |
||||
|
|
||||
isLogicBefore(currentDay, before, after) { |
|
||||
let logicBefore = before |
|
||||
if (before && after) { |
|
||||
logicBefore = this.dateCompare(before, after) ? before : after |
|
||||
} |
|
||||
return this.dateEqual(logicBefore, currentDay) |
|
||||
} |
|
||||
|
/** |
||||
|
* 获取日期范围内所有日期 |
||||
|
* @param {Object} begin |
||||
|
* @param {Object} end |
||||
|
*/ |
||||
|
geDateAll(begin, end) { |
||||
|
var arr = [] |
||||
|
var ab = begin.split('-') |
||||
|
var ae = end.split('-') |
||||
|
var db = new Date() |
||||
|
db.setFullYear(ab[0], ab[1] - 1, ab[2]) |
||||
|
var de = new Date() |
||||
|
de.setFullYear(ae[0], ae[1] - 1, ae[2]) |
||||
|
var unixDb = db.getTime() - 24 * 60 * 60 * 1000 |
||||
|
var unixDe = de.getTime() - 24 * 60 * 60 * 1000 |
||||
|
for (var k = unixDb; k <= unixDe; ) { |
||||
|
k = k + 24 * 60 * 60 * 1000 |
||||
|
arr.push(this.getDate(new Date(parseInt(k))).fullDate) |
||||
|
} |
||||
|
return arr |
||||
|
} |
||||
|
|
||||
isLogicAfter(currentDay, before, after) { |
|
||||
let logicAfter = after |
|
||||
if (before && after) { |
|
||||
logicAfter = this.dateCompare(before, after) ? after : before |
|
||||
} |
|
||||
return this.dateEqual(logicAfter, currentDay) |
|
||||
} |
|
||||
|
/** |
||||
|
* 获取多选状态 |
||||
|
*/ |
||||
|
setMultiple(fullDate) { |
||||
|
let { before, after } = this.multipleStatus |
||||
|
if (!this.range) return |
||||
|
if (before && after) { |
||||
|
if (!this.lastHover) { |
||||
|
this.lastHover = true |
||||
|
return |
||||
|
} |
||||
|
this.multipleStatus.before = fullDate |
||||
|
this.multipleStatus.after = '' |
||||
|
this.multipleStatus.data = [] |
||||
|
this.multipleStatus.fulldate = '' |
||||
|
this.lastHover = false |
||||
|
} else { |
||||
|
if (!before) { |
||||
|
this.multipleStatus.before = fullDate |
||||
|
this.lastHover = false |
||||
|
} else { |
||||
|
this.multipleStatus.after = fullDate |
||||
|
if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) { |
||||
|
this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus.after) |
||||
|
} else { |
||||
|
this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus.before) |
||||
|
} |
||||
|
this.lastHover = true |
||||
|
} |
||||
|
} |
||||
|
this._getWeek(fullDate) |
||||
|
} |
||||
|
|
||||
/** |
|
||||
* 获取日期范围内所有日期 |
|
||||
* @param {Object} begin |
|
||||
* @param {Object} end |
|
||||
*/ |
|
||||
geDateAll(begin, end) { |
|
||||
var arr = [] |
|
||||
var ab = begin.split('-') |
|
||||
var ae = end.split('-') |
|
||||
var db = new Date() |
|
||||
db.setFullYear(ab[0], ab[1] - 1, ab[2]) |
|
||||
var de = new Date() |
|
||||
de.setFullYear(ae[0], ae[1] - 1, ae[2]) |
|
||||
var unixDb = db.getTime() - 24 * 60 * 60 * 1000 |
|
||||
var unixDe = de.getTime() - 24 * 60 * 60 * 1000 |
|
||||
for (var k = unixDb; k <= unixDe;) { |
|
||||
k = k + 24 * 60 * 60 * 1000 |
|
||||
arr.push(this.getDate(new Date(parseInt(k))).fullDate) |
|
||||
} |
|
||||
return arr |
|
||||
} |
|
||||
|
/** |
||||
|
* 鼠标 hover 更新多选状态 |
||||
|
*/ |
||||
|
setHoverMultiple(fullDate) { |
||||
|
let { before, after } = this.multipleStatus |
||||
|
|
||||
/** |
|
||||
* 获取多选状态 |
|
||||
*/ |
|
||||
setMultiple(fullDate) { |
|
||||
let { |
|
||||
before, |
|
||||
after |
|
||||
} = this.multipleStatus |
|
||||
if (!this.range) return |
|
||||
if (before && after) { |
|
||||
if (!this.lastHover) { |
|
||||
this.lastHover = true |
|
||||
return |
|
||||
} |
|
||||
this.multipleStatus.before = fullDate |
|
||||
this.multipleStatus.after = '' |
|
||||
this.multipleStatus.data = [] |
|
||||
this.multipleStatus.fulldate = '' |
|
||||
this.lastHover = false |
|
||||
} else { |
|
||||
if (!before) { |
|
||||
this.multipleStatus.before = fullDate |
|
||||
this.lastHover = false |
|
||||
} else { |
|
||||
this.multipleStatus.after = fullDate |
|
||||
if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) { |
|
||||
this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus |
|
||||
.after); |
|
||||
} else { |
|
||||
this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus |
|
||||
.before); |
|
||||
} |
|
||||
this.lastHover = true |
|
||||
} |
|
||||
} |
|
||||
this._getWeek(fullDate) |
|
||||
} |
|
||||
|
if (!this.range) return |
||||
|
if (this.lastHover) return |
||||
|
|
||||
/** |
|
||||
* 鼠标 hover 更新多选状态 |
|
||||
*/ |
|
||||
setHoverMultiple(fullDate) { |
|
||||
let { |
|
||||
before, |
|
||||
after |
|
||||
} = this.multipleStatus |
|
||||
|
if (!before) { |
||||
|
this.multipleStatus.before = fullDate |
||||
|
} else { |
||||
|
this.multipleStatus.after = fullDate |
||||
|
if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) { |
||||
|
this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus.after) |
||||
|
} else { |
||||
|
this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus.before) |
||||
|
} |
||||
|
} |
||||
|
this._getWeek(fullDate) |
||||
|
} |
||||
|
|
||||
if (!this.range) return |
|
||||
if (this.lastHover) return |
|
||||
|
/** |
||||
|
* 更新默认值多选状态 |
||||
|
*/ |
||||
|
setDefaultMultiple(before, after) { |
||||
|
this.multipleStatus.before = before |
||||
|
this.multipleStatus.after = after |
||||
|
if (before && after) { |
||||
|
if (this.dateCompare(before, after)) { |
||||
|
this.multipleStatus.data = this.geDateAll(before, after) |
||||
|
this._getWeek(after) |
||||
|
} else { |
||||
|
this.multipleStatus.data = this.geDateAll(after, before) |
||||
|
this._getWeek(before) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
if (!before) { |
|
||||
this.multipleStatus.before = fullDate |
|
||||
} else { |
|
||||
this.multipleStatus.after = fullDate |
|
||||
if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) { |
|
||||
this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus.after); |
|
||||
} else { |
|
||||
this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus.before); |
|
||||
} |
|
||||
} |
|
||||
this._getWeek(fullDate) |
|
||||
} |
|
||||
|
/** |
||||
|
* 获取每周数据 |
||||
|
* @param {Object} dateData |
||||
|
*/ |
||||
|
_getWeek(dateData) { |
||||
|
const { fullDate, year, month, date, day } = this.getDate(dateData) |
||||
|
let firstDay = new Date(year, month - 1, 1).getDay() |
||||
|
let currentDay = new Date(year, month, 0).getDate() |
||||
|
let dates = { |
||||
|
lastMonthDays: this._getLastMonthDays(firstDay, this.getDate(dateData)), // 上个月末尾几天
|
||||
|
currentMonthDys: this._currentMonthDys(currentDay, this.getDate(dateData)), // 本月天数
|
||||
|
nextMonthDays: [], // 下个月开始几天
|
||||
|
weeks: [] |
||||
|
} |
||||
|
let canlender = [] |
||||
|
const surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length) |
||||
|
dates.nextMonthDays = this._getNextMonthDays(surplus, this.getDate(dateData)) |
||||
|
canlender = canlender.concat(dates.lastMonthDays, dates.currentMonthDys, dates.nextMonthDays) |
||||
|
let weeks = {} |
||||
|
// 拼接数组 上个月开始几天 + 本月天数+ 下个月开始几天
|
||||
|
for (let i = 0; i < canlender.length; i++) { |
||||
|
if (i % 7 === 0) { |
||||
|
weeks[parseInt(i / 7)] = new Array(7) |
||||
|
} |
||||
|
weeks[parseInt(i / 7)][i % 7] = canlender[i] |
||||
|
} |
||||
|
this.canlender = canlender |
||||
|
this.weeks = weeks |
||||
|
} |
||||
|
|
||||
/** |
|
||||
* 更新默认值多选状态 |
|
||||
*/ |
|
||||
setDefaultMultiple(before, after) { |
|
||||
this.multipleStatus.before = before |
|
||||
this.multipleStatus.after = after |
|
||||
if (before && after) { |
|
||||
if (this.dateCompare(before, after)) { |
|
||||
this.multipleStatus.data = this.geDateAll(before, after); |
|
||||
this._getWeek(after) |
|
||||
} else { |
|
||||
this.multipleStatus.data = this.geDateAll(after, before); |
|
||||
this._getWeek(before) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* 获取每周数据 |
|
||||
* @param {Object} dateData |
|
||||
*/ |
|
||||
_getWeek(dateData) { |
|
||||
const { |
|
||||
fullDate, |
|
||||
year, |
|
||||
month, |
|
||||
date, |
|
||||
day |
|
||||
} = this.getDate(dateData) |
|
||||
let firstDay = new Date(year, month - 1, 1).getDay() |
|
||||
let currentDay = new Date(year, month, 0).getDate() |
|
||||
let dates = { |
|
||||
lastMonthDays: this._getLastMonthDays(firstDay, this.getDate(dateData)), // 上个月末尾几天
|
|
||||
currentMonthDys: this._currentMonthDys(currentDay, this.getDate(dateData)), // 本月天数
|
|
||||
nextMonthDays: [], // 下个月开始几天
|
|
||||
weeks: [] |
|
||||
} |
|
||||
let canlender = [] |
|
||||
const surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length) |
|
||||
dates.nextMonthDays = this._getNextMonthDays(surplus, this.getDate(dateData)) |
|
||||
canlender = canlender.concat(dates.lastMonthDays, dates.currentMonthDys, dates.nextMonthDays) |
|
||||
let weeks = {} |
|
||||
// 拼接数组 上个月开始几天 + 本月天数+ 下个月开始几天
|
|
||||
for (let i = 0; i < canlender.length; i++) { |
|
||||
if (i % 7 === 0) { |
|
||||
weeks[parseInt(i / 7)] = new Array(7) |
|
||||
} |
|
||||
weeks[parseInt(i / 7)][i % 7] = canlender[i] |
|
||||
} |
|
||||
this.canlender = canlender |
|
||||
this.weeks = weeks |
|
||||
} |
|
||||
|
|
||||
//静态方法
|
|
||||
// static init(date) {
|
|
||||
// if (!this.instance) {
|
|
||||
// this.instance = new Calendar(date);
|
|
||||
// }
|
|
||||
// return this.instance;
|
|
||||
// }
|
|
||||
|
//静态方法
|
||||
|
// static init(date) {
|
||||
|
// if (!this.instance) {
|
||||
|
// this.instance = new Calendar(date);
|
||||
|
// }
|
||||
|
// return this.instance;
|
||||
|
// }
|
||||
} |
} |
||||
|
|
||||
|
|
||||
export default Calendar |
export default Calendar |
||||
@ -1,195 +1,195 @@ |
|||||
<template> |
<template> |
||||
<view class="system-message"> |
|
||||
<scroll-list ref="messageRef" :option="option" @load="quotationUp" @refresh="quotationDown"> |
|
||||
<view v-for="(item, index) in list" :key="index"> |
|
||||
<view class="system-message-main"> |
|
||||
<view class="system-message-main-top"> |
|
||||
<view class="system-message-title"> |
|
||||
<view class="">{{ item.messageType | meesageTypeFilter }}</view> |
|
||||
<view class="dian" v-if="item.readOrNot === 0"></view> |
|
||||
</view> |
|
||||
<view class="system-message-subtitle">{{ item.createTime }}</view> |
|
||||
</view> |
|
||||
<view class="system-message-contant">{{ item.content }}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</scroll-list> |
|
||||
</view> |
|
||||
|
<view class="system-message"> |
||||
|
<scroll-list ref="messageRef" :option="option" @load="quotationUp" @refresh="quotationDown"> |
||||
|
<view v-for="(item, index) in list" :key="index"> |
||||
|
<view class="system-message-main"> |
||||
|
<view class="system-message-main-top"> |
||||
|
<view class="system-message-title"> |
||||
|
<view class="">{{ item.messageType | meesageTypeFilter }}</view> |
||||
|
<view class="dian" v-if="item.readOrNot === 0"></view> |
||||
|
</view> |
||||
|
<view class="system-message-subtitle">{{ item.createTime }}</view> |
||||
|
</view> |
||||
|
<view class="system-message-contant">{{ item.content }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</scroll-list> |
||||
|
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { systemMessageList, systemRead } from '@/apis/trade' |
import { systemMessageList, systemRead } from '@/apis/trade' |
||||
export default { |
export default { |
||||
data() { |
|
||||
return { |
|
||||
option: { |
|
||||
size: 10, |
|
||||
auto: true, |
|
||||
emptyText: '暂无消息~', |
|
||||
background: '#F7F8FA', |
|
||||
fontSize: '40rpx' |
|
||||
}, |
|
||||
pagination: { |
|
||||
pageNum: 0, // 初始会执行一次下拉加载 |
|
||||
pageSize: 10 |
|
||||
}, |
|
||||
list: [] |
|
||||
} |
|
||||
}, |
|
||||
filters: { |
|
||||
meesageTypeFilter(value) { |
|
||||
var mes = '' |
|
||||
if (value) { |
|
||||
switch (value) { |
|
||||
case 1: |
|
||||
mes = '客户下单' |
|
||||
break |
|
||||
case 2: |
|
||||
mes = '客户付款' |
|
||||
break |
|
||||
case 3: |
|
||||
mes = '客户收货' |
|
||||
break |
|
||||
case 4: |
|
||||
mes = '客户询价' |
|
||||
break |
|
||||
case 4: |
|
||||
mes = '取消订单' |
|
||||
bre |
|
||||
default: |
|
||||
break |
|
||||
} |
|
||||
} |
|
||||
return mes |
|
||||
// 1-客户下单 2-客户付款 3-客户收货 4-客户询价 5-取消订单 |
|
||||
} |
|
||||
}, |
|
||||
onLoad(option) { |
|
||||
this.queryData() |
|
||||
}, |
|
||||
methods: { |
|
||||
queryData() { |
|
||||
return new Promise((resolve, reject) => { |
|
||||
systemMessageList({ ...this.pagination }) |
|
||||
.then(res => { |
|
||||
if (res) { |
|
||||
var data = res.records |
|
||||
var count = 0 |
|
||||
for (let i = 0; i < data.length; i++) { |
|
||||
if (data[i].readOrNot === 0) { |
|
||||
count = count + 1 |
|
||||
} |
|
||||
} |
|
||||
this.$emit('systemCount', count) |
|
||||
if (this.pagination.pageNum === 0) { |
|
||||
this.list = res.records |
|
||||
} else { |
|
||||
this.list = this.list.concat(res.records) |
|
||||
} |
|
||||
resolve({ list: this.list, total: res.total }) |
|
||||
} else { |
|
||||
reject() |
|
||||
} |
|
||||
}) |
|
||||
.catch(err => { |
|
||||
reject(err) |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
//消息分页 |
|
||||
quotationUp(page) { |
|
||||
this.pagination.pageNum++ |
|
||||
this.queryData() |
|
||||
.then(({ list, total }) => { |
|
||||
this.$refs.messageRef.refreshSuccess({ list, total }) |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
this.$refs.messageRef.loadFail() |
|
||||
}) |
|
||||
}, |
|
||||
//消息分页 |
|
||||
quotationDown() { |
|
||||
this.pagination.pageNum = 0 |
|
||||
this.queryData() |
|
||||
.then(({ list, total }) => { |
|
||||
this.$refs.messageRef.refreshSuccess({ list, total }) |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
this.$refs.messageRef.refreshFail() |
|
||||
}) |
|
||||
}, |
|
||||
allread() { |
|
||||
return new Promise((resolve, reject) => { |
|
||||
var meesage = this.list.map(item => { |
|
||||
return item.id |
|
||||
}) |
|
||||
var params = { |
|
||||
messageIds:meesage |
|
||||
} |
|
||||
systemRead(params) |
|
||||
.then(res => { |
|
||||
if (res) { |
|
||||
uni.showToast({ |
|
||||
title: '操作成功', |
|
||||
icon: 'success' |
|
||||
}) |
|
||||
this.pagination.pageNum = 0 |
|
||||
this.queryData() |
|
||||
this.$emit('systemCount', 0) |
|
||||
} else { |
|
||||
reject() |
|
||||
} |
|
||||
}) |
|
||||
.catch(err => { |
|
||||
reject(err) |
|
||||
}) |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
|
data() { |
||||
|
return { |
||||
|
option: { |
||||
|
size: 10, |
||||
|
auto: true, |
||||
|
emptyText: '暂无消息~', |
||||
|
background: '#F7F8FA', |
||||
|
fontSize: '40rpx' |
||||
|
}, |
||||
|
pagination: { |
||||
|
pageNum: 0, // 初始会执行一次下拉加载 |
||||
|
pageSize: 10 |
||||
|
}, |
||||
|
list: [] |
||||
|
} |
||||
|
}, |
||||
|
filters: { |
||||
|
meesageTypeFilter(value) { |
||||
|
var mes = '' |
||||
|
if (value) { |
||||
|
switch (value) { |
||||
|
case 1: |
||||
|
mes = '客户下单' |
||||
|
break |
||||
|
case 2: |
||||
|
mes = '客户付款' |
||||
|
break |
||||
|
case 3: |
||||
|
mes = '客户收货' |
||||
|
break |
||||
|
case 4: |
||||
|
mes = '客户询价' |
||||
|
break |
||||
|
case 4: |
||||
|
mes = '取消订单' |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
} |
||||
|
return mes |
||||
|
// 1-客户下单 2-客户付款 3-客户收货 4-客户询价 5-取消订单 |
||||
|
} |
||||
|
}, |
||||
|
onLoad(option) { |
||||
|
this.queryData() |
||||
|
}, |
||||
|
methods: { |
||||
|
queryData() { |
||||
|
return new Promise((resolve, reject) => { |
||||
|
systemMessageList({ ...this.pagination }) |
||||
|
.then((res) => { |
||||
|
if (res) { |
||||
|
var data = res.records |
||||
|
var count = 0 |
||||
|
for (let i = 0; i < data.length; i++) { |
||||
|
if (data[i].readOrNot === 0) { |
||||
|
count = count + 1 |
||||
|
} |
||||
|
} |
||||
|
this.$emit('systemCount', count) |
||||
|
if (this.pagination.pageNum === 0) { |
||||
|
this.list = res.records |
||||
|
} else { |
||||
|
this.list = this.list.concat(res.records) |
||||
|
} |
||||
|
resolve({ list: this.list, total: res.total }) |
||||
|
} else { |
||||
|
reject() |
||||
|
} |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
reject(err) |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
//消息分页 |
||||
|
quotationUp(page) { |
||||
|
this.pagination.pageNum++ |
||||
|
this.queryData() |
||||
|
.then(({ list, total }) => { |
||||
|
this.$refs.messageRef.refreshSuccess({ list, total }) |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.$refs.messageRef.loadFail() |
||||
|
}) |
||||
|
}, |
||||
|
//消息分页 |
||||
|
quotationDown() { |
||||
|
this.pagination.pageNum = 0 |
||||
|
this.queryData() |
||||
|
.then(({ list, total }) => { |
||||
|
this.$refs.messageRef.refreshSuccess({ list, total }) |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.$refs.messageRef.refreshFail() |
||||
|
}) |
||||
|
}, |
||||
|
allread() { |
||||
|
return new Promise((resolve, reject) => { |
||||
|
var meesage = this.list.map((item) => { |
||||
|
return item.id |
||||
|
}) |
||||
|
var params = { |
||||
|
messageIds: meesage |
||||
|
} |
||||
|
systemRead(params) |
||||
|
.then((res) => { |
||||
|
if (res) { |
||||
|
uni.showToast({ |
||||
|
title: '操作成功', |
||||
|
icon: 'success' |
||||
|
}) |
||||
|
this.pagination.pageNum = 0 |
||||
|
this.queryData() |
||||
|
this.$emit('systemCount', 0) |
||||
|
} else { |
||||
|
reject() |
||||
|
} |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
reject(err) |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss"> |
<style lang="scss"> |
||||
.system-message { |
.system-message { |
||||
.system-message-main { |
|
||||
background-color: #ffffff; |
|
||||
margin: 20rpx 32rpx; |
|
||||
border-radius: 20rpx; |
|
||||
} |
|
||||
.system-message-main-top { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
padding: 24rpx 32rpx; |
|
||||
} |
|
||||
.system-message-title { |
|
||||
font-size: 32rpx; |
|
||||
color: #333333; |
|
||||
letter-spacing: 0; |
|
||||
font-weight: 600; |
|
||||
display: flex; |
|
||||
} |
|
||||
.system-message-subtitle { |
|
||||
font-size: 24rpx; |
|
||||
color: #333333; |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
.system-message-contant { |
|
||||
font-size: 28rpx; |
|
||||
color: #888888; |
|
||||
letter-spacing: 0; |
|
||||
font-weight: 400; |
|
||||
padding: 0rpx 32rpx; |
|
||||
line-height: 40rpx; |
|
||||
overflow: auto; |
|
||||
max-height: 100rpx; |
|
||||
height: 100rpx; |
|
||||
} |
|
||||
.dian { |
|
||||
background: #ff0000; |
|
||||
height: 14rpx; |
|
||||
width: 14rpx; |
|
||||
border-radius: 20rpx; |
|
||||
margin-left: 10rpx; |
|
||||
} |
|
||||
|
.system-message-main { |
||||
|
background-color: #ffffff; |
||||
|
margin: 20rpx 32rpx; |
||||
|
border-radius: 20rpx; |
||||
|
} |
||||
|
.system-message-main-top { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
padding: 24rpx 32rpx; |
||||
|
} |
||||
|
.system-message-title { |
||||
|
font-size: 32rpx; |
||||
|
color: #333333; |
||||
|
letter-spacing: 0; |
||||
|
font-weight: 600; |
||||
|
display: flex; |
||||
|
} |
||||
|
.system-message-subtitle { |
||||
|
font-size: 24rpx; |
||||
|
color: #333333; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.system-message-contant { |
||||
|
font-size: 28rpx; |
||||
|
color: #888888; |
||||
|
letter-spacing: 0; |
||||
|
font-weight: 400; |
||||
|
padding: 0rpx 32rpx; |
||||
|
line-height: 40rpx; |
||||
|
overflow: auto; |
||||
|
max-height: 100rpx; |
||||
|
height: 100rpx; |
||||
|
} |
||||
|
.dian { |
||||
|
background: #ff0000; |
||||
|
height: 14rpx; |
||||
|
width: 14rpx; |
||||
|
border-radius: 20rpx; |
||||
|
margin-left: 10rpx; |
||||
|
} |
||||
} |
} |
||||
</style> |
</style> |
||||
Write
Preview
Loading…
Cancel
Save