141 lines
4.0 KiB
JavaScript
141 lines
4.0 KiB
JavaScript
|
import Vue from 'vue';
|
|||
|
import App from './App';
|
|||
|
// 引入全局存储
|
|||
|
import store from '@/store';
|
|||
|
// 引入全局配置
|
|||
|
import $mAssetsPath from '@/config/assets.config.js';
|
|||
|
import $mConfig from '@/config/index.config.js';
|
|||
|
import $mRoutesConfig from '@/config/routes.config.js';
|
|||
|
import $mFormRule from '@/config/formRule.config.js';
|
|||
|
import $mConstDataConfig from '@/config/constData.config.js';
|
|||
|
import $mSettingConfig from '@/config/setting.config.js';
|
|||
|
// 引入全局方法
|
|||
|
import {http} from '@/utils/request';
|
|||
|
import $mGraceChecker from '@/utils/graceChecker';
|
|||
|
import $mHelper from '@/utils/helper';
|
|||
|
import $mRouter from '@/utils/router';
|
|||
|
import $mPayment from '@/utils/payment';
|
|||
|
// 全局组件
|
|||
|
import rfImage from '@/components/rf-image/rf-image';
|
|||
|
import rfEmpty from '@/components/rf-empty';
|
|||
|
import rfLoading from '@/components/rf-loading';
|
|||
|
import rfLoadProgress from '@/components/rf-load-progress/rf-load-progress';
|
|||
|
import rfParser from '@/components/rf-parser';
|
|||
|
import rfBackTop from '@/components/rf-back-top';
|
|||
|
import rfTag from '@/components/rf-tag';
|
|||
|
import rfNavDetail from '@/components/rf-nav-detail';
|
|||
|
import cuCustom from '@/components/cu-custom';
|
|||
|
import rfBackHome from '@/components/rf-back-home';
|
|||
|
|
|||
|
// 网络状态监听
|
|||
|
uni.getNetworkType({
|
|||
|
success: res => {
|
|||
|
store.dispatch('networkStateChange', res.networkType);
|
|||
|
}
|
|||
|
});
|
|||
|
uni.onNetworkStatusChange(function (res) {
|
|||
|
store.dispatch('networkStateChange', res.networkType);
|
|||
|
});
|
|||
|
// 挂载全局自定义方法
|
|||
|
Vue.prototype.$mStore = store;
|
|||
|
|
|||
|
Vue.prototype.$http = http;
|
|||
|
Vue.prototype.$mConfig = $mConfig;
|
|||
|
Vue.prototype.$mAssetsPath = $mAssetsPath;
|
|||
|
Vue.prototype.$mFormRule = $mFormRule;
|
|||
|
Vue.prototype.$mRoutesConfig = $mRoutesConfig;
|
|||
|
Vue.prototype.$mConstDataConfig = $mConstDataConfig;
|
|||
|
Vue.prototype.$mSettingConfig = $mSettingConfig;
|
|||
|
|
|||
|
Vue.prototype.$mGraceChecker = $mGraceChecker;
|
|||
|
Vue.prototype.$mHelper = $mHelper;
|
|||
|
Vue.prototype.$mRouter = $mRouter;
|
|||
|
Vue.prototype.$mPayment = $mPayment;
|
|||
|
|
|||
|
Vue.component('rfImage', rfImage);
|
|||
|
Vue.component('rfEmpty', rfEmpty);
|
|||
|
Vue.component('rfLoading', rfLoading);
|
|||
|
Vue.component('rfLoadProgress', rfLoadProgress);
|
|||
|
Vue.component('rfParser', rfParser);
|
|||
|
Vue.component('rfBackTop', rfBackTop);
|
|||
|
Vue.component('rfTag', rfTag);
|
|||
|
Vue.component('rfNavDetail', rfNavDetail);
|
|||
|
Vue.component('cuCustom', cuCustom);
|
|||
|
Vue.component('rfBackHome', rfBackHome);
|
|||
|
|
|||
|
if (process.env.NODE_ENV === 'production') {
|
|||
|
Vue.config.productionTip = false;
|
|||
|
}
|
|||
|
|
|||
|
// 路由导航
|
|||
|
$mRouter.beforeEach((navType, to) => {
|
|||
|
if (to.route === undefined) {
|
|||
|
throw '路由钩子函数中没有找到to对象,路由信息:' + JSON.stringify(to);
|
|||
|
}
|
|||
|
if (to.route === $mRoutesConfig.login.path && store.getters.hasLogin) {
|
|||
|
uni.reLaunch({
|
|||
|
url: $mHelper.objParseUrlAndParam($mRoutesConfig.main.path)
|
|||
|
});
|
|||
|
return;
|
|||
|
}
|
|||
|
console.log(to)
|
|||
|
// 过滤需要权限的页面
|
|||
|
if (to.route.requiresAuth) {
|
|||
|
if (store.getters.hasLogin) {
|
|||
|
// 已经登录
|
|||
|
uni[navType]({
|
|||
|
url: $mHelper.objParseUrlAndParam(to.route.path, to.query)
|
|||
|
});
|
|||
|
} else {
|
|||
|
// 登录成功后的重定向地址和参数
|
|||
|
const query = {
|
|||
|
redirectUrl: to.route.path,
|
|||
|
...to.query
|
|||
|
};
|
|||
|
// 没有登录 是否强制登录?
|
|||
|
if (store.state.forcedLogin) {
|
|||
|
uni.redirectTo({
|
|||
|
url: $mHelper.objParseUrlAndParam($mRoutesConfig.login.path, query)
|
|||
|
});
|
|||
|
} else {
|
|||
|
uni.navigateTo({
|
|||
|
url: $mHelper.objParseUrlAndParam($mRoutesConfig.login.path, query)
|
|||
|
});
|
|||
|
}
|
|||
|
}
|
|||
|
} else {
|
|||
|
uni[navType]({
|
|||
|
url: $mHelper.objParseUrlAndParam(to.route, to.query)
|
|||
|
});
|
|||
|
}
|
|||
|
});
|
|||
|
|
|||
|
App.mpType = 'app';
|
|||
|
|
|||
|
Vue.mixin({
|
|||
|
computed: {
|
|||
|
themeColor: {
|
|||
|
get() {
|
|||
|
return store.getters.themeColor;
|
|||
|
},
|
|||
|
set(val) {
|
|||
|
store.state.themeColor = val;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
});
|
|||
|
|
|||
|
Vue.prototype.moneySymbol = $mConstDataConfig.moneySymbol;
|
|||
|
Vue.prototype.singleSkuText = $mConstDataConfig.singleSkuText;
|
|||
|
Vue.prototype.adOn = $mConstDataConfig.adOn;
|
|||
|
// 保留小数点后两位
|
|||
|
Vue.filter('keepTwoDecimal', value => {
|
|||
|
return (Math.floor((value || 0) * 100) / 100).toFixed(2);
|
|||
|
});
|
|||
|
|
|||
|
const app = new Vue({
|
|||
|
...App,
|
|||
|
store: store
|
|||
|
});
|
|||
|
app.$mount();
|