|
@@ -1,463 +0,0 @@
|
|
-<template>
|
|
|
|
- <app-layout :haveBackground="haveBackground">
|
|
|
|
- <!-- #ifdef MP -->
|
|
|
|
- <app-my-app v-if="config.is_add_app == 1"></app-my-app>
|
|
|
|
- <!-- #endif -->
|
|
|
|
- <template v-if="type === 'mall'">
|
|
|
|
- <app-nav-bar v-if="navbarStatus" :fixed="true" :title="mall.name" :color="tabBarNavs.top_text_color"
|
|
|
|
- :background-color="tabBarNavs.top_background_color"></app-nav-bar>
|
|
|
|
- <app-index :isShowAttention="isShowAttention" @buyProduct="buyProduct" v-if="destroy" :page-hide="pageHide" :home-pages="homePages" :is_storage="is_storage" :theme="getTheme" :page_id="page_id" :is_required="is_required" :coupon_req="coupon_req"></app-index>
|
|
|
|
- </template>
|
|
|
|
- <template v-else-if="type === 'diy'">
|
|
|
|
- <app-nav-bar v-if="navbarStatus"
|
|
|
|
- :fixed="true"
|
|
|
|
- :background-color="diy__app_nav_bar.backgroundColor"
|
|
|
|
- :left-icon="diy__app_nav_bar.leftIcon"
|
|
|
|
- :link="diy__app_nav_bar.link"
|
|
|
|
- :title="homePages.title"
|
|
|
|
- :xStyle="diy__app_nav_bar.style"
|
|
|
|
- :hasMallSetting="diy__app_nav_bar.hasMallSetting"
|
|
|
|
- :color="diy__app_nav_bar.color"
|
|
|
|
- :position="diy__app_nav_bar.position"
|
|
|
|
- :placeholder="diy__app_nav_bar.placeholder"
|
|
|
|
- :placeholderColor="diy__app_nav_bar.placeholderColor"
|
|
|
|
- ></app-nav-bar>
|
|
|
|
- <app-diy-page @buyProduct="buyProduct" v-if="destroy" :page-hide="pageHide" :home-pages="homePages"
|
|
|
|
- :is_storage="is_storage" :theme="getTheme" :page_id="page_id" :is_required="is_required"
|
|
|
|
- :coupon_req="coupon_req"></app-diy-page>
|
|
|
|
- </template>
|
|
|
|
- <app-buy-prompt :isShowAttention="isShowAttention" v-if="config.is_purchase_frame === 1"></app-buy-prompt>
|
|
|
|
- <app-attr :goods="attrGoods.goods" :attrGroupList="attrGoods.goods.attr_groups" :theme="getTheme" :show="attrGoods.attrShow"></app-attr>
|
|
|
|
- </app-layout>
|
|
|
|
-</template>
|
|
|
|
-<script>
|
|
|
|
- import { mapGetters, mapState } from 'vuex';
|
|
|
|
-
|
|
|
|
- import appIndex from '@/components/page-component/index/app-index.vue';
|
|
|
|
- import appDiyPage from '@/components/page-component/index/app-diy-page.vue';
|
|
|
|
- import appBuyPrompt from '@/components/page-component/app-buy-prompt/app-buy-prompt.vue';
|
|
|
|
- // #ifdef MP
|
|
|
|
- import appMyApp from '@/components/page-component/app-my-app/app-my-app.vue';
|
|
|
|
- // #endif
|
|
|
|
- import appAttr from '@/components/page-component/app-attr/app-attr.vue';
|
|
|
|
- import appNavBar from '@/components/page-component/index/app-nav-bar.vue';
|
|
|
|
- // #ifdef H5
|
|
|
|
- import Vue from "vue";
|
|
|
|
- // #endif
|
|
|
|
- export default {
|
|
|
|
- name: 'index',
|
|
|
|
-
|
|
|
|
- components: {
|
|
|
|
- appIndex,
|
|
|
|
- 'app-diy-page': appDiyPage,
|
|
|
|
- appBuyPrompt,
|
|
|
|
- // #ifdef MP
|
|
|
|
- appMyApp,
|
|
|
|
- // #endif
|
|
|
|
- appAttr,
|
|
|
|
- appNavBar
|
|
|
|
- },
|
|
|
|
-
|
|
|
|
- data() {
|
|
|
|
- return {
|
|
|
|
- diy__app_nav_bar: {},
|
|
|
|
- homePages: {},
|
|
|
|
- type: '',
|
|
|
|
- is_storage: false,
|
|
|
|
- haveBackground: true,
|
|
|
|
- destroy: true,
|
|
|
|
- pageHide: false,
|
|
|
|
- is_required: true,
|
|
|
|
- coupon_req: false,
|
|
|
|
- page_id: 0,
|
|
|
|
- getUserInfo:false,
|
|
|
|
- //
|
|
|
|
- attrGoods: {
|
|
|
|
- goods: {},
|
|
|
|
- attrShow: 0
|
|
|
|
- },
|
|
|
|
- // #ifdef H5
|
|
|
|
- pagePath: '',
|
|
|
|
- // #endif
|
|
|
|
- isShowAttention: false
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
-
|
|
|
|
- onShow() {
|
|
|
|
- // #ifdef MP-TOUTIAO || H5
|
|
|
|
- this.destroy = true;
|
|
|
|
- // #endif
|
|
|
|
- this.pageHide = false;
|
|
|
|
- },
|
|
|
|
- onHide() {
|
|
|
|
- // #ifdef MP-TOUTIAO || H5
|
|
|
|
- this.destroy = false;
|
|
|
|
- // #endif
|
|
|
|
- this.pageHide = true;
|
|
|
|
- },
|
|
|
|
- onLoad(options) { this.$commonLoad.onload(options);
|
|
|
|
- // #ifdef H5
|
|
|
|
- this.$jwx.config();
|
|
|
|
- // #endif
|
|
|
|
- this.load(options);
|
|
|
|
- // #ifdef MP-WEIXIN
|
|
|
|
- wx.showShareMenu({
|
|
|
|
- menus: ['shareAppMessage', 'shareTimeline']
|
|
|
|
- });
|
|
|
|
- const updateManager = wx.getUpdateManager();
|
|
|
|
- if (updateManager) {
|
|
|
|
- updateManager.onCheckForUpdate(function (res) {
|
|
|
|
- // 请求完新版本信息的回调
|
|
|
|
- })
|
|
|
|
-
|
|
|
|
- updateManager.onUpdateReady(function () {
|
|
|
|
- wx.showModal({
|
|
|
|
- title: '更新提示',
|
|
|
|
- content: '新版本已经准备好,是否重启应用?',
|
|
|
|
- success(res) {
|
|
|
|
- if (res.confirm) {
|
|
|
|
- // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
|
|
|
|
- updateManager.applyUpdate()
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- // #endif
|
|
|
|
- },
|
|
|
|
-
|
|
|
|
- /* #ifdef MP_WEIXIN || MP_BAIDU */
|
|
|
|
- onPageScroll(e) {
|
|
|
|
- this.$store.dispatch('page/actionSetScrollTop', e.scrollTop);
|
|
|
|
- },
|
|
|
|
- /* #endif */
|
|
|
|
-
|
|
|
|
- methods: {
|
|
|
|
- async loadMall() {
|
|
|
|
- const e = await this.$request({
|
|
|
|
- url: this.$api.index.tplIndex,
|
|
|
|
- data: {
|
|
|
|
- page_id: 0
|
|
|
|
- },
|
|
|
|
- method: 'get'
|
|
|
|
- });
|
|
|
|
-
|
|
|
|
- let { code, data } = e;
|
|
|
|
- this.$hideLoading();
|
|
|
|
- if (code === 0) {
|
|
|
|
- this.is_storage = false;
|
|
|
|
- this.$popupAd.show = null;
|
|
|
|
- this.type = data.type;
|
|
|
|
- let that = this;
|
|
|
|
- this.is_required = true;
|
|
|
|
- if (this.type === 'diy') {
|
|
|
|
- this.coupon_req = true;
|
|
|
|
- this.homePages = {};
|
|
|
|
- }
|
|
|
|
- this.$nextTick(() => {
|
|
|
|
- this.homePages = data.home_pages;
|
|
|
|
- if (this.homePages.navs && that.homePages.navs.length > 0) {
|
|
|
|
- this.homePages.navs.forEach(function(row, inedx) {
|
|
|
|
- row.template.data.forEach(function(v, idx) {
|
|
|
|
- if (v.id === 'background') {
|
|
|
|
- that.haveBackground = false;
|
|
|
|
- }
|
|
|
|
- if (v.id === 'app-nav-bar') {
|
|
|
|
- that.diy__app_nav_bar = v.data;
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
- this.$storage.setStorageSync('INDEX_MALL', data);
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- async loadDiy() {
|
|
|
|
- const e = await this.$request({
|
|
|
|
- url: this.$api.index.tplIndex,
|
|
|
|
- data: {
|
|
|
|
- page_id: this.page_id
|
|
|
|
- },
|
|
|
|
- method: 'get'
|
|
|
|
- });
|
|
|
|
- let { code, data } = e;
|
|
|
|
- this.$hideLoading();
|
|
|
|
- if (code === 0) {
|
|
|
|
- this.is_storage = false;
|
|
|
|
- this.$popupAd.show = null;
|
|
|
|
- this.homePages = data.home_pages;
|
|
|
|
- this.type = data.type;
|
|
|
|
- let that = this;
|
|
|
|
- if (this.homePages.navs && that.homePages.navs.length > 0) {
|
|
|
|
- this.homePages.navs.forEach(function(row, inedx) {
|
|
|
|
- row.template.data.forEach(function(v, idx) {
|
|
|
|
- if (v.id === 'background') {
|
|
|
|
- that.haveBackground = false;
|
|
|
|
- }
|
|
|
|
- if (v.id === 'app-nav-bar') {
|
|
|
|
- that.diy__app_nav_bar = v.data;
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- delHistory(){
|
|
|
|
- // #ifdef H5
|
|
|
|
- console.error('delete history');
|
|
|
|
- let originUrl = window.location.href;
|
|
|
|
- let parseUrl = new URL(window.location.href);
|
|
|
|
- originUrl = originUrl.replace(parseUrl.origin, "")
|
|
|
|
-
|
|
|
|
- let lastIndex = originUrl.lastIndexOf('?')
|
|
|
|
- if (lastIndex !== -1) {
|
|
|
|
- let end = originUrl.slice(lastIndex + 1);
|
|
|
|
- let params = end.split('&');
|
|
|
|
- params = params.filter(function (item) {
|
|
|
|
- if (/^scene=\S/.test(item)) {
|
|
|
|
- return false;
|
|
|
|
- }
|
|
|
|
- if (/^params=\S/.test(item)) {
|
|
|
|
- return false;
|
|
|
|
- }
|
|
|
|
- return true;
|
|
|
|
- });
|
|
|
|
- params = params.join('&');
|
|
|
|
- originUrl = originUrl.slice(0, lastIndex + 1) + params;
|
|
|
|
- if (originUrl.charAt(originUrl.length - 1) === '?') {
|
|
|
|
- originUrl = originUrl.substr(0, originUrl.length - 1)
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- window.history.replaceState(null, '', originUrl);
|
|
|
|
- window.history.pushState(null, '', originUrl);
|
|
|
|
- // #endif
|
|
|
|
- },
|
|
|
|
- share(options) {
|
|
|
|
- if (typeof options.params !== 'undefined') {
|
|
|
|
- let params;
|
|
|
|
- // #ifdef MP
|
|
|
|
- params = JSON.parse(options.params);
|
|
|
|
- // #endif
|
|
|
|
- // #ifdef H5
|
|
|
|
- this.delHistory();
|
|
|
|
- params = JSON.parse(atob(options.params));
|
|
|
|
- // #endif
|
|
|
|
- this.$jump({
|
|
|
|
- url: params.path + '?' + this.$utils.objectToUrlParams(params),
|
|
|
|
- open_type: 'navigate'
|
|
|
|
- });
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- qrcode(options) {
|
|
|
|
- this.$request({
|
|
|
|
- url: this.$api.default.qrcode_parameter,
|
|
|
|
- data: {
|
|
|
|
- token: options.scene
|
|
|
|
- }
|
|
|
|
- }).then(response => {
|
|
|
|
- if (response.code === 0) {
|
|
|
|
- this.$store.dispatch('page/actionSetQeury', null);
|
|
|
|
- let { data, path } = response.data.detail;
|
|
|
|
- let url = path == 'plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin' ? `${path}` : `/${path}`;
|
|
|
|
- if (data) {
|
|
|
|
- url += '?' + this.$utils.objectToUrlParams(data);
|
|
|
|
- if (typeof data.user_id !== 'undefined') {
|
|
|
|
- this.$store.dispatch('user/setTempParentId', data.user_id)
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- if (`/${path}` != '/pages/index/index' || (typeof data.page_id !== 'undefined' && data.page_id !== this.homePages.id !== 0)) {
|
|
|
|
- this.delHistory();
|
|
|
|
- this.$jump({
|
|
|
|
- url: url,
|
|
|
|
- open_type: 'navigate'
|
|
|
|
- });
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }).catch(() => {});
|
|
|
|
- },
|
|
|
|
- buyProduct(data) {
|
|
|
|
- this.attrGoods.goods = data.goods;
|
|
|
|
- this.attrGoods.attrShow = data.attrShow;
|
|
|
|
- },
|
|
|
|
- load(options) {
|
|
|
|
- // 测试下分支
|
|
|
|
- if (typeof options.scene !== 'undefined') {
|
|
|
|
- if (options.scene === 'share') {
|
|
|
|
- this.share(options);
|
|
|
|
- } else {
|
|
|
|
- this.qrcode(options);
|
|
|
|
- }
|
|
|
|
- } else {
|
|
|
|
- // this.$showLoading();
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // #ifdef MP-ALIPAY
|
|
|
|
- let query = this.$store.state.page.query;
|
|
|
|
- if (query && typeof query.scene !== 'undefined') this.qrcode(query);
|
|
|
|
- // #endif
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- if (typeof options.user_id !== 'undefined') {
|
|
|
|
- this.$store.dispatch('user/setTempParentId', options.user_id);
|
|
|
|
- }
|
|
|
|
- this.page_id = typeof options.page_id !== 'undefined' ? Number(options.page_id) : 0;
|
|
|
|
- // mall
|
|
|
|
- if (this.page_id === 0) {
|
|
|
|
- // #ifdef H5
|
|
|
|
- this.$request({
|
|
|
|
- url: this.$api.index.indexWechat
|
|
|
|
- });
|
|
|
|
- // #endif
|
|
|
|
- let storage = this.$storage.getStorageSync('INDEX_MALL');
|
|
|
|
- if (storage && storage.time) {
|
|
|
|
- let old = new Date(storage.time.replace(/-/g, '/'));
|
|
|
|
- old.setMinutes(old.getMinutes() + 10);
|
|
|
|
- let now = new Date();
|
|
|
|
- let time = now.getTime() - old.getTime();
|
|
|
|
- if (time >= 0) {
|
|
|
|
- this.type = storage.type;
|
|
|
|
- this.homePages = storage.home_pages;
|
|
|
|
- this.loadMall();
|
|
|
|
- } else {
|
|
|
|
- this.type = storage.type;
|
|
|
|
- if (this.type === 'diy') {
|
|
|
|
- this.coupon_req = true;
|
|
|
|
- this.homePages = {}
|
|
|
|
- }
|
|
|
|
- this.$nextTick(() => {
|
|
|
|
- this.homePages = storage.home_pages;
|
|
|
|
- let that = this;
|
|
|
|
- if(this.homePages.navs && this.homePages.navs.length > 0) {
|
|
|
|
- this.homePages.navs.forEach(function(row,inedx){
|
|
|
|
- row.template.data.forEach(function(v,idx) {
|
|
|
|
- if (v.id === 'background') {
|
|
|
|
- that.haveBackground = false;
|
|
|
|
- }
|
|
|
|
- if (v.id === 'app-nav-bar') {
|
|
|
|
- that.diy__app_nav_bar = v.data;
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
- this.is_required = false;
|
|
|
|
- }
|
|
|
|
- } else {
|
|
|
|
- this.loadMall();
|
|
|
|
- }
|
|
|
|
- // DIY
|
|
|
|
- } else {
|
|
|
|
- this.coupon_req = true;
|
|
|
|
- this.loadDiy();
|
|
|
|
- }
|
|
|
|
- // #ifdef H5
|
|
|
|
- if (this.userInfo && this.userInfo.other_config && this.$jwx.isWechat()) {
|
|
|
|
- this.isShowAttention = this.userInfo.subscribe == 0;
|
|
|
|
- }
|
|
|
|
- let args = {
|
|
|
|
- path: '/pages/index/index',
|
|
|
|
- params: {}
|
|
|
|
- };
|
|
|
|
- if (this.page_id == 0) {
|
|
|
|
- args.title = this.mall.setting.share_title ? this.mall.setting.share_title : this.mall.name;
|
|
|
|
- args.imageUrl = this.mall.setting.share_pic ? this.mall.setting.share_pic : '';
|
|
|
|
- args.desc = this.mall.name;
|
|
|
|
- } else {
|
|
|
|
- args.title = this.homePages.title;
|
|
|
|
- args.params.page_id = this.page_id;
|
|
|
|
- args.imageUrl = this.mall.setting.share_pic ? this.mall.setting.share_pic : '';
|
|
|
|
- args.desc = this.mall.name;
|
|
|
|
- }
|
|
|
|
- this.$shareAppMessage(args);
|
|
|
|
- // #endif
|
|
|
|
- },
|
|
|
|
- },
|
|
|
|
- // #ifdef MP
|
|
|
|
- onShareAppMessage() {
|
|
|
|
- let args = {
|
|
|
|
- path: '/pages/index/index',
|
|
|
|
- params: {}
|
|
|
|
- };
|
|
|
|
- if (this.page_id == 0) {
|
|
|
|
- args.title = this.mall.setting.share_title ? this.mall.setting.share_title : this.mall.name;
|
|
|
|
- args.imageUrl = this.mall.setting.share_pic
|
|
|
|
- } else {
|
|
|
|
- args.title = this.homePages.title;
|
|
|
|
- args.params.page_id = this.page_id;
|
|
|
|
- }
|
|
|
|
- return this.$shareAppMessage(args);
|
|
|
|
- },
|
|
|
|
- // #endif
|
|
|
|
- computed: {
|
|
|
|
- navbarStatus: function () {
|
|
|
|
- // #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO
|
|
|
|
- return ['windows', 'mac'].indexOf(this.systemInfo.platform) === -1;
|
|
|
|
- // #endif
|
|
|
|
- // #ifdef H5
|
|
|
|
- return !this.$jwx.isWechat();
|
|
|
|
- // #endif
|
|
|
|
- // #ifdef MP-ALIPAY
|
|
|
|
- return false;
|
|
|
|
- // #endif
|
|
|
|
- },
|
|
|
|
-
|
|
|
|
- ...mapGetters('mallConfig', {
|
|
|
|
- tabBarNavs: 'getNavBar',
|
|
|
|
- getTheme: 'getTheme',
|
|
|
|
- }),
|
|
|
|
- ...mapGetters({
|
|
|
|
- userInfo: 'user/info',
|
|
|
|
- }),
|
|
|
|
- ...mapState({
|
|
|
|
- systemInfo: state => state.gConfig.systemInfo
|
|
|
|
- }),
|
|
|
|
- ...mapState('mallConfig', {
|
|
|
|
- config: state => state.mall.setting,
|
|
|
|
- mall: state => state.mall,
|
|
|
|
- }),
|
|
|
|
- isSign: function () {
|
|
|
|
- return this.$storage.getStorageSync('isSign');
|
|
|
|
- },
|
|
|
|
- },
|
|
|
|
- // #ifdef MP-WEIXIN
|
|
|
|
- onShareTimeline() {
|
|
|
|
- // 分享朋友圈beta
|
|
|
|
- let query = {};
|
|
|
|
- let title = '';
|
|
|
|
- if (this.page_id == 0) {
|
|
|
|
- title = this.mall.setting.share_title ? this.mall.setting.share_title : this.mall.name;
|
|
|
|
- } else {
|
|
|
|
- title = this.homePages.title;
|
|
|
|
- query.page_id = this.page_id;
|
|
|
|
- }
|
|
|
|
- return this.$shareTimeline({
|
|
|
|
- title: title,
|
|
|
|
- query: query
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
- // #endif
|
|
|
|
- // #ifdef H5
|
|
|
|
- watch: {
|
|
|
|
- $route: {
|
|
|
|
- handler: function(to) {
|
|
|
|
- this.pagePath = to.meta.pagePath;
|
|
|
|
- if (to.meta.pagePath === 'pages/index/index') {
|
|
|
|
- this.homePages = {};
|
|
|
|
- this.load(to.query);
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- userInfo: {
|
|
|
|
- handler: function(newVal) {
|
|
|
|
- if (newVal && newVal.other_config && this.pagePath === 'pages/index/index' && this.$jwx.isWechat()) {
|
|
|
|
- this.isShowAttention = this.userInfo.other_config.includes('index') && this.userInfo.subscribe == 0;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- // #endif
|
|
|
|
- };
|
|
|
|
-</script>
|
|
|
|
-
|
|
|
|
-<style lang="scss">
|
|
|
|
-</style>
|
|
|