zhangzengfei
2021-11-19 e238f2bf2d4a8c3b6fc052228deb30c0619d85aa
rename project
4个文件已修改
212 ■■■■ 已修改文件
public/index.html 48 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/App.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main.js 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/utils/vab.js 160 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
public/index.html
@@ -1,32 +1,28 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title><%= VUE_APP_TITLE %></title>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
  <title>
    <%= VUE_APP_TITLE %>
  </title>
    <meta name="author" content="<%= VUE_APP_AUTHOR %>" />
    <link rel="stylesheet" href="<%= BASE_URL %>static/css/loading.css" />
  </head>
  <meta name="author" content="<%= VUE_APP_AUTHOR %>" />
  <link rel="stylesheet" href="<%= BASE_URL %>static/css/loading.css" />
</head>
<body>
  <div id="vue-admin-beautiful">
    <div class="first-loading-wrp">
      <div class="loading-wrp">
        <span class="dot dot-spin">
          <i></i>
          <i></i>
          <i></i>
          <i></i>
        </span>
  <body>
    <div id="basic-integrate">
      <div class="first-loading-wrp">
        <div class="loading-wrp">
          <span class="dot dot-spin">
            <i></i>
            <i></i>
            <i></i>
            <i></i>
          </span>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
  </body>
</html>
src/App.vue
@@ -1,5 +1,5 @@
<template>
  <div id="vue-admin-beautiful">
  <div id="basic-integrate">
    <router-view />
  </div>
