wl-design-mobile 0.0.1 → 0.0.2

package/title/lambo-title2.vue

@@ -1,37 +1,37 @@
-<template>
-  <div class="indicator-card-title">
-    <div class="tag-line"/>
-    {{ title }}
-  </div>
-</template>
-<script>
-
-export default {
-  name: "LamboTitle2",
-  props: {
-    title: {
-      type: String,
-      default: "",
-    }
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.indicator-card-title {
-  display: flex;
-  align-items: center;
-  color: black;
-  font-weight: bold;
-  font-size: var(--ind-font-size-md);
-  margin-left: 10px;
-}
-
-.indicator-card-title .tag-line {
-  width: 3px;
-  height: 14px;
-  background-color: var(--scl-blue);
-  margin-right: var(--ind-padding-xs);
-}
-</style>
+<template>
+  <div class="indicator-card-title">
+    <div class="tag-line"/>
+    {{ title }}
+  </div>
+</template>
+<script>
+
+export default {
+  name: "LamboTitle2",
+  props: {
+    title: {
+      type: String,
+      default: "",
+    }
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.indicator-card-title {
+  display: flex;
+  align-items: center;
+  color: black;
+  font-weight: bold;
+  font-size: var(--ind-font-size-md);
+  margin-left: 10px;
+}
+
+.indicator-card-title .tag-line {
+  width: 3px;
+  height: 14px;
+  background-color: var(--scl-blue);
+  margin-right: var(--ind-padding-xs);
+}
+</style>

package/util/assist.js

@@ -0,0 +1,43 @@
+// 深拷贝
+export function deepCopy(data) {
+  let i;
+  const t = typeOf(data);
+  let o;
+
+  if (t === 'array') {
+    o = [];
+  } else if (t === 'object') {
+    o = {};
+  } else {
+    return data;
+  }
+
+  if (t === 'array') {
+    for (i = 0; i < data.length; i++) {
+      o.push(deepCopy(data[i]));
+    }
+  } else if (t === 'object') {
+    for (i in data) {
+      o[i] = deepCopy(data[i]);
+    }
+  }
+  return o;
+}
+
+// 判断对象类型
+export function typeOf(obj) {
+  const toString = Object.prototype.toString;
+  const map = {
+    '[object Boolean]': 'boolean',
+    '[object Number]': 'number',
+    '[object String]': 'string',
+    '[object Function]': 'function',
+    '[object Array]': 'array',
+    '[object Date]': 'date',
+    '[object RegExp]': 'regExp',
+    '[object Undefined]': 'undefined',
+    '[object Null]': 'null',
+    '[object Object]': 'object'
+  };
+  return map[toString.call(obj)];
+}

package/util/axios/cacheconf.js

@@ -0,0 +1,19 @@
+/**
+ * 配置在该文件下的正则匹配都会被缓存
+ * @type {RegExp[]}
+ */
+const cacheRules = [
+  /manage\/menu\/list/,
+  /manage\/menu\/list/,
+  /dict\/getDictsMap/,
+  /dict\/getDicts/,
+  /dict\/getDictsForMulti/,
+  /upmsOrg\/getSubOrgCodes/,
+  /upmsOrg\/getSubDeptCodesByOrgCode/,
+  /upmsOrg\/getProvincesCodes/,
+  /upmsOrg\/getCitysCodes/,
+  /upmsOrg\/getIndustrysCodes/,
+  /manage\/permission\/check/
+];
+
+export default cacheRules

package/util/axios/index.js

@@ -0,0 +1,11 @@
+import axios from 'axios'
+import config from '../../config/config'
+import interceptors from './interceptors'
+
+const ajax = axios.create();
+ajax.defaults.baseURL = config.serverContext
+ajax.defaults.headers.common['Content-Type'] = 'application/json;charset=UTF-8'
+ajax.interceptors.request.use(interceptors.requestInterceptors, interceptors.requestError);
+ajax.interceptors.response.use(interceptors.responseInterceptors, interceptors.responseError);
+
+export {ajax as axios}

package/util/axios/interceptors.js

@@ -0,0 +1,101 @@
+import cacheRules from "./cacheconf";
+import {getToken, getUrlParams, TOKEN_KEY} from '../token'
+import Bus from '../bus';
+import {Dialog} from 'vant'
+
+let timer1, timer2;
+let hasDialog = false;
+
+function requestInterceptors(config) {
+  const params = getUrlParams();
+
+  let token = getToken();
+  if (token) {
+    config.headers.token = token;
+  }
+
+  //sso_token认证
+  if (Object.prototype.hasOwnProperty.call(params, 'sso_token') || sessionStorage.getItem('sso_token')) {
+    config.params = Object.assign({
+      sso_token: params.sso_token || sessionStorage.getItem('sso_token'),
+      sso_id: params.sso_id
+    }, config.params)
+  }
+
+  //oauth认证
+  if (Object.prototype.hasOwnProperty.call(params, 'token')) {
+    if (config.url.indexOf('?') === -1) {
+      config.url = config.url + "?token=" + params.token + "&ssoid=" + params.ssoid;
+    } else {
+      config.url = config.url + "&token=" + params.token + "&ssoid=" + params.ssoid;
+    }
+  }
+
+  if (config.method === 'post') {
+    // payload为自定义不使用qs.stringify序列化的标记，默认config.payload == undefined;
+    // 为true时用于匹配@requestBody定义参数的接口
+    // 使用方式:post(config.AAAServerContext + '/AAA/BBB/CCC', { ...paramRequestBody }, { payload: true })
+    if (!config.payload) {
+      config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
+      // config.data = qs.stringify(config.data)
+    }
+  } else if (config.method === 'get') {
+    for (let rule of cacheRules) {
+      if (rule.test(config.url)) {
+        return config;
+      }
+    }
+    if (config.url.indexOf('?') === -1) {
+      config.url = config.url + "?t=" + new Date().getTime();
+    } else {
+      config.url = config.url + "&t=" + new Date().getTime();
+    }
+  }
+  return config;
+}
+
+function requestError(error) {
+  console.error("服务器内部异常,请稍候再试", error);
+  return Promise.reject(error);
+}
+
+function responseInterceptors(response) {
+  let data = response.data;
+
+  if (data instanceof Object) {
+    const code = data["code"];
+    if (code === 10106) {
+      sessionStorage.removeItem(TOKEN_KEY)
+      if (!hasDialog) {
+        clearTimeout(timer1);
+        timer1 = setTimeout(function () {
+          hasDialog = true;
+          Dialog.alert({
+            message: '会话已失效，请重新登录',
+            theme: 'round-button',
+            confirmButtonColor: '#0070D2'
+          }).then(() => {
+            hasDialog = false;
+            Bus.$emit("needLogin");
+          });
+        }, 500)
+      }
+    }
+  }
+  return data;
+}
+
+function responseError(error) {
+  clearTimeout(timer2);
+  timer2 = setTimeout(function () {
+    console.error("服务器内部异常,请稍候再试");
+  }, 500)
+  return Promise.reject(error);
+}
+
+export default {
+  requestInterceptors,
+  responseInterceptors,
+  requestError,
+  responseError
+}

package/util/bus.js

@@ -0,0 +1,4 @@
+import Vue from 'vue'
+
+const Bus = new Vue();
+export default Bus;

package/util/token.js

@@ -0,0 +1,36 @@
+export const TOKEN_KEY = 'lambo-token'
+
+export const COOKIE_KEY = 'lambo-sso-key'
+
+export const SSO_TOKEN_KEY = 'lambo-sso-token'
+
+export const setToken = (token) => {
+  sessionStorage.setItem(TOKEN_KEY, token)
+}
+
+export const getToken = () => {
+  const token = sessionStorage.getItem(TOKEN_KEY)
+  if (token) return token
+  else return false
+}
+
+/**
+ * 获取浏览器地址url中的参数
+ * @param url
+ * @returns {Object}
+ */
+export const getUrlParams = (url) => {
+  if (!url) {
+    url = location.search;
+  }
+  //const url = location.search; //获取url中"?"符后的字串
+  const theRequest = {};
+  if (url.indexOf("?") !== -1) {
+    const str = url.substr(1);
+    let strs = str.split("&");
+    for (let i = 0; i < strs.length; i++) {
+      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
+    }
+  }
+  return theRequest;
+}