diff --git a/src/App.vue b/src/App.vue index 89785d2..5da0aee 100644 --- a/src/App.vue +++ b/src/App.vue @@ -9,7 +9,6 @@ diff --git a/src/api/api.js b/src/api/api.js index 81d0b2a..b2a7d6f 100644 --- a/src/api/api.js +++ b/src/api/api.js @@ -3,99 +3,100 @@ import mm from "@/utlis/mm"; import { Loading } from 'element-ui'; export async function getapi(url, params = {}, config) { - return new Promise((resolve, reject) => { - let loading = Loading.service({ - lock: true, - fontSize:"24px", - text: "Loading...", - spinner: "el-icon-loading", - background: "rgba(0, 0, 0, 0)", + return new Promise((resolve, reject) => { + let loading = Loading.service({ + lock: true, + text: "正在加载中,请稍后", + spinner: "el-icon-loading", + background: "rgba(0, 0, 0, 0)", + customClass: "boxStyle" + }); + request + .get(`${mm.apiurl}${url}`, { + params: params, + ...config, + }) + .then((res) => { + resolve(res); + }) + .catch((err) => { + reject(err.data); + }) + .finally(() => { + loading.close(); + }); }); - request - .get(`${mm.apiurl}${url}`, { - params: params, - ...config, - }) - .then((res) => { - resolve(res); - }) - .catch((err) => { - reject(err.data); - }) - .finally(() => { - loading.close(); - }); - }); } //axios封装post export async function postapi(url, paramsdata = {}, config) { - return new Promise((resolve, reject) => { - let loading = Loading.service({ - lock: true, - text: "Loading...", - spinner: "el-icon-loading", - background: "rgba(0, 0, 0, 0)", + return new Promise((resolve, reject) => { + let loading = Loading.service({ + lock: true, + text: "正在加载中,请稍后", + spinner: "el-icon-loading", + background: "rgba(0, 0, 0, 0)", + customClass: "boxStyle" + }); + request + .post(`${mm.apiurl}${url}`, paramsdata, config) + .then((res) => { + resolve(res); + }) + .catch((err) => { + reject(err.data); + }) + .finally(() => { + loading.close(); + }); }); - request - .post(`${mm.apiurl}${url}`, paramsdata, config) - .then((res) => { - resolve(res); - }) - .catch((err) => { - reject(err.data); - }) - .finally(() => { - loading.close(); - }); - }); } //axios封装deleteapi export async function deletapi(url, params = {}, config) { - return new Promise((resolve, reject) => { - let loading = Loading.service({ - lock: true, - text: "Loading...", - spinner: "el-icon-loading", - background: "rgba(0, 0, 0, 0)", + return new Promise((resolve, reject) => { + let loading = Loading.service({ + lock: true, + text: "正在加载中,请稍后", + spinner: "el-icon-loading", + background: "rgba(0, 0, 0, 0)", + customClass: "boxStyle" + }); + request + .delete(`${mm.apiurl}${url}`, { + params: params, + ...config, + }) + .then((res) => { + resolve(res); + }) + .catch((err) => { + reject(err.data); + }) + .finally(() => { + loading.close(); + }); }); - request - .delete(`${mm.apiurl}${url}`, { - params: params, - ...config, - }) - .then((res) => { - resolve(res); - }) - .catch((err) => { - reject(err.data); - }) - .finally(() => { - loading.close(); - }); - }); } //axios封装Put方法 export async function putapi(url, params = {}, config) { - return new Promise((resolve, reject) => { - let loading = Loading.service({ - lock: true, - text: "Loading...", - spinner: "el-icon-loading", - background: "rgba(0, 0, 0, 0)", + return new Promise((resolve, reject) => { + let loading = Loading.service({ + lock: true, + text: "正在加载中,请稍后", + spinner: "el-icon-loading", + background: "rgba(0, 0, 0, 0)", + customClass: "boxStyle" + }); + request + .put(`${mm.apiurl}${url}`, params, config) + .then((res) => { + resolve(res); + }) + .catch((err) => { + reject(err.data); + }) + .finally(() => { + loading.close(); + }); }); - request - .put(`${mm.apiurl}${url}`, params, config) - .then((res) => { - resolve(res); - }) - .catch((err) => { - reject(err.data); - }) - .finally(() => { - loading.close(); - }); - }); -} - - +} \ No newline at end of file