gcs-ui-lib 1.1.433

package/src/utils/request.js

@@ -0,0 +1,191 @@
+import axios from 'axios'
+import {
+  Message,
+  Loading
+} from 'element-ui'
+import {
+  getToken
+} from '@/utils/auth'
+import {
+  getLanguage
+} from '@/locale/lang'
+import {
+  randomString
+} from './index'
+import { cache, cacheAdapterEnhancer } from "@/utils/requestCache";
+// create an axios instance
+const service = axios.create({
+  method: 'post',
+  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
+  // withCredentials: true, // send cookies when cross-domain requests
+  timeout: 50000,// request timeout, // request timeout
+  adapter: cacheAdapterEnhancer(axios.defaults.adapter, {
+    enabledByDefault: false, // 默认禁用缓存
+    maxAge: 500 * 1000, // 缓存时间为60ms
+  }),
+})
+
+console.log('axios.defaults.adapter', cacheAdapterEnhancer)
+
+const codeEnum = {
+  zh: 'zh_CN',
+  en: 'en_US',
+  zht: 'zh_TW'
+}
+
+let loadingInstance = {}
+let isLoading = false
+let requestQueue = new Array(0) // 请求队列
+async function handleResponse() {
+  requestQueue.length--
+
+  if (!requestQueue.length) {
+    // loadingInstance.close && await loadingInstance.close()
+    // isLoading = false
+  }
+}
+
+// request interceptor
+service.interceptors.request.use(
+  config => {
+    // do something before request is sent
+    if (!config.data) {
+      config.data = {}
+    }
+    requestQueue.length++
+
+    if ((config.loading === undefined || config.loading) && !isLoading) {
+      isLoading = true
+      // loadingInstance = Loading.service({
+      //   lock: true,
+      //   text: '加载中...',
+      //   spinner: 'el-icon-loading',
+      //   background: 'rgba(0, 0, 0, 0.35)',
+      //   fullscreen: false,
+      //   customClass: 'global-loading-box'
+      // })
+    }
+
+    config.headers = {
+      ...config.headers,
+      charset: 'utf-8',
+      lang: codeEnum[getLanguage()],
+      timestamp: Date.now(),
+      requestKey: randomString(16),
+      OperationDesc: 'yYarJp'
+    }
+    config.headers.Authorization = `Bearer ${getToken()}`
+    // console.log('Authorization===>',config.headers.Authorization)
+    return config
+  },
+  error => {
+    // do something with request error
+    return Promise.reject(error)
+  }
+)
+
+// response interceptor
+service.interceptors.response.use(
+  /**
+   * If you want to get http information such as headers or status
+   * Please return  response => response
+   */
+
+  /**
+   * Determine the request status by custom code
+   * Here is just an example
+   * You can also judge the status by HTTP Status Code
+   */
+  async response => {
+    const resData = response.data || response
+    const {
+      code,
+      msg,
+      data,
+      total
+    } = resData
+
+    await handleResponse()
+    if (response.config.responseType == 'blob') {
+      return data || resData;
+    }
+    // if the custom code is not 20000, it is judged as an error.
+    if (code !== 200 && code !== 0) {
+      Message({
+        message: msg || 'Error',
+        type: 'error',
+        [`duration${process.env.NODE_ENV === 'development' ? '_close' : ''}`]: 0,
+        showClose: true
+      })
+
+      // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
+      if (code === 10001 || code === 50012 || code === 50014) {
+        // to re-login
+      }
+
+      return Promise.reject({
+        code,
+        msg
+      })
+    } else {
+      if (data && data.failList && data.failList.length > 0) {
+        let keys = Object.keys(data.failList[0])
+        console.log(keys, data.failList[0][keys[0]], 'keys');
+        Message({
+          message: data.failList[0][keys[0]],
+          type: 'error',
+          duration: 5000
+        })
+      }
+      return total === undefined || total === null ?
+        data : {
+          list: data,
+          total
+        }
+    }
+  },
+  async error => {
+    await handleResponse()
+
+    if (error.message.includes('timeout')) {
+      error.message = '请求超时'
+    }
+
+    const {
+      response: {
+        data: {
+          code,
+          msg
+        } = {},
+        status
+      } = {}
+    } = error
+    const message = msg || error.message
+
+    console.trace('-----err', {
+      code, msg, status, message
+    })
+    // for debug
+
+    // if (status >= 400 && status < 500 && code !== 401) {
+    // 400开头的http状态码 to re-login
+    // code === 401 为用户名或密码错误，不应该reload重载，以优化用户体验
+    if (status === 401) {
+      //
+    } else {
+      // Message({
+      //   message,
+      //   type: 'error',
+      //   [`duration${process.env.NODE_ENV === 'development' ? '_close' : ''}`]: 0,
+      //   showClose: true
+      // })
+    }
+
+    return Promise.reject({
+      code,
+      msg: message
+    })
+  }
+)
+
+export default service

package/src/utils/requestCache.js

