339 lines
11 KiB
JavaScript
339 lines
11 KiB
JavaScript
|
import axios from "axios";
|
|||
|
|
import qs from 'qs';
|
|||
|
|
import router from "../../router";
|
|||
|
|
import { Message } from "element-ui";
|
|||
|
|
import saveAs from "./../lib/filesaver";
|
|||
|
|
import NProgress from 'nprogress';
|
|||
|
|
import './../../../static/css/nprogress.css';
|
|||
|
|
|
|||
|
|
var http = require("./httpurl");
|
|||
|
|
function getUserToken(){
|
|||
|
|
var data = window.localStorage.getItem("etorcurrentuser");
|
|||
|
|
if(data)
|
|||
|
|
return JSON.parse(data).Token;
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var bmsAxios = axios.create({
|
|||
|
|
// timeout: 120000,
|
|||
|
|
withCredentials: true,
|
|||
|
|
baseURL: http.baseURL,
|
|||
|
|
headers: {
|
|||
|
|
post: {
|
|||
|
|
"Content-Type": "application/x-www-form-urlencoded;charset=UTF-8"
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
bmsAxios.interceptors.request.use(
|
|||
|
|
config => {
|
|||
|
|
var data = "";
|
|||
|
|
if (window.localStorage.getItem("etorcurrentuser")) {
|
|||
|
|
data = window.localStorage.getItem("etorcurrentuser");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (data == "") {
|
|||
|
|
config.headers.token = "";
|
|||
|
|
config.headers.sid = sid || 0;
|
|||
|
|
} else {
|
|||
|
|
config.headers.token = JSON.parse(data).Token;
|
|||
|
|
//var TenantId = JSON.parse(data).Manager.TenantId;
|
|||
|
|
//var OperaterID = JSON.parse(data).Manager.ID;
|
|||
|
|
}
|
|||
|
|
var sid = window.localStorage.getItem("sid");
|
|||
|
|
config.headers.sid = sid || 0;
|
|||
|
|
removeNullAndUndefinedProperty(config.data)//没用的参数不要传
|
|||
|
|
removeNullAndUndefinedProperty(config.params)//没用的参数不要传
|
|||
|
|
if (config.url != "Permission/AgainGetToken") {
|
|||
|
|
window.localStorage.setItem(
|
|||
|
|
"lastrequesttime",
|
|||
|
|
JSON.stringify(Date.now())
|
|||
|
|
); //记录用户最后请求时间
|
|||
|
|
}
|
|||
|
|
//debugger
|
|||
|
|
return config;
|
|||
|
|
},
|
|||
|
|
error => {
|
|||
|
|
return Promise.reject(error);
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
// 返回状态
|
|||
|
|
let onceMessage = false;
|
|||
|
|
bmsAxios.interceptors.response.use(
|
|||
|
|
res => {
|
|||
|
|
return res;
|
|||
|
|
},
|
|||
|
|
error => {
|
|||
|
|
//有异常
|
|||
|
|
if (error.response) {
|
|||
|
|
switch (error.response.status) {
|
|||
|
|
case 401:
|
|||
|
|
if (onceMessage) return;
|
|||
|
|
onceMessage = true;
|
|||
|
|
// Message.error("信息过期，请重新登陆");
|
|||
|
|
router.replace({
|
|||
|
|
path: "/login",
|
|||
|
|
query: {
|
|||
|
|
redirect: router.currentRoute.fullPath
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
break;
|
|||
|
|
case 204:
|
|||
|
|
Message.error("暂无数据");
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return Promise.reject(error);
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
export function get(url, config) {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
bmsAxios.get(url, {
|
|||
|
|
params: config,
|
|||
|
|
paramsSerializer: function (params) {
|
|||
|
|
return qs.stringify(params, { arrayFormat: 'repeat' })
|
|||
|
|
}
|
|||
|
|
}).then(
|
|||
|
|
response => {
|
|||
|
|
if (response.data.Code == 10000) {
|
|||
|
|
return resolve(response.data);
|
|||
|
|
} else {
|
|||
|
|
Message.error(response.data.Message||"数据异常")
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
err => {
|
|||
|
|
reject(err);
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
.catch(error => {
|
|||
|
|
reject(error);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export function post(url, params) {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
bmsAxios.post(url, params).then(
|
|||
|
|
response => {
|
|||
|
|
if (response.data.Code == 10000) {
|
|||
|
|
Message.success("操作成功")
|
|||
|
|
return resolve(response.data);
|
|||
|
|
} else {
|
|||
|
|
Message.error(response.data.Message)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
err => {
|
|||
|
|
Message.error("操作失败")
|
|||
|
|
reject(err);
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
.catch(error => {
|
|||
|
|
Message.error("操作异常")
|
|||
|
|
reject(error);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export function put(url, params) {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
bmsAxios.put(url, params).then(
|
|||
|
|
response => {
|
|||
|
|
resolve(response.data);
|
|||
|
|
},
|
|||
|
|
err => {
|
|||
|
|
reject(err);
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
.catch(error => {
|
|||
|
|
reject(error);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
export function del(url, config) {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
bmsAxios.delete(url, { params: config }).then(
|
|||
|
|
response => {
|
|||
|
|
resolve(response.data);
|
|||
|
|
},
|
|||
|
|
err => {
|
|||
|
|
reject(err);
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
.catch(error => {
|
|||
|
|
reject(error);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
/** 使用 get HTTP Method 下载文件 */
|
|||
|
|
export function getDownloadFile(url, params, name) {
|
|||
|
|
NProgress.start();
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
bmsAxios
|
|||
|
|
.get(url, {
|
|||
|
|
params: {
|
|||
|
|
...params,
|
|||
|
|
params: params
|
|||
|
|
},
|
|||
|
|
responseType: "blob"
|
|||
|
|
})
|
|||
|
|
.then(response => {
|
|||
|
|
//确定最终文件名
|
|||
|
|
const fileNameHeader = "x-suggested-filename";
|
|||
|
|
let suggestedFileName = response.headers[fileNameHeader] || name;
|
|||
|
|
if (suggestedFileName)
|
|||
|
|
suggestedFileName = decodeURIComponent(suggestedFileName);
|
|||
|
|
const effectiveFileName =
|
|||
|
|
suggestedFileName === undefined ? "untitled" : suggestedFileName;
|
|||
|
|
|
|||
|
|
//长度为零给出提示，扔出错误
|
|||
|
|
if (response.data.size == 0) throw new Error("文件长度为0");
|
|||
|
|
|
|||
|
|
//返回json，进行解析，获取Message，扔出错误
|
|||
|
|
if (response.data.type == "application/json") {
|
|||
|
|
let reader = new FileReader();
|
|||
|
|
reader.onload = function (event) {
|
|||
|
|
var message = JSON.parse(event.target.result);
|
|||
|
|
reject(new Error(message.Message)); //拒绝
|
|||
|
|
};
|
|||
|
|
reader.readAsText(response.data);
|
|||
|
|
} else {
|
|||
|
|
saveAs(response.data, effectiveFileName);
|
|||
|
|
resolve(); //解决
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.catch(e => reject(e)).finally(function () {
|
|||
|
|
NProgress.done();
|
|||
|
|
}); //拒绝
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
export function all(urlArr) { //并发请求
|
|||
|
|
if (urlArr.length > 6) {
|
|||
|
|
throw '当前不支持数量大于6个的并发请求';
|
|||
|
|
}
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
axios.all(urlArr).then(
|
|||
|
|
axios.spread((v0, v1, v2, v3, v4, v5) => {
|
|||
|
|
let ret = {};
|
|||
|
|
arguments.forEach((item, idx) => {
|
|||
|
|
if (item)
|
|||
|
|
ret[`ret${idx}`] = item
|
|||
|
|
})
|
|||
|
|
resolve(item);
|
|||
|
|
}),
|
|||
|
|
err => {
|
|||
|
|
reject(err);
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
.catch(error => {
|
|||
|
|
reject(error);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export function axiosHttp(url, params, type = 'get') {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
axios[type](url, { params: params }).then(
|
|||
|
|
response => {
|
|||
|
|
resolve(response.data);
|
|||
|
|
},
|
|||
|
|
err => {
|
|||
|
|
reject(err);
|
|||
|
|
}
|
|||
|
|
).catch(error => {
|
|||
|
|
reject(error);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function removeNullAndUndefinedProperty(model) {//移除对象中值为null、undefined的属性
|
|||
|
|
if (model) {
|
|||
|
|
for (let key in model) {
|
|||
|
|
if (model[key] === null || typeof (model[key]) === 'undefined') {
|
|||
|
|
delete model[key]
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createFileInput(accept, onSelect) {
|
|||
|
|
var lastFileInput = document.getElementById("f1_id");
|
|||
|
|
if (lastFileInput != null) {
|
|||
|
|
document.body.removeChild(lastFileInput);
|
|||
|
|
}
|
|||
|
|
lastFileInput = document.createElement("input");
|
|||
|
|
lastFileInput.type = "file";
|
|||
|
|
lastFileInput.name = "f1";
|
|||
|
|
lastFileInput.id = "f1_id";
|
|||
|
|
accept && (lastFileInput.accept = accept);
|
|||
|
|
lastFileInput.setAttribute("style", "display:none;");
|
|||
|
|
document.body.appendChild(lastFileInput);
|
|||
|
|
lastFileInput.onchange = function (e) {
|
|||
|
|
var f = lastFileInput.files[0];
|
|||
|
|
onSelect && onSelect(f)
|
|||
|
|
}
|
|||
|
|
return lastFileInput;
|
|||
|
|
}
|
|||
|
|
export function getUuid(length) {
|
|||
|
|
return Number(Math.random().toString().substr(3, length) + Date.now()).toString(36);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//通过axios上传文件
|
|||
|
|
export function upload(url, uconfig) {
|
|||
|
|
var uconfig = uconfig || {};
|
|||
|
|
var params = uconfig.params || {};
|
|||
|
|
var accept = uconfig.accept || "image/gif, image/jpeg,image/jpg,image/png,image/*";
|
|||
|
|
var onProgress = uconfig.onProgress || function () { };
|
|||
|
|
var onStart = uconfig.onStart || function () { };
|
|||
|
|
var uuid = uconfig.uuid || getUuid(10);
|
|||
|
|
let config = {
|
|||
|
|
headers: {
|
|||
|
|
"Content-Type": "multipart/form-data",
|
|||
|
|
"token":getUserToken(),
|
|||
|
|
"sid":0
|
|||
|
|
},
|
|||
|
|
transformRequest: [function (data) {
|
|||
|
|
return data
|
|||
|
|
}],
|
|||
|
|
onUploadProgress: e => {
|
|||
|
|
var completeProgress = ((e.loaded / e.total * 100) | 0);
|
|||
|
|
onProgress && onProgress(uuid, completeProgress);
|
|||
|
|
console.log("onUploadProgress:" + completeProgress);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
let formData = new FormData();
|
|||
|
|
for (let key of Object.keys(params)) {
|
|||
|
|
formData.append(key, params[key] !== null ? params[key] : '')
|
|||
|
|
}
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
var lastFileInput = createFileInput(accept, file => {
|
|||
|
|
if (!file)
|
|||
|
|
reject("没有选择文件")
|
|||
|
|
formData.append(file.name, file);
|
|||
|
|
onStart && onStart(uuid, file);
|
|||
|
|
|
|||
|
|
var uploadAxios = axios.create({
|
|||
|
|
withCredentials: true,
|
|||
|
|
baseURL: http.baseURL
|
|||
|
|
});
|
|||
|
|
uploadAxios.post(url, formData, config).then(
|
|||
|
|
response => { resolve(response.data) },
|
|||
|
|
err => { reject(err) }
|
|||
|
|
).catch(error => { reject(error) })
|
|||
|
|
})
|
|||
|
|
lastFileInput.click();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
export default {
|
|||
|
|
baseURL: http.baseURL,
|
|||
|
|
get,
|
|||
|
|
post,
|
|||
|
|
del,
|
|||
|
|
put,
|
|||
|
|
upload,//:httpfile.upload,
|
|||
|
|
getDownloadFile,
|
|||
|
|
all(urlArr) { //并发请求
|
|||
|
|
return all(urlArr);
|
|||
|
|
}
|
|||
|
|
};
|