|
|
@@ -1,5 +1,6 @@
|
|
|
<template>
|
|
|
<view class="pages index">
|
|
|
+ <!-- <u-notice-bar mode="vertical" type="success" bg-color="#fdf6ec" color="#feaa36" :list="rollbuylist"></u-notice-bar> -->
|
|
|
<view class="search-wrap">
|
|
|
<view class="search">
|
|
|
<view class="searchTxt">
|
|
|
@@ -17,9 +18,11 @@
|
|
|
</view>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
+ <view class="rollbuy" v-if="rollbuytext">{{rollbuytext}}</view>
|
|
|
</view>
|
|
|
<!-- 轮播结束 -->
|
|
|
- <view class="quick-links wrap write-radius nomal-bottom">
|
|
|
+ <!-- <view class="quick-links wrap write-radius nomal-bottom">
|
|
|
+
|
|
|
<navigator class="quick-links-item" url="/pages/supplier/supplier">
|
|
|
<view class="quick-links-item-til">供应商</view>
|
|
|
<view class="quick-links-item-subtil">保供稳价</view>
|
|
|
@@ -43,14 +46,44 @@
|
|
|
<view class="quick-links-item-subtil">全国走货</view>
|
|
|
<view class="quick-links-item-img"><image src="/static/img/quick-links-01.png" mode="scaleToFill"></image></view>
|
|
|
</navigator>
|
|
|
+ </view> -->
|
|
|
+ <view class="subject">
|
|
|
+ <view class="subject-item" v-for="(item,index) in subjectList" @click="gosubject(item.id,item.title)">
|
|
|
+ <view class="subject-item-img"><image :src="item.pic" class="img" mode="scaleToFill"></image></view>
|
|
|
+ <view class="subject-item-til">{{item.title}}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<!-- 快速导航 结束 -->
|
|
|
+ <view class="main-body wrap24">
|
|
|
+ <view class="main-body-til noborder color">
|
|
|
+ <view class="til">供应商</view>
|
|
|
+ <view class="con">
|
|
|
+ <navigator class="quick-links-item" url="/pages/supplier/supplier">
|
|
|
+ 更多>
|
|
|
+ </navigator>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <scroll-view class="supplier-list" scroll-x="true">
|
|
|
+ <view class="" style="padding: 0 16rpx 24rpx;">
|
|
|
+ <view class="suppliers">
|
|
|
+ <view class="supplier-list-item" v-for="(item,index) in supplierList" @click="supplierclick(item.id)" >
|
|
|
+ <view class="supplier-list-item-img">
|
|
|
+ <image v-if="item.files[0]" :src="item.files[0].fileUrl ||'/static/img/defaultsupplierlogo.png'" class="img" mode="aspectFit"></image>
|
|
|
+ <image v-else src="/static/img/defaultsupplierlogo.png" class="img" mode="scaleToFill"></image>
|
|
|
+ </view>
|
|
|
+ <view class="supplier-list-item-til">{{item.compName}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
+ <!-- 供应商结束 -->
|
|
|
<view class="category nomal-bottom">
|
|
|
<view class="category-item category-item-all" @click="category()" :class="{active:categoryall==true}">全部</view>
|
|
|
<scroll-view scroll-x="true" class="scroll-X category-scroll-view">
|
|
|
<view v-for="(item,index) in categorylink" :key="index" @click="categoryclick(index)" :class="{active:index==ins && notall==true}" class="category-item">{{item.name}}</view>
|
|
|
</scroll-view>
|
|
|
- <navigator class="category-item category-item-more" url="/pages/productcategory/productcategory">更多</navigator>
|
|
|
+ <navigator class="category-item category-item-more" url="/pages/productcategory/productcategory">更多></navigator>
|
|
|
<!-- <navigator v-for="(item,index) in categorylink" :key="index" class="category-item" :url="'pages/searchresults/searchresults?type=' + item">{{item}}</navigator> -->
|
|
|
</view>
|
|
|
<!-- 分类链接结束 -->
|
|
|
@@ -59,7 +92,7 @@
|
|
|
<view class="item-wrap" v-for="(item,index) in mescrollList" :key="index">
|
|
|
<view class="item" :data-id="item.id" @click="jumpDetails(item.id)">
|
|
|
<view class="item-img-wrap">
|
|
|
- <image :src="$getimg+item.pic|miniImg(50)+'/thumbnail/358x354'||'/static/img/inbuild.png'" class="item-img" mode="aspectFit"></image>
|
|
|
+ <image :src="$getimg+item.pic|miniImg(50)+'/thumbnail/358x354'||'/static/img/inbuild.png'" class="item-img cover-img" mode="scaleToFill"></image>
|
|
|
</view>
|
|
|
<view class="item-text-wrap">
|
|
|
<view class="merchant f-ellipsis">
|
|
|
@@ -82,7 +115,15 @@
|
|
|
<!-- 商品展示结束 -->
|
|
|
|
|
|
|
|
|
-
|
|
|
+ <uni-popup ref="promotionPopup" type="center">
|
|
|
+ <view class="promotion" v-if="promotion.pic">
|
|
|
+ <image class="image" :src="promotion.pic" mode="aspectFit" @click="jumLink(promotion.url)"></image>
|
|
|
+ <view class="close-wrap">
|
|
|
+ <!-- <text class="iconfont iconjiahao close" @click="closePromotion()"></text> -->
|
|
|
+ <image src="../../static/img/close.png" class="imgclose" mode="scaleToFill" @click="closePromotion()"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -95,11 +136,18 @@
|
|
|
import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
|
|
|
// 引入mescroll-body组件 (如已在main.js注册全局组件,则省略此步骤)
|
|
|
import MescrollBody from "@/components/mescroll-uni/mescroll-body.vue"; // 注意.vue后缀不能省
|
|
|
+
|
|
|
+ // import uNoticeBar from '@/components/u-notice-bar/u-notice-bar.vue'
|
|
|
+ import uniPopup from '@/components/uni-popup/uni-popup.vue'
|
|
|
+ import { debounce } from '@/utils/util.js'
|
|
|
+ let timer = null;
|
|
|
export default {
|
|
|
mixins: [MescrollMixin], // 使用mixin
|
|
|
components: {
|
|
|
MescrollBody,
|
|
|
uniSearchBar,
|
|
|
+ // uNoticeBar,
|
|
|
+ uniPopup
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -110,6 +158,7 @@
|
|
|
productCategoryId:'',
|
|
|
// productCategoryName:'',
|
|
|
},
|
|
|
+ rollbuylist:[],
|
|
|
//轮播数据
|
|
|
advertiseList:[],
|
|
|
swiper: {
|
|
|
@@ -145,6 +194,14 @@
|
|
|
categoryall:true,
|
|
|
notall:false,
|
|
|
thispage:'',
|
|
|
+ //专题列表
|
|
|
+ subjectList:[],
|
|
|
+ //推广弹窗
|
|
|
+ promotion:new Object(),
|
|
|
+ supplierList:[],
|
|
|
+ supplierparams:Object.assign({},{pageNum:1,pageSize:5}),
|
|
|
+ buylistparams:Object.assign({},{pageNum:1,pageSize:100}),
|
|
|
+ rollbuytext:'',//购买弹出的内容
|
|
|
|
|
|
}
|
|
|
},
|
|
|
@@ -236,13 +293,23 @@
|
|
|
}).catch(err => {
|
|
|
console.log(err)
|
|
|
});
|
|
|
-
|
|
|
- },
|
|
|
- onShow() {
|
|
|
|
|
|
|
|
|
+ //首页内容页信息展示
|
|
|
+ this.gethomecontent();
|
|
|
+ //供应商列表
|
|
|
+ // this.getsupplierlist()
|
|
|
+
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
|
|
|
- },
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ this.getrollbuylist();//获取购买滚动信息
|
|
|
+ },
|
|
|
+ onHide() {
|
|
|
+ clearInterval(timer);
|
|
|
+ },
|
|
|
methods: {
|
|
|
// #ifdef H5
|
|
|
...mapMutations(['setLogin']),
|
|
|
@@ -278,7 +345,7 @@
|
|
|
// url:'/pages/login/login?backpage=/pages/index/index'+'&backtype='+2,
|
|
|
// });
|
|
|
};
|
|
|
- console.log(data);
|
|
|
+ // console.log(data);
|
|
|
// 接口返回的当前页数据列表 (数组)
|
|
|
let curPageData = data.data.data.list;
|
|
|
// console.log('curPageData',curPageData);
|
|
|
@@ -369,13 +436,102 @@
|
|
|
//swiperchange
|
|
|
swiperchange(e){
|
|
|
this.currentswiper = e.detail.current;
|
|
|
+ },
|
|
|
+ //获取购买滚动信息
|
|
|
+ getrollbuylist(){
|
|
|
+ this.$api.http.get(this.config.apiBaseurl+'/home/roll-buy', {header: {Authorization:this.params.tokenhead+this.params.token},params: this.buylistparams}).then(res => {
|
|
|
+ // console.log('getrollbuylist',res.data.data.list);
|
|
|
+ let list = res.data.data.list;
|
|
|
+ this.rollbuylist = [];
|
|
|
+ for(let item in list){
|
|
|
+ // console.log('item',list[item])
|
|
|
+ this.rollbuylist.push(list[item].memberName.replace(/.(?=.)/g, '*')+' 购买了 '+list[item].productName+' 价值 '+list[item].money+'元')
|
|
|
+ }
|
|
|
+ this.showbuy();
|
|
|
+ // console.log('this.rollbuylist',this.rollbuylist)
|
|
|
+ // this.rollbuylist = res.data.data.rollbuylist;
|
|
|
+ }).catch(err => {
|
|
|
+ console.log(err)
|
|
|
+ });
|
|
|
+ },
|
|
|
+ showbuy(){
|
|
|
+ // console.log('this.rollbuylist',this.rollbuylist);
|
|
|
+ let self = this;
|
|
|
+ var i = 0;
|
|
|
+ timer = setInterval(function(){
|
|
|
+ // console.log(self.rollbuylist[i]);
|
|
|
+ self.rollbuytext = self.rollbuylist[i];
|
|
|
+ setTimeout(function(){self.rollbuytext = ''},2000);
|
|
|
+ i++;
|
|
|
+ if(i > self.rollbuylist.length-1){
|
|
|
+ i=0
|
|
|
+ // clearInterval(timer);
|
|
|
+ // self.getrollbuylist();
|
|
|
+ }
|
|
|
+ },4000);
|
|
|
+ },
|
|
|
+ //首页内容页信息展示
|
|
|
+ gethomecontent(){
|
|
|
+ this.$api.http.get(this.config.apiBaseurl+'/home/content', {header: {Authorization:this.params.tokenhead+this.params.token}}).then(res => {
|
|
|
+ console.log('首页内容页信息展示gethomecontent',res.data);
|
|
|
+ let homecontent = res.data.data;
|
|
|
+ //获取专题列表
|
|
|
+ this.subjectList = homecontent.subjectList;
|
|
|
+ // console.log('this.subjectList',this.subjectList);
|
|
|
+ //获取专题列表 end
|
|
|
+ //推广弹窗
|
|
|
+ // this.isTime();
|
|
|
+ // this.$refs.promotionPopup.open();//推广弹窗
|
|
|
+ if(homecontent.promote){
|
|
|
+ this.promotion = homecontent.promote[0];
|
|
|
+ this.$refs.promotionPopup.open();
|
|
|
+
|
|
|
+ }
|
|
|
+ // console.log('this.promotion',this.promotion)
|
|
|
+ //推广弹窗 end
|
|
|
+ //供应商列表
|
|
|
+ this.supplierList =homecontent.companyInfos;
|
|
|
+ }).catch(err => {
|
|
|
+ console.log(err)
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //产品跳转链接
|
|
|
+ gosubject(id,title){
|
|
|
+ uni.navigateTo({
|
|
|
+ url:`/pages/subject/subject?subjectId=${id}&title=${title}`,
|
|
|
+ fail(err) {
|
|
|
+ console.log(err)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //供应商跳转详情
|
|
|
+ supplierclick(id){
|
|
|
+ console.log(id);
|
|
|
+ uni.navigateTo({
|
|
|
+ url:`/pages/supplier/supplierdetail/supplierdetail?id=${id}`
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //供应商列表
|
|
|
+ // getsupplierlist(){
|
|
|
+ // this.$api.http.get(this.config.apiBaseurl+'/company/cp/page', {header: {Authorization:this.params.tokenhead+this.params.token},params: this.supplierparams}).then(res => {
|
|
|
+ // // console.log('供应商列表getsupplierlist',res.data);
|
|
|
+ // // let supplierlist = res.data.data;
|
|
|
+ // this.supplierList = res.data.data;
|
|
|
+ // console.log('供应商列表getsupplierlist',JSON.parse(JSON.stringify(this.supplierList)))
|
|
|
+ // }).catch(err => {
|
|
|
+ // console.log(err)
|
|
|
+ // });
|
|
|
+ // },
|
|
|
+ //关闭推广弹窗
|
|
|
+ closePromotion(){
|
|
|
+ this.$refs.promotionPopup.close();
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
+<style>
|
|
|
@import url("./index.css");
|
|
|
|
|
|
</style>
|