@@ -0,0 +1,68 @@
+import qs from "qs";
+
+const MemoryCache = {
+    data: {},
+    set(key, value, maxAge) { // 保存数据
+        this.data[key] = {
+            maxAge: maxAge || 0,
+            value,
+            now: Date.now(),
+        };
+    },
+    get(key) { // 从缓存中获取指定 key 对应的值。
+        const cachedItem = this.data[key];
+        if (!cachedItem) return null;
+        const isExpired = Date.now() - cachedItem.now > cachedItem.maxAge;
+        isExpired && this.delete(key);
+        return isExpired ? null : cachedItem.value;
+    },
+    delete(key) { // 从缓存中删除指定 key 对应的值。
+        return delete this.data[key];
+    },
+    clear() { // 清空已缓存的数据。
+        this.data = {};
+    },
+};
+
+function generateReqKey(config) {
+    const {method, url, params, data} = config;
+    return [method, url, JSON.stringify(params), JSON.stringify(data)].join("&");
+}
+
+function isCacheLike(cache) {
+    return !!(cache.set && cache.get && cache.delete && cache.clear
+        && typeof cache.get === 'function' && typeof cache.set === 'function'
+        && typeof cache.delete === 'function' && typeof cache.clear === 'function'
+    );
+}
+
+export function cacheAdapterEnhancer(adapter, options) {
+    const {maxAge, enabledByDefault = true, cacheFlag = "cache",
+        defaultCache = MemoryCache,} = options;
+
+    return (config) => {
+        const {url, method, params, forceUpdate} = config;
+        let useCache = config[cacheFlag] !== undefined && config[cacheFlag] !== null
+            ? config[cacheFlag]
+            : enabledByDefault;
+        if (useCache) {
+            const cache = isCacheLike(useCache) ? useCache : defaultCache;
+            let requestKey = generateReqKey(config);  // 生成请求Key
+            let responsePromise = cache.get(requestKey); // 从缓存中获取请求key对应的响应对象
+            if (!responsePromise || forceUpdate) { // 缓存未命中/失效或强制更新时，则重新请求数据
+                responsePromise = (async () => {
+                    try {
+                        return await adapter(config);  // 使用默认的xhrAdapter发送请求
+                    } catch (reason) {
+                        cache.delete(requestKey);
+                        throw reason;
+                    }
+                })();
+                cache.set(requestKey, responsePromise, maxAge);  // 保存请求返回的响应对象
+                return responsePromise; // 返回已保存的响应对象
+            }
+            return responsePromise;
+        }
+        return adapter(config); // 使用默认的xhrAdapter发送请求
+    };
+}

package/src/utils/thems.js

@@ -0,0 +1,62 @@
+/*
+ * @Author: maoliqiong maoliqiong@nstc.com.cn
+ * @Date: 2022-09-01 11:14:01
+ * @LastEditors: maoliqiong maoliqiong@nstc.com.cn
+ * @LastEditTime: 2022-10-14 09:57:15
+ * @FilePath: \portal-webe:\nstc\新一代票据\gts-bill_web\src\main.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+// import 'n20-common-lib/style/index.css'
+// import {
+//     setVueParameters
+// } from 'n20-common-lib/src/_qiankun/index.js'
+// import {
+//     closeTagsForBackPage,
+//     setTabsForSub,
+//     linkGo,
+//     linkPush
+// } from 'n20-common-lib/src/plugins/CompatibleOld'
+// import n20, {
+//     repairEl
+// } from 'n20-common-lib'
+
+// export const initCommon = (Vue, elementui, i18n, store, router, App) => {
+//     repairEl(elementui)
+//     Vue.use(n20, {
+//         prefix: 'cl',
+//         i18nConfig: i18n
+//     })
+//     Vue.prototype.$closeTagsForBackPage = closeTagsForBackPage;
+//     Vue.prototype.$linkGo = linkGo;
+//     Vue.prototype.$setTabsForSub = setTabsForSub;
+//     Vue.prototype.$linkPush = linkPush;
+
+//     Vue.use(elementui, {
+//         size: 'small', // set element-ui default size
+//         i18n: (key, value) => i18n.t(key, value) // 如果使用中文，无需设置，请删除
+//     })
+
+//     if (!window.__POWERED_BY_QIANKUN__) {
+//         new Vue({
+//             store,
+//             router,
+//             i18n,
+//             render: h => h(App)
+//         }).$mount('#app')
+//     }
+
+//     setVueParameters({
+//         store,
+//         router,
+//         i18n,
+//         render: h => h(App)
+//     })
+// }
+
+
+// export {
+//     bootstrap,
+//     mount,
+//     unmount
+// }
+// from 'n20-common-lib/src/_qiankun/index.js'

package/vue.config.js

@@ -0,0 +1,45 @@
+const { ureConfig, chainConfig } = require('./_webpack.config')
+
+const path = require('path')
+
+const resolve = (dir) => {
+  if (!dir) throw new Error('Directory parameter is required')
+  return path.join(__dirname, dir)
+}
+// 反向代理地址
+const developURL = 'http://192.168.20.244'
+
+module.exports = {
+  lintOnSave: false,
+  runtimeCompiler: true,
+  filenameHashing: true, // 生产文件名带hash
+  productionSourceMap: false,
+  transpileDependencies: [
+    "n20-common-lib",
+    "element-ui"
+  ],
+  devServer: {
+    proxy: {
+      '/api': {
+        target: developURL,
+        changeOrigin: true
+      },
+      '/bems': { //计划
+        target: developURL,
+        changeOrigin: true,
+      },
+    },
+  },
+  configureWebpack: config => {
+    return ureConfig
+  },
+  css: {
+    // extract: true,
+    sourceMap: true
+  },
+  chainWebpack: config => {
+    /* https://github.com/neutrinojs/webpack-chain */
+    config.merge(chainConfig)
+  },
+
+}