367 lines
9.8 KiB
JavaScript
367 lines
9.8 KiB
JavaScript
import * as Vue from "vue";
|
|
import SelectDialog from "../components/dialog/SelectDialog";
|
|
import SimpleConfirmDialog from "../components/dialog/SimpleConfirmDialog";
|
|
import ConfirmDialog from "../components/dialog/ConfirmDialog";
|
|
import Loading from "../components/Loading.vue";
|
|
import Config from '../config'
|
|
import NoticeDialog from "../components/dialog/NoticeDialog";
|
|
import dayjs from 'dayjs'
|
|
|
|
export default {
|
|
require2(url) {
|
|
return new URL(url, import.meta.url).href
|
|
},
|
|
$showLoading() {
|
|
const app = Vue.createApp({
|
|
render() {
|
|
return <Loading/>
|
|
},
|
|
})
|
|
let parent = document.createElement('div')
|
|
parent.classList.add(...['dialog-ctn'])
|
|
document.body.append(parent)
|
|
app.mount(parent)
|
|
},
|
|
$hideLoading() {
|
|
let parent = document.querySelector('.dialog-ctn')
|
|
parent.remove()
|
|
},
|
|
$showSelectDialog(sexList, cb) {
|
|
let remove = () => {
|
|
let parent = document.querySelector('.dialog-ctn')
|
|
parent.classList.replace('fade-in', 'fade-out')
|
|
setTimeout(() => {
|
|
parent.remove()
|
|
}, 300)
|
|
}
|
|
let tempCb = e => {
|
|
remove()
|
|
cb(e)
|
|
}
|
|
const app = Vue.createApp({
|
|
render() {
|
|
return <SelectDialog onCancel={remove} list={sexList} onOk={tempCb}/>
|
|
},
|
|
})
|
|
let parent = document.createElement('div')
|
|
parent.classList.add(...['dialog-ctn', 'fade-in'])
|
|
document.body.append(parent)
|
|
app.mount(parent)
|
|
},
|
|
$showSimpleConfirmDialog(title, okCb, cancelCb, okText, cancelText,) {
|
|
if (!cancelCb) {
|
|
cancelCb = () => {
|
|
}
|
|
}
|
|
let remove = () => {
|
|
let parent = document.querySelector('.dialog-ctn')
|
|
parent.classList.replace('fade-in', 'fade-out')
|
|
setTimeout(() => {
|
|
parent.remove()
|
|
}, 300)
|
|
}
|
|
let tempOkCb = e => {
|
|
remove()
|
|
okCb(e)
|
|
}
|
|
let tempCancelCb = e => {
|
|
remove()
|
|
cancelCb(e)
|
|
}
|
|
const app = Vue.createApp({
|
|
render() {
|
|
return <SimpleConfirmDialog
|
|
onCancel={tempCancelCb}
|
|
onDismiss={remove}
|
|
title={title}
|
|
okText={okText}
|
|
cancelText={cancelText}
|
|
onOk={tempOkCb}/>
|
|
},
|
|
})
|
|
let parent = document.createElement('div')
|
|
parent.classList.add(...['dialog-ctn', 'fade-in'])
|
|
document.body.append(parent)
|
|
app.mount(parent)
|
|
},
|
|
$showConfirmDialog(title, subtitle, subtitleColor, okCb, cancelCb, okText, cancelText, cancelTextColor) {
|
|
let remove = () => {
|
|
let parent = document.querySelector('.dialog-ctn')
|
|
parent.classList.replace('fade-in', 'fade-out')
|
|
setTimeout(() => {
|
|
parent.remove()
|
|
}, 300)
|
|
}
|
|
let tempOkCb = e => {
|
|
remove()
|
|
okCb && okCb(e)
|
|
}
|
|
let tempCancelCb = e => {
|
|
remove()
|
|
cancelCb && cancelCb(e)
|
|
}
|
|
const app = Vue.createApp({
|
|
render() {
|
|
return <ConfirmDialog onCancel={tempCancelCb}
|
|
onDismiss={remove}
|
|
title={title}
|
|
subtitle={subtitle}
|
|
subtitleColor={subtitleColor}
|
|
cancelTextColor={cancelTextColor}
|
|
okText={okText}
|
|
cancelText={cancelText}
|
|
onOk={tempOkCb}/>
|
|
},
|
|
})
|
|
let parent = document.createElement('div')
|
|
parent.classList.add(...['dialog-ctn', 'fade-in'])
|
|
document.body.append(parent)
|
|
app.mount(parent)
|
|
},
|
|
$showNoticeDialog(title, subtitle, subtitleColor, cancelCb, cancelText) {
|
|
let remove = () => {
|
|
let parent = document.querySelector('.dialog-ctn')
|
|
parent.classList.replace('fade-in', 'fade-out')
|
|
setTimeout(() => {
|
|
parent.remove()
|
|
}, 300)
|
|
}
|
|
let tempCancelCb = e => {
|
|
remove()
|
|
cancelCb(e)
|
|
}
|
|
const app = Vue.createApp({
|
|
render() {
|
|
return <NoticeDialog onCancel={tempCancelCb}
|
|
onDismiss={remove}
|
|
title={title}
|
|
subtitleColor={subtitleColor}
|
|
cancelText={cancelText}
|
|
subtitle={subtitle}/>
|
|
},
|
|
})
|
|
let parent = document.createElement('div')
|
|
parent.classList.add(...['dialog-ctn', 'fade-in'])
|
|
document.body.append(parent)
|
|
app.mount(parent)
|
|
},
|
|
$notice(val) {
|
|
let div = document.createElement('div')
|
|
div.classList.add('global-notice')
|
|
div.textContent = val
|
|
document.body.append(div)
|
|
setTimeout(() => {
|
|
document.body.removeChild(div)
|
|
}, 1000)
|
|
},
|
|
$no() {
|
|
this.$notice('未实现')
|
|
},
|
|
$back() {
|
|
window.history.back()
|
|
},
|
|
$stopPropagation(e) {
|
|
// e.stopImmediatePropagation()
|
|
e.stopPropagation()
|
|
e.preventDefault()
|
|
},
|
|
$getCss(curEle, attr) {
|
|
let val = null, reg = null
|
|
if ("getComputedStyle" in window) {
|
|
val = window.getComputedStyle(curEle, null)[attr]
|
|
} else { //ie6~8不支持上面属性
|
|
//不兼容
|
|
if (attr === "opacity") {
|
|
val = curEle.currentStyle["filter"] //'alpha(opacity=12,345)'
|
|
reg = /^alphaopacity=(\d+(?:\.\d+)?)opacity=(\d+(?:\.\d+)?)$/i
|
|
val = reg.test(val) ? reg.exec(val)[1] / 100 : 1
|
|
} else {
|
|
val = curEle.currentStyle[attr]
|
|
}
|
|
}
|
|
// reg = /^(-?\d+(\.\d)?)(px|pt|em|rem)?$/i
|
|
// return reg.test(val) ? parseFloat(val) : val
|
|
return parseFloat(val)
|
|
},
|
|
$getCss2(curEle, attr) {
|
|
let val = null, reg = null
|
|
if ("getComputedStyle" in window) {
|
|
val = window.getComputedStyle(curEle, null)[attr]
|
|
} else { //ie6~8不支持上面属性
|
|
//不兼容
|
|
if (attr === "opacity") {
|
|
val = curEle.currentStyle["filter"] //'alpha(opacity=12,345)'
|
|
reg = /^alphaopacity=(\d+(?:\.\d+)?)opacity=(\d+(?:\.\d+)?)$/i
|
|
val = reg.test(val) ? reg.exec(val)[1] / 100 : 1
|
|
} else {
|
|
val = curEle.currentStyle[attr]
|
|
}
|
|
}
|
|
// reg = /^(-?\d+(\.\d)?)(px|pt|em|rem)?$/i
|
|
// return reg.test(val) ? parseFloat(val) : val
|
|
return val
|
|
},
|
|
$setCss(el, key, value) {
|
|
// console.log(value)
|
|
if (key === 'transform') {
|
|
//直接设置不生效
|
|
el.style.webkitTransform = el.style.MsTransform = el.style.msTransform = el.style.MozTransform = el.style.OTransform = el.style.transform = value;
|
|
} else {
|
|
el.style[key] = value
|
|
}
|
|
},
|
|
$nav(path, query = {}) {
|
|
this.$router.push({path, query})
|
|
},
|
|
$clone(v) {
|
|
return JSON.parse(JSON.stringify(v))
|
|
},
|
|
$console(v) {
|
|
return console.log(JSON.stringify(v, null, 4))
|
|
},
|
|
$randomNum(minNum, maxNum) {
|
|
switch (arguments.length) {
|
|
case 1:
|
|
return parseInt(Math.random() * minNum + 1, 10);
|
|
break;
|
|
case 2:
|
|
return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
|
|
break;
|
|
default:
|
|
return 0;
|
|
break;
|
|
}
|
|
},
|
|
$sleep(duration) {
|
|
return new Promise((resolve, reject) => {
|
|
setTimeout(resolve, duration)
|
|
})
|
|
},
|
|
$parseURL(url) {
|
|
const a = document.createElement('a')
|
|
a.href = url
|
|
return {
|
|
host: a.hostname,
|
|
port: a.port,
|
|
query: a.search,
|
|
params: (function () {
|
|
const ret = {}
|
|
const seg = a.search.replace(/^\?/, '')
|
|
.split('&')
|
|
const len = seg.length
|
|
let i = 0
|
|
let s
|
|
for (; i < len; i++) {
|
|
if (!seg[i]) {
|
|
continue
|
|
}
|
|
s = seg[i].split('=')
|
|
ret[s[0]] = s[1]
|
|
}
|
|
return ret
|
|
}()),
|
|
hash: a.hash.replace('#', ''),
|
|
}
|
|
},
|
|
$imgPreview(url) {
|
|
// console.log(url)
|
|
if (!url) return
|
|
//本地图片
|
|
if (url.includes('img') || url.includes('data:image')) {
|
|
return url
|
|
}
|
|
//网络，全路径图片
|
|
if (url.includes('http')) {
|
|
return url
|
|
}
|
|
return Config.filePreview + url
|
|
},
|
|
$likeNum(num) {
|
|
if (!num) return
|
|
if (num < 10000) {
|
|
return num
|
|
} else {
|
|
return (num / 10000).toFixed(1) + 'w'
|
|
}
|
|
},
|
|
$getTransform(el) {
|
|
let transform = el.style.transform
|
|
if (!transform) return 0
|
|
// console.log('transform',transform)
|
|
let transformY = transform.substring(transform.indexOf('0px') + 5, transform.lastIndexOf('0px') - 4)
|
|
// console.log('transformY',transformY)
|
|
//当前的transformY
|
|
transformY = parseInt(transformY)
|
|
return transformY
|
|
},
|
|
$storageSet(key, value) {
|
|
localStorage.setItem(key, JSON.stringify(value))
|
|
},
|
|
$storageGet(key, defaultValue = '') {
|
|
let res = localStorage.getItem(key)
|
|
if (res) {
|
|
return JSON.parse(res)
|
|
}
|
|
return defaultValue
|
|
},
|
|
$storageClear(key, isAll = false) {
|
|
if (isAll) {
|
|
localStorage.clear()
|
|
} else {
|
|
localStorage.removeItem(key)
|
|
}
|
|
},
|
|
|
|
$dateFormat(val, type) {
|
|
if (!val) return
|
|
if (typeof val === 'number') {
|
|
|
|
} else {
|
|
if (val.length === 10) {
|
|
val += '000'
|
|
}
|
|
if (typeof val === 'string' && (val.length === 10 || val.length === 13)) {
|
|
val = Number(val)
|
|
}
|
|
}
|
|
switch (type) {
|
|
case 'Y':
|
|
return dayjs(val).format('YYYY')
|
|
case 'M':
|
|
return dayjs(val).format('YYYY-MM')
|
|
case 'M_CN':
|
|
return dayjs(val).format('YYYY年MM月')
|
|
case 'D':
|
|
return dayjs(val).format('YYYY-MM-DD')
|
|
case 'm':
|
|
return dayjs(val).format('YYYY-MM-DD HH:mm')
|
|
case 'S':
|
|
return dayjs(val).format('YYYY-MM-DD HH:mm:ss')
|
|
default:
|
|
return dayjs(val).format('YYYY-MM-DD HH:mm:ss')
|
|
}
|
|
},
|
|
$duration(v) {
|
|
if (!v) return
|
|
let m = Math.floor(v / 60)
|
|
// let s = v % 60
|
|
let s = Math.round(v % 60)
|
|
let str = ''
|
|
if (m === 0) {
|
|
str = '00'
|
|
} else if (m > 0 && m < 10) {
|
|
str = '0' + m
|
|
} else {
|
|
str = m
|
|
}
|
|
str += ':'
|
|
if (s === 0) {
|
|
str += '00'
|
|
} else if (s > 0 && s < 10) {
|
|
str += '0' + s
|
|
} else {
|
|
str += s
|
|
}
|
|
return str
|
|
},
|
|
} |