You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2137 lines
93 KiB
2137 lines
93 KiB
<template>
|
|
<view>
|
|
<view class="diypages">
|
|
<view class="diypages-i" v-for="(item, key) in diypagesData" :key="key">
|
|
<!-- notice 公告1 -->
|
|
<view class="notice dis-flex flex-y-center padding-box" :style="'margin-bottom: '+(item.style.marginbottom*2)+'rpx'"
|
|
v-if="item.id == 'notice'">
|
|
<view class="diy-notice-icon" :style="{'background-image':'url('+imageRoot+'diynotice.png)'}" v-if="imageRoot"></view>
|
|
<view class="notice-r">
|
|
<swiper :autoplay="notice.autoplay" :vertical="notice.vertical" @change="pmove" :circular="notice.circular" :interval="notice.interval"
|
|
:duration="notice.duration">
|
|
<swiper-item v-for="(item2, key2) in item.data" :key="key2">
|
|
<view class="a movbox" @click="navigateTo(item2.link)"><view class="move" :style="{left: moveLeft + 'px'}">{{ item2.title }}</view></view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- notice2 公告2 -->
|
|
<view class="notice notice2" :style="'margin-bottom: '+(item.style.marginbottom*2)+'rpx'" v-if="item.id == 'notice2'">
|
|
<view class="notice-l style2">
|
|
<view class="span">公告</view>
|
|
</view>
|
|
<view class="notice-r">
|
|
<swiper :autoplay="notice.autoplay" @change="pmove" :vertical="notice.vertical" :circular="notice.circular" :interval="notice.interval"
|
|
:duration="notice.duration">
|
|
<swiper-item v-for="(item2, key2) in item.data" :key="key2">
|
|
<view class="a movbox" @click="navigateTo(item2.link)"><view class="move">{{ item2.title }}</view></view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- notice3 公告3 -->
|
|
<view class="notice notice3" :style="'margin-bottom: '+(item.style.marginbottom)+'upx'" v-if="item.id == 'notice3'">
|
|
<view class="notice-l style3">
|
|
<view class="span">{{ item.params.title }}</view>
|
|
</view>
|
|
<view class="notice-r">
|
|
<swiper :autoplay="notice.autoplay" @change="pmove" :vertical="notice.vertical" :circular="notice.circular" :interval="notice.interval"
|
|
:duration="notice.duration">
|
|
<swiper-item v-for="(item2, key2) in item.data" :key="key2">
|
|
<view class="a movbox" @click="navigateTo(item2.link)"><view class="move">{{ item2.title }}</view></view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
</view>
|
|
<!-- magic_cube 图片魔方 -->
|
|
<view class="magic_cube" :style="'height: calc(100vw * ('+item.height+' / '+item.style.width+') + '+(item.style.padding * 2)+'rpx);background-color: '+item.style.bgColor+';'"
|
|
v-if="item.id == 'magic_cube'">
|
|
<view class="magic_cube-d-f" :style="'padding-top: '+item.style.padding+'rpx;'">
|
|
<view class="magic_cube-d" :style="'width: calc(100vw - '+(item.style.padding*4)+'rpx);height: calc(100vw - '+(item.style.padding*4)+'rpx);margin: '+(item.style.padding*2)+'rpx;'">
|
|
<view class="a magic_cube-i" :style="'width: calc(100% * ('+item2.width+' / '+item.style.width+'));height: calc(100% * ('+item2.height+' / '+item.style.width+')); padding: '+(item.style.padding*2)+'rpx; top: calc(100% * ('+item2.top+' / '+item.style.width+')); left: calc(100% * ('+item2.left+' / '+item.style.width+'));'"
|
|
v-for="(item2, key2) in item.data" :key="key2" @click="navigateTo(item2.url)">
|
|
<view class="magic_cube-i-d">
|
|
<image class="image" :src="item2.imgurl"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- picturew 图片橱窗1 -->
|
|
<view class="imgwindow" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;background-color: '+item.style.bgColor"
|
|
v-if="item.id == 'picturew'">
|
|
<view class="a imgwindow-i" v-for="(item2, key2) in item.data" :key="key2" @click="navigateTo(item2.linkurl)">
|
|
<view class="imgwindow-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;'">
|
|
<image class="image" :src="item2.imgurl" mode="widthFix"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- picturew2 图片橱窗2 -->
|
|
<view class="picturew2" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;margin-bottom: '+(item.style.marginBottom * 2)+'rpx; background-color: '+item.style.bgColor"
|
|
v-if="item.id == 'picturew2'">
|
|
<view class="a picturew2-i" v-for="(item2, key2) in item.data" :key="key2" @click="navigateTo(item2.linkurl)">
|
|
<view class="picturew2-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;'">
|
|
<image class="image" :src="item2.imgurl" mode="widthFix"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- picturew3 图片橱窗3 -->
|
|
<view class="picturew3" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;margin-bottom: '+(item.style.marginBottom * 2)+'rpx; background-color: '+item.style.bgColor"
|
|
v-if="item.id == 'picturew3'">
|
|
<view class="a picturew3-i" @click="navigateTo(item2.linkurl)" v-for="(item2, key2) in item.data" :key="key2">
|
|
<view class="picturew3-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;'">
|
|
<image class="image" :src="item2.imgurl" mode="widthFix"></image>
|
|
</view>
|
|
</view>
|
|
<!-- </navigator> -->
|
|
</view>
|
|
|
|
<!-- picturew4 图片橱窗4 -->
|
|
<view class="picturew4" :style="'margin-bottom: '+(item.style.marginBottom * 2)+'rpx; background-color: '+item.style.bgColor"
|
|
v-if="item.id == 'picturew4'">
|
|
<view class="a picturew4-i" @click="navigateTo(item2.linkurl)" v-for="(item2, key2) in item.data" :key="key2">
|
|
<view class="picturew4-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-right: 0;'"
|
|
v-if="key2 == 0">
|
|
<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="picturew4-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-bottom: '+((item.style.marginTopBottom / 2) * 2)+'rpx;'"
|
|
v-if="key2 == 1">
|
|
<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="picturew4-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-top: '+((item.style.marginTopBottom / 2) * 2)+'rpx;'"
|
|
v-if="key2 == 2">
|
|
<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- picturew5 图片橱窗5 -->
|
|
<view class="picturew5" :style="'margin-bottom: '+(item.style.marginBottom * 2)+'rpx; background-color: '+item.style.bgColor"
|
|
v-if="item.id == 'picturew5'">
|
|
<view class="a picturew5-i" v-for="(item2, key2) in item.data" :key="key2" @click="navigateTo(item2.linkurl)">
|
|
<view class="picturew5-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-right: 0;'"
|
|
v-if="key2 == 0">
|
|
<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="picturew5-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-bottom: '+((item.style.marginTopBottom / 2) * 2)+'rpx;'"
|
|
v-if="key2 == 1">
|
|
<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="picturew5-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-top: '+((item.style.marginTopBottom / 2) * 2)+'rpx; padding-right: '+((item.style.marginLeftRight / 2) * 2)+'rpx;'"
|
|
v-if="key2 == 2">
|
|
<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="picturew5-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-top: '+((item.style.marginTopBottom / 2) * 2)+'rpx; padding-left: '+((item.style.marginLeftRight / 2) * 2)+'rpx;'"
|
|
v-if="key2 == 3">
|
|
<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- picturew6 图片橱窗6 -->
|
|
<view class="picturew6" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; margin-bottom: '+(item.style.marginBottom * 2)+'rpx; background-color: '+item.style.bgColor"
|
|
v-if="item.id == 'picturew6'">
|
|
<view class="a picturew6-i" v-for="(item2, key2) in item.data" :key="key2" @click="navigateTo(item2.linkurl)">
|
|
<view class="picturew6-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;'">
|
|
<image class="image" :src="item2.imgurl" mode="widthFix"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- pictures 图片展播 -->
|
|
<!-- pictures 图片展播 -->
|
|
<view class="pictures" :style="'background-color: '+item.style.background" v-if="item.id == 'pictures'">
|
|
<scroll-view scroll-x class="pictures-scroll" :style="'height: ((((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+') * '+item.data.length+') * ('+item.max_height+' / '+item.max_width+') + '+(item.style.paddingleft * 2)+');'"
|
|
v-if="item.params.showtype == '1'">
|
|
<view class="pictures-d" :class="{picturesd: item.params.showtype == '0'}" :style="'width: calc(((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+') * '+item.data.length+'); padding: '+(item.style.paddingtop * 2)+'rpx '+(item.style.paddingleft * 2)+'rpx;'">
|
|
<view :class="'a pictures-i row-'+item.params.rownum" @click="navigateTo(item2.linkurl)" :style="'width: calc((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+'); padding: '+(item.style.paddingtop * 2)+'rpx '+(item.style.paddingleft * 2)+'rpx;'"
|
|
v-for="(item2, key2) in item.data" :key="key2">
|
|
<view class="image">
|
|
<!-- <view class="image" :style="{'background-image':'url('+item2.imgurl+')','height':' calc((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+ ')','background-size':'100% '+ 'calc((100vw -' + ((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum + ')'}"></view> -->
|
|
<image class="image" :src="item2.imgurl" mode="aspectFit" @load="ImgLoad" :style="{'height':' calc((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+ ')','background-size':'100% '+ 'calc((100vw -' + ((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum + ')'}"></image>
|
|
<view class="title" :style="'color: '+item.style.titlecolor+'; text-align: '+item.style.titlealign+';bottom:' + imgHeights[key2] + ';'"
|
|
v-if="item2.title !== '' && item2.title !== null">{{ item2.title }}</view>
|
|
</view>
|
|
<view class="text" :style="'color: '+item.style.textcolor+'; text-align: '+item.style.titlealign+';bottom:' + imgHeights[key2] + ';'"
|
|
v-if="item2.text !== '' && item2.text !== null">{{ item2.text }}</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
<view class="pictures-scroll" :style="'padding: '+(item.style.paddingtop * 2)+'rpx '+(item.style.paddingleft * 2)+'rpx;'"
|
|
v-else>
|
|
<view class="pictures-d" :class="{picturesd: item.params.showtype == '0'}">
|
|
<view :class="'a pictures-i pictures-i-two row-'+item.params.rownum" @click="navigateTo(item2.linkurl)" :style="'width: calc((100vw - '+(item.style.paddingleft * 4)+'rpx) / '+item.params.rownum+'); padding: '+(item.style.paddingtop * 2)+'rpx '+(item.style.paddingleft * 2)+'rpx;'"
|
|
v-for="(item2, key2) in item.data" :key="key2">
|
|
<view class="image">
|
|
<image class="image" :src="item2.imgurl" mode="widthFix" @load="ImgLoad" :style="{'background-size':'100% '+ 'calc((100vw -' + ((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum + ')'}"></image>
|
|
<!-- <view class="image" :style="{'background-image':'url('+item2.imgurl+')','height':' calc((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+ ')','background-size':'100% '+ 'calc((100vw -' + ((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum + ')'}"></view> -->
|
|
<view class="title" :style="'color: '+item.style.titlecolor+'; text-align: '+item.style.titlealign+';'" v-if="item2.title !== '' && item2.title !== null">{{ item2.title }}</view>
|
|
</view>
|
|
<view class="text" :style="'color: '+item.style.textcolor+'; text-align: '+item.style.titlealign+';'" v-if="item2.text !== '' && item2.text !== null">{{ item2.text }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- banner 图片轮播 -->
|
|
<view class="imgswiper" :style="'margin-bottom: '+(item.style.bottom*2)+'rpx;height:' + (item.params.img_height - (item.style.side_margin=='1'?30:0)) + 'px;width:' + 0 + 'px'" v-if="item.id == 'banner'">
|
|
<!-- :style="'height:'+bannerimgheights[bannerIndex][bannercurrent]+'px;'" -->
|
|
<!-- :style="{'height':[cliType==='3'?bannerSwiperList:bannerDataList][cliType==='3'?bannercurrent:bannerIndex][bannercurrent]['imgHeight']+'rpx'"} -->
|
|
<!-- #ifdef H5 -->
|
|
<!-- <swiper v-if="!!item.data" class="swiper swiperBanner-marbtm default-swh" :style="{height:(item.params.img_height - (item.style.side_margin=='1'?30:0))+'px',width:(item.params.img_width - (item.style.side_margin=='1'?30:0)) + 'px'}"
|
|
:class="{
|
|
imgmarginlr:item.style.side_margin=='1',
|
|
swiperBanner_rectangle:item.style.dotstyle==='rectangle',
|
|
swiperBanner_dotsquare:item.style.dotstyle==='square',
|
|
swiperBanner_left:item.style.dotalign==='left',
|
|
swiperBanner_right:item.style.dotalign==='right'}"
|
|
:indicator-dots="banner.indicatorDots" indicator-color="rgba(255,255,255,.4)" indicator-active-color="rgba(255,255,255,.85)"
|
|
:autoplay="banner.autoplay" :interval="banner.interval" :duration="banner.duration" @change="bannerChange">
|
|
<swiper-item :class="{'banner-swiper-Item':item.style.side_margin=='1'}" v-for="(item2, key2,index) in item.data"
|
|
:key="key2" @click="navigateTo(item2.linkurl)">
|
|
<image class="image" :data-key="item2.order" :data-id="item2.order" :src="item2.imgurl" :style="{height:(item.params.img_height - (item.style.side_margin=='1'?30:0))+'px',width:(item.params.img_width - (item.style.side_margin=='1'?30:0)) + 'px'}"></image>
|
|
</swiper-item>
|
|
</swiper> -->
|
|
<!-- #endif -->
|
|
|
|
<swiper v-if="!!item.data" class="swiper swiperBanner-marbtm default-swh" :style="{height:(item.params.img_height - (item.style.side_margin=='1'?30:0))+'px',width:(item.params.img_width - (item.style.side_margin=='1'?30:0)) + 'px'}"
|
|
:class="{imgmarginlr:item.style.side_margin=='1'}"
|
|
:indicator-dots="false" indicator-color="rgba(255,255,255,.4)" indicator-active-color="rgba(255,255,255,.85)"
|
|
:autoplay="banner.autoplay" :interval="banner.interval" :duration="banner.duration" @change="bannerChange">
|
|
<swiper-item :class="{'banner-swiper-Item':item.style.side_margin=='1'}" v-for="(item2,key2) in item.data"
|
|
:key="key2" @click="navigateTo(item2.linkurl)">
|
|
<image class="image" :data-key="item2.order" :data-id="item2.order" :src="item2.imgurl" :style="{height:(item.params.img_height - (item.style.side_margin=='1'?30:0))+'px',width:(item.params.img_width - (item.style.side_margin=='1'?30:0)) + 'px'}"></image>
|
|
</swiper-item>
|
|
</swiper>
|
|
<view
|
|
:class="{bnnerBox:true,
|
|
swiperBanner_left:item.style.dotalign==='left',
|
|
swiperBanner_right:item.style.dotalign==='right'}"
|
|
:style="{left:item.style.dotalign==='left'?'4%':item.style.dotalign==='right'?'auto':'50%',
|
|
right:item.style.dotalign==='left'?'auto':item.style.dotalign==='right'?'4%':'auto',
|
|
transform: item.style.dotalign==='left'|| item.style.dotalign==='right'?'translateX(0%)':'translateX(-50%)'}">
|
|
<view
|
|
:class="{bnnerItem:true,
|
|
swiperBanner_rectangle:item.style.dotstyle==='rectangle',
|
|
swiperBanner_dotsquare:item.style.dotstyle==='square'}"
|
|
:style="{backgroundColor: `rgba(255,255,255,${bannercurrent == key2?'1':'0.4'})`
|
|
,width:item.style.dotstyle==='rectangle'?'40rpx':'20upx',
|
|
height:item.style.dotstyle==='rectangle'?'20rpx':'20upx',
|
|
borderRadius:item.style.dotstyle==='rectangle' || item.style.dotstyle==='square'?'0':'50%'
|
|
}"
|
|
v-for="(item2,key2,index) in item.data" :key="index">
|
|
|
|
</view>
|
|
<!-- <view class="bnnerItem">
|
|
|
|
</view>
|
|
<view class="bnnerItem">
|
|
|
|
</view> -->
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- banner2 图片轮播2 -->
|
|
<view class="imgswiper2" :class="item.style.dotstyle" :style="'margin-bottom: '+(item.style.marginBottom)+'upx; background-color: '+item.style.bgColor"
|
|
v-if="item.id == 'banner2'">
|
|
<Imgswipertwo :imgswipertwoData="item" />
|
|
</view>
|
|
|
|
|
|
<!-- 推荐服务者 -->
|
|
<view class="referralWaiter b-f" v-if="item.id == 'house_keep'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: '0 ' + item.style.padding + 'px'}">
|
|
<view class="referralWaiter-title dis-flex" v-if="item.params.show_title == '1'">
|
|
<view class="f-36 col-3 f-w flex-box">
|
|
{{item.params.title}}
|
|
</view>
|
|
<view class="t-r f-24 col-9 flex-box" v-if="item.params.show_more == '1'" @click="navigateTo('pages/subPages2/homemaking/homemakingMerchant/homemakingMerchant')">
|
|
更多
|
|
<text style="font-size: 24upx;color: #999999;line-height: 50upx;" class="iconfont icon-right"></text>
|
|
</view>
|
|
</view>
|
|
<view class="referralWaiter-content dis-flex">
|
|
<view class="referralWaiter-item" v-if="items.service_type == 1" v-for="(items,indexs) in item.data" :key="indexs" @click="navigateTo(`pages/mainPages/store/index?sid=${items.id}`)">
|
|
<view class="referral-tag" v-if="item.params.jbstatus != 2" style="left: 0;top: 0;">
|
|
商户服务商
|
|
</view>
|
|
<image class="referralWaiter-item-img" :src="items.long_logo" mode="aspectFill"></image>
|
|
<view class="f-24 col-3 t-l homemaking-name">
|
|
{{items.name}}
|
|
</view>
|
|
<view class="homemaking-tags">
|
|
<view class="homemaking-tags-item" v-for="(itemss,indexss) in items.label">
|
|
{{itemss}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="referralWaiter-item" v-if="items.service_type == 2" v-for="(items,indexs) in item.data" :key="indexs" @click="navigateTo(`pages/subPages2/homemaking/homepersonalCenter/homepersonalCenter?mid=${items.mid}&id=${items.id}`)">
|
|
<view class="referral-tag" style="left: 0;top: 0;" v-if="item.hidepersontag != 1 && item.params.jbstatus != 2">
|
|
个人服务商
|
|
</view>
|
|
<image class="referralWaiter-item-img" :src="items.long_logo" mode="aspectFill"></image>
|
|
<view class="f-24 col-3 t-l homemaking-name">
|
|
{{items.name}}
|
|
</view>
|
|
<view class="homemaking-tags">
|
|
<view class="homemaking-tags-item" v-for="(itemss,indexss) in items.label">
|
|
{{itemss}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="referralWaiter-item" v-if="items.service_type == 3" v-for="(items,indexs) in item.data" :key="indexs">
|
|
<view class="referral-tag" v-if="item.params.jbstatus != 2" style="left: 0;top: 0;">
|
|
客户需求
|
|
</view>
|
|
<image class="referralWaiter-item-img" :src="items.long_logo" mode="aspectFill"></image>
|
|
<view class="f-24 col-3 t-l homemaking-name">
|
|
{{items.name}}
|
|
</view>
|
|
<view class="homemaking-tags" style="padding: 0 20upx;">
|
|
<view class="homemaking-tags-item" v-for="(itemss,indexss) in items.label">
|
|
{{itemss}}
|
|
</view>
|
|
</view>
|
|
<view style="margin-left: 20upx;">
|
|
<view class="homemaking-btn" @click.stop="call(items)">
|
|
电话联系
|
|
</view>
|
|
<view class="homemaking-btn" @click.stop="chat(items)">
|
|
聊天
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="referralWaiter-item" v-if="items.service_type == 4" v-for="(items,indexs) in item.data" :key="indexs" @click="navigateTo(`pages/subPages2/homemaking/homemakingDetails/homemakingDetails?id=${items.id}`)">
|
|
<view class="referral-tag" v-if="item.params.jbstatus != 2" style="left: 0;top: 0;">
|
|
服务项目
|
|
</view>
|
|
<image class="referralWaiter-item-img" :src="items.long_logo" mode="aspectFill"></image>
|
|
<view class="f-24 col-3 t-l homemaking-name">
|
|
{{items.name}}
|
|
</view>
|
|
<view class="homemaking-tags" style="padding: 0 20upx;">
|
|
<view class="homemaking-tags-item" v-for="(itemss,indexss) in items.label">
|
|
{{itemss}}
|
|
</view>
|
|
</view>
|
|
<view style="margin-left: 20upx;">
|
|
<text class="refText">{{items.price}}</text>
|
|
<text style="font-size: 20upx;color: #999999;display: inline-block;position: relative;bottom: 6upx;">销量:{{items.salenum}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="referralWaiter b-f" v-if="item.id == 'house_keep2'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.padding + 'px'}">
|
|
<view v-for="(items,indexs) in item.data" :key="indexs">
|
|
<view v-if="items.service_type == 1 || items.service_type == 2" style="margin-top: 20upx;position: relative;">
|
|
<view class="referral-tag" v-if="item.params.jbstatus != 2">
|
|
{{items.service_type == 1?'商户服务商':item.hidepersontag ==1?'':'个人服务商'}}
|
|
</view>
|
|
<homemaking-item :items="items"></homemaking-item>
|
|
</view>
|
|
<view v-if="items.service_type == 3" style="margin-top: 20upx;border-radius: 20upx;overflow: hidden;position: relative;">
|
|
<demand-item :demanItem="items"></demand-item>
|
|
<view class="referral-tag" v-if="item.params.jbstatus != 2" style="left: 80%;">
|
|
客户需求
|
|
</view>
|
|
</view>
|
|
<view v-if="items.service_type == 4" style="margin-top: 20upx;position: relative;">
|
|
<myser-item :states="false" :serItem="items"></myser-item>
|
|
<view class="referral-tag" v-if="item.params.jbstatus != 2">
|
|
服务项目
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 推荐服务者 -->
|
|
|
|
<!-- 家政列表 -->
|
|
<view class="homemakingList" v-if="item.id == 'shop222222222'">
|
|
<view >
|
|
<v-tabs
|
|
:lineScale="0.15"
|
|
:lineRadius="'100rpx 100rpx 0 0'"
|
|
:lineHeight="'8rpx'"
|
|
:fontSize="'28rpx'"
|
|
:activeFontSize="'36rpx'"
|
|
:bold="true"
|
|
:height="'120rpx'"
|
|
:paddingItem="'0 22rpx 20rpx'"
|
|
:activeColor="'#333333'"
|
|
:lineColor="'#333333'"
|
|
:color="'#999999'"
|
|
v-model="sort"
|
|
:scroll="false"
|
|
@change="vtabschange"
|
|
:tabs="['服务商家','客户需求']">
|
|
</v-tabs>
|
|
<!-- <v-tabs v-model="activeTab" :scroll="false" :tabs="['全部', '进行中', '已完成']"></v-tabs> -->
|
|
</view>
|
|
<view class="homemakingList-boex">
|
|
<view v-for="(item,index) in [1,2]">
|
|
<homemaking-item></homemaking-item>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
<!-- 家政列表 -->
|
|
|
|
<!-- 相亲统计 -->
|
|
<view class="blind" v-if="item.id == 'dating_statistics'">
|
|
<view class="blind-item dis-il-block m-right20" :style="{backgroundColor: item.params.user.backgroundColor}">
|
|
<view class="f-48 f-w" :style="{color: item.params.user.numberColor}">
|
|
{{item.params.user.statistics}}
|
|
</view>
|
|
<view class="dis-flex">
|
|
<view class="flex-box f-24" :style="{color: item.params.user.titleColor,lineHeight: '80rpx'}">
|
|
{{item.params.user.title}}
|
|
</view>
|
|
<view class="flex-box">
|
|
<image style="width: 58upx;height: 54upx;float: right;" :src="item.params.user.icon" mode=""></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="blind-item dis-il-block" :style="{backgroundColor: item.params.pv.backgroundColor}">
|
|
<view class="f-48 f-w" :style="{color: item.params.pv.numberColor}">
|
|
{{item.params.pv.statistics}}
|
|
</view>
|
|
<view class="dis-flex">
|
|
<view class="flex-box f-24" :style="{color: item.params.pv.titleColor,lineHeight: '80rpx'}">
|
|
{{item.params.pv.title}}
|
|
</view>
|
|
<view class="flex-box">
|
|
<image style="width: 65upx;height: 46upx;float: right;" :src="item.params.pv.icon" mode=""></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 相亲推荐列表 -->
|
|
<view class="blindList" v-if="item.id == 'dating_user'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'rpx',padding: item.style.padding + 'rpx'}">
|
|
<scroll-view scroll-y="true" class="scroll">
|
|
<view class="nav-content">
|
|
<view class="nav-item" v-for="(items,indexs) in item.data" :key="indexs">
|
|
<user :memberInfo="items"></user>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
|
|
|
|
<!-- 同城配送一 -->
|
|
<view class="distribution" v-if="item.id == 'citydelivery_goods'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.padding + 'px'}">
|
|
<citydeliveryGoods :goodItem="item"></citydeliveryGoods>
|
|
</view>
|
|
|
|
<!-- 同城配送二 -->
|
|
<view class="distribution" v-if="item.id == 'citydelivery_goods2'" :style="{background: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.padding + 'px'}">
|
|
<citydeliveryGoods :goodItem="item"></citydeliveryGoods>
|
|
</view>
|
|
|
|
<!-- 同城配送三 -->
|
|
<view class="distribution" v-if="item.id == 'citydelivery_goods3'" :style="{background: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.padding + 'px'}">
|
|
<citydeliveryGoods :goodItem="item"></citydeliveryGoods>
|
|
</view>
|
|
|
|
<!-- 同城配送四 -->
|
|
<view class="distribution" v-if="item.id == 'citydelivery_goods4'" :style="{background: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.padding + 'px'}">
|
|
<citydeliveryGoods :goodItem="item"></citydeliveryGoods>
|
|
</view>
|
|
|
|
<!-- 积分商品一 -->
|
|
<view class="integralGood" v-if="item.id == 'integral_goods'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.margin + 'px'}">
|
|
<integralGood :padding="item.style.padding" :integralGoodLsit="item.data" :pid="item.id"></integralGood>
|
|
</view>
|
|
|
|
<!-- 积分商品二 -->
|
|
<view class="integralGood" v-if="item.id == 'integral_goods2'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.margin + 'px'}">
|
|
<integralGood :padding="item.style.padding" :integralGoodLsit="item.data" :pid="item.id"></integralGood>
|
|
</view>
|
|
|
|
<!-- 积分商品三 -->
|
|
<view class="integralGood" v-if="item.id == 'integral_goods3'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.margin + 'px'}">
|
|
<integralGood :padding="item.style.padding" :integralGoodLsit="item.data" :pid="item.id"></integralGood>
|
|
</view>
|
|
|
|
<!-- 积分商品四 -->
|
|
<view class="integralGood" v-if="item.id == 'integral_goods4'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.margin + 'px'}">
|
|
<integralGood :padding="item.style.padding" :integralGoodLsit="item.data" :pid="item.id"></integralGood>
|
|
</view>
|
|
|
|
<!-- richtext 富文本 -->
|
|
<view class="richtext" :style="'padding: '+(item.style.padding*2)+'rpx; background-color: '+item.style.background"
|
|
v-if="item.id == 'richtext'">
|
|
<!-- <wx-parse :content="item.params['content']"></wx-parse> -->
|
|
<jyf-parser domain="https://6874-html-foe72-1259071903.tcb.qcloud.la" gesture-zoom lazy-load ref="article"
|
|
selectable show-with-animation use-anchor :html="item.params['content']"></jyf-parser>
|
|
</view>
|
|
|
|
<!-- title 标题1 -->
|
|
<view class="titlebar" :style="'margin-bottom: '+(item.style.paddingBottom*2)+'rpx; background-color: '+item.style.background+'; text-align: '+item.style.textalign"
|
|
v-if="item.id == 'title'">
|
|
<view class="titlebar-d" :style="'color: '+item.style.color">
|
|
<view class="i" :class="item.params.icon" v-if="item.params.icon !== '' && item.params.icon !== null"></view>
|
|
<view class="text">{{ item.params.title }}</view>
|
|
</view>
|
|
<view class="more" v-if="item.params.link && item.params.link !== null">
|
|
<view class="a" v-if="item.params.butname && item.params.butname !== null" @click="navigateTo(item.params.link)">
|
|
<view class="span">{{ item.params.butname }}</view>
|
|
<view class="i icon iconfont icon-right"></view>
|
|
</view>
|
|
<view class="a" v-else @click="navigateTo(item.params.link)">更多<view class="i icon iconfont icon-right"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- title2 标题2 -->
|
|
<view class="titlebar2" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx; background-color: '+item.style.bgColor+'; text-align: '+item.style.textalign"
|
|
v-if="item.id == 'title2'">
|
|
<view class="titlebar2-t">
|
|
<view class="h1 vcssopen" :style="'color: '+item.style.mainColor+';text-align: '+item.style.mainAlign">{{ item.params.mainText }}</view>
|
|
<view class="p" :style="'color: '+item.style.viceColor+';text-align: '+item.style.mainAlign">{{ item.params.viceText }}</view>
|
|
</view>
|
|
<view class="more" style="top: 6upx;" v-if="item.params.link && item.params.link !== null">
|
|
<view class="a" @click="navigateTo(item.params.link)" v-if="item.params.butname && item.params.butname !== null">
|
|
<view class="span">{{ item.params.butname }}</view>
|
|
<view class="i icon iconfont icon-right"></view>
|
|
</view>
|
|
<view class="a" @click="navigateTo(item.params.link)" v-else>更多<view class="i icon iconfont icon-right"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- search search2 搜索框1和搜索框2 -->
|
|
<view class="searchbox" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx; background-color: '+item.style.background"
|
|
v-if="item.id == 'search' || item.id == 'search2'">
|
|
<view class="a searchbox-d" :class="{radius: item.style.searchstyle == 'radius', round: item.style.searchstyle == 'round'}"
|
|
:style="'background-color: '+item.style.inputbackground+'; text-align: '+item.style.textalign" v-if="item.id == 'search'"
|
|
@click="naviGa(item.params.search_type,true)">
|
|
<view class="searchbox-d-inl">
|
|
<view class="i icon iconfont icon-search" :style="'color: '+item.style.iconcolor"></view>
|
|
<view class="text" :style="'color: '+item.style.color">{{ item.params.placeholder }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="searchbox2 dis-flex flex-y-center" v-if="item.id == 'search2'">
|
|
<!-- <view class="searchbox2-l dis-flex flex-y-center" :style="'color: '+item.style.areaColor" @click="navigateTo('pages/subPages/city/city')">
|
|
<image :src="imgfixUrls + 'diypage/city.png'" v-if="imgfixUrls"></image>
|
|
<view class="span f-28 onelist-hidden">{{!!switchCity?switchCity:currentaidCity }}</view>
|
|
</view> -->
|
|
<!-- 新加注释 - 技能培训等，新增返回按钮 -->
|
|
<view class="search-h-t1-r f-30" style="color: #999999;" @click="cancelBtn">
|
|
<view class="search-h-t1-r-lk" style="padding-right: 20upx;height: 30px;line-height: 30px;margin-top: 4px;"><text class="iconfont icon-pullleft" style="font-size: 30upx;padding-right: 10upx;"></text>返回</view>
|
|
</view>
|
|
<!-- <navigator class="searchbox2-l" url="/pages/subPages/search/search" hover-class="none" :style="'color: '+item.style.areaColor">
|
|
<! </navigator> -->
|
|
<view class="searchbox2-r">
|
|
<view class="a searchbox-d" style="padding-bottom: 0;" :class="{radius: item.style.searchstyle == 'radius', round: item.style.searchstyle == 'round'}"
|
|
:style="'background-color: '+item.style.inputbackground+'; text-align: '+item.style.textalign">
|
|
<view class="searchbox-d-inl" style="display: flex;">
|
|
<view class="i icon iconfont icon-search" :style="'color: '+item.style.iconcolor"></view>
|
|
<input :placeholder-style="'color: '+item.style.color" class="text" type="text" v-model="bussiKey"
|
|
:placeholder="item.params.placeholder" @focus="naviGa(item.params.search_type)" />
|
|
<text class="showSea" v-if="showS" @click="searchBussi" :style="'color:' + item.style.iconcolor+ ';margin-top:5rpx;font-size:28rpx'">搜索</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- search3 搜索框3 -->
|
|
<view class="searchbox3" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx; background-color: '+item.style.background"
|
|
v-if="item.id == 'search3'">
|
|
<view class="searchbox3-d">
|
|
<view class="searchbox3-l" :style="'color: '+item.style.titlecolor">
|
|
{{ item.params.textcontent }}
|
|
</view>
|
|
<view class="searchbox3-r">
|
|
<view class="a" @click="naviGa(item.params.search_type,true)">
|
|
<view class="searchbox3-r-d dis-flex flex-x-center" :style="'color: '+item.style.iconcolor+';background-color: '+item.style.inputbackground+''">
|
|
<view class="i icon iconfont icon-search inline"></view>
|
|
<view class="f-24">搜索</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="search-wave">
|
|
<view class="search-wave-d">
|
|
<view class="search-wave-i wave-i1">
|
|
<image class="image" :src="imgfixUrls + 'wave-i1.png'" mode="aspectFit"></image>
|
|
</view>
|
|
<view class="search-wave-i wave-i2">
|
|
<image class="image" :src="imgfixUrls + 'wave-i2.png'" mode="aspectFit"></image>
|
|
</view>
|
|
<view class="search-wave-i wave-i3">
|
|
<image class="image" :src="imgfixUrls + 'wave-i1.png'" mode="aspectFit"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- line 辅助线 -->
|
|
<view class="subline" :style="'padding: '+(item.style.padding*2)+'rpx '+(item.style.leftpadding*2)+'rpx; background-color: '+item.style.background"
|
|
v-if="item.id == 'line'">
|
|
<view class="subline-d" :style="'border-top: 2rpx '+item.style.linestyle+' '+item.style.bordercolor+';'"></view>
|
|
</view>
|
|
|
|
<!-- menu 按钮组 - 新加注释 - 首页的按钮组使用这个 -->
|
|
<view class="btngroup" :style="{marginBottom:item.style.marginbottom*2+'rpx',backgroundColor:item.btngroupData.backgroundColor,padding:'0'+' '+item.style.leftRight*2+'rpx'}"
|
|
v-if="item.id == 'menu'">
|
|
<tab-menu :menuId="item.id" :btngroupData="item.btngroupData"></tab-menu>
|
|
</view>
|
|
|
|
<!-- menu 按钮组 -->
|
|
<view class="btngroup" :style="{marginBottom:item.style.marginbottom*2+'rpx',backgroundColor:item.btngroupData.backgroundColor,padding:'0'+' '+item.style.leftRight*2+'rpx'}"
|
|
v-if="item.id == 'menu2'">
|
|
<tab-menu :menuId="item.id" :btngroupData="item.btngroupData"></tab-menu>
|
|
</view>
|
|
|
|
<!-- blank 辅助空白 -->
|
|
<view class="sublank" :style="'height: '+(item.style.height*2)+'rpx; background-color: '+item.style.background+';'"
|
|
v-if="item.id == 'blank'"></view>
|
|
|
|
<!-- picture 单图组 -->
|
|
<view class="oneimgroup" v-if="item.id == 'picture'">
|
|
<navigator class="a oneimgroup-i" :url="item2.linkurl" :open-type="item2.url_type" hover-class="none" v-for="(item2, key2) in item.data"
|
|
:key="key2">
|
|
<image class="image" :src="item2.imgurl" mode="widthFix"></image>
|
|
</navigator>
|
|
</view>
|
|
|
|
<!-- rush_goods 抢购1 -->
|
|
<view class="rush_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
|
|
v-if="item.id == 'rush_goods'">
|
|
<goods-style goodsStyleType="rush" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true"></goods-style>
|
|
</view>
|
|
<!-- rush_goods2 抢购2 -->
|
|
<view class="rush_goods2" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
|
|
v-if="item.id == 'rush_goods2'">
|
|
<goods-style goodsStyleType="rush2" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true"></goods-style>
|
|
</view>
|
|
|
|
<!-- rush_goods3 抢购3 // 砍价 // 团购 -->
|
|
<view class="rush_goods3" v-if="item.id == 'rush_goods3' || item.id == 'groupon_goods3' || item.id == 'bargain_goods3' || item.id =='fightgroup_goods4'"
|
|
:style="{marginBottom:item.style.marginBottom*2+'rpx',backgroundColor:item.style.bgColor,padding:item.style.margin*2+'rpx'}">
|
|
<goods-style goodsStyleType="goodsStyle3" :goodslistData="item.data" @remindSuccess="remindSuccess()"
|
|
:isdiyPageStyle="item.style" :isdiyPage="true" :isdiyPageParams="item.params"></goods-style>
|
|
</view>
|
|
|
|
<!-- 公众号跳转小程序 -->
|
|
<view v-if="item.id == 'jump_wxapp'">
|
|
<Skip :AppData="item.params"></Skip>
|
|
</view>
|
|
|
|
<!-- 同城活动 -->
|
|
<view class="rush_goods3" v-if="item.id == 'activity_goods'" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}">
|
|
<activityData :tabDataList="item.data"></activityData>
|
|
</view>
|
|
<!-- 大礼包组件1 -->
|
|
<block v-if="item.id =='packages'">
|
|
<view :style="{ 'margin-bottom': (item.style.marginBottom*2)+'rpx;','background-color': item.style.bgColor}">
|
|
<giftbag-components :giftData="item" giftType="gift_type1" :isdiyPageStyle="item.style" :isdiyPage="true"
|
|
:isdiyPageParams="item.params"></giftbag-components>
|
|
</view>
|
|
</block>
|
|
<!-- 折扣卡1 -->
|
|
<block v-if="item.id =='discount_card'">
|
|
<view :style="{ 'margin-bottom': (item.style.marginBottom*2)+'rpx;','background-color': item.style.background}">
|
|
<card-components :disCardData="item" disCardType="disCard1" :isdiyPageStyle="item.style" :isdiyPage="true"
|
|
:isdiyPageParams="item.params" style="background-color: #F6F6F6;"></card-components>
|
|
</view>
|
|
</block>
|
|
<!-- 选择地区 -->
|
|
<block v-if="item.id=='area_select'">
|
|
<region :regionStyle="item.style" :regionParams="item.params"></region>
|
|
</block>
|
|
<!-- 选项卡1 -->
|
|
<block v-if="item.id=='options'">
|
|
<tab-contro :tabData="item.data" :city_id="city_id" :tabStyle="item.style" :controType="item.id" :tabParmsType="[item.params]"></tab-contro>
|
|
</block>
|
|
<!-- 选项卡2 - 新加注释 - 首页点进去的技能培训等，旧标题抢购首页 -->
|
|
<block v-if="item.id=='options2'">
|
|
<!-- <tab-contro :tabData="item.data" :city_id="city_id" :tabStyle="item.style" :controType="item.id" :tabParmsType="[item.params]"></tab-contro> -->
|
|
<tab-contro :tabData="item.data" :newCC_id="item.newCC_id" :city_id="city_id" :tabStyle="item.style" :controType="item.id" :tabParmsType="[item.params]"></tab-contro>
|
|
</block>
|
|
<!-- 商铺入驻 -->
|
|
<block v-if="item.id=='shop_join'">
|
|
<shop-enter :swiperContainer="item.data" :swiperParams="item.params"></shop-enter>
|
|
</block>
|
|
<!-- 砍价1 -->
|
|
<view class="groupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
|
|
v-if="item.id == 'bargain_goods'">
|
|
<goods-style goodsStyleType="bargain" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true" :isdiyPageParams="item.params"></goods-style>
|
|
</view>
|
|
<!-- 砍价2 -->
|
|
<view class="groupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
|
|
v-if="item.id == 'bargain_goods2'">
|
|
<goods-style goodsStyleType="bargain2" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true" :isdiyPageParams="item.params"></goods-style>
|
|
</view>
|
|
<!-- groupon_goods 团购1 -->
|
|
<view class="groupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
|
|
v-if="item.id == 'groupon_goods'">
|
|
<goods-style goodsStyleType="groupon" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true"></goods-style>
|
|
</view>
|
|
<!-- groupon_goods2 团购2 -->
|
|
<view class="groupon_goods2" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
|
|
v-if="item.id == 'groupon_goods2'">
|
|
<goods-style goodsStyleType="rush2" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true"></goods-style>
|
|
</view>
|
|
|
|
<!-- groupon_goods4 团购4 // 砍价4 // 拼团4 // 抢购4 -->
|
|
<view class="rush_goods4" v-if="item.id == 'groupon_goods4' ||item.id == 'bargain_goods4' || item.id =='fightgroup_goods3' || item.id =='rush_goods4'">
|
|
<goods-components :goodsData="item" goodsType="goods_type1"></goods-components>
|
|
</view>
|
|
|
|
<!-- coupon_goods 优惠券1 -->
|
|
<view class="coupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
|
|
v-if="item.id == 'coupon_goods'">
|
|
<goods-style goodsStyleType="coupon" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true"></goods-style>
|
|
</view>
|
|
<!-- coupon_goods 优惠券2 -->
|
|
<view class="coupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx'}"
|
|
v-if="item.id == 'coupon_goods2'">
|
|
<goods-style goodsStyleType="coupon2" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true"></goods-style>
|
|
</view>
|
|
<!-- coupon_goods 优惠券3 -->
|
|
<view class="coupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx'}"
|
|
v-if="item.id == 'coupon_goods3'">
|
|
<goods-style goodsStyleType="coupon3" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true"></goods-style>
|
|
</view>
|
|
<!-- coupon_goods 优惠券4 -->
|
|
<view class="coupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx'}"
|
|
v-if="item.id == 'coupon_goods4'">
|
|
<goods-style goodsStyleType="coupon4" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true"></goods-style>
|
|
</view>
|
|
|
|
<!-- 拼团1 -->
|
|
<view class="fightgroup_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
|
|
v-if="item.id == 'fightgroup_goods'">
|
|
<goods-style goodsStyleType="fight" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true" :isdiyPageParams="item.params"></goods-style>
|
|
</view>
|
|
<!-- fightgroup_goods2 拼团2 -->
|
|
<view class="fightgroup_goods2" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
|
|
v-if="item.id == 'fightgroup_goods2'">
|
|
<goods-style goodsStyleType="fight2" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
|
|
:isdiyPage="true" :isdiyPageParams="item.params"></goods-style>
|
|
</view>
|
|
<!-- public_goods 通用商品 -->
|
|
<view class="public_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',margin:item.style.margin*2+'rpx',padding:item.style.padding +'rpx',backgroundColor:item.style.bgColor}" v-if="item.id == 'public_goods'">
|
|
<view class="transverse">
|
|
<scroll-view class="transverse_list" scroll-x>
|
|
<view class="goods_father">
|
|
<view class="goods_item" v-for="(item2, key2) in item.data" :key="key2">
|
|
<view class="a" @click="navigateTo(item2.url)">
|
|
<view class="goods_img">
|
|
<image class="image" :src="item2.logo" mode="scaleToFill"></image>
|
|
<view class="rush_goods_mask" v-if="item2.goods_state && (item2.goods_state == 2 || item2.stk == 0) && item2.plugin == 'rush'">
|
|
<view class="rush_goods_mask_img">
|
|
<image class="img" :src="imgfixUrls + 'rush_goods_end.png'" v-if="item2.goods_state == 2 && item2.stk > 0"
|
|
mode="scaleToFill"></image>
|
|
<image class="img" :src="imgfixUrls + 'rush_goods_sell_out.png'" v-if="item2.stk === 0" mode="scaleToFill"></image>
|
|
</view>
|
|
</view>
|
|
<view class="rush_goods_mask" v-if="item2.stk === 0 && item2.plugin !== 'rush'">
|
|
<view class="rush_goods_mask_img">
|
|
<image class="img" :src="imgfixUrls + 'rush_goods_sell_out.png'" mode="aspectFill"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goods_tit">
|
|
{{ item2.goods_name }}
|
|
</view>
|
|
<view class="public_goods_goods-price dis-flex flex-y-center">
|
|
<view class="now-price f-32" v-if="item2.plugin != 'coupon' || item2.is_charge == '1'">￥{{item2['price']}}</view>
|
|
<view class="now-price f-32" v-else>免费</view>
|
|
<view class="old-price f-24" style="text-decoration:line-through;" v-if="item2['oldprice']">￥{{item2['oldprice']}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- public_goods2 通用商品2 -->
|
|
<view class="public_goods2" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;background-color: #f6f6f6;'"
|
|
v-if="item.id == 'public_goods2'">
|
|
<Publicgoodstwo :publicgoodstwoData="item" />
|
|
</view>
|
|
<!-- shop 商家信息1 -->
|
|
<view class="shop" :style="'margin-bottom: '+(item.style.marginBottom*40)+'rpx;'" v-if="item.id == 'shop'">
|
|
<view class="shangjia">
|
|
<view class="shangjia-i" :class="{shangjiaISty: item2.goods.length == 0}" v-for="(item2, key2) in item.shopArr"
|
|
:key="key2">
|
|
<view class="a shangjia-i-t" @click="navigateTo(item2.shop_url)">
|
|
<view class="shangjia-i-l">
|
|
<image class="image b-f" :src="item2.logo" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="shangjia-i-r">
|
|
<view class="shangjia-i-r-d">
|
|
<view class="shangjia-i-r-t1 over-omit">
|
|
{{ item2.storename }}
|
|
<!-- <text style="font-size: 20upx;float: right;padding-right: 30upx;" class="col-9">{{item2.distance}}</text> -->
|
|
</view>
|
|
<view class="shangjia-i-r-t2 over-omit">
|
|
<view class="star star-dark">
|
|
<view class="i icon iconfont icon-shoucangxiao" v-for="(item3, key3) in 5" :key="key3"></view>
|
|
</view>
|
|
<view class="star star-light">
|
|
<view class="star-width" :style="'width:'+(item2.score / 5) * 100+'%;'">
|
|
<view class="i icon iconfont icon-shoucangxiao" v-for="(item3, key3) in 5" :key="key3"></view>
|
|
</view>
|
|
</view>
|
|
<view v-if="item2.distance" style="font-size: 24rpx;color: #999;width: 120rpx;margin-left: 396rpx;">
|
|
{{item2.distance}}
|
|
</view>
|
|
</view>
|
|
<view class="shangjia-i-r-t3 over-omit">
|
|
<view class="p" v-html="item2.storehours"></view>
|
|
</view>
|
|
<view class="shangjia-i-r-t4 over-omit">
|
|
<view v-for="(item3,index3) in item2.tags" class="tags_view">{{item3}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="shangjia-i-b" v-if="((shopFold && shopFoldIndex == key2) || (shopFoldIndex !== key2 || diyDataFoldIndex !== key)) && item2.goods.length > 0">
|
|
<view class="shangjia-i-b-t1" v-if="item2.goods.length <= 2">
|
|
<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3" v-if="key3 == 0">
|
|
<view class="em" :class="tag.css">{{ tag.tag }}</view>
|
|
<view class="span">{{ tag.name }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="shangjia-i-b-t1" @click="shangjiaFold(key, key2)" v-if="item2.goods.length > 2">
|
|
<view class="i icon iconfont icon-unfold"></view>
|
|
<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3" v-if="key3 == 0">
|
|
<view class="em" :class="tag.css">{{ tag.tag }}</view>
|
|
<view class="span">{{ tag.name }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3" v-if="item2.goods.length == 2 && key3 == 1">
|
|
<view class="em" :class="tag.css">{{ tag.tag }}</view>
|
|
<view class="span">{{ tag.name }}</view>
|
|
</view>
|
|
<view class="shangjia-i-b-t2" v-if="item2.goods.length > 2">
|
|
<view class="em" :class="tag.css" v-for="(tag, key3) in item2.goods" :key="key3" v-if="key3 > 0">{{ tag.tag }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="shangjia-i-b" v-if="!shopFold && (shopFoldIndex == key2 && diyDataFoldIndex == key) && item2.goods.length > 2">
|
|
<view class="shangjia-i-b-t1" @click="shangjiaUpFold(key, key2)">
|
|
<view class="i icon iconfont icon-fold"></view>
|
|
<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3">
|
|
<view class="em" :class="tag.css">{{ tag.tag }}</view>
|
|
<view class="span">{{ tag.name }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- shop 商家信息2 -->
|
|
<view class='store-two b-f' :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;'" v-if="item.id == 'shop2'">
|
|
<view class="store-two-main dis-flex padding-box-all border-line border-bottom" v-for="(item2,index2) in item.data"
|
|
:key="index2" @click="navigateTo(item2.shop_url)">
|
|
<view class="store-two-left bor-radius-10upx m-right20 b-f" :style="'background-image:url('+item2.logo+');'"></view>
|
|
<view class="store-two-right">
|
|
<view class="dis-flex flex-x-between">
|
|
<view class="store-two-title twolist-hidden f-28">{{item2.storename}}</view>
|
|
<view class="f-26 col-f4">{{!!item2.distance?item2.distance:'未定位'}}</view>
|
|
</view>
|
|
<view class="store-two-score dis-flex flex-y-center">
|
|
<tui-rate :current="item2.score" :disabled="true" :score="1" active="#F5D145"></tui-rate>
|
|
|
|
<text class="score-grade p-left-right-30 f-28">{{item2.score}}</text>
|
|
|
|
<view class="store-sales f-24">月售:{{item2.salesVolume}}</view>
|
|
</view>
|
|
<view class="store-two-storehours f-24 col-3">{{item2.storehours}}</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
<!-- shop 商家信息5 -->
|
|
<view class='store-two' :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;'" v-if="item.id == 'shop5'">
|
|
<view >
|
|
<image :src="item.style.top_image" class="b-f" style="height: 260upx;width: 750upx;vertical-align: bottom;border-radius: 20upx 20upx 0 0;" mode=""></image>
|
|
<view :style="{backgroundColor: item.style.bgColor,height: 300 + ((Math.ceil(Object.keys(item.data).length / 3) - 1) * 370) + 'rpx'}">
|
|
<view style="padding: 30upx;position: relative;bottom: 212upx;">
|
|
<view class="dis-flex" :style="{color: item.style.titleColor}">
|
|
<view class="flex-box f-40 f-w">
|
|
{{item.style.title}}
|
|
</view>
|
|
<view class="flex-box t-r f-28" v-if="item.style.link" @click="navigateTo(item.style.link)">
|
|
更多<text class="iconfont icon-right" style="font-size: 28upx;"></text>
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex store-two-shop" style="flex-wrap: wrap;justify-content: space-between;padding-top: 30upx;">
|
|
<view style="flex: 0 0 31%;margin-bottom: 20upx;" v-for="(items,index) in item.data" :key="index" @click="navigateTo(items.shop_url)">
|
|
<view style="position: relative;">
|
|
<image class="b-f" style="width: 100%;height: 192upx;border-radius: 10upx 10upx 0 0;vertical-align: bottom;"
|
|
:src="items.logo" mode=""></image>
|
|
<view class="store-time-tag iconfont icon-locationfill dis-il-block" v-if="items.distance != ' '">
|
|
{{items.distance}}
|
|
</view>
|
|
</view>
|
|
<view class="b-f" style="padding: 10upx;">
|
|
<view class="f-28 f-w p-top-bom-10" style="width: 180upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
|
{{items.storename}}
|
|
</view>
|
|
<view class="f-26 col-9">
|
|
<text>{{items.score}}分</text>
|
|
<text style="padding: 0 10upx;">|</text>
|
|
<text>月售{{items.salesVolume}}</text>
|
|
</view>
|
|
<view style="height: 60upx;overflow: hidden;">
|
|
<view class="f-24 t-c dis-il-block" style="border-radius: 6upx;border: 1upx solid #FF4444;color: #FF4444;padding: 1upx 10upx;margin-right: 20upx;margin-bottom: 20upx;" v-for="(tag,indextag) in items.tags" :key="indextag">
|
|
{{tag}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- shop 商家信息3 -->
|
|
<view class='store-two' :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;'" v-if="item.id == 'shop3'">
|
|
<view style="padding: 30upx;">
|
|
<view class="dis-flex" style="justify-content: space-between;overflow: auto;">
|
|
<view style="flex: 0 0 43%;margin-bottom: 20upx;margin-right: 20upx;" v-for="(items,index) in item.data" :key="index" @click="navigateTo(items.shop_url)">
|
|
<view style="position: relative;">
|
|
<image class="b-f" style="width: 100%;height: 296upx;border-radius: 20upx 20upx 0 0;vertical-align: bottom;"
|
|
:src="items.logo" mode=""></image>
|
|
<view class="store-time-tag iconfont icon-locationfill dis-il-block" v-if="items.distance != ' '">
|
|
{{items.distance}}
|
|
</view>
|
|
</view>
|
|
<view class="b-f" style="padding: 10upx;">
|
|
<view class="f-26 f-w p-top-bom-10" style="width: 280upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
|
{{items.storename}}
|
|
</view>
|
|
<view class="f-26 col-9" style="padding: ;">
|
|
<text>{{items.score}}分</text>
|
|
<text style="padding: 0 10upx;">|</text>
|
|
<text>月售{{items.salesVolume}}</text>
|
|
</view>
|
|
<view style="height: 60upx;overflow: hidden;">
|
|
<view class="f-24 t-c dis-il-block" style="border-radius: 6upx;border: 1upx solid #FF4444;color: #FF4444;padding: 3upx 10upx;margin-right: 20upx;margin-bottom: 20upx;" v-for="(tag,indextag) in items.tags" :key="indextag">
|
|
{{tag}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- shop 商家信息4 -->
|
|
<view class='store-two' :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;'" v-if="item.id == 'shop4'">
|
|
<view style="padding: 30upx;">
|
|
<view class="dis-flex" style="flex-wrap: wrap;justify-content: space-between;">
|
|
<view style="flex: 0 0 48%;margin-bottom: 20upx;" v-for="(item2,index2) in item.data" :key="index2" @click="navigateTo(item2.shop_url)">
|
|
<view style="position: relative;">
|
|
<image class="b-f" style="width: 100%;height: 330upx;border-radius: 10upx 10upx 0upx 0;"
|
|
:src="item2.logo" mode=""></image>
|
|
<view class="store-time-tag">
|
|
{{item2.storehours}}
|
|
</view>
|
|
</view>
|
|
<view class="p-top-bom-10 f-28 f-w" style="width: 320upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
|
{{item2.storename}}
|
|
</view>
|
|
<view class="f-24 col-9">
|
|
<text>{{item2.score}}分</text>
|
|
<text style="padding: 0 10upx;">|</text>
|
|
<text>月售{{item2.salesVolume}}</text>
|
|
</view>
|
|
<view class="f-24 col-9 p-top-10">
|
|
<view style="font-size: 26upx;"></view>
|
|
<text
|
|
class="iconfont icon-locationfill dis-il-block"
|
|
style="padding: 0 1upx 0 0 ;width: 220upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;font-size: 24upx;">
|
|
{{item2.address}}
|
|
</text>
|
|
<view class="dis-il-block t-r" style="vertical-align: top;width: 100upx;" v-if="item2.distance">{{item2.distance}}</view>
|
|
<view style="height: 50upx;overflow: hidden;margin-top: 10upx;">
|
|
<view class="f-24 t-c dis-il-block" style="border-radius: 6upx;border: 1upx solid #FF4444;color: #FF4444;padding: 1upx 14upx;margin-right: 20upx;margin-bottom: 20upx;" v-for="(tag,indextag) in item2.tags">
|
|
{{tag}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- shop 商家信息6ss -->
|
|
<view class='store-two' :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;background-color:'+item.style.bgColor+';'" v-if="item.id == 'shop6'">
|
|
<view style="padding: 30upx;">
|
|
<view class="dis-flex" style="overflow: auto;">
|
|
<view class="b-f" style="padding: 20upx;" v-for="(item2,index2) in item.data" :key="index2" @click="navigateTo(item2.shop_url)">
|
|
<view style="position: relative;width: 600upx;height: 600upx;">
|
|
<image
|
|
class="b-f"
|
|
style="width: 600upx;height: 600upx;border-radius: 20upx;"
|
|
:src="item2.logo" mode=""></image>
|
|
<view class="b-f"
|
|
style="position: absolute;
|
|
width: 520upx;
|
|
border-radius: 20upx;
|
|
left: 50%;
|
|
bottom: 5%;
|
|
transform: translate(-50%);
|
|
padding: 20upx 20upx;">
|
|
<view class="f-28 f-w" style="width: 520upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
|
{{item2.storename}}
|
|
</view>
|
|
<view class="dis-flex f-26 col-9 p-top-bom-10">
|
|
<view class="iconfont icon-locationfill f-26" style="font-size: 26upx;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
|
{{item2.address}}
|
|
</view>
|
|
<view class="t-r" style="width: 20%;">
|
|
{{item2.distance}}
|
|
</view>
|
|
</view>
|
|
<view class="p-top-bom-10" style="border-top: 1upx solid #EEEEEE;">
|
|
<view class="dis-flex">
|
|
<view class="iconfont icon-favor_fill_light c-ff4444" style="font-size: 26upx;flex: 0.2;">
|
|
<text class="col-3">{{item2.score}}</text>
|
|
</view>
|
|
<view class="iconfont icon-shijian t-c" style="flex: 0.6;font-size: 26upx;">
|
|
{{item2.storehours}}
|
|
</view>
|
|
<view class="iconfont icon-rank t-r" style="flex: 0.2;font-size: 26upx;">
|
|
{{item2.salesVolume}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="height: 60upx;overflow: hidden;">
|
|
<view class="dis-il-block c-ff4444 f-20"
|
|
style="padding: 4upx 8upx;border: 1upx solid #FF4444;border-radius: 4upx;margin-right: 10upx;margin-bottom: 10upx;"
|
|
v-for="(items,index) in item2.tags">
|
|
{{items}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- shop 商品信息3 -->
|
|
<view v-if="item.id == 'options3'">
|
|
<shop-info :shopinfoData="item.data" :shopinfoStyle="item.style" ref="shopInfo"></shop-info>
|
|
</view>
|
|
<!-- headline 头条1 -->
|
|
<view class="headline" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx; background-color: '+item.style.bgColor"
|
|
v-if="item.id == 'headline'">
|
|
<view class="goodstop-i" :style="'background-color: '+item.style.bgColor" v-for="(item2, key2) in item.data" :key="key2"
|
|
@click="navigateTo(`pages/mainPages/headline/headlineDetail?headline_id=${item2.id}`)">
|
|
<view class="h1">{{ item2.title }}</view>
|
|
<view class="goodstop-i-t">
|
|
<view class="goodstop-i-t-tag">
|
|
<view class="i">{{ item2.one_name }}</view>
|
|
<view class="i">{{ item2.two_name }}</view>
|
|
</view>
|
|
<image class="image" :src="item2.display_img" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="goodstop-i-c">
|
|
<view class="h2">{{ item2.summary }}</view>
|
|
<view class="p">
|
|
<view class="span">
|
|
<view class="i">
|
|
<image class="image" :src="item2.author_img" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="b">{{ item2.author }}</view>
|
|
</view>
|
|
<view class="em">阅读 {{ item2.browse }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- headline2 头条2 -->
|
|
<view class="headline2" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx; background-color: '+item.style.bgColor"
|
|
v-if="item.id == 'headline2'">
|
|
<Haodiantoutiao :hdttData="item" />
|
|
</view>
|
|
<!-- 社群 -->
|
|
<view v-if="item.id == 'community'">
|
|
<view class="diyPages-community dis-flex flex-x-between flex-y-center" :style="{marginBottom:item.style.marginBottom+'rpx',backgroundColor:item.style.bgColor}">
|
|
<view class="community-user dis-flex flex-y-center flex-box ">
|
|
<image :src="item.params.imgUrl" class="community-user-img"></image>
|
|
<view class="community-user-info flex-box">
|
|
<view class="community-user-name col-0 f-28">{{ item.params.name }}</view>
|
|
<view class="community-user-des f-24 col-9 onelist-hidden">{{item.params.introduce}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="community-btn">
|
|
<button class="community-add f-24" :style="{color:item.style.buttonColor,backgroundColor:item.style.buttonbg}"
|
|
@click="openshequn(item.params)">{{item.params.title}}</button>
|
|
</view>
|
|
</view>
|
|
<!-- 社群弹窗 -->
|
|
<popup-view :show="showCommunity" type="center" @clickmask="showCommunity = false">
|
|
<view class="community-detail b-f t-c">
|
|
<view class="community-header f-w f-36 p-r col-f"><text class="community-header-text p-r">{{shequn.name}}</text></view>
|
|
<!-- #ifdef H5 -->
|
|
<view class="community-body">
|
|
<image :src="shequn.qrcodeUrl" class="community-qrcodeimg"></image>
|
|
<view class="community-toreply f-26 col-3">长按识别二维码</view>
|
|
</view>
|
|
<!-- #endif -->
|
|
<!-- #ifndef H5 -->
|
|
<view class="community-body f-26 col-3">
|
|
有任何疑问，点击“<text class="col-m">去回复</text>”发送“<text class="col-m">{{shequn.community_id}}</text>”,即可添加{{shequn.name}}
|
|
</view>
|
|
<!-- #endif -->
|
|
<view class="community-phone dis-flex flex-y-center flex-x-between" v-if="!!shequn.phone">
|
|
<view class="community-number dis-flex flex-y-center">
|
|
<image :src="imgfixUrls + 'goods/community.png'" class="community-number-icon"></image>
|
|
<view class="f-24 col-3">{{shequn.phone}}</view>
|
|
</view>
|
|
<view class="community-bdial f-24" @click="callPhone(shequn.phone)">拨号</view>
|
|
</view>
|
|
<button class="community-reply f-24 col-f" open-type="contact" v-if="clienType==='3'">去回复</button>
|
|
</view>
|
|
</popup-view>
|
|
</view>
|
|
<!-- 乐豆 -->
|
|
<view class="LeBeans" style="border-radius: 0;" v-if="item.id == 'user_info'">
|
|
<view class="dis-flex">
|
|
<view >
|
|
<image style="border-radius: 50%;height: 100upx;width: 100upx;border: 6upx solid rgba(255,255,255,0.2);box-sizing: border-box;"
|
|
:src="item.data.avatar || 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=408169738,1296166492&fm=26&gp=0.jpg'"
|
|
mode=""></image>
|
|
</view>
|
|
<view class="col-f" style="padding-left: 20upx;" v-if="item.data.nickname">
|
|
<view class="f-30" style="padding-top: 10upx;">
|
|
{{item.data.nickname || '未登录'}}
|
|
</view>
|
|
<view class="f-24" style="font-weight: 300;color: #F1F1F1;padding-top: 15upx;">
|
|
{{item['data']['mobile'] || ''}}
|
|
</view>
|
|
</view>
|
|
<view class="col-f f-34 f-w" style="line-height: 100upx;padding-left: 20upx;" v-else>
|
|
未登录
|
|
</view>
|
|
</view>
|
|
<view class="f-26 col-f" style="font-weight: 300;padding: 20upx 0;" v-if="item.data.constructor === Object && item.data.credit2">
|
|
{{item.params.title}}
|
|
</view>
|
|
<view class="dis-flex" v-if="item.data.constructor === Object && item.data.credit2">
|
|
<view class="f-50 f-w col-f">
|
|
{{item.data.credit2}}
|
|
</view>
|
|
<view >
|
|
<view class="f-30 col-f" @click="goLeBeans(item.params.link)" style="padding: 10upx 25upx;background-color: rgba(255,255,255,0.3);border-radius: 60upx 0 0 60upx;position: absolute;right: 0;">
|
|
{{item.params.button_title}}
|
|
<text class="iconfont icon-right" style="font-size: 24upx;"></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 乐豆 -->
|
|
|
|
<!-- 招聘统计 -->
|
|
<view class="invite-statistics dis-flex" v-if="item.id == 'recruit_statistics'">
|
|
<view class="invite-statistics-item" v-for="(items,key,indexs) in item.params" :key="indexs" :style="{marginRight: indexs == 3?'0':'20rpx',backgroundColor: items.backgroundColor}">
|
|
<view class="statistics-item-num" :style="{color: items.numberColor}">
|
|
{{items.statistics}}
|
|
</view>
|
|
<view class="statistics-item-class" :style="{color: items.titleColor}">
|
|
{{items.title}}
|
|
</view>
|
|
<view class="statistics-item-img">
|
|
<image class="statistics-item-image" :src="items.icon" mode=""></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 招聘统计 -->
|
|
|
|
<!-- 企业信息风格一 -->
|
|
<view v-if="item.id == 'recruit_enterprise'">
|
|
<view :style="{padding: item.style.padding + 'px',marginBottom: item.style.marginBottom + 'px',backgroundColor: item.style.bgColor}">
|
|
<view class="dis-flex enterprise-item" v-for="(its,indexs) in item.data" :key="indexs" @click="goEnterprise(its)">
|
|
<view class="enterprise-imgbox" v-if="its.logo">
|
|
<image class="enterprise-img" :src="its.logo" mode=""></image>
|
|
</view>
|
|
<view class="enterprise-content">
|
|
<view class="enterprise-name">
|
|
{{its.storename}}
|
|
</view>
|
|
<view class="enterprise-nature">
|
|
{{its.nature}}·{{its.scale}}·{{its.industry}}
|
|
</view>
|
|
<view class="enterprise-nature">
|
|
{{its.area}}
|
|
<text style="padding-left: 10upx;">
|
|
在招岗
|
|
<text style="color: #3388FF;">
|
|
{{its.release_recruit}}
|
|
</text>
|
|
个
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 企业信息风格一 -->
|
|
|
|
<!-- 企业信息风格二 -->
|
|
<view v-if="item.id == 'recruit_enterprise2'">
|
|
<view class="recruit_enterprise2-box" :style="{padding: item.style.padding + 'px',marginBottom: item.style.marginBottom + 'px',backgroundColor: item.style.bgColor}">
|
|
<view class="dis-flex" style="padding: 20upx 0;">
|
|
<view class="enterprise2-title">
|
|
{{item.params.title}}
|
|
</view>
|
|
<view class="enterprise2-more" @click="enterpriseList">
|
|
更多
|
|
<text class="iconfont icon-right"></text>
|
|
</view>
|
|
</view>
|
|
<view class="enterprise2-box" :style="{paddingRight: item.style.padding + 'px'}">
|
|
<view class="enterprise2-item dis-il-block" v-for="(its,indexs) in item.data" :key="indexs" @click="goEnterprise(its)">
|
|
<image class="enterprise2-item-img" :src="its.logo" mode="" v-if="its.logo"></image>
|
|
<view class="enterprise2-item-name">
|
|
{{its.storename}}
|
|
</view>
|
|
<view class="enterprise2-item-invite" v-if="its.release_recruit != 0">
|
|
{{its.release_recruit}} + 岗位热招
|
|
</view>
|
|
<view class="enterprise2-item-invite" v-else>
|
|
暂无招聘
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 企业信息风格二 -->
|
|
|
|
<!-- 招聘模板 -->
|
|
<view v-if="item.id == 'recruit_recruit'">
|
|
<view class="recruit_recruit-f" :style="{padding: item.style.padding != 0? item.style.padding + 'px':'0rpx',marginBottom: item.style.marginBottom + 30 + 'px',backgroundColor: item.style.bgColor}">
|
|
<view class="recruit_recruit" v-for="(its,indexs) in item.data" :key="indexs" @click="naviRecruit_recruit(its)">
|
|
<view class="dis-flex" style="padding: 30upx 0 20upx;">
|
|
<view class="recruit_recruit-name">
|
|
{{its.title}} <view class="dis-il-block recruit_recruit-top" v-if="its.is_top == '1'">顶</view>
|
|
</view>
|
|
<view class="recruit_recruit-salary">
|
|
{{its.salary}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="padding: 0upx 0 30upx;" v-if="its.welfare_list">
|
|
<view class="recruit_recruit-tags">
|
|
<view class="dis-il-block recruit_recruit-tags-item" :style="{backgroundColor: item.style.labelBgColor,color: item.style.labelColor}" v-for="(it,ins) in its.welfare_list" :key="ins">
|
|
{{it}}
|
|
</view>
|
|
</view>
|
|
<view class="recruit_recruit-region">
|
|
{{its.region}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="padding: 0upx 0 30upx;" v-if="its.release">
|
|
<view class="recruit_recruit-imgbox">
|
|
<image class="recruit_recruit-img" :src="its.release.logo" mode=""></image>
|
|
</view>
|
|
<view class="recruit_recruit-left">
|
|
<view class="recruit-left-name dis-flex">
|
|
<view style="flex: 0.7;">
|
|
{{its.release.name}} <view class="dis-il-block recruit_recruit-top" style="background-color: #008CFF;" v-if="its.release.is_authentication == '1'">已认证</view>
|
|
</view>
|
|
<view class="recruit-left-region" v-if="!its.welfare_list">
|
|
{{its.region}}
|
|
</view>
|
|
</view>
|
|
<view class="recruit-left-nature dis-flex" v-if="its.release.nature && its.release.scale && its.release.industry">
|
|
<view style="flex: 0.8;">
|
|
{{its.release.nature}}·{{its.release.scale}}·{{its.release.industry}}
|
|
</view>
|
|
<view class="recruit-left-region" style="line-height: 30upx;">
|
|
{{its.release_time}}
|
|
</view>
|
|
</view>
|
|
<view class="recruit-left-nature dis-flex" v-else>
|
|
<view style="flex: 0.8;">
|
|
个人招聘
|
|
</view>
|
|
<view class="recruit-left-region" style="line-height: 30upx;">
|
|
{{its.release_time}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="recruit_recruit-right">
|
|
|
|
</view> -->
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
<!-- 招聘模板 -->
|
|
<!-- 简历模板 -->
|
|
<view v-if="item.id == 'recruit_resume'" style="margin-bottom: 30upx;">
|
|
<view class="recruit_resume" :style="{padding: item.style.padding != 0? item.style.padding + 'px':'30rpx',marginBottom: item.style.marginBottom + 'px',backgroundColor: item.style.bgColor}">
|
|
<view class="recruit_resume-item dis-flex" v-for="(its,indexs) in item.data" :key="indexs" @click="goRecruit_resume(its)">
|
|
<view class="recruit_resume-imgbox">
|
|
<image class="recruit_resume-img" :src="its.avatar" mode=""></image>
|
|
</view>
|
|
<view class="recruit_resume-content">
|
|
<view class="dis-flex ">
|
|
<view class="recruit_resume-title">
|
|
{{its.name}}
|
|
</view>
|
|
<view class="recruit_resume-salary">
|
|
{{its.salary}}
|
|
</view>
|
|
</view>
|
|
<view class="recruit_resume-data">
|
|
{{its.age}}岁·{{its.experience}}·{{its.education}}
|
|
</view>
|
|
<view class="dis-flex">
|
|
<view class="recruit_resume-tags">
|
|
<view class="recruit_resume-tagitem dis-il-block" :style="{color: item.style.labelColor,backgroundColor: item.style.labelBgColor}" v-for="(it,ins) in its.expect_position_list" :key="ins">
|
|
{{it}}
|
|
</view>
|
|
</view>
|
|
<view class="recruit_resume-site">
|
|
{{its.city}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
<!-- banner流量主 -->
|
|
<view v-if="item.id == 'flow'">
|
|
<ad :unit-id="item.params.unit_id" @close="onclose($event,item.params.unit_id)"></ad>
|
|
</view>
|
|
<!-- 视频流量主 -->
|
|
<view v-if="item.id == 'flow4'">
|
|
<ad :unit-id="item.params.unit_id" @close="onclose($event,item.params.unit_id)" ad-type="video" ad-theme="white"></ad>
|
|
</view>
|
|
<!-- 视频贴片流量主 -->
|
|
<!-- <view v-if="item.id == 'flow5'">
|
|
<video style="width: 750upx;" src="" :unit-id="item.params.unit_id"></video>
|
|
</view> -->
|
|
<!-- 格子广告流量主 -->
|
|
<view v-if="item.id == 'flow6'">
|
|
<ad :unit-id="item.params.unit_id" @close="onclose($event,item.params.unit_id)" ad-type="grid" grid-opacity="0.8" grid-count="5" ad-theme="white"></ad>
|
|
</view>
|
|
<!-- #endif -->
|
|
|
|
<!-- 转赠红包 -->
|
|
<popup-view :show="showRed" :showOverlay="false" type="center" @clickmask="showRed = false">
|
|
<view class="linkRed t-c" :style="'background-image: url(' + imgfixUrls + (redData.type == 1?'couponBg.png':'linkRedBG.png')+');background-size: 600rpx 782rpx;background-repeat: no-repeat;'">
|
|
<view
|
|
class="iconfont icon-roundclose"
|
|
style="font-weight: 700;font-size: 40upx;color: #333333;position: absolute;right: 30upx;top: 30upx;"
|
|
@click="showRed = false">
|
|
</view>
|
|
<image
|
|
:src="redData.avatar"
|
|
style="width: 146upx;height: 146upx;border-radius: 50%;margin-top: 84upx;"
|
|
mode=""></image>
|
|
<view class="f-28" :style="{color:redData.type == 1?'#C18F64':'#FDC789',marginTop: '40rpx'}">
|
|
<text>{{redData.nickname}}</text>
|
|
<text>发起一个{{redData.type == 1?'转赠卡券':'转赠红包'}}</text>
|
|
</view>
|
|
<view
|
|
v-if="redData.ownget == 1"
|
|
:style="{width: '400rpx',
|
|
backgroundColor: redData.type == 1?'':'#F9F3E3',
|
|
borderRadius: '10rpx',
|
|
padding: '30rpx',
|
|
margin: '40rpx 0 0 70rpx'}">
|
|
<view class="f-w" style="font-size: 50upx;color: #ff4444;">
|
|
{{redData.title}}
|
|
</view>
|
|
<view class="f-28" :style="{padding: '30rpx 0',marginTop:redData.type == 1?'56rpx':'0'}">
|
|
领取成功
|
|
</view>
|
|
<view class="f-28" :style="{color: redData.type == 1?'#ffffff':'#FF6633',paddingLeft: '20rpx'}" @click="navigateTo(redData.type == 1?'pages/subPages/coupon/coupon':'pages/subPages/redpacket/myredpacket')">
|
|
<text>立即查看</text>
|
|
<text style="font-size: 28upx;" class="iconfont icon-playfill"></text>
|
|
</view>
|
|
</view>
|
|
<view v-else>
|
|
<view style="margin-top: 40upx;color: #FDC789;">
|
|
<text :style="{fontSize: redData.type != 1?'68rpx':'48rpx',color:redData.type != 1?'#FDC789':'#B15910'}">{{redData.title}}</text>
|
|
<!-- <text style="font-size: 36upx;padding-left: 10upx;">元</text> -->
|
|
</view>
|
|
<view class="f-28" style="color: #FDC789;margin-top: 40upx;" >
|
|
<text v-if="redData.status != 2 || redData.type != 1">{{redData.sub_title}}</text>
|
|
</view>
|
|
<view
|
|
v-if="redData.status == 0 && redData.ownflag != 1"
|
|
:style="{marginTop: redData.type == 1?'100rpx':'40rpx',
|
|
backgroundColor: '#FCC688',
|
|
width: '460rpx',
|
|
height: '80rpx',
|
|
lineHeight: '80rpx',
|
|
marginLeft: '70rpx',
|
|
borderRadius: '60rpx',
|
|
fontSize: '28rpx'}
|
|
" @click="receive">
|
|
立即领取
|
|
</view>
|
|
<view v-else-if="redData.status == 0 && redData.ownflag == 1"
|
|
:style="{fontSize: '28rpx',paddingTop: '40rpx',marginTop:redData.type == 1?'90rpx':'',color:redData.type == 1?'#ffffff':''}"
|
|
@click="closeLink">
|
|
<text>取消转赠</text>
|
|
<text class="iconfont icon-right" style="font-size: 28upx;"></text>
|
|
</view>
|
|
<view
|
|
v-else
|
|
class="f-28"
|
|
:style="{marginTop: redData.type != 1?'40rpx':redData.status == 2?'180rpx':'90rpx',
|
|
color: redData.type != 1?'#8B1518':'#ffffff',
|
|
width: '420rpx',
|
|
padding: '30rpx 20rpx',
|
|
backgroundColor: redData.type != 1?'#FDEAEE':'',
|
|
marginLeft: '70rpx',
|
|
borderRadius: '30rpx'
|
|
}">
|
|
<view >
|
|
哎呦来晚了
|
|
</view>
|
|
<view >
|
|
{{redData.status == 2?`${redData.type == 1?'卡券':'红包'}已经被转赠人取消了~`:`${redData.type == 1?'卡券':'红包'}已经被人领走了~`}}
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</popup-view>
|
|
<view style="background-color: rgba(0,0,0,0.1);width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;" v-if="showRed">
|
|
|
|
</view>
|
|
<PhoneMask :zIndex="'9999'" :show1="popShow" @clickmask1="closePop"></PhoneMask>
|
|
<getvxphone :show="vxshow" @showFalse="showFalse"></getvxphone>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import jyfParser from "@/components/jyf-parser/jyf-parser.vue"
|
|
import Goodslist from '@/components/template/goodslist.vue'
|
|
import Imgswipertwo from '@/components/template/imgswipertwo.vue'
|
|
import Publicgoodstwo from '@/components/template/publicgoodstwo.vue'
|
|
import Haodiantoutiao from '@/components/template/haodiantoutiao.vue'
|
|
import goodsComponents from '@/components/page/pageComponents/goods.vue'
|
|
import giftbagComponents from '@/components/page/pageComponents/giftbag.vue'
|
|
import cardComponents from '@/components/page/pageComponents/discountCard.vue'
|
|
import region from '@/components/page/pageComponents/region.vue'
|
|
import tabContro from '@/components/page/pageComponents/tabContro.vue'
|
|
import shopInfo from '@/components/page/pageComponents/shopInfo.vue'
|
|
import shopEnter from '@/components/page/pageComponents/shopEnter.vue'
|
|
import PopupView from "@/components/template/PopManager.vue"
|
|
import App from '@/common/js/app.js'
|
|
import goodsStyle from '@/components/page/pageComponents/goodsStyle.vue'
|
|
import tabMenu from '@/components/page/pageComponents/tabMenu.vue'
|
|
import activityData from '@/components/template/activityData.vue'
|
|
import user from '@/components/template/user.vue'
|
|
import Skip from '@/components/template/Skip.vue'
|
|
import integralGood from '@/components/template/integralGood.vue'
|
|
import citydeliveryGoods from '@/components/template/citydeliveryGoods.vue'
|
|
import tuiRate from '@/components/template/rate.vue';
|
|
import homemakingItem from '@/components/template/homemakingItem.vue';
|
|
import vTabs from '@/components/v-tabs/v-tabs.vue';
|
|
import demandItem from '@/components/template/demandItem.vue'
|
|
import myserItem from '@/components/template/myserItem.vue'
|
|
import PhoneMask from '@/components/template/PhoneMask';
|
|
import getvxphone from '@/components/template/getVXphone.vue'
|
|
// #ifdef H5
|
|
import wxApi from '@/common/js/wxApi.js';
|
|
// #endif
|
|
export default {
|
|
data() {
|
|
return {
|
|
titleName: '请输入关键字进行搜索',
|
|
bussiKey: '',
|
|
aidCity: {
|
|
cityname: '选择地区'
|
|
},
|
|
|
|
notice: {
|
|
autoplay: false,
|
|
interval: 3000,
|
|
duration: 1000,
|
|
vertical: true,
|
|
circular: true,
|
|
},
|
|
banner: {
|
|
indicatorDots: true,
|
|
autoplay: true,
|
|
interval: 4000,
|
|
duration: 500
|
|
},
|
|
richtext: {
|
|
imageProp: {
|
|
mode: 'widthFix'
|
|
}
|
|
},
|
|
btngroup: {
|
|
indicatorDots: true,
|
|
duration: 300,
|
|
btngroupHandleData: []
|
|
},
|
|
showCommunity: false,
|
|
shopFold: true,
|
|
diyDataFoldIndex: -1,
|
|
shopFoldIndex: -1,
|
|
switchCity: "",
|
|
i: 0,
|
|
showS: false,
|
|
img: '',
|
|
shequn: {
|
|
name: '',
|
|
qrcodeUrl: '',
|
|
community_id: '',
|
|
phone: ''
|
|
},
|
|
imgHeights: [],
|
|
wxOpenTags:null,
|
|
imgStyle:{},
|
|
sort:0,
|
|
showEnter:false,
|
|
bingImg:{},
|
|
showRed:false,
|
|
redData:{},
|
|
popShow:false,
|
|
vxshow:false,
|
|
bannercurrent:0,
|
|
moveLeft:0
|
|
// cliType:null
|
|
}
|
|
},
|
|
components: {
|
|
Goodslist,
|
|
Imgswipertwo,
|
|
Publicgoodstwo,
|
|
Haodiantoutiao,
|
|
goodsComponents,
|
|
giftbagComponents,
|
|
cardComponents,
|
|
region,
|
|
tabContro,
|
|
shopInfo,
|
|
shopEnter,
|
|
PopupView,
|
|
goodsStyle,
|
|
tabMenu,
|
|
activityData,
|
|
Skip,
|
|
user,
|
|
integralGood,
|
|
citydeliveryGoods,
|
|
tuiRate,
|
|
vTabs,
|
|
homemakingItem,
|
|
demandItem,
|
|
myserItem,
|
|
PhoneMask,
|
|
getvxphone
|
|
},
|
|
onShow() {
|
|
|
|
},
|
|
mounted() {
|
|
|
|
this.img = this.imgfixUrls;
|
|
if (this.pageData.title == '名片首页') {
|
|
this.titleName = '请输入名片名称进行搜索';
|
|
this.showS = true;
|
|
}
|
|
if(this.isred){
|
|
setTimeout(()=>{
|
|
this.getLinkRed()
|
|
})
|
|
}
|
|
this.imgStyle = uni.getStorageSync('imgstyle')
|
|
let version = require("@/siteinfo.json");
|
|
let pages = getCurrentPages();
|
|
this.cliType = App.getClientType();
|
|
uni.setStorageSync('aa', this.diypagesData);
|
|
this.pageWxApp();
|
|
let curPage = pages[pages.length - 1];
|
|
//#ifdef H5
|
|
this.i = curPage.$mp.query.i;
|
|
|
|
//#endif
|
|
//#ifndef H5
|
|
this.i = version.uniacid;
|
|
this.flow();
|
|
//#endif
|
|
this.$nextTick(function(){
|
|
// debugger
|
|
this.diypagesData.forEach((item) =>{
|
|
if(item.id == 'notice' || item.id == 'notice1' || item.id == 'notice2'){
|
|
this.pmove();
|
|
return
|
|
}
|
|
});
|
|
// debugger
|
|
|
|
})
|
|
},
|
|
props: {
|
|
diypagesData: {
|
|
type: Array,
|
|
default: function() {
|
|
return []
|
|
}
|
|
},
|
|
pageData: {
|
|
type: Object,
|
|
default: function() {
|
|
return {}
|
|
}
|
|
},
|
|
btngroupData: {
|
|
type: Object,
|
|
default: function() {
|
|
return {}
|
|
}
|
|
},
|
|
swiperIList: {
|
|
type: Array,
|
|
default: function() {
|
|
return []
|
|
}
|
|
},
|
|
city_id: {
|
|
type: String,
|
|
default: function() {
|
|
return ''
|
|
}
|
|
},
|
|
isred: {
|
|
default: function() {
|
|
return ''
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
currentaidCity: {
|
|
get() {
|
|
console.log(this.agencyData)
|
|
// debugger
|
|
if (!!this.agencyData) {
|
|
if(this.agencyData.areaname){
|
|
return this.agencyData.areaname
|
|
}else if(Array.isArray(this.agencyData)){
|
|
return this.agencyData[0].title
|
|
}else{
|
|
uni.showModal({
|
|
showCancel:false,
|
|
title:'温馨提示',
|
|
content:'暂未安装地区数据,请前往系统后台进行安装'
|
|
});
|
|
return '无地区数据'
|
|
}
|
|
} else {
|
|
return '选择地区'
|
|
}
|
|
},
|
|
set(val) {
|
|
this.switchCity = val
|
|
}
|
|
},
|
|
agencyData() {
|
|
return uni.getStorageSync('agencyData') || uni.getStorageSync('locationArray' + this.i);
|
|
},
|
|
clienType() {
|
|
return App.getClientType()
|
|
}
|
|
},
|
|
methods: {
|
|
cancelBtn() {
|
|
uni.navigateBack({
|
|
delta: 1
|
|
})
|
|
},
|
|
pmove(e){ //公告组件移动动画
|
|
let _this = this;
|
|
_this.moveLeft = 0;
|
|
// console.log(e)
|
|
if(_this.notice.autoplay == false){ //首次进入，第一条公告
|
|
|
|
uni.createSelectorQuery()
|
|
.in(this)
|
|
.selectAll('.move')
|
|
.boundingClientRect(data => {
|
|
// debugger
|
|
let width = data[0].width; //首次进入的动画
|
|
if(width < 266 && data.length == 1){
|
|
return
|
|
}else if(width < 266 && data.length > 1){
|
|
_this.notice.autoplay = true;
|
|
return
|
|
}
|
|
let moveTime = setInterval(()=>{
|
|
// console.log(width,Math.abs(_this.moveLeft))
|
|
//266为父盒子默认宽度
|
|
if(width - Math.abs(_this.moveLeft) < 266){
|
|
clearTimeout(moveTime);
|
|
if(data.length == 1){
|
|
setTimeout(()=>{
|
|
_this.pmove(); //递归调用，延时平滑
|
|
},2000)
|
|
}else{
|
|
_this.notice.autoplay = true;
|
|
}
|
|
|
|
}
|
|
_this.moveLeft = _this.moveLeft - 2;
|
|
},20)
|
|
console.log(data);
|
|
})
|
|
.exec();
|
|
}else{
|
|
// debugger
|
|
_this.notice.autoplay = false
|
|
setTimeout(()=>{
|
|
// debugger
|
|
uni.createSelectorQuery()
|
|
.in(this)
|
|
.selectAll('.move')
|
|
.boundingClientRect(data => {
|
|
// debugger
|
|
let width = data[e.detail.current].width;
|
|
if(width > 266){
|
|
let moveTime = setInterval(()=>{
|
|
// console.log(width,Math.abs(_this.moveLeft))
|
|
if(width - Math.abs(_this.moveLeft) < 266){
|
|
clearTimeout(moveTime);
|
|
_this.notice.autoplay = true;
|
|
}
|
|
_this.moveLeft = _this.moveLeft - 2;
|
|
},20)
|
|
// console.log(data);
|
|
}else{
|
|
_this.notice.autoplay = true;
|
|
}
|
|
|
|
})
|
|
.exec();
|
|
},2000)
|
|
|
|
}
|
|
// _this.notice.autoplay = false;
|
|
// console.log(e);
|
|
// debugger
|
|
|
|
},
|
|
onclose(e,id){
|
|
let data = this.diypagesData;
|
|
// console.log(e,id);
|
|
// debugger
|
|
this.diypagesData.forEach((item,index)=>{
|
|
if(!!item.params && item.params.unit_id){
|
|
// console.log(item.params.unit_id,id);
|
|
if(item.params.unit_id == id){
|
|
|
|
data[index].id = '';
|
|
item.id = '';
|
|
// console.log(diypagesData[index].id,item.id)
|
|
this.$emit('update:diypagesData',data);
|
|
}
|
|
}
|
|
|
|
})
|
|
},
|
|
showFalse(){
|
|
this.vxshow = false;
|
|
},
|
|
closePop() {
|
|
let _this = this
|
|
_this.popShow = false
|
|
},
|
|
closeLink(){
|
|
App.showError(
|
|
`是否取消本次转赠?`,
|
|
data => {
|
|
if (data.confirm) {
|
|
App._post_form('&p=Order&do=cancelTransfer', {
|
|
id:this.isred,
|
|
objid:this.redData.objid,
|
|
type:this.redData.type
|
|
}, res => {
|
|
uni.showToast({
|
|
title:'取消成功'
|
|
});
|
|
this.showRed = false;
|
|
})
|
|
}
|
|
},
|
|
true
|
|
);
|
|
|
|
},
|
|
receive(){
|
|
let _this = this;
|
|
App._post_form('&p=Order&do=getTransfer', {
|
|
id:this.isred
|
|
}, res => {
|
|
uni.showToast({
|
|
title:'领取成功'
|
|
});
|
|
this.getLinkRed();
|
|
},fail=>{
|
|
// _this.gouniond();
|
|
if (fail.data.message == '未绑定手机号') {
|
|
//#ifdef H5
|
|
_this.popShow = true;
|
|
//#endif
|
|
//#ifndef H5
|
|
_this.vxshow = true;
|
|
//#endif
|
|
|
|
}
|
|
});
|
|
},
|
|
getLinkRed(){
|
|
App._post_form('&p=Order&do=transferInfo', {
|
|
id:this.isred
|
|
}, res => {
|
|
this.redData = res.data;
|
|
this.showRed = true;
|
|
})
|
|
},
|
|
call(item){
|
|
uni.makePhoneCall({
|
|
phoneNumber: item.mobile
|
|
})
|
|
},
|
|
chat(item){
|
|
App.navigationTo({
|
|
url: 'pages/subPages/homepage/chat/chat?other_party_id=' + item.mid + '&other_party_type=' + 1+ '&type=1' + '&id='
|
|
})
|
|
},
|
|
vtabschange(e){
|
|
|
|
},
|
|
// handleMemberClick(item) {
|
|
// App.navigationTo({
|
|
// url: `pages/subPages2/blindDate/member/detail?id=${item.id}`
|
|
// })
|
|
// },
|
|
flow(){
|
|
this.diypagesData.map(item=>{
|
|
if(item.id == 'flow2'){
|
|
// 在页面中定义激励视频广告
|
|
let videoAd = null
|
|
|
|
// 在页面onLoad回调事件中创建激励视频广告实例
|
|
if (wx.createRewardedVideoAd) {
|
|
videoAd = wx.createRewardedVideoAd({
|
|
adUnitId: item.params.unit_id
|
|
})
|
|
videoAd.onLoad(() => {})
|
|
videoAd.onError((err) => {})
|
|
videoAd.onClose((res) => {})
|
|
}
|
|
|
|
// 用户触发广告后，显示激励视频广告
|
|
if (videoAd) {
|
|
videoAd.show().catch(() => {
|
|
// 失败重试
|
|
videoAd.load()
|
|
.then(() => videoAd.show())
|
|
.catch(err => {
|
|
console.log('激励视频 广告显示失败')
|
|
})
|
|
})
|
|
}
|
|
}else if(item.id == 'flow3'){
|
|
// 在页面中定义插屏广告
|
|
let interstitialAd = null
|
|
|
|
// 在页面onLoad回调事件中创建插屏广告实例
|
|
if (wx.createInterstitialAd) {
|
|
interstitialAd = wx.createInterstitialAd({
|
|
adUnitId: item.params.unit_id
|
|
})
|
|
interstitialAd.onLoad(() => {})
|
|
interstitialAd.onError((err) => {})
|
|
interstitialAd.onClose(() => {})
|
|
}
|
|
|
|
// 在适合的场景显示插屏广告
|
|
if (interstitialAd) {
|
|
interstitialAd.show().catch((err) => {
|
|
console.error(err)
|
|
})
|
|
}
|
|
}
|
|
})
|
|
// debugger
|
|
},
|
|
goRecruit_resume(item){
|
|
App.navigationTo({
|
|
url: `pages/subPages2/hirePlatform/resume/resume?id=${item.id}&flag=1`
|
|
});
|
|
},
|
|
enterpriseList(){
|
|
App.navigationTo({
|
|
url: `pages/subPages2/hirePlatform/companiesList/companiesList`
|
|
});
|
|
},
|
|
goEnterprise(item){
|
|
App.navigationTo({
|
|
url: `pages/subPages2/hirePlatform/companyDetails/companyDetails?id=${item.id}`
|
|
});
|
|
},
|
|
naviRecruit_recruit(item){
|
|
App.navigationTo({
|
|
url: `pages/subPages2/hirePlatform/recruitmentDetails/recruitmentDetails?id=${item.id}`
|
|
});
|
|
},
|
|
pageWxApp() {
|
|
setTimeout(()=>{
|
|
this.diypagesData.map(item => {
|
|
if (item.id == 'banner') {
|
|
let ratio;
|
|
uni.getSystemInfo({
|
|
success: function(wh) {
|
|
ratio = wh.windowWidth / item.params.img_width;
|
|
item.params.img_width = ratio * item.params.img_width;
|
|
item.params.img_height = ratio * item.params.img_height;
|
|
}
|
|
});
|
|
|
|
}
|
|
})
|
|
})
|
|
// console.log(_this.diypagesData,'我是装修组件合集')
|
|
},
|
|
remindSuccess(goodsData, goodsIndex) {
|
|
// goodsData.map((item,index)=>{
|
|
// if(item.is_follow)
|
|
// });
|
|
this.$emit('diyhomepage');
|
|
// console.log(goodsData, goodsIndex,'问题一抹多')
|
|
},
|
|
goLeBeans(link) {
|
|
let urls;
|
|
// #ifdef H5
|
|
let locations = window.location.href;
|
|
urls = link + '&backurl=' + encodeURIComponent(locations);
|
|
location.href = urls;
|
|
//#endif
|
|
//#ifndef H5
|
|
let pages = getCurrentPages();
|
|
let pageObj = pages[pages.length - 1];
|
|
let wxurl = pageObj.route;
|
|
urls = link + '&backurl=' + wxurl;
|
|
// console.log(urls,pageObj.options)
|
|
uni.navigateTo({
|
|
url: `/pages/subPages/webview/webview?urlsrc=${encodeURIComponent(urls)}`
|
|
})
|
|
//#endif
|
|
|
|
},
|
|
ImgLoad(e) {
|
|
let ratios;
|
|
let _this = this;
|
|
uni.getSystemInfo({
|
|
success: function(wh) {
|
|
ratios = wh.windowWidth / e.detail.width;
|
|
_this.bingImg = {
|
|
width:ratios * e.detail.width,
|
|
height:ratios * e.detail.height
|
|
};
|
|
}
|
|
});
|
|
|
|
// console.log(e.detail.width / e.detail.height)
|
|
// if(e.detail.width == e.detail.height){
|
|
this.imgHeights.push((e.detail.width / e.detail.height * 35 / 2) + 'rpx')
|
|
// }else{
|
|
// this.imgHeights.push((e.detail.width / e.detail.height * 35) + 'rpx');
|
|
// }
|
|
|
|
// console.log(e.detail.width / e.detail.hight * 10)
|
|
|
|
// this.imgHeights.push(e.detail.width);
|
|
// console.log(this.imgHeights,e,e.detail.width%150)
|
|
},
|
|
// 社群传参
|
|
openshequn(open) {
|
|
this.shequn = open;
|
|
this.showCommunity = true;
|
|
|
|
},
|
|
/**
|
|
* 社群显示
|
|
*/
|
|
searchBussi() {
|
|
// debugger
|
|
if (this.pageData.title == '名片首页') {
|
|
|
|
this.$emit("getChild", this.bussiKey);
|
|
|
|
} else {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/search/search'
|
|
});
|
|
}
|
|
},
|
|
naviGa(type,flag) {
|
|
// debugger
|
|
if (type == 1) {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/search/search'
|
|
});
|
|
}else if(type == 2){
|
|
App.navigationTo({
|
|
url: 'pages/subPages2/hirePlatform/serchWork/serchWork'
|
|
});
|
|
}else if(type == 3){
|
|
App.navigationTo({
|
|
url: 'pages/subPages2/blindDate/member/all'
|
|
});
|
|
}else if(type == 4){
|
|
App.navigationTo({
|
|
url: 'pages/subPages2/homemaking/homemaSearch/homemaSearch'
|
|
});
|
|
}
|
|
},
|
|
communityShow() {
|
|
this.showCommunity = !this.showCommunity;
|
|
},
|
|
callPhone(phone) {
|
|
uni.makePhoneCall({
|
|
phoneNumber: phone
|
|
})
|
|
},
|
|
pvImge(imgurl) {
|
|
uni.previewImage({
|
|
current: imgurl, // 当前显示图片的http链接
|
|
urls: [imgurl] // 需要预览的图片http链接列表
|
|
})
|
|
},
|
|
|
|
shangjiaFold: function(key, key2) {
|
|
this.shopFold = false
|
|
this.diyDataFoldIndex = key
|
|
this.shopFoldIndex = key2
|
|
},
|
|
shangjiaUpFold: function(key, key2) {
|
|
this.shopFold = true
|
|
this.diyDataFoldIndex = key
|
|
this.shopFoldIndex = key2
|
|
},
|
|
navigateTo(url) {
|
|
// let e = url.split('?')[1]
|
|
// return
|
|
if(!url)return
|
|
// #ifdef H5
|
|
if(url.indexOf('appid') != -1){
|
|
uni.showModal({
|
|
showCancel:false,
|
|
title:'温馨提示',
|
|
content:'此链接无法在公众号端打开,请在小程序中打开' ,
|
|
});
|
|
return
|
|
}
|
|
// #endif
|
|
if(url.indexOf('indet') != -1){
|
|
//#ifdef H5
|
|
// let loc = url.split('?')[1];
|
|
// debugger
|
|
App.navigationToH5(false,`${App.base}#/${url}`);
|
|
window.location.reload();
|
|
//#endif
|
|
//#ifndef H5
|
|
App.navigationTo({
|
|
url:url
|
|
});
|
|
//#endif
|
|
return
|
|
}else{
|
|
|
|
// let linkUrl = url.indexOf('?') != -1?url.split('?')[0]:url;
|
|
// if(url.indexOf('pages/subPages2/homemaking/serviceIn/serviceIn') != -1){
|
|
// this.showEnter = true;
|
|
// return
|
|
// }
|
|
App.navigationTo({
|
|
url:url
|
|
});
|
|
}
|
|
},
|
|
bannerChange(e) {
|
|
this.bannercurrent = e.detail.current;
|
|
// console.log(e,this.diypagesData);
|
|
// this.diypagesData.map((item,index)=>{
|
|
// if(item.id == 'banner'){
|
|
// console.log(item.data);
|
|
// }
|
|
// })
|
|
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
@import "../../common/css/diyPages.css";
|
|
@import "../../common/css/old_diyPages";
|
|
@import "../../pages/subPages/goods/index.css";
|
|
|
|
.diypages {
|
|
/* background-color: #F8F8F8; */
|
|
/* padding-bottom: 100upx; */
|
|
/* margin-bottom: 100upx; */
|
|
}
|
|
|
|
.diypages-j {
|
|
margin-bottom: 20upx;
|
|
}
|
|
.diypages-i{
|
|
position: relative;
|
|
}
|
|
|
|
.btn-open-weapp{
|
|
border: 0;
|
|
color: #424242;
|
|
text-shadow: 0px 1px 1px #fff;
|
|
border-radius: 50px;
|
|
text-align: center;
|
|
line-height: 35px;
|
|
outline:none;
|
|
}
|
|
.store-two-shop:after{
|
|
content:'';
|
|
flex: 0 0 31%;
|
|
}
|
|
</style>
|
|
|