829 lines
22 KiB
Vue
829 lines
22 KiB
Vue
|
<template>
|
|||
|
|
<!-- 首页 -->
|
|||
|
|
<view v-if="pageShow" class="page"
|
|||
|
|
:class="bgTabVal==2?'fullsize noRepeat':bgTabVal==1?'repeat ysize':'noRepeat ysize'"
|
|||
|
|
:style="[pageStyle]">
|
|||
|
|
<view v-if="!errorNetwork" :style="colorStyle">
|
|||
|
|
<!-- 轮播搜索 -->
|
|||
|
|
<homeComb v-if="showHomeComb" :dataConfig="homeCombData" @bindSortId="bindSortId":isScrolled="isScrolled"></homeComb>
|
|||
|
|
<!-- 顶部搜索框 -->
|
|||
|
|
<headerSerch v-if="isHeaderSerch" :dataConfig="headerSerchCombData"></headerSerch>
|
|||
|
|
<tabNav v-if="showCateNav" :dataConfig="cateNavData" @bindHeight="bindHeighta"
|
|||
|
|
@bindSortId="bindSortId" :isFixed="isFixed && !cateNavData.stickyConfig.tabVal"></tabNav>
|
|||
|
|
<view class="index">
|
|||
|
|
<!-- 自定义样式 -->
|
|||
|
|
<block v-for="(item, index) in styleConfig" :key="index">
|
|||
|
|
<!-- <shortVideo v-if="item.name == 'shortVideo'" :dataConfig="item">
|
|||
|
|
</shortVideo> -->
|
|||
|
|
<userInfor v-if="item.name == 'userInfor'" :dataConfig="item"
|
|||
|
|
@changeLogin="changeLogin">
|
|||
|
|
</userInfor>
|
|||
|
|
<newVip v-if="item.name == 'newVip'" :dataConfig="item"></newVip>
|
|||
|
|
<!-- 文章列表 -->
|
|||
|
|
<articleList v-if="item.name == 'articleList'" :dataConfig="item">
|
|||
|
|
</articleList>
|
|||
|
|
<bargain v-if="item.name == 'bargain'" :dataConfig="item" :pullReset="pullReset" @changeBarg="changeBarg"
|
|||
|
|
></bargain>
|
|||
|
|
<blankPage v-if="item.name == 'blankPage'" :dataConfig="item"></blankPage>
|
|||
|
|
<combination v-if="item.name == 'combination'" :dataConfig="item" :pullReset="pullReset">
|
|||
|
|
</combination>
|
|||
|
|
<!-- 优惠券 -->
|
|||
|
|
<coupon v-if="item.name == 'coupon'" :dataConfig="item"
|
|||
|
|
@changeLogin="changeLogin"></coupon>
|
|||
|
|
<!-- 客户服务 -->
|
|||
|
|
<customerService v-if="item.name == 'customerService'" :dataConfig="item">
|
|||
|
|
</customerService>
|
|||
|
|
<!-- 商品列表 -->
|
|||
|
|
<goodList v-if="item.name == 'goodList'" :dataConfig="item"
|
|||
|
|
></goodList>
|
|||
|
|
<guide v-if="item.name == 'guide'" :dataConfig="item"></guide>
|
|||
|
|
<!-- 直播模块 -->
|
|||
|
|
<!-- #ifdef MP-WEIXIN -->
|
|||
|
|
<liveBroadcast v-if="item.name == 'liveBroadcast'" :dataConfig="item"></liveBroadcast>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<menus v-if="item.name == 'menus'" :dataConfig="item"></menus>
|
|||
|
|
<!-- 实时消息 -->
|
|||
|
|
<news v-if="item.name == 'news'" :dataConfig="item"></news>
|
|||
|
|
<!-- 图片库 -->
|
|||
|
|
<pictureCube v-if="item.name == 'pictureCube'" :dataConfig="item"></pictureCube>
|
|||
|
|
<!-- 促销列表 -->
|
|||
|
|
<promotionList v-if="item.name == 'promotionList'" :dataConfig="item"
|
|||
|
|
:productVideoStatus='product_video_status' :showHomeComb="showHomeComb" :isHeaderSerch="isHeaderSerch">
|
|||
|
|
</promotionList>
|
|||
|
|
<richText v-if="item.name == 'richText'" :dataConfig="item"></richText>
|
|||
|
|
<seckill v-if="item.name == 'seckill'" :dataConfig="item" :pullReset="pullReset"></seckill>
|
|||
|
|
<!-- 轮播图-->
|
|||
|
|
<swiperBg v-if="item.name == 'swiperBg'" :dataConfig="item"></swiperBg>
|
|||
|
|
<swipers v-if="item.name == 'swipers'" :dataConfig="item"></swipers>
|
|||
|
|
<!-- 顶部选项卡 -->
|
|||
|
|
|
|||
|
|
<!-- 标题 -->
|
|||
|
|
<titles v-if="item.name == 'titles'" :dataConfig="item"></titles>
|
|||
|
|
<ranking v-if="item.name == 'ranking'" :dataConfig="item"></ranking>
|
|||
|
|
<presale v-if="item.name == 'presale'" :dataConfig="item"></presale>
|
|||
|
|
<pointsMall v-if="item.name == 'pointsMall'" :dataConfig="item"></pointsMall>
|
|||
|
|
<videos v-if="item.name == 'videos'" :dataConfig="item"></videos>
|
|||
|
|
<signIn v-if="item.name == 'signIn'" :dataConfig="item"></signIn>
|
|||
|
|
<hotspot v-if="item.name == 'hotspot'" :dataConfig="item"></hotspot>
|
|||
|
|
<follow v-if="item.name == 'follow'" :dataConfig="item"></follow>
|
|||
|
|
<community v-if="item.name == 'community'" :dataConfig="item"></community>
|
|||
|
|
</block>
|
|||
|
|
<!-- 分类商品模块 -->
|
|||
|
|
<!-- #ifndef APP-PLUS -->
|
|||
|
|
<view class="sort-product px-20">
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<!-- #ifdef APP-PLUS -->
|
|||
|
|
<!-- 商品排序 -->
|
|||
|
|
<view class="sort-product px-20" :style="{ marginTop: sortMpTop + 'px' }">
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<view class="rd-24rpx bg--w111-fff p-24 mb-24" v-if="sortList.children && sortList.children.length">
|
|||
|
|
<scroll-view scroll-x="true" class="white-nowrap vertical-middle w-full" show-scrollbar="false">
|
|||
|
|
<view class="inline-block mr-24" v-for="(item, index) in sortList.children" :key="index">
|
|||
|
|
<view class="flex-col flex-center" @tap="changeSort(item, index)">
|
|||
|
|
<view class="picture w-90 h-90 rd-50-p111-"
|
|||
|
|
:class="{select: curSort == index}">
|
|||
|
|
<image :src="item.pic" class="w-full h-full rd-50-p111-"></image>
|
|||
|
|
</view>
|
|||
|
|
<text class="fs-24 pt-14" :class="{'font-num': curSort == index}">{{item.cate_name}}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</scroll-view>
|
|||
|
|
</view>
|
|||
|
|
<waterfallsFlow ref="waterfallsFlow" :wfList="goodList" :showCart="false" @itemTap="goDetail"></waterfallsFlow>
|
|||
|
|
<Loading :loaded="loaded" :loading="loading"></Loading>
|
|||
|
|
<view v-if="goodList.length == 0 && loaded">
|
|||
|
|
<emptyPage title="暂无商品，去看点别的吧～" ></emptyPage>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<activityModal :pageIndex="1"></activityModal>
|
|||
|
|
<!-- #ifdef H5 -->
|
|||
|
|
<view v-if="configData.record_No" class="site-config" @click="goICP">{{ configData.record_No }}</view>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<view class="pb-safe h-100" v-if="isFooter"></view>
|
|||
|
|
<pageFooter @newDataStatus="newDataStatus"></pageFooter>
|
|||
|
|
<!-- #ifdef MP-WEIXIN -->
|
|||
|
|
<add-tip></add-tip>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
</view>
|
|||
|
|
<!-- #ifdef APP -->
|
|||
|
|
<app-update ref="appUpdate" :force="true" :tabbar="false"></app-update>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
</view>
|
|||
|
|
<view v-else>
|
|||
|
|
<view class="o813d0">
|
|||
|
|
<image :src="imgHost + '/statics/images/error-network.gif'"></image>
|
|||
|
|
<view class="title">网络连接断开</view>
|
|||
|
|
<view class="of0b21">
|
|||
|
|
<view class="label">请检查情况：</view>
|
|||
|
|
<view class="item">· 在设置中是否已开启网络权限</view>
|
|||
|
|
<view class="item">· 当前是否处于弱网环境</view>
|
|||
|
|
<view class="item">· 版本是否过低，升级试试吧</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="btn" @click="reconnect">重新连接</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- HJF 演示控制面板 -->
|
|||
|
|
<HjfDemoPanel />
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
const app = getApp();
|
|||
|
|
import colors from "@/mixins/color";
|
|||
|
|
import couponWindow from '@/components/couponWindow/index';
|
|||
|
|
import {
|
|||
|
|
getCouponV2,
|
|||
|
|
getCouponNewUser,
|
|||
|
|
copyRight
|
|||
|
|
} from '@/api/api.js';
|
|||
|
|
import {
|
|||
|
|
getShare
|
|||
|
|
} from '@/api/public.js';
|
|||
|
|
// #ifdef H5
|
|||
|
|
import {
|
|||
|
|
silenceAuth
|
|||
|
|
} from '@/api/public.js';
|
|||
|
|
// #endif
|
|||
|
|
import Cache from '@/utils/cache';
|
|||
|
|
import userInfor from './components/userInfor';
|
|||
|
|
import homeComb from './components/homeComb';
|
|||
|
|
import newVip from './components/newVip';
|
|||
|
|
// import shortVideo from './components/shortVideo';
|
|||
|
|
import community from './components/community'
|
|||
|
|
import headerSerch from './components/headerSerch';
|
|||
|
|
import swipers from './components/swipers';
|
|||
|
|
import coupon from './components/coupon';
|
|||
|
|
import articleList from './components/articleList';
|
|||
|
|
import bargain from './components/bargain';
|
|||
|
|
import blankPage from './components/blankPage';
|
|||
|
|
import combination from './components/combination';
|
|||
|
|
import customerService from './components/customerService';
|
|||
|
|
import goodList from './components/goodList';
|
|||
|
|
import guide from './components/guide';
|
|||
|
|
import liveBroadcast from './components/liveBroadcast';
|
|||
|
|
import menus from './components/menus';
|
|||
|
|
import news from './components/news';
|
|||
|
|
import pictureCube from './components/pictureCube';
|
|||
|
|
import promotionList from './components/promotionList';
|
|||
|
|
import richText from './components/richText';
|
|||
|
|
import seckill from './components/seckill';
|
|||
|
|
import swiperBg from './components/swiperBg';
|
|||
|
|
import tabNav from './components/tabNav';
|
|||
|
|
import titles from './components/titles';
|
|||
|
|
import ranking from './components/ranking';
|
|||
|
|
import presale from './components/presale'
|
|||
|
|
import pointsMall from './components/pointsMall';
|
|||
|
|
import videos from './components/videos';
|
|||
|
|
import signIn from './components/signIn';
|
|||
|
|
import hotspot from './components/hotspot';
|
|||
|
|
import follow from './components/follow';
|
|||
|
|
import waterfallsFlow from "@/components/WaterfallsFlow/WaterfallsFlow.vue";
|
|||
|
|
import emptyPage from '@/components/emptyPage.vue';
|
|||
|
|
import activityModal from "@/components/activityModal/index.vue"
|
|||
|
|
// #ifdef MP
|
|||
|
|
import addTip from '@/components/weixinTip/index.vue'
|
|||
|
|
import {getTemlIds} from '@/api/api.js';
|
|||
|
|
import {
|
|||
|
|
SUBSCRIBE_MESSAGE,
|
|||
|
|
TIPS_KEY
|
|||
|
|
} from '@/config/cache';
|
|||
|
|
// #endif
|
|||
|
|
import {mapGetters,mapMutations} from 'vuex';
|
|||
|
|
import {getDiy, getDiyVersion} from '@/api/api.js';
|
|||
|
|
import {
|
|||
|
|
getCategoryList,
|
|||
|
|
getProductslist,
|
|||
|
|
getProductHot,
|
|||
|
|
diyProductApi
|
|||
|
|
} from '@/api/store.js';
|
|||
|
|
import { goShopDetail } from '@/libs/order.js';
|
|||
|
|
import { toLogin } from '@/libs/login.js';
|
|||
|
|
import { HTTP_REQUEST_URL } from '@/config/app';
|
|||
|
|
import pageFooter from '@/components/pageFooter/index.vue';
|
|||
|
|
import Loading from '@/components/Loading/index.vue';
|
|||
|
|
import recommend from '@/components/recommend';
|
|||
|
|
import appUpdate from '@/components/update/app-update.vue';
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
computed: {
|
|||
|
|
pageStyle(){
|
|||
|
|
return {
|
|||
|
|
backgroundColor: this.bgColor,
|
|||
|
|
backgroundImage: this.bgPic ? `url(${this.bgPic})` : '',
|
|||
|
|
minHeight: this.windowHeight + 'px'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
...mapGetters(['isLogin', 'uid', 'cartNum']),
|
|||
|
|
},
|
|||
|
|
mixins: [colors],
|
|||
|
|
components: {
|
|||
|
|
recommend,
|
|||
|
|
Loading,
|
|||
|
|
pageFooter,
|
|||
|
|
couponWindow,
|
|||
|
|
homeComb,
|
|||
|
|
newVip,
|
|||
|
|
userInfor,
|
|||
|
|
community,
|
|||
|
|
headerSerch,
|
|||
|
|
swipers,
|
|||
|
|
coupon,
|
|||
|
|
articleList,
|
|||
|
|
bargain,
|
|||
|
|
blankPage,
|
|||
|
|
combination,
|
|||
|
|
customerService,
|
|||
|
|
goodList,
|
|||
|
|
guide,
|
|||
|
|
menus,
|
|||
|
|
pictureCube,
|
|||
|
|
news,
|
|||
|
|
promotionList,
|
|||
|
|
richText,
|
|||
|
|
seckill,
|
|||
|
|
swiperBg,
|
|||
|
|
tabNav,
|
|||
|
|
titles,
|
|||
|
|
ranking,
|
|||
|
|
presale,
|
|||
|
|
pointsMall,
|
|||
|
|
videos,
|
|||
|
|
signIn,
|
|||
|
|
hotspot,
|
|||
|
|
follow,
|
|||
|
|
waterfallsFlow,
|
|||
|
|
activityModal,
|
|||
|
|
emptyPage,
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
appUpdate,
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef MP-WEIXIN
|
|||
|
|
addTip,
|
|||
|
|
liveBroadcast,
|
|||
|
|
// #endif
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
styleConfig: [],
|
|||
|
|
loading: false,
|
|||
|
|
loadend: false,
|
|||
|
|
loadTitle: '下拉加载更多', //提示语
|
|||
|
|
page: 1,
|
|||
|
|
limit: this.$config.LIMIT,
|
|||
|
|
numConfig: 0,
|
|||
|
|
code: '',
|
|||
|
|
isCouponShow: false,
|
|||
|
|
shareInfo: {},
|
|||
|
|
sortList: '',
|
|||
|
|
sortAll: [],
|
|||
|
|
goodPage: 1,
|
|||
|
|
goodList: [],
|
|||
|
|
sid: 0,
|
|||
|
|
curSort: 0,
|
|||
|
|
sortMpTop: 0,
|
|||
|
|
loaded: false,
|
|||
|
|
loading: false,
|
|||
|
|
domOffsetTop: 50,
|
|||
|
|
// #ifdef APP-PLUS || MP
|
|||
|
|
isFixed: true,
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef H5
|
|||
|
|
isFixed: false,
|
|||
|
|
// #endif
|
|||
|
|
site_config: '',
|
|||
|
|
errorNetwork: false, // 是否断网
|
|||
|
|
isHeaderSerch: false,
|
|||
|
|
showHomeComb: false,
|
|||
|
|
showCateNav: false,
|
|||
|
|
homeCombData:{},
|
|||
|
|
headerSerchCombData:{},
|
|||
|
|
cateNavData:{},
|
|||
|
|
bgColor: '',
|
|||
|
|
bgPic: '',
|
|||
|
|
bgTabVal: '',
|
|||
|
|
pageShow: true,
|
|||
|
|
windowHeight: 0,
|
|||
|
|
imgHost: HTTP_REQUEST_URL,
|
|||
|
|
isShowAuth: false,
|
|||
|
|
isScrolled: false,
|
|||
|
|
product_video_status: false,
|
|||
|
|
confirm_video_status: false,
|
|||
|
|
isFooter: false,
|
|||
|
|
pullReset: 0,
|
|||
|
|
configData: Cache.get('BASIC_CONFIG'),
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
onLoad(options) {
|
|||
|
|
let that = this;
|
|||
|
|
that.getOptions(options);
|
|||
|
|
this.$nextTick(function() {
|
|||
|
|
uni.getSystemInfo({
|
|||
|
|
success: function(res) {
|
|||
|
|
that.windowHeight = res.windowHeight;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
const {state, scope} = options;
|
|||
|
|
let identity = this.$store.state.app.identity;
|
|||
|
|
if(identity == 1 && this.isLogin){
|
|||
|
|
uni.redirectTo({
|
|||
|
|
url: "/pages/merchant/index/goods"
|
|||
|
|
})
|
|||
|
|
}else if(identity == 2 && this.isLogin){
|
|||
|
|
uni.redirectTo({
|
|||
|
|
url:"/pages/admin/work/index"
|
|||
|
|
})
|
|||
|
|
}else{
|
|||
|
|
this.diyData();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// #ifdef H5
|
|||
|
|
this.setOpenShare();
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef MP
|
|||
|
|
this.getTemlIds();
|
|||
|
|
// #endif
|
|||
|
|
getShare().then(res => {
|
|||
|
|
this.shareInfo = res.data;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
if (this.cartNum > 0) {
|
|||
|
|
uni.setTabBarBadge({
|
|||
|
|
index: 3,
|
|||
|
|
text: this.cartNum > 99 ? '99+' : this.cartNum + ''
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
uni.hideTabBarRedDot({
|
|||
|
|
index: 3
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
uni.removeStorageSync('form_type_cart')
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
...mapMutations(['SET_AUTOPLAY']),
|
|||
|
|
getOptions(options) {
|
|||
|
|
let that = this;
|
|||
|
|
// #ifdef MP
|
|||
|
|
if (options.scene) {
|
|||
|
|
let value = that.$util.getUrlParams(decodeURIComponent(options.scene));
|
|||
|
|
//记录推广人uid
|
|||
|
|
if (value.spid) app.globalData.spid = value.spid;
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
if (options.spid) app.globalData.spid = options.spid;
|
|||
|
|
},
|
|||
|
|
// 重新链接
|
|||
|
|
reconnect() {
|
|||
|
|
this.diyData();
|
|||
|
|
getShare().then(res => {
|
|||
|
|
this.shareInfo = res.data;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
goICP() {
|
|||
|
|
// #ifdef H5
|
|||
|
|
window.open('http://beian.miit.gov.cn/');
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef MP
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pages/annex/web_view/index?url=https://beian.miit.gov.cn/`
|
|||
|
|
});
|
|||
|
|
// #endif
|
|||
|
|
},
|
|||
|
|
bindHeighta(data) {
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
this.sortMpTop = data.top + data.height;
|
|||
|
|
// #endif
|
|||
|
|
},
|
|||
|
|
bindHeight(data) {
|
|||
|
|
uni.hideLoading();
|
|||
|
|
this.domOffsetTop = data.top;
|
|||
|
|
},
|
|||
|
|
// 分类点击
|
|||
|
|
changeSort(item, index) {
|
|||
|
|
if (this.curSort == index) return;
|
|||
|
|
this.curSort = index;
|
|||
|
|
this.sid = item.id;
|
|||
|
|
this.goodList = [];
|
|||
|
|
this.goodPage = 1;
|
|||
|
|
this.loaded = false;
|
|||
|
|
this.getGoodsList();
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* @param data {
|
|||
|
|
classPage: 0 分类id
|
|||
|
|
microPage: 0 微页面id
|
|||
|
|
type: 1 0 微页面 1 商品分类
|
|||
|
|
}*/
|
|||
|
|
bindSortId(data) {
|
|||
|
|
this.styleConfig = [];
|
|||
|
|
this.loaded = false;
|
|||
|
|
if (data.type == 1) {
|
|||
|
|
this.getProductList(data.classPage);
|
|||
|
|
}else{
|
|||
|
|
this.sortList = [];
|
|||
|
|
this.getMicroPage(data.microPage, true);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 获取DIY
|
|||
|
|
* @param {number} id
|
|||
|
|
* @param {boolean} type 区分是否是微页面
|
|||
|
|
*/
|
|||
|
|
getMicroPage(id, type) {
|
|||
|
|
let that = this;
|
|||
|
|
that.styleConfig = [];
|
|||
|
|
that.goodList = [];
|
|||
|
|
uni.showLoading({
|
|||
|
|
title: '加载中...'
|
|||
|
|
});
|
|||
|
|
getDiy(id).then(res => {
|
|||
|
|
uni.hideLoading();
|
|||
|
|
let data = res.data;
|
|||
|
|
let diyArr = that.objToArr(res.data.value);
|
|||
|
|
diyArr = diyArr.filter(item => item.isHide !== '1');
|
|||
|
|
diyArr.forEach((item,index) => {
|
|||
|
|
if(['headerSerch','homeComb'].includes(item.name)){
|
|||
|
|
diyArr.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
this.styleConfig = diyArr;
|
|||
|
|
}).catch(err => {
|
|||
|
|
return that.$util.Tips({
|
|||
|
|
title: err
|
|||
|
|
});
|
|||
|
|
uni.hideLoading();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getProductList(data) {
|
|||
|
|
let tempObj = '';
|
|||
|
|
this.curSort = 0;
|
|||
|
|
this.loaded = false;
|
|||
|
|
if (this.sortAll.length > 0) {
|
|||
|
|
this.sortAll.forEach((el, index) => {
|
|||
|
|
if (el.id == data) {
|
|||
|
|
this.$set(this, 'sortList', el);
|
|||
|
|
this.sid = el.children.length ? el.children[0].id : '';
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
this.goodList = [];
|
|||
|
|
this.goodPage = 1;
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
if (this.sortList != '') this.getGoodsList();
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
getCategoryList().then(res => {
|
|||
|
|
this.sortAll = res.data;
|
|||
|
|
res.data.forEach((el, index) => {
|
|||
|
|
if (el.id == data) {
|
|||
|
|
this.sortList = el;
|
|||
|
|
this.sid = el.children.length ? el.children[0].id : '';
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
this.goodList = [];
|
|||
|
|
this.goodPage = 1;
|
|||
|
|
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
if (this.sortList != '') this.getGoodsList();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 商品列表
|
|||
|
|
getGoodsList() {
|
|||
|
|
if (this.loading || this.loaded) return;
|
|||
|
|
this.loading = true;
|
|||
|
|
getProductslist({
|
|||
|
|
sid: this.sid,
|
|||
|
|
keyword: '',
|
|||
|
|
priceOrder: '',
|
|||
|
|
salesOrder: '',
|
|||
|
|
news: 0,
|
|||
|
|
page: this.goodPage,
|
|||
|
|
limit: 10,
|
|||
|
|
cid: this.sortList.id
|
|||
|
|
}).then(res => {
|
|||
|
|
this.loading = false;
|
|||
|
|
this.loaded = res.data.length < 10;
|
|||
|
|
this.goodPage++;
|
|||
|
|
this.goodList = this.goodList.concat(res.data);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// #ifdef MP
|
|||
|
|
getTemlIds() {
|
|||
|
|
let messageTmplIds = wx.getStorageSync(SUBSCRIBE_MESSAGE);
|
|||
|
|
if (!messageTmplIds) {
|
|||
|
|
getTemlIds().then(res => {
|
|||
|
|
if (res.data) wx.setStorageSync(SUBSCRIBE_MESSAGE, JSON.stringify(res.data));
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// #endif
|
|||
|
|
// 对象转数组
|
|||
|
|
objToArr(data) {
|
|||
|
|
let obj = Object.keys(data).sort();
|
|||
|
|
let m = obj.map(key => data[key]);
|
|||
|
|
return m;
|
|||
|
|
},
|
|||
|
|
setDiyData(data) {
|
|||
|
|
this.errorNetwork = false
|
|||
|
|
if (data.is_bg_color) {
|
|||
|
|
this.bgColor = data.color_picker
|
|||
|
|
}
|
|||
|
|
if (data.is_bg_pic) {
|
|||
|
|
this.bgPic = data.bg_pic
|
|||
|
|
this.bgTabVal = data.bg_tab_val
|
|||
|
|
}
|
|||
|
|
this.pageShow = data.is_show
|
|||
|
|
uni.setNavigationBarTitle({
|
|||
|
|
title: data.title
|
|||
|
|
});
|
|||
|
|
let temp = [];
|
|||
|
|
let lastArr = this.objToArr(data.value);
|
|||
|
|
lastArr.forEach((item, index, arr) => {
|
|||
|
|
if (item.name === 'homeComb') {
|
|||
|
|
this.showHomeComb = true
|
|||
|
|
this.homeCombData = item;
|
|||
|
|
}
|
|||
|
|
if (item.name == 'headerSerch') {
|
|||
|
|
this.isHeaderSerch = true;
|
|||
|
|
this.headerSerchCombData = item;
|
|||
|
|
}
|
|||
|
|
if (item.name == 'tabNav') {
|
|||
|
|
this.showCateNav = true;
|
|||
|
|
this.cateNavData = item;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (item.isHide !== '1') {
|
|||
|
|
temp.push(item);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function sortNumber(a, b) {
|
|||
|
|
return a.timestamp - b.timestamp;
|
|||
|
|
}
|
|||
|
|
temp.sort(sortNumber)
|
|||
|
|
this.styleConfig = temp;
|
|||
|
|
},
|
|||
|
|
getDiyData() {
|
|||
|
|
getDiy(0).then(res => {
|
|||
|
|
uni.setStorageSync('diyData', JSON.stringify(res.data));
|
|||
|
|
this.setDiyData(res.data);
|
|||
|
|
}).catch(error => {
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
if (error.status) {
|
|||
|
|
uni.hideLoading()
|
|||
|
|
if (this.errorNetwork) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请开启网络连接',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
this.errorNetwork = true;
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
diyData() {
|
|||
|
|
let diyData = uni.getStorageSync('diyData');
|
|||
|
|
if (diyData) {
|
|||
|
|
getDiyVersion(0).then(res => {
|
|||
|
|
let diyVersion = uni.getStorageSync('diyVersion');
|
|||
|
|
if ((res.data.version + '0') === diyVersion) {
|
|||
|
|
// Storage may return string or already-parsed object (e.g. on H5)
|
|||
|
|
const data = typeof diyData === 'string' ? JSON.parse(diyData) : diyData;
|
|||
|
|
this.setDiyData(data);
|
|||
|
|
} else {
|
|||
|
|
uni.setStorageSync('diyVersion', (res.data.version + '0'));
|
|||
|
|
this.getDiyData();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
this.getDiyData();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
changeLogin() {
|
|||
|
|
this.getIsLogin();
|
|||
|
|
},
|
|||
|
|
getIsLogin() {
|
|||
|
|
toLogin()
|
|||
|
|
},
|
|||
|
|
changeBarg(item) {
|
|||
|
|
if (!this.isLogin) {
|
|||
|
|
this.getIsLogin();
|
|||
|
|
} else {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pages/activity/goods_bargain_details/index?id=${item.id}&spid=${this.$store.state.app.uid}`
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
goDetail(item) {
|
|||
|
|
goShopDetail(item, this.$store.state.app.uid).catch(res => {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pages/goods_details/index?id=${item.id}`
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
newDataStatus(val) {
|
|||
|
|
this.isFooter = val ? true : false;
|
|||
|
|
},
|
|||
|
|
checked(){
|
|||
|
|
console.log('点击了')
|
|||
|
|
},
|
|||
|
|
// #ifdef H5
|
|||
|
|
// 微信分享；
|
|||
|
|
setOpenShare: function() {
|
|||
|
|
let that = this;
|
|||
|
|
let uid = this.uid ? this.uid : 0;
|
|||
|
|
if (that.$wechat.isWeixin()) {
|
|||
|
|
getShare().then(res => {
|
|||
|
|
let data = res.data;
|
|||
|
|
let configAppMessage = {
|
|||
|
|
desc: data.synopsis,
|
|||
|
|
title: data.title,
|
|||
|
|
link: location.href + '?spid=' + uid,
|
|||
|
|
imgUrl: data.img
|
|||
|
|
};
|
|||
|
|
that.$wechat.wechatEvevt(['updateAppMessageShareData', 'updateTimelineShareData',
|
|||
|
|
'onMenuShareAppMessage', 'onMenuShareTimeline'
|
|||
|
|
],
|
|||
|
|
configAppMessage);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
},
|
|||
|
|
onReachBottom() {
|
|||
|
|
if(this.goodList.length){
|
|||
|
|
this.getGoodsList();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onPullDownRefresh() {
|
|||
|
|
this.goodList = [];
|
|||
|
|
this.sortList = [];
|
|||
|
|
this.diyData();
|
|||
|
|
this.pullReset = 1;
|
|||
|
|
setTimeout(function () {
|
|||
|
|
uni.stopPullDownRefresh();
|
|||
|
|
}, 1000);
|
|||
|
|
},
|
|||
|
|
onPageScroll(e) {
|
|||
|
|
// #ifdef H5
|
|||
|
|
if (this.isHeaderSerch) {
|
|||
|
|
if (e.scrollTop > this.domOffsetTop) {
|
|||
|
|
this.isFixed = true;
|
|||
|
|
}
|
|||
|
|
if (e.scrollTop < this.domOffsetTop) {
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.isFixed = false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
this.isFixed = false
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
if (e.scrollTop > 10) {
|
|||
|
|
this.isScrolled = true;
|
|||
|
|
} else {
|
|||
|
|
this.isScrolled = false;
|
|||
|
|
}
|
|||
|
|
uni.$emit('scroll');
|
|||
|
|
uni.$emit('onPageScroll', e.scrollTop);
|
|||
|
|
},
|
|||
|
|
//#ifdef MP
|
|||
|
|
onShareAppMessage() {
|
|||
|
|
let uid = this.uid ? this.uid : 0;
|
|||
|
|
if(this.shareInfo.img){
|
|||
|
|
return {
|
|||
|
|
title: this.shareInfo.title,
|
|||
|
|
path: '/pages/index/index?spid=' + uid,
|
|||
|
|
imageUrl: this.shareInfo.img,
|
|||
|
|
desc: this.shareInfo.synopsis
|
|||
|
|
};
|
|||
|
|
}else{
|
|||
|
|
return {
|
|||
|
|
title: this.shareInfo.title,
|
|||
|
|
path: '/pages/index/index?spid=' + uid
|
|||
|
|
// imageUrl: this.shareInfo.img,
|
|||
|
|
// desc: this.shareInfo.synopsis
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
//分享到朋友圈
|
|||
|
|
onShareTimeline() {
|
|||
|
|
let uid = this.uid ? this.uid : 0;
|
|||
|
|
return {
|
|||
|
|
title: this.shareInfo.title,
|
|||
|
|
path: '/pages/index/index?spid=' + uid,
|
|||
|
|
imageUrl: this.shareInfo.img,
|
|||
|
|
desc: this.shareInfo.synopsis
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
//#endif
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
// page {
|
|||
|
|
// padding-bottom: 50px;
|
|||
|
|
// }
|
|||
|
|
.pictrue_log_class {
|
|||
|
|
background-color: var(--view-theme);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ysize {
|
|||
|
|
background-size: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.fullsize {
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.repeat {
|
|||
|
|
background-repeat: repeat;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.noRepeat {
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.o813d0 {
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
padding-top: 40rpx;
|
|||
|
|
background: #fff;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 414rpx;
|
|||
|
|
height: 336rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
position: relative;
|
|||
|
|
top: -40rpx;
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.of0b21 {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #999;
|
|||
|
|
|
|||
|
|
.label {
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item {
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
width: 508rpx;
|
|||
|
|
height: 86rpx;
|
|||
|
|
margin-top: 100rpx;
|
|||
|
|
border: 1px solid #D74432;
|
|||
|
|
color: #E93323;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
border-radius: 120rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sort-scroll {
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sort-product {
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.site-config {
|
|||
|
|
margin: 40rpx 0;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #666;
|
|||
|
|
|
|||
|
|
&.fixed {
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 69px;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.select{
|
|||
|
|
border: 1px solid var(--view-theme);
|
|||
|
|
}
|
|||
|
|
</style>
|