6 changed files with 625 additions and 4 deletions
@ -0,0 +1,35 @@ |
|||
const VueAxios = { |
|||
vm: {}, |
|||
// eslint-disable-next-line no-unused-vars
|
|||
install (Vue, instance) { |
|||
if (this.installed) { |
|||
return |
|||
} |
|||
this.installed = true |
|||
|
|||
if (!instance) { |
|||
// eslint-disable-next-line no-console
|
|||
console.error('You have to install axios') |
|||
return |
|||
} |
|||
|
|||
Vue.axios = instance |
|||
|
|||
Object.defineProperties(Vue.prototype, { |
|||
axios: { |
|||
get: function get () { |
|||
return instance |
|||
} |
|||
}, |
|||
$http: { |
|||
get: function get () { |
|||
return instance |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
|
|||
export { |
|||
VueAxios |
|||
} |
|||
@ -0,0 +1,89 @@ |
|||
import axios from 'axios' |
|||
// import store from '@/store'
|
|||
// import storage from 'store'
|
|||
// import notification from 'ant-design-vue/es/notification'
|
|||
// import message from 'ant-design-vue/es/message'
|
|||
import { VueAxios } from './axios' |
|||
import { isObject } from './util' |
|||
// import { ACCESS_TOKEN } from '@/store/mutation-types'
|
|||
|
|||
// 站点配置文件
|
|||
// window.publicConfig => public/config.js
|
|||
// const publicConfig = store.getters.publicConfig
|
|||
|
|||
// 创建 axios 实例
|
|||
const service = axios.create({ |
|||
// 服务端api地址
|
|||
// baseURL: process.env.NODE_ENV === 'production' ? publicConfig.BASE_API : process.env.VUE_APP_API_BASE_URL,
|
|||
// baseURL: publicConfig.BASE_API,
|
|||
timeout: 60 * 1000 // 请求超时时间，60秒, 如果上传大文件需要更长
|
|||
}) |
|||
|
|||
// 接口请求拦截
|
|||
service.interceptors.request.use(config => { |
|||
// 设置每个请求的Content-Type
|
|||
// config.headers['Content-Type'] = 'application/json;charset=utf-8'
|
|||
|
|||
// 让每个请求携带当前用户token
|
|||
// const token = storage.get(ACCESS_TOKEN)
|
|||
// if (token) {
|
|||
// config.headers['Access-Token'] = token
|
|||
// }
|
|||
return config |
|||
}) |
|||
|
|||
// 是否显示未登录提示
|
|||
let notLoggedMessage = false |
|||
|
|||
// 接口响应拦截
|
|||
service.interceptors.response.use((response) => { |
|||
const result = response.data |
|||
if (!isObject(result)) { |
|||
const error = { message: '服务端api返回的数据格式不正确' } |
|||
return Promise.reject(error) |
|||
} |
|||
// result.status [ 200正常 500有错误 401未登录 403没有权限访问 ]
|
|||
// api报错信息
|
|||
if (result.status === 500) { |
|||
message.error(result.message, 1.8) |
|||
return Promise.reject(result) |
|||
} |
|||
// 鉴权失败: 未登录
|
|||
if (result.status === 401) { |
|||
if (!notLoggedMessage) { |
|||
notLoggedMessage = true |
|||
store.dispatch('Logout').then(() => { |
|||
notification.error({ |
|||
key: 'notLoggedMessage', |
|||
message: '错误', |
|||
description: result.message, |
|||
duration: 3 |
|||
}) |
|||
setTimeout(() => window.location.reload(), 1500) |
|||
}) |
|||
} |
|||
return Promise.reject(result) |
|||
} |
|||
return result |
|||
}, (error) => { |
|||
// 网络请求出错
|
|||
const errMsg = ((error.response || {}).data || {}).message || '请求出现错误，请稍后再试' |
|||
notification.error({ |
|||
message: '网络请求出错', |
|||
description: errMsg, |
|||
duration: 3 |
|||
}) |
|||
return Promise.reject(error) |
|||
}) |
|||
|
|||
const installer = { |
|||
vm: {}, |
|||
install (Vue) { |
|||
Vue.use(VueAxios, service) |
|||
} |
|||
} |
|||
|
|||
export { |
|||
installer as VueAxios, |
|||
service as axios |
|||
} |
|||
@ -0,0 +1,230 @@ |
|||
|
|||
import _ from 'lodash' |
|||
|
|||
export function timeFix () { |
|||
const time = new Date() |
|||
const hour = time.getHours() |
|||
return hour < 9 ? '早上好' : hour <= 11 ? '上午好' : hour <= 13 ? '中午好' : hour < 20 ? '下午好' : '晚上好' |
|||
} |
|||
|
|||
export function welcome () { |
|||
const arr = ['休息一会儿吧', '准备吃什么呢?', '要不要打一把 DOTA', '我猜你可能累了'] |
|||
const index = Math.floor(Math.random() * arr.length) |
|||
return arr[index] |
|||
} |
|||
|
|||
// 触发 window.resize
|
|||
export function triggerWindowResizeEvent () { |
|||
const event = document.createEvent('HTMLEvents') |
|||
event.initEvent('resize', true, true) |
|||
event.eventType = 'message' |
|||
window.dispatchEvent(event) |
|||
} |
|||
|
|||
export function handleScrollHeader (callback) { |
|||
let timer = 0 |
|||
|
|||
let beforeScrollTop = window.pageYOffset |
|||
callback = callback || function () { } |
|||
window.addEventListener( |
|||
'scroll', |
|||
event => { |
|||
clearTimeout(timer) |
|||
timer = setTimeout(() => { |
|||
let direction = 'up' |
|||
const afterScrollTop = window.pageYOffset |
|||
const delta = afterScrollTop - beforeScrollTop |
|||
if (delta === 0) { |
|||
return false |
|||
} |
|||
direction = delta > 0 ? 'down' : 'up' |
|||
callback(direction) |
|||
beforeScrollTop = afterScrollTop |
|||
}, 50) |
|||
}, |
|||
false |
|||
) |
|||
} |
|||
|
|||
export function isIE () { |
|||
const bw = window.navigator.userAgent |
|||
const compare = (s) => bw.indexOf(s) >= 0 |
|||
const ie11 = (() => 'ActiveXObject' in window)() |
|||
return compare('MSIE') || ie11 |
|||
} |
|||
|
|||
/** |
|||
* Remove loading animate |
|||
* @param id parent element id or class |
|||
* @param timeout |
|||
*/ |
|||
export function removeLoadingAnimate (id = '', timeout = 1500) { |
|||
if (id === '') { |
|||
return |
|||
} |
|||
setTimeout(() => { |
|||
document.body.removeChild(document.getElementById(id)) |
|||
}, timeout) |
|||
} |
|||
|
|||
// 节流
|
|||
// 思路： 第一次先设定一个变量true，
|
|||
// 第二次执行这个函数时，会判断变量是否true，
|
|||
// 是则返回。当第一次的定时器执行完函数最后会设定变量为flase。
|
|||
// 那么下次判断变量时则为flase，函数会依次运行。
|
|||
export function throttle (fn, delay = 100) { |
|||
// 首先设定一个变量，在没有执行我们的定时器时为null
|
|||
var timer = null |
|||
return function () { |
|||
// 当我们发现这个定时器存在时，则表示定时器已经在运行中，需要返回
|
|||
if (timer) return |
|||
timer = setTimeout(() => { |
|||
fn.apply(this, arguments) |
|||
timer = null |
|||
}, delay) |
|||
} |
|||
} |
|||
|
|||
// 防抖
|
|||
// 首次运行时把定时器赋值给一个变量， 第二次执行时，
|
|||
// 如果间隔没超过定时器设定的时间则会清除掉定时器，
|
|||
// 重新设定定时器， 依次反复， 当我们停止下来时，
|
|||
// 没有执行清除定时器， 超过一定时间后触发回调函数。
|
|||
export function debounce (fun, delay) { |
|||
return function (args) { |
|||
// 获取函数的作用域和变量
|
|||
const that = this |
|||
const _args = args |
|||
// 每次事件被触发，都会清除当前的timeer，然后重写设置超时调用
|
|||
clearTimeout(fun.id) |
|||
fun.id = setTimeout(function () { |
|||
fun.call(that, _args) |
|||
}, delay) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 判断是否为空对象 |
|||
* @param {*} object 源对象 |
|||
*/ |
|||
export function isEmptyObject (object) { |
|||
return Object.keys(object).length === 0 |
|||
} |
|||
|
|||
/** |
|||
* 判断是否为对象 |
|||
* @param {*} object |
|||
*/ |
|||
export function isObject (object) { |
|||
return Object.prototype.toString.call(object) === '[object Object]' |
|||
} |
|||
|
|||
/** |
|||
* 判断是否为对象 |
|||
* @param {*} array |
|||
*/ |
|||
export function isArray (array) { |
|||
return Object.prototype.toString.call(array) === '[object Array]' |
|||
} |
|||
|
|||
/** |
|||
* 判断是否为空 |
|||
* @param {*} object 源对象 |
|||
*/ |
|||
export function isEmpty (value) { |
|||
if (isArray(value)) { |
|||
return value.length === 0 |
|||
} |
|||
if (isObject(value)) { |
|||
return isEmptyObject(value) |
|||
} |
|||
return !value |
|||
} |
|||
|
|||
/** |
|||
* 判断是否在数组中 |
|||
* @param {*} search |
|||
* @param {*} array |
|||
*/ |
|||
export function inArray (search, array) { |
|||
return array.includes(search) |
|||
} |
|||
|
|||
/** |
|||
* 获取指定天数的日期 |
|||
* @param day |
|||
* @returns {string} |
|||
*/ |
|||
export function getDateByDay (day) { |
|||
var today = new Date() |
|||
var targetdaySeconds = today.getTime() + 1000 * 60 * 60 * 24 * day |
|||
today.setTime(targetdaySeconds) // 注意，这行是关键代码
|
|||
return today.getFullYear() + '-' + zeroFillLeft(today.getMonth() + 1) + '-' + zeroFillLeft(today.getDate()) |
|||
} |
|||
|
|||
/** |
|||
* 左侧补0 |
|||
* @param value |
|||
* @returns {*} |
|||
*/ |
|||
export function zeroFillLeft (value) { |
|||
return (value.toString().length === 1) ? ('0' + value) : value |
|||
} |
|||
|
|||
/** |
|||
* 批量给指定对象赋值 |
|||
* @param obj obj 指定的对象,一般为vue实例 |
|||
* @param obj assignment 赋值的元素 { a: '123' } |
|||
*/ |
|||
export function assignment (obj, assignment) { |
|||
Object.keys(assignment).forEach(key => { |
|||
obj[key] = assignment[key] |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 对象转URL |
|||
* @param {object} obj |
|||
*/ |
|||
export const urlEncode = (obj = {}) => { |
|||
const result = [] |
|||
for (const key in obj) { |
|||
const item = obj[key] |
|||
if (!item) { |
|||
continue |
|||
} |
|||
if (isArray(item)) { |
|||
item.forEach(val => { |
|||
result.push(key + '=' + val) |
|||
}) |
|||
} else { |
|||
result.push(key + '=' + item) |
|||
} |
|||
} |
|||
return result.join('&') |
|||
} |
|||
|
|||
/** |
|||
* 生成url (带参数) |
|||
* @param {string} path 链接 |
|||
* @param {object} query query参数 |
|||
* @returns {*} |
|||
*/ |
|||
export function buildUrL (path, query) { |
|||
const queryStr = isObject(query) ? urlEncode(query) : query |
|||
if (!isEmpty(queryStr)) { |
|||
return path + '?' + queryStr |
|||
} |
|||
return path |
|||
} |
|||
|
|||
/** |
|||
* 合并表单数据 (用于form-model) |
|||
* @param {object} detail 表单数据 (后端返回) |
|||
* @param {object} defaultData 默认数据 |
|||
* @returns {object} |
|||
*/ |
|||
export function assignFormData (detail, defaultData) { |
|||
const filterData = _.pick(detail, _.keys(defaultData)) |
|||
return Object.assign({}, defaultData, filterData) |
|||
} |
|||
Loading…
Reference in new issue