</template>
src/main.js
@@ -8,7 +8,7 @@
Vue.config.productionTip = false;
new Vue({
  el: "#vue-admin-beautiful",
  el: "#basic-integrate",
  router,
  store,
  render: (h) => h(App),
src/utils/vab.js
@@ -1,74 +1,74 @@
import { loadingText, messageDuration, title } from '@/config'
import * as lodash from 'lodash'
import { Loading, Message, MessageBox, Notification } from 'element-ui'
import store from '@/store'
import { getAccessToken } from '@/utils/accessToken'
import { loadingText, messageDuration, title } from "@/config";
import * as lodash from "lodash";
import { Loading, Message, MessageBox, Notification } from "element-ui";
import store from "@/store";
import { getAccessToken } from "@/utils/accessToken";
const accessToken = store.getters['user/accessToken']
const layout = store.getters['settings/layout']
const accessToken = store.getters["user/accessToken"];
const layout = store.getters["settings/layout"];
const install = (Vue, opts = {}) => {
  /* 全局accessToken */
  Vue.prototype.$baseAccessToken = () => {
    return accessToken || getAccessToken()
  }
    return accessToken || getAccessToken();
  };
  /* 全局标题 */
  Vue.prototype.$baseTitle = (() => {
    return title
  })()
    return title;
  })();
  /* 全局加载层 */
  Vue.prototype.$baseLoading = (index, text) => {
    let loading
    let loading;
    if (!index) {
      loading = Loading.service({
        lock: true,
        text: text || loadingText,
        background: 'hsla(0,0%,100%,.8)',
      })
        background: "hsla(0,0%,100%,.8)",
      });
    } else {
      loading = Loading.service({
        lock: true,
        text: text || loadingText,
        spinner: 'vab-loading-type' + index,
        background: 'hsla(0,0%,100%,.8)',
      })
        spinner: "vab-loading-type" + index,
        background: "hsla(0,0%,100%,.8)",
      });
    }
    return loading
  }
    return loading;
  };
  /* 全局多彩加载层 */
  Vue.prototype.$baseColorfullLoading = (index, text) => {
    let loading
    let loading;
    if (!index) {
      loading = Loading.service({
        lock: true,
        text: text || loadingText,
        spinner: 'dots-loader',
        background: 'hsla(0,0%,100%,.8)',
      })
        spinner: "dots-loader",
        background: "hsla(0,0%,100%,.8)",
      });
    } else {
      switch (index) {
        case 1:
          index = 'dots'
          break
          index = "dots";
          break;
        case 2:
          index = 'gauge'
          break
          index = "gauge";
          break;
        case 3:
          index = 'inner-circles'
          break
          index = "inner-circles";
          break;
        case 4:
          index = 'plus'
          break
          index = "plus";
          break;
      }
      loading = Loading.service({
        lock: true,
        text: text || loadingText,
        spinner: index + '-loader',
        background: 'hsla(0,0%,100%,.8)',
      })
        spinner: index + "-loader",
        background: "hsla(0,0%,100%,.8)",
      });
    }
    return loading
  }
    return loading;
  };
  /* 全局Message */
  Vue.prototype.$baseMessage = (message, type) => {
    Message({
@@ -78,103 +78,103 @@
      type: type,
      dangerouslyUseHTMLString: true,
      duration: messageDuration,
    })
  }
    });
  };
  /* 全局Alert */
  Vue.prototype.$baseAlert = (content, title, callback) => {
    MessageBox.alert(content, title || '温馨提示', {
      confirmButtonText: '确定',
    MessageBox.alert(content, title || "温馨提示", {
      confirmButtonText: "确定",
      dangerouslyUseHTMLString: true,
      callback: (action) => {
        if (callback) {
          callback()
          callback();
        }
      },
    })
  }
    });
  };
  /* 全局Confirm */
  Vue.prototype.$baseConfirm = (content, title, callback1, callback2) => {
    MessageBox.confirm(content, title || '温馨提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
    MessageBox.confirm(content, title || "温馨提示", {
      confirmButtonText: "确定",
      cancelButtonText: "取消",
      closeOnClickModal: false,
      type: 'warning',
      type: "warning",
    })
      .then(() => {
        if (callback1) {
          callback1()
          callback1();
        }
      })
      .catch(() => {
        if (callback2) {
          callback2()
          callback2();
        }
      })
  }
      });
  };
  /* 全局Notification */
  Vue.prototype.$baseNotify = (message, title, type, position) => {
    Notification({
      title: title,
      message: message,
      position: position || 'top-right',
      type: type || 'success',
      position: position || "top-right",
      type: type || "success",
      duration: messageDuration,
    })
  }
    });
  };
  /* 全局TableHeight */
  Vue.prototype.$baseTableHeight = (formType) => {
    let height = window.innerHeight
    let paddingHeight = 400
    const formHeight = 50
    let height = window.innerHeight;
    let paddingHeight = 400;
    const formHeight = 50;
    if (layout === 'vertical') {
      paddingHeight = 365
    if (layout === "vertical") {
      paddingHeight = 365;
    }
    if ('number' == typeof formType) {
      height = height - paddingHeight - formHeight * formType
    if ("number" == typeof formType) {
      height = height - paddingHeight - formHeight * formType;
    } else {
      height = height - paddingHeight
      height = height - paddingHeight;
    }
    return height
  }
    return height;
  };
  /* 全局map图层 */
  Vue.prototype.$baseMap = () => {
    return new maptalks.Map('map', {
    return new maptalks.Map("map", {
      center: [116.41348403785, 39.910843952376],
      zoom: 12,
      minZoom: 1,
      maxZoom: 19,
      spatialReference: {
        projection: 'baidu',
        projection: "baidu",
      },
      attribution: {
        content: '&copy; vue-admin-beautiful',
        content: "",
      },
      baseLayer: new maptalks.TileLayer('base', {
        cssFilter: 'sepia(100%) invert(90%)',
      baseLayer: new maptalks.TileLayer("base", {
        cssFilter: "sepia(100%) invert(90%)",
        urlTemplate:
          'http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=pl&scaler=1&p=1',
          "http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=pl&scaler=1&p=1",
        subdomains: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
        attribution:
          '&copy; <a target="_blank" href="http://map.baidu.com">Baidu</a>',
      }),
    })
  }
    });
  };
  /* 全局lodash */
  Vue.prototype.$baseLodash = lodash
  Vue.prototype.$baseLodash = lodash;
  /* 全局事件总线 */
  Vue.prototype.$baseEventBus = new Vue()
  Vue.prototype.$baseEventBus = new Vue();
};
if (typeof window !== "undefined" && window.Vue) {
  install(window.Vue);
}
if (typeof window !== 'undefined' && window.Vue) {
  install(window.Vue)
}
export default install
export default install;