bztang-h5/src/main.js

583 lines
14 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// import Vue from 'vue'
// import Vuex from 'vuex'
// load vuex i18n module
// import vuexI18n from 'vuex-i18n'
// import VueI18n from 'vue-i18n'
import "babel-polyfill";
import promise from "es6-promise";
promise.polyfill();
import VueRouter from "vue-router";
import i18n from "../public/static/app/locales";
import App from "./app";
import routes from "./router";
import storeOption from "./store";
import filters from "./filters";
import Fun from "./fun";
import Http from "./fun/http";
import VueClipboard from "vue-clipboard2";
import "@vant/touch-emulator";
// import debug from "./fun/debug";
import cTitle from "components/title";
Vue.component("c-title", cTitle); //全局自定义组件
// 兼容 IE
// https://github.com/zloirock/core-js/blob/master/docs/2019-03-19-core-js-3-babel-and-a-look-into-the-future.md#babelpolyfill
import "core-js/stable";
import "regenerator-runtime/runtime";
import "whatwg-fetch";
import microApp from '@micro-zoe/micro-app'
microApp.start()
// import VideoPlayer from 'vue-video-player';
// require('video.js/dist/video-js.css');
// require('vue-video-player/src/custom-theme.css');
// import 'videojs-flash';
// import 'videojs-contrib-hls';
// import 'videojs-contrib-hls/dist/videojs-contrib-hls';
// Vue.use(VueVideoPlayer);
// import vuefinger from 'vue-finger'
// import Vant from 'vant'
// import 'vant/lib/index.css'
// import url from './utils/url';//获取url参数
// import ydui from 'vue-ydui'
// import Lrz from "lrz"
// import 'vue-ydui/dist/ydui.px.css'
// 导入ydui base.css
// import 'vue-ydui/dist/ydui.base.css'
// const R = require("ramda");
// 引入mockjs
// require("../mock/mock.js");
// PC端按需引入element
import { Select, Option, OptionGroup, Pagination, Tooltip, Upload, Carousel, CarouselItem, Form, FormItem, Input, Popover, Tree } from "element-ui";
Vue.use(Select)
.use(Option)
.use(OptionGroup)
.use(Pagination)
.use(Tooltip)
.use(Upload)
.use(Carousel)
.use(CarouselItem)
.use(Form)
.use(FormItem)
.use(Input)
.use(Popover)
.use(Tree);
// ydui的弹窗组件 $yddialog
// import { Confirm, Alert } from "vue-ydui/dist/lib.rem/dialog";
//
// Vue.prototype.$yddialog = {
// confirm: Confirm,
// alert: Alert,
// // loading: Loading
// };
import { CitySelect } from "vue-ydui/dist/lib.px/cityselect";
Vue.component(CitySelect.name, CitySelect);
// import 'vue-ydui/dist/ydui.base.css'; 换成链接引入
// vant的弹窗组件 $dialog
// 按需引入vant组件
import {
DatetimePicker,
Popup,
Icon,
Lazyload,
Button,
Rate,
Overlay,
Swipe,
SwipeItem,
Tab,
Tabs,
Row,
Col,
Cell,
CellGroup,
NavBar,
Step,
Steps,
Field,
Uploader,
Picker,
Checkbox,
CheckboxGroup,
RadioGroup,
Radio,
Dialog,
Notify,
Collapse,
CollapseItem,
DropdownMenu,
DropdownItem,
ImagePreview,
NoticeBar,
Search,
Stepper,
Progress,
SwipeCell,
Switch,
PullRefresh,
List,
Toast,
Empty,
Sticky,
CountDown,
ActionSheet,
Circle,
Card,
SubmitBar,
ShareSheet,
Sku,
Area,
Tag,
Grid,
GridItem,
NumberKeyboard,
PasswordInput,
Loading,
Calendar,
GoodsAction,
GoodsActionIcon,
GoodsActionButton,
Sidebar,
SidebarItem,
Divider,
Slider,
IndexBar,
IndexAnchor,
Popover as Popover1,
Form as VantForm
} from "vant";
// 使用vant组件
Vue.use(DatetimePicker)
.use(Cell)
.use(Slider)
.use(CellGroup)
.use(Popup)
.use(Icon)
.use(Button)
.use(Field)
.use(Rate)
.use(Overlay)
.use(Swipe)
.use(SwipeItem)
.use(Uploader)
.use(NavBar)
.use(Step)
.use(Steps)
.use(Tab)
.use(Tabs)
.use(Picker)
.use(Checkbox)
.use(CheckboxGroup)
.use(RadioGroup)
.use(Radio)
.use(Dialog)
.use(Notify)
.use(Collapse)
.use(CollapseItem)
.use(Row)
.use(Col)
.use(DropdownMenu)
.use(Toast)
.use(Loading)
.use(DropdownItem)
.use(ImagePreview)
.use(NoticeBar)
.use(Search)
.use(Stepper)
.use(Progress)
.use(Grid)
.use(GridItem)
.use(NumberKeyboard)
.use(PasswordInput)
.use(SwipeCell)
.use(Switch)
.use(PullRefresh)
.use(List)
.use(Empty)
.use(Sticky)
.use(CountDown)
.use(ActionSheet)
.use(Circle)
.use(Card)
.use(SubmitBar)
.use(ShareSheet)
.use(Sku)
.use(Area)
.use(Tag)
.use(Calendar)
.use(GoodsAction)
.use(GoodsActionButton)
.use(GoodsActionIcon)
.use(Sidebar)
.use(SidebarItem)
.use(Divider)
.use(IndexBar)
.use(IndexAnchor)
.use(VantForm)
.use(Popover1);
// Vue.use(MINT);
// Vue.use(Vuex)
Vue.use(VueRouter);
// Vue.use(ydui);
// Vue.use(vant);
Vue.use(window.VueAwesomeSwiper);
Vue.config.productionTip = false;
if (Fun.isIE()) {
//ie浏览器不兼容懒加载组件处理
Vue.directive("lazy", function(el, binding) {
el.src = binding.value;
});
} else {
Vue.use(Lazyload, {
lazyComponent: true,
preLoad: 1.1,
error: "/addons/yun_shop/static/app/images/img_default.png",
loading: "/addons/yun_shop/static/app/images/video-loading.gif",
attempt: 1,
filter: {
progressive(listener, options) {
let path = JSON.parse(window.localStorage.getItem("yz_basic_info"));
if (path.thumb_parameter) {
listener.src = `${listener.src}${path.thumb_parameter}`;
}
}
}
});
}
// 忽略打开微信小程序的组件
Vue.config.ignoredElements = ["wx-open-launch-weapp"];
Vue.config.ignoredElements = ["wx-open-subscribe"];
// import base64_encode from "./utils/base64_encode";
import Viewer from "v-viewer";
import "viewerjs/dist/viewer.min.css";
import { VueHammer } from "vue2-hammer";
Vue.use(VueHammer);
// import VConsole from "vconsole";
// new VConsole();
// import jquery from 'jquery';
// global.jquery = global.jQuery = global.$ = jquery;
Viewer.setDefaults({
Options: {
inline: true,
button: true,
navbar: false,
title: false,
toolbar: false,
tooltip: true,
movable: true,
zoomable: true,
rotatable: true,
scalable: true,
transition: true,
fullscreen: false,
keyboard: false,
url: "src"
}
});
Vue.use(Viewer);
// 使用剪切板
Vue.use(VueClipboard);
Object.keys(filters).forEach(key => {
Vue.filter(key, filters[key]);
});
// Vue.use(debug, { entryName: "yunzshop" });
// 创建一个 store 对象用于管理应用状态
const store = new Vuex.Store(storeOption);
// 注册全局方法
// Vue.prototype.$url=url
const scrollBehavior = (to, from, savedPosition) => {
// return 期望滚动到哪个的位置
if (savedPosition) {
return savedPosition;
} else {
if (from.meta.keepAlive) {
from.meta.savedPosition = document.body.scrollTop;
}
return { x: 0, y: to.meta.savedPosition || 0 };
}
};
// Vue.use(vuefinger)
// 创建一个路由对象用于管理页面的路由
const router = new VueRouter({
hashbang: true,
// mode: 'history',//去除url上的#号模式
// mode:'abstract',
history: true,
hashPrefix: "!",
linkActiveClass: "active",
routes,
base: "/addons/yun_shop/",
scrollBehavior
});
//以下是不需要登录的页面 转到http.js
// const passRouter = ["login", "findpwd", "register", "category", "DiyForm"];
// function isPassRoute(to) {
// for (let i = 0; i < passRouter.length; i++) {
// // 编程式
// if (to.name === passRouter[i]) {
// return true;
// }
// }
// return false;
// }
// 可否访问前过滤方法
router.beforeEach(function(to, from, next) {
if (!window.initUrl) {
window.initUrl = window.location.href;
}
if (to.name === "microCommentDetails" || to.name === "microRelease" || to.name === "microEdit") {
//名片该功能已去除 to.name === "BusinessCard" || to.name === "EditCard"
// 录音 转化amr
if (window.business_card !== 1) {
window.business_card = 1;
let script = document.createElement("script");
script.src = "/addons/yun_shop/static/app/beta-amr.js";
document.body.appendChild(script);
}
}
// window.localStorage.i = to.query.i;
if (window.yz_bd) {
if (!window._hmt) {
/*百度统计*/
var _hmt = _hmt || [];
window._hmt = _hmt; // 必须把_hmt挂载到window下否则找不到
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?" + window.yz_bd;
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
_hmt.push(["_trackPageview", "/addons/yun_shop/?menu" + to.fullPath]);
})();
/*百度统计end*/
} else {
/*百度统计*/
if (_hmt) {
if (to.path) {
_hmt.push(["_trackPageview", "/addons/yun_shop/?menu" + to.fullPath]);
}
}
/*百度统计end*/
}
}
from.query.detailid = "name";
window.localStorage.mid = to.query.mid;
// console.log("登录状态::", localStorage.getItem("isWxLogin"))
// if (localStorage.getItem("isWxLogin") != -1 && to.name === "login") {
// console.log("已登录过,不需要跳转登录页");
// window.location.href = Fun.getSiteRoot() + "/addons/yun_shop/" + "?menu#" + "/home?i=" + to.query.i + "&type=" + Fun.getTyep() + "&mid=" + to.query.mid;
// }
if (to.name === "alipay") {
next();
return;
}
// let json = { url: document.location.href };
// Http.get("home-page.get-params", json, " ")
// .then(response => {
// if (response.result === 1) {
// localStorage.setItem("mailLanguage", JSON.stringify(response.data.lang));
// localStorage.setItem("balanceLang", JSON.stringify(response.data.balance));
// tempInfo(response.data.home);
// if (response.data.home.memberinfo) {
// window.localStorage.uid = response.data.home.memberinfo.uid;
// }
// localStorage.setItem(
// "globalParameter",
// JSON.stringify(response.data.globalParameter)
// );
//
// if (response.basic_info) {
// window.popularizeYZ = response.basic_info.popularize_page;
// getInvite(response.basic_info.validate_page);
// }
if (window.popularizeYZ) {
if (Fun.getTyep() == "5" || Fun.getTyep() == "17" || Fun.getTyep() == "18") {
if (window.popularizeYZ.wap.vue_route.indexOf(to.name) >= 0) {
if (Fun.isTextEmpty(window.popularizeYZ.wap.url)) {
next(`/404?i=${Fun.getKeyByI()}`);
} else {
window.location.href = window.popularizeYZ.wap.url;
}
} else {
next();
}
} else if (Fun.getTyep() == "1") {
if (window.popularizeYZ.wechat.vue_route.indexOf(to.name) >= 0) {
if (Fun.isTextEmpty(window.popularizeYZ.wechat.url)) {
next(`/404?i=${Fun.getKeyByI()}`);
} else {
window.location.href = window.popularizeYZ.wechat.url;
}
} else {
next();
}
} else if (Fun.getTyep() == "2") {
if (window.popularizeYZ.mini.vue_route.indexOf(to.name) >= 0) {
if (Fun.isTextEmpty(window.popularizeYZ.mini.url)) {
//window.location.href=$popularize.mini.url;
next(`/404?i=${Fun.getKeyByI()}`);
} else {
wx.miniProgram.navigateTo({
url: window.popularizeYZ.mini.url
});
}
} else {
next();
}
} else if (Fun.getTyep() == "7") {
if (window.popularizeYZ.app.vue_route.indexOf(to.name) >= 0) {
if (Fun.isTextEmpty(window.popularizeYZ.app.url)) {
next(`/404?i=${Fun.getKeyByI()}`);
} else {
window.location.href = window.popularizeYZ.app.url;
}
} else {
next();
}
} else if (Fun.getTyep() == "8") {
if (window.popularizeYZ.alipay.vue_route.indexOf(to.name) >= 0) {
if (Fun.isTextEmpty(window.popularizeYZ.alipay.url)) {
next(`/404?i=${Fun.getKeyByI()}`);
} else {
window.location.href = window.popularizeYZ.alipay.url;
}
} else {
next();
}
}
} else {
next();
}
// }
// });
});
//跳转后赋值
router.afterEach(function(to, from) {
// 设置noLogPath将不记录到share_path
if (to && to.path && to.path != "/" && to.path != "/share"&& to.path != "/login" && !to.meta.noLogPath) {
window.localStorage.setItem("share_path", to.path);
}
});
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err);
};
window.scrollArr = [];
window.localStorage.isWeiXin = Fun.isWeiXin();
window.localStorage.isAlipay = Fun.isAlipay();
let type = "";
window.localStorage.isWeiXin == "true" ? (type = 1) : (type = 5);
if (window.localStorage.isAlipay == "true") {
type = 8;
}
window.localStorage.type = type;
Vue.prototype.fun = Fun;
window.$http = Http;
// window.R = R;
window.__lendApp__ = new Vue({
el: "#app",
i18n,
router,
store,
components: { App },
render: h => {
return h(App);
}
});
Vue.prototype.$vueIsTextEmpty = function(str1) {
if (this.fun.isTextEmpty(str1)) {
return true;
}
return false;
};
Array.prototype.removeByValue = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) {
this.splice(i, 1);
break;
}
}
};
Date.prototype.Format = function(fmt) {
// author: meizz
var o = {
"M+": this.getMonth() + 1, // 月份
"d+": this.getDate(), // 日
"h+": this.getHours(), // 小时
"m+": this.getMinutes(), // 分
"s+": this.getSeconds(), // 秒
"q+": Math.floor((this.getMonth() + 3) / 3), // 季度
S: this.getMilliseconds() // 毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
return fmt;
};
window.isMiniprogram = false;
function ready() {
console.log("window.__wxjs_environment", window.__wxjs_environment === "miniprogram"); // true
if (window.__wxjs_environment === "miniprogram") {
window.isMiniprogram = true;
}
}
if (!window.WeixinJSBridge || !WeixinJSBridge.invoke) {
document.addEventListener("WeixinJSBridgeReady", ready, false);
} else {
ready();
}
// Vue长按事件vue指令封装
// const requireContext = require.context("./directives", false, /\.js$/);
// export default (Vue) => {
// requireContext.keys().forEach(path => {
// if (path.indexOf("index") === -1) {
// const requireItem = requireContext(path).default;
// Vue.directive(requireItem.name, requireItem.instance);
// }
// });
// };
import _longpress from "./directives/longpress.js";
Vue.directive(_longpress.name, _longpress.instance);
// Vue长按事件vue指令封装 end