1146 lines
64 KiB
Vue
1146 lines
64 KiB
Vue
<template name="diy">
|
|
<view v-if="loadPageFlag" class="diyPage" :style="{background:(BgConfig.BackgroundObj.type==1?BgConfig.BackgroundObj.bgColor:('url('+BgConfig.BackgroundObj.path+') no-repeat '+ BgConfig.BackgroundObj.pathColor)), backgroundSize:'100% auto'}">
|
|
|
|
<view v-for="(item, i) in PageContent" class="dropItem" :key="i" :style="{
|
|
clear: (item.eltmType==1 || item.eltmType==3) ? 'none' : 'both',
|
|
paddingTop:(item.paddingTop||0)*2+'rpx',
|
|
paddingBottom:(item.paddingBottom||0)*2+'rpx',
|
|
paddingLeft:(item.paddingLeft||0)*2+'rpx',
|
|
paddingRight:(item.paddingRight||0)*2+'rpx',
|
|
width:(375-(item.paddingLeft||0)-(item.paddingRight||0))*2+'rpx'}">
|
|
<!--第一个模板-->
|
|
<view :data-id="(item.eltm1.data.did)" :data-name="(item.eltm1.data.name)" :data-type="(item.eltm1.data.selectType)"
|
|
:data-keyword="(item.eltm1.data.keyWord || '')" :data-appid="(item.eltm1.data.AppId || '')" :data-appurl="(item.eltm1.data.AppUrl)"
|
|
:data-MinAppUrl="(item.eltm1.data.MinAppUrl || '')" @click="tplGoToPage" v-if="item.eltmType==1" :class="{boxFlexItem1:item.flexNum==1,boxFlexItem2:item.flexNum==2,boxFlexItem3:item.flexNum==3,boxFlexItem4:item.flexNum==4,boxFlexItem5:item.flexNum==5,ms:1==1,s1:item.eltm1.layout==1,s2h:item.eltm1.layout==2,s2v:item.eltm1.layout==3,s4h:item.eltm1.layout==4,s4v:item.eltm1.layout==5,s8h:item.eltm1.layout==6,s8v:item.eltm1.layout==7,s16:item.eltm1.layout==8,s250h:item.eltm1.layout==9,fl:item.eltm1.align==1,fr:item.eltm1.align==2,borderStyle:item.eltm1.border}"
|
|
:style="{width:item.eltm1.width+'rpx',height:item.eltm1.height+'rpx',paddingTop:item.eltm1.paddingTop+'px', paddingRight:item.eltm1.paddingRight+'px', paddingBottom:item.eltm1.paddingBottom+'px', paddingLeft:item.eltm1.paddingLeft+'px', backgroundColor:item.bgColor}">
|
|
<image lazy-load mode="scaleToFill" :src="(item.eltm1.data.path)"></image>
|
|
</view>
|
|
<!--第一个模板-->
|
|
<!--第二个模板-->
|
|
<view v-if="(item.eltmType==2 && item.eltm2.data.words)" class="m-RichText" :style="{padding:(item.eltm2.padding)+'px',backgroundColor:(item.bgColor), borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden', clear: 'both'}">
|
|
<wxParse :content="item.eltm2.data.words" />
|
|
</view>
|
|
<!--第二个模板-->
|
|
<!--第三个模板-->
|
|
<view v-if="(item.eltmType==3)" style="position: relative;" :class="{fl:item.eltm3.align==1,fr:item.eltm3.align==2}">
|
|
<view v-if="(item.eltmType==3) && i<3 && (item.eltm3.showNbg || item.eltm3.showNbg!=0)" :class="item.eltm3.showNbg ? 'bg-ellipse' : ''" :style="{backgroundColor: PageNav.window.navigationBarBackgroundColor}"></view>
|
|
<swiper v-if="(item.eltmType==3)" class="m-scrollBox" :style="{width:(item.eltm3.width*2)+'rpx', height:(item.eltm3.height*2)+'rpx', 'background-color':(item.bgColor), clear: 'both'}"
|
|
:indicator-dots="item.eltm3.progress" :indicator-color="item.eltm3.color" :indicator-active-color="item.eltm3.activeColor" :autoplay="item.eltm3.autoplay">
|
|
|
|
<swiper-item v-for="(sitem, si) in item.eltm3.data" :key="si">
|
|
<view :data-id="(sitem.did)" :data-name="(sitem.name)" :data-type="(sitem.selectType)" :data-keyword="(sitem.keyWord || '')"
|
|
:data-appid="(sitem.AppId || '')" :data-appurl="(sitem.AppUrl)" :data-MinAppUrl="(sitem.MinAppUrl || '')" @click="tplGoToPage">
|
|
<image lazy-load mode="heightFix" :style="{width:(item.eltm3.width*2)+'rpx', height:(item.eltm3.height*2)+'rpx', borderRadius: item.eltm3.borderRadius+ 'px'}" :src="(sitem.path)"></image>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
<!--第三个模板-->
|
|
|
|
|
|
<!--第四个模板-->
|
|
<scroll-view v-if="(item.eltmType==4)" :scroll-y="item.eltm4.listTyle!=5" :scroll-x="item.eltm4.listTyle==5" :style="{backgroundColor:item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden', clear: 'both'}">
|
|
|
|
<view v-if="(item.eltmType==4)" :class="{m_plist:1, p1:item.eltm4.listTyle==1, p2:item.eltm4.listTyle==2, p3:item.eltm4.listTyle==3, p4:item.eltm4.listTyle==4, p5:item.eltm4.listTyle==5}">
|
|
<view class="m_pitem" v-for="(items, ii) in item.eltm4.data" v-show="items" :key="ii" :data-id="(items.did)" :data-name="(items.name)"
|
|
:data-type="(items.selectType)" :data-keyword="(items.keyWord || '')" :data-appid="(items.AppId || '')" :data-appurl="(items.AppUrl)"
|
|
:data-MinAppUrl="(item.MinAppUrl || '')" @click="tplGoToPage">
|
|
<view class="m_pinfo">
|
|
<view class="pimg" v-if="item.eltm4.listTyle!=5">
|
|
<image lazy-load mode="widthFix" style="width:100%;height:100%" :src="($.img(items.path, 360, 360))"></image>
|
|
</view>
|
|
<view class="pimg" v-else>
|
|
<image lazy-load mode="heightFix" :src="($.img(items.path, 360, 360))"></image>
|
|
</view>
|
|
|
|
<view class="pinfo">
|
|
|
|
<view class="pname">
|
|
<label :style="{height:'unset !important','line-clamp':item.eltm4.charLine}">{{items.name}}</label>
|
|
</view>
|
|
|
|
<view class="pSelling"
|
|
v-if="items.ProductTips!='' && item.eltm4.isProductTips"
|
|
:style="item.eltm4.isPrice?'':'display: inline-block; padding-top: 24rpx;padding-bottom: 24rpx'">
|
|
{{items.ProductTips||''}}
|
|
</view>
|
|
|
|
<view class="pprice" v-if="item.eltm4.isPrice" :style="{color:item.eltm4.priceColor}">
|
|
|
|
<view class="pc" :style="{color:item.eltm4.priceColor}">
|
|
<block v-if="item.eltm4.isPrice"><label>{{__('￥')}}</label>{{items.ItemSalePrice}}
|
|
</block>
|
|
</view>
|
|
|
|
<block v-if="items.item_unit_points">
|
|
<label style="margin: 0rpx 10rpx;">+</label><label style="font-size:32rpx">{{items.item_unit_points}}</label> <label>{{__('积分')}}</label>
|
|
</block>
|
|
|
|
<block v-if="items.item_unit_sp">
|
|
<label style="margin: 0rpx 10rpx;">+</label><label style="font-size:32rpx">{{items.item_unit_sp}}</label> <label>{{__('众宝')}}</label>
|
|
</block>
|
|
|
|
|
|
<view v-if="(item.eltm4.btnType==4)" class="c4" :style="{backgroundColor:(item.eltm4.btnColor),color:(item.eltm4.btnFontColor)}">
|
|
<label v-if="(item.eltm4.btnType==4)">{{item.eltm4.btnText}}</label>
|
|
</view>
|
|
<view v-else :class="'c'+(item.eltm4.btnType)" @click.stop="addCart(items)">
|
|
<label v-if="(item.eltm4.btnType==3)">buy</label>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
<!--第四个模板-->
|
|
|
|
<!--第五个模板-->
|
|
<view v-if="(item.eltmType==5)" class="m-blank" :style="{height:(item.eltm5.height)+'px','line-height':(item.eltm5.height)+'px','background-color':(item.bgColor)}">
|
|
</view>
|
|
<!--第五个模板-->
|
|
|
|
<!--第六个模板-->
|
|
<scroll-view scroll-x v-if="item.eltmType==6" style='clear:both'>
|
|
<view v-if="(item.eltmType==6)" :class="{boxFlex:1 ,fdRow:item.eltm6.flexDirection==0, fdRowReverse:item.eltm6.flexDirection==1, fdColumn:item.eltm6.flexDirection==2, fdColumnReverse:item.eltm6.flexDirection==3, fwNowrap:item.eltm6.flexWrap==0,fwWrap:item.eltm6.flexWrap==1,fwWrapReverse:item.eltm6.flexWrap==2,jcFlexStart:item.eltm6.justifyContent==0,jcFlexEnd:item.eltm6.justifyContent==1,jcCenter:item.eltm6.justifyContent==2,jcSpaceBetween:item.eltm6.justifyContent==3,jcSpaceAround:item.eltm6.justifyContent==4,aiFlexStart:item.eltm6.alignItems==0,aiFlexEnd:item.eltm6.alignItems==1,aiCenter:item.eltm6.alignItems==2,aiBaseline:item.eltm6.alignItems==3,aiStretch:item.eltm6.alignItems==4}"
|
|
:style="{backgroundColor:item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden'}">
|
|
<view v-for="(items, ii) in item.eltm6.data" :key="ii" :data-id="(items.did)" :data-name="(items.name)" :data-type="(items.selectType)"
|
|
:data-keyword="(items.keyWord || '')" :data-appid="(items.AppId || '')" :data-appurl="(items.AppUrl)" :data-MinAppUrl="(item.MinAppUrl || '')"
|
|
@click="tplGoToPage" class="boxFlexItem1" :style="{paddingTop:(item.eltm6.paddingTop)+'px',paddingBottom:(item.eltm6.paddingBottom)+'px',paddingLeft:(item.eltm6.paddingLeft)+'px',paddingRight:(item.eltm6.paddingRight)+'px',fontSize:(item.eltm6.fontSize)+'px',color:(item.eltm6.fontColor)}">
|
|
<view v-if="(item.eltm6.type==1)">{{items.name}}</view>
|
|
<image lazy-load mode="widthFix" v-if="(item.eltm6.type==0)" :src="(items.path)" class="img" :style="{width:(items.flexNum>1?(items.flexNum+'px'):((w - item.eltm6.paddingLeft - item.eltm6.paddingRight) + 'px')), width:'100%',height:(item.eltm6.height)+'px'}"></image>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
<!--第六个模板-->
|
|
|
|
|
|
<!--第七个模版-->
|
|
<view v-if="(item.eltmType==7) && item.eltm7.data.length>0" :class="{boxGrids:1, boxGridsBorder:item.eltm7.border }" :style="{backgroundColor:item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden'}">
|
|
<view :class="{boxGrid:1, boxGridBorder:item.eltm7.border}" v-if="(item.eltmType==7) && item.eltm7.data.length/item.eltm7.column <= 2"" v-for="(items, ii) in item.eltm7.data"
|
|
:key="ii" :style="{width:((100/item.eltm7.column))+'%','padding-top':(item.eltm7.paddingTop)+'px','padding-bottom':(item.eltm7.paddingBottom)+'px','padding-left':(item.eltm7.paddingLeft)+'px','padding-right':(item.eltm7.paddingRight)+'px','background-color':(item.bgColor)}"
|
|
:data-id="(items.did)" :data-name="(items.name)" :data-mobile="(items.mobile)" :data-type="(items.selectType)" :data-keyword="(items.keyWord || '')"
|
|
:data-appid="(items.AppId || '')" :data-appurl="(items.AppUrl)" :data-MinAppUrl="(item.MinAppUrl || '')" @click="tplGoToPage">
|
|
<view class="boxGridIcon">
|
|
<image lazy-load :src="(items.path)"></image>
|
|
</view>
|
|
<label class="boxGridLabel">{{items.name}}</label>
|
|
</view>
|
|
|
|
<swiper v-if="(item.eltmType==7) && item.eltm7.data.length/item.eltm7.column > 2" class="m-scrollBox" :class="{boxGrids:1, boxGridsBorder:item.eltm7.border }" :indicator-dots="true" :autoplay="false" :style="{height: '340rpx', backgroundColor:item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden'}">
|
|
<block v-for="(bitems, bi) in item.eltm7.data" :key="bi">
|
|
<swiper-item v-if="(bi%(item.eltm7.column*2)==0)">
|
|
<view :class="{boxGrid:1, boxGridBorder:item.eltm7.border}" v-if="ii >= bi && ii < (bi+item.eltm7.column*2)" v-for="(items, ii) in item.eltm7.data"
|
|
:key="ii" :style="{width:((100/item.eltm7.column))+'%','padding-top':(item.eltm7.paddingTop)+'px','padding-bottom':(item.eltm7.paddingBottom)+'px','padding-left':(item.eltm7.paddingLeft)+'px','padding-right':(item.eltm7.paddingRight)+'px','background-color':(item.bgColor)}"
|
|
:data-id="(items.did)" :data-name="(items.name)" :data-mobile="(items.mobile)" :data-type="(items.selectType)" :data-keyword="(items.keyWord || '')"
|
|
:data-appid="(items.AppId || '')" :data-appurl="(items.AppUrl)" :data-MinAppUrl="(item.MinAppUrl || '')" @click="tplGoToPage">
|
|
<view class="boxGridIcon">
|
|
<image lazy-load :src="(items.path)"></image>
|
|
</view>
|
|
<label class="boxGridLabel">{{items.name}}</label>
|
|
</view>
|
|
</swiper-item>
|
|
|
|
</block>
|
|
</swiper>
|
|
</view>
|
|
<!--第七个模版-->
|
|
|
|
|
|
<!--第八个模版-->
|
|
<view v-if="(item.eltmType==8)" class="mTel" :style="{'background-color':(item.bgColor)}" :data-tel="(item.eltm8.tel)" @tap="callTel">
|
|
<label class="iconfont icon-dianhua--copy" :style="{'font-size':'30px',color:(item.eltm8.fontColor)}"></label>
|
|
</view>
|
|
<!--第八个模版-->
|
|
<!--第九个模版-->
|
|
<navigator url="/pagesub/search/search" class="u-search-box" v-if="(item.eltmType==9)" :style="{'background-color':(item.bgColor),'padding-top':(item.eltm9.paddingTop)+'px','padding-bottom':(item.eltm9.paddingBottom)+'px','padding-left':(item.eltm9.paddingLeft)+'px','padding-right':(item.eltm9.paddingRight)+'px'}">
|
|
<view class="u-search-cont">
|
|
<uni-icons type="search" size="22" color="#666666" />
|
|
<text>{{item.eltm9.tipText}}</text>
|
|
</view>
|
|
</navigator>
|
|
|
|
<uni-nav-bar v-if="(item.eltmType==9 && false)" :statusBar="false" :fixed="true" color="#333333" :backgroundColor="BgConfig.BackgroundObj.bgColor" background-color="#ffffff" right-icon="scan" @click-left="showCity" @click-right="scan">
|
|
<block slot="left">
|
|
<view class="city">
|
|
<view>{{ city }}</view>
|
|
<uni-icons type="arrowdown" color="#333333" size="22" />
|
|
</view>
|
|
</block>
|
|
<view class="input-view">
|
|
<uni-icons type="search" size="22" color="#666666" />
|
|
<input confirm-type="search" class="input" type="text" :placeholder="__('输入搜索关键词')" @click="onSearch">
|
|
</view>
|
|
</uni-nav-bar>
|
|
|
|
<!--第九个模版-->
|
|
<!--第十一个模版-->
|
|
<movable-area class="movableAreaIM" v-if="(item.eltmType==11 && hasLogin && chatUrl)" >
|
|
<movable-view class="movableView" @touchmove.stop.prevent="doNothing" direction="all" :x="initX" :y="initY">
|
|
<view class="mCS" :style="{'background-color':(item.bgColor), borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden'}">
|
|
<!-- #ifdef MP-WEIXIN&&false -->
|
|
<label class="iconfont icon-more" :style="{'font-size':'30px',color:(item.eltm11.fontColor)}"></label>
|
|
<contact-button size="27" type="default-dark" session-from="weapp"></contact-button>
|
|
<!-- #endif -->
|
|
|
|
<view class="m-footer-btn-item" v-if="chatUrl" data-name="管理员" data-keyword="" data-appid="0" :data-appurl="(chatUrl)" :data-type="99" @click="tplGoToPage" style="line-height: 96rpx;">
|
|
<label class="iconfont icon-more" :style="{'font-size':'30px',color:(item.eltm11.fontColor)}"></label>
|
|
</view>
|
|
</view>
|
|
</movable-view>
|
|
</movable-area>
|
|
<!--第十一个模版-->
|
|
<!--第十二个模版-->
|
|
<view v-if="(item.eltmType==12)" :style="{'background-color':(item.bgColor), borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden','padding-top':(item.eltm12.paddingTop)+'px','padding-bottom':(item.eltm12.paddingBottom)+'px','padding-left':(item.eltm12.paddingLeft)+'px','padding-right':(item.eltm12.paddingRight)+'px'}">
|
|
|
|
<!-- #ifdef H5 -->
|
|
<video :poster="item.eltm12.poster" :src="(item.eltm12.src)" :controls="(item.eltm12.controls)" :loop="(item.eltm12.loop)" :style="{width:(item.eltm12.width*2)+'rpx',height:(item.eltm12.height*2)+'rpx', 'background-color':(item.bgColor)}" objectFit="fill">
|
|
</video>
|
|
<!-- #endif -->
|
|
|
|
<!-- #ifndef H5 -->
|
|
<video :poster="item.eltm12.poster" :src="(item.eltm12.src)" :controls="(item.eltm12.controls)" :autoplay="(item.eltm12.autoplay)" :loop="(item.eltm12.loop)" :style="{width:(item.eltm12.width*2)+'rpx',height:(item.eltm12.height*2)+'rpx', 'background-color':(item.bgColor)}" objectFit="fill" v-if="!hideDiy">
|
|
</video>
|
|
<!-- #endif -->
|
|
</view>
|
|
<!--第十二个模版-->
|
|
|
|
|
|
|
|
<form class="formBox" @submit="formSubmit" @reset="formReset" v-if="item.eltmType==13"
|
|
:style="{backgroundColor:item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden', clear: 'both'}">
|
|
<view v-for="(items, idx) in item.eltm13.data" :key="idx">
|
|
<view class="fromInput" v-if="items.type==1"><label :style="{color:item.eltm13.labelColor}">{{items.labelText}}</label><input
|
|
type='text' :name="''+items.id" maxlength="200" :placeholder="items.placeholderText"
|
|
:style='{borderColor:items.borderColor,color:item.eltm13.textColor}'/></view>
|
|
<view class="fromInput" v-if="items.type==2"><label :style="{color:item.eltm13.labelColor}">{{items.labelText}}</label>
|
|
<picker mode="date" :value="items.name" :data-id="items.id" @change="bindDateChange">
|
|
<view class="picker">{{items.name||__('请选择时间')}}
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
<view class="fromInput" v-if="items.type==3"><label :style="{color:item.eltm13.labelColor}">{{items.labelText}}</label><textarea
|
|
:name="''+items.id" maxlength="400" :placeholder="items.placeholderText"
|
|
:style="{borderColor:items.borderColor,color:item.eltm13.textColor}"></textarea>
|
|
</view>
|
|
<radio-group :name="''+items.id" class="fromInput" v-if="items.type==4"><label
|
|
:style="{color:item.eltm13.labelColor}">{{items.labelText}}</label>
|
|
<view class="fromCK_item" v-for="(info, idx) in items.data" :key="idx">
|
|
<radio :color="items.selColor" :value='info.text'/>
|
|
<text :style="{color:item.eltm13.textColor}">{{info.text}}</text>
|
|
</view>
|
|
</radio-group>
|
|
<checkbox-group :name="''+items.id" class="fromInput" v-if="items.type==5"><label
|
|
:style="{color:item.eltm13.labelColor}">{{items.labelText}}</label>
|
|
<view class="fromCK_item" v-for="(info, idx) in items.data" :key="idx">
|
|
<checkbox :color="items.selColor" :value='info.text'/>
|
|
<text :style="{color:item.eltm13.textColor}">{{info.text}}</text>
|
|
</view>
|
|
</checkbox-group>
|
|
<view class="fromInput" v-if="items.type==6"><label :style="{color:item.eltm13.labelColor}">{{items.labelText}}</label>
|
|
<view class='upload-view'>
|
|
<view v-for="(info, idx) in items.data" :key="idx" class='upload-img-item'>
|
|
<image mode="aspectFit" :src='info'></image>
|
|
<view class='del-upload-img' :data-id="items.id" :data-index='idx'
|
|
@click.stop='delUploadImg'><label class='iconfont icon-delete'></label></view>
|
|
</view>
|
|
<view class='upload-img' v-if="items.data.length<items.moreNum" :data-id="items.id"
|
|
:data-num='items.moreNum' @tap='formUploadImage'></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="formSubmit">
|
|
<button class="formButtom" formType="submit"
|
|
:style="{backgroundColor:item.eltm13.btnColor,color:item.eltm13.fontColor}">
|
|
{{item.eltm13.btnText}}
|
|
</button>
|
|
</view>
|
|
</form>
|
|
<view v-if="item.eltmType==14" class='notice'
|
|
:style="{'background-color':item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden','padding-top':item.eltm14.paddingTop*2 + 'rpx', 'padding-bottom':item.eltm14.paddingBottom*2 + 'rpx',clear: 'both'}">
|
|
<view class="notice-icon ">
|
|
<image :src="item.eltm14.image?item.eltm14.image:'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/notice/Notice1.png'"></image>
|
|
</view>
|
|
<swiper autoplay :vertical="item.eltm14.scrollDir==0?true:false" circular class="notice-content">
|
|
<swiper-item v-for="(items, idx) in item.eltm14.data" :key="idx" :data-id="items.did"
|
|
:data-name="items.name" :data-type="items.selectType"
|
|
:data-keyword="items.keyWord || ''" :data-appid="items.AppId || ''"
|
|
:data-appurl="items.AppUrl" :data-MinAppUrl="item.MinAppUrl || ''"
|
|
@tap="tplGoToPage"><label
|
|
:style="{color:item.eltm14.fontColor}">{{items.name}}</label></swiper-item>
|
|
</swiper>
|
|
<view class="notice-arrow" :style="{color:item.eltm14.arrowColor}"><label
|
|
class="iconfont icon-right"></label></view>
|
|
</view>
|
|
<view class="head-title" v-if="item.eltmType==15"
|
|
:style="{backgroundColor:item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden',marginTop:item.eltm15.margin_top*2+'rpx',marginBottom:item.eltm15.margin_bottom*2+'rpx',clear: 'both'}">
|
|
<image v-if="item.eltm15.isIcon" :src="item.eltm15.icon" mode="aspectFit"></image>
|
|
<view class="title-label" :style="{color:item.eltm15.titleColor}">{{item.eltm15.title}}</view>
|
|
<diy-countdown v-if="item.eltm15.isCountdown" :class="'countdown-box time' + item.eltm15.cssType"
|
|
:startTime="item.eltm15.startTime" :endTime="item.eltm15.endTime"
|
|
cttitle="cttitle" time-box="time-box"></diy-countdown>
|
|
<view v-if="item.eltm15.isLink" :data-id="item.eltm15.data.did"
|
|
:data-name="item.eltm15.data.name" :data-type="item.eltm15.data.selectType"
|
|
:data-keyword="item.eltm15.data.keyWord || ''" :data-appid="item.eltm15.data.AppId || ''"
|
|
:data-appurl="item.eltm15.data.AppUrl"
|
|
:data-MinAppUrl="item.eltm15.data.MinAppUrl || ''" @tap="tplGoToPage" class="title-linke"
|
|
:style="{color:item.eltm15.fontColor, fontSize:'24rpx'}">{{item.eltm15.linkText}}
|
|
<label class="uni-icon uni-icon-arrowright" :style="{color:item.eltm15.arrowColor, fontSize:'30rpx'}"></label></view>
|
|
</view>
|
|
|
|
<view v-if="item.eltmType==16"
|
|
:style="{backgroundColor:item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden',marginTop:item.eltm16.margin_top*2+'rpx',marginBottom:item.eltm16.margin_bottom*2+'rpx',clear: 'both'}">
|
|
<scroll-view scroll-x v-if="item.eltm16.layout==1">
|
|
<view class="activity-box1">
|
|
<block v-for="(items, idx) in item.eltm16.data" :key="idx">
|
|
<navigator v-if="items.selectType!=15"
|
|
:url="'/pages/product/detail?pid='+items.did"
|
|
class="activity-item" :data-Mid="items.mid || ''">
|
|
<view class="activity-img">
|
|
<image :src="items.path"/>
|
|
<view class="activity-countdown" v-if="item.eltm16.isCountdown"
|
|
:style="{backgroundColor:item.eltm16.countdownBgColor,color:item.eltm16.countdownFontColor}">
|
|
<diy-countdown :startTime="items.StartTimeStr"
|
|
:endTime="items.EndTimeStr" :showType="1"></diy-countdown>
|
|
</view>
|
|
<view class="mark" v-if="item.eltm16.isLabel">
|
|
<image :src="items.selectType==12?'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize3.png':items.selectType==13?'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize1.png':items.selectType==14?'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize2.png':'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize5.png'"
|
|
/>
|
|
</view>
|
|
</view>
|
|
<view class="activity-info">
|
|
<view class="activity-name"
|
|
v-if="item.eltm16.isShowPname==null || item.eltm16.isShowPname"
|
|
:style="{height:item.eltm16.charLine==1?'30rpx':'64rpx','-webkit-line-clamp':item.eltm16.charLine}">
|
|
{{items.name}}
|
|
</view>
|
|
<view class="activity-price"
|
|
v-if="item.eltm16.isShowPrice==null || item.eltm16.isShowPrice"><label
|
|
class="price"
|
|
:style="{color:item.eltm16.priceColor}">{{__('￥')}}{{items.ItemSalePrice}}</label><label
|
|
class="del-price"
|
|
v-if="items.selectType==14">{{__('￥')}}{{items.MarketPice}}</label><label
|
|
class="tip" v-if="items.selectType==12||items.selectType==13">{{items.UserLimit}}{{__('人团')}}</label>
|
|
</view>
|
|
<view class="activity-desc" v-if="item.eltm16.isShowNum">
|
|
{{__('已有')}}{{items.OrderCount}} {{__('人参加')}}
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
<button v-else class="activity-item" :data-pid="items.did" :data-Mid="items.mid || ''"
|
|
@click.stop='goCutprice'>
|
|
<view class="activity-img">
|
|
<image :src="items.path"/>
|
|
<view class="activity-countdown" v-if="item.eltm16.isCountdown"
|
|
:style="{backgroundColor:item.eltm16.countdownBgColor,color:item.eltm16.countdownFontColor}">
|
|
<diy-countdown :startTime="items.StartTimeStr"
|
|
:endTime="items.EndTimeStr" :showType="1"></diy-countdown>
|
|
</view>
|
|
<view class="mark" v-if="item.eltm16.isLabel">
|
|
<image src='https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize5.png'/>
|
|
</view>
|
|
</view>
|
|
<view class="activity-info">
|
|
<view class="activity-name"
|
|
v-if="item.eltm16.isShowPname==null || item.eltm16.isShowPname"
|
|
:style="{height:item.eltm16.charLine==1?'30rpx':'64rpx','-webkit-line-clamp':item.eltm16.charLine}">
|
|
{{items.name}}
|
|
</view>
|
|
<view class="activity-price"
|
|
v-if="item.eltm16.isShowPrice==null || item.eltm16.isShowPrice"><label
|
|
class="price"
|
|
:style="{color:item.eltm16.priceColor}">{{__('￥')}}{{items.ItemSalePrice}}</label>
|
|
</view>
|
|
<view class="activity-desc" v-if="item.eltm16.isShowNum">
|
|
{{__('已有')}}{{items.OrderCount}} {{__('人参加')}}
|
|
</view>
|
|
</view>
|
|
</button>
|
|
</block>
|
|
</view>
|
|
</scroll-view>
|
|
<view v-if="item.eltm16.layout==2" class="activity-box2">
|
|
<block v-for="(items, idx) in item.eltm16.data" :key="idx">
|
|
<navigator v-if="items.selectType!=15"
|
|
:url="'/pages/product/detail?pid='+items.did"
|
|
class="activity-item" :data-Mid="items.mid || ''">
|
|
<view class="activity-img">
|
|
<image :src="items.path"/>
|
|
<view class="activity-countdown" v-if="item.eltm16.isCountdown"
|
|
:style="{backgroundColor:item.eltm16.countdownBgColor,color:item.eltm16.countdownFontColor}">
|
|
<diy-countdown :startTime="items.StartTimeStr" :endTime="items.EndTimeStr"
|
|
:showType="1"></diy-countdown>
|
|
</view>
|
|
<view class="mark" v-if="item.eltm16.isLabel">
|
|
<image :src="items.selectType==12?'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize3.png':items.selectType==13?'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize1.png':'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize2.png'"/>
|
|
</view>
|
|
</view>
|
|
<view class="activity-info">
|
|
<view class="activity-name"
|
|
v-if="item.eltm16.isShowPname==null || item.eltm16.isShowPname"
|
|
:style="{height:item.eltm16.charLine==1?'30rpx':'64rpx','-webkit-line-clamp':item.eltm16.charLine}">
|
|
{{items.name}}
|
|
</view>
|
|
<view class="activity-price"
|
|
v-if="item.eltm16.isShowPrice==null || item.eltm16.isShowPrice"><label
|
|
class="price"
|
|
:style="{color:item.eltm16.priceColor}">{{__('￥')}}{{items.ItemSalePrice}}</label><label
|
|
class="del-price" v-if="items.selectType==14">{{__('￥')}}{{items.MarketPice}}</label><label
|
|
class="tip" v-if="items.selectType!=14">{{items.UserLimit}}{{__('人团')}}</label>
|
|
</view>
|
|
<view class="activity-desc" v-if="item.eltm16.isShowNum">{{__('已有')}}{{items.OrderCount}} {{__('人参加')}}
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
<button v-else class="activity-item" :data-pid="items.did" :data-Mid="items.mid || ''"
|
|
@click.stop='goCutprice'>
|
|
<view class="activity-img">
|
|
<image :src="items.path"/>
|
|
<view class="activity-countdown" v-if="item.eltm16.isCountdown"
|
|
:style="{backgroundColor:item.eltm16.countdownBgColor,color:item.eltm16.countdownFontColor}">
|
|
<diy-countdown :startTime="items.StartTimeStr" :endTime="items.EndTimeStr"
|
|
:showType="1"></diy-countdown>
|
|
</view>
|
|
<view class="mark" v-if="item.eltm16.isLabel">
|
|
<image src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize5.png"/>
|
|
</view>
|
|
</view>
|
|
<view class="activity-info">
|
|
<view class="activity-name"
|
|
v-if="item.eltm16.isShowPname==null || item.eltm16.isShowPname"
|
|
:style="{height:item.eltm16.charLine==1?'30rpx':'64rpx','-webkit-line-clamp':item.eltm16.charLine}">
|
|
{{items.name}}
|
|
</view>
|
|
<view class="activity-price"
|
|
v-if="item.eltm16.isShowPrice==null || item.eltm16.isShowPrice"><label
|
|
class="price"
|
|
:style="{color:item.eltm16.priceColor}">{{__('￥')}}{{items.ItemSalePrice}}</label></view>
|
|
<view class="activity-desc" v-if="item.eltm16.isShowNum">{{__('已有')}}{{items.OrderCount}} {{__('人参加')}}
|
|
</view>
|
|
</view>
|
|
</button>
|
|
</block>
|
|
</view>
|
|
<view v-if="item.eltm16.layout==3" class="activity-box3">
|
|
<block v-for="(items, idx) in item.eltm16.data" :key="idx">
|
|
<navigator v-if="items.selectType!=15"
|
|
:url="'/pages/product/detail?pid='+items.did"
|
|
class="activity-item" :data-Mid="items.mid || ''">
|
|
<view class="activity-img">
|
|
<image :src="items.path"/>
|
|
<view class="activity-countdown" v-if="item.eltm16.isCountdown"
|
|
:style="{backgroundColor:item.eltm16.countdownBgColor,color:item.eltm16.countdownFontColor}">
|
|
<diy-countdown :startTime="items.StartTimeStr" :endTime="items.EndTimeStr"
|
|
:showType="1"></diy-countdown>
|
|
</view>
|
|
<view class="mark" v-if="item.eltm16.isLabel">
|
|
<image :src="items.selectType==12?'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize3.png':items.selectType==13?'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize1.png':items.selectType==14?'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize2.png':'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize5.png'"
|
|
/>
|
|
</view>
|
|
</view>
|
|
<view class="activity-info">
|
|
<view class="activity-name"
|
|
v-if="item.eltm16.isShowPname==null || item.eltm16.isShowPname"
|
|
:style="{height:item.eltm16.charLine==1?'30rpx':'64rpx','-webkit-line-clamp':item.eltm16.charLine}">
|
|
{{items.name}}
|
|
</view>
|
|
<view class="activity-desc"><label class="tip"
|
|
v-if="items.selectType==12||items.selectType==13">{{items.UserLimit}}{{__('人团')}}</label><label
|
|
v-if="item.eltm16.isShowNum">{{__('已有')}}{{items.OrderCount}} {{__('人参加')}}</label></view>
|
|
<view class="activity-price"
|
|
v-if="item.eltm16.isShowPrice==null || item.eltm16.isShowPrice"><label
|
|
class="price"
|
|
:style="{color:item.eltm16.priceColor}">{{__('￥')}}{{items.ItemSalePrice}}</label><label
|
|
class="del-price" v-if="items.selectType==14">{{__('￥')}}{{items.MarketPice}}</label>
|
|
<view class='activity-btn'
|
|
:style="{backgroundColor:item.eltm16.btnBgColor,color:item.eltm16.btnFontColor}">
|
|
{{items.words||(items.selectType==14?__('去秒杀'):items.selectType==15?__('去砍价'):__('立即开团'))}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
<button v-else class="activity-item" :data-pid="items.did" :data-Mid="items.mid || ''"
|
|
@click.stop='goCutprice'>
|
|
<view class="activity-img">
|
|
<image :src="items.path"/>
|
|
<view class="activity-countdown" v-if="item.eltm16.isCountdown"
|
|
:style="{backgroundColor:item.eltm16.countdownBgColor,color:item.eltm16.countdownFontColor}">
|
|
<diy-countdown :startTime="items.StartTimeStr" :endTime="items.EndTimeStr"
|
|
:showType="1"></diy-countdown>
|
|
</view>
|
|
<view class="mark" v-if="item.eltm16.isLabel">
|
|
<image src='https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/auth/prize5.png'/>
|
|
</view>
|
|
</view>
|
|
<view class="activity-info">
|
|
<view class="activity-name"
|
|
v-if="item.eltm16.isShowPname==null || item.eltm16.isShowPname"
|
|
style="{height:item.eltm16.charLine==1?'30rpx':'64rpx','-webkit-line-clamp':item.eltm16.charLine}">
|
|
{{items.name}}
|
|
</view>
|
|
<view class="activity-desc"><label class="tip"
|
|
v-if="items.selectType==12||items.selectType==13">{{items.UserLimit}}{{__('人团')}}</label><label
|
|
v-if="item.eltm16.isShowNum">{{__('已有')}}{{items.OrderCount}} {{__('人参加')}}</label></view>
|
|
<view class="activity-price"
|
|
v-if="item.eltm16.isShowPrice==null || item.eltm16.isShowPrice"><label
|
|
class="price"
|
|
:style="{color:item.eltm16.priceColor}">{{__('￥')}}{{items.ItemSalePrice}}</label><label
|
|
class="del-price" v-if="items.selectType==14">{{__('￥')}}{{items.MarketPice}}</label>
|
|
<view class='activity-btn'
|
|
:style="{backgroundColor:item.eltm16.btnBgColor,color:item.eltm16.btnFontColor}">
|
|
{{items.words||(items.selectType==14?__('去秒杀'):items.selectType==15?__('去砍价'):__('立即开团'))}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</button>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
<view v-if="item.eltmType==17" :style="{backgroundColor:item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden', marginTop:item.eltm17.margin_top*2+'rpx',marginBottom:item.eltm17.margin_bottom*2+'rpx',clear: 'both'}">
|
|
<scroll-view scroll-x>
|
|
<view class="coupon_box">
|
|
<button class="coupon_item" open-type='getUserInfo' v-if="item.eltmType==17 && item.eltm17.layout==1"
|
|
v-for="(items, idx) in item.eltm17.data" :key="idx" :data-id="items.did"
|
|
:data-name="items.name" :data-type="items.selectType"
|
|
:data-keyword="items.keyWord || ''"
|
|
:data-appid="items.AppId || ''" :data-appurl="items.AppUrl"
|
|
:data-MinAppUrl="item.MinAppUrl || ''" @tap="tplGoToPage" style="margin:0">
|
|
<view class="coupon_price">{{__('￥')}}{{items.ItemSalePrice}}</view>
|
|
<view class="coupon_desc">{{items.name || items.ProductTips}}</view>
|
|
</button>
|
|
<button v-if="item.eltmType==17 && item.eltm17.layout==2" open-type='getUserInfo'
|
|
v-for="(items, idx) in item.eltm17.data" :key="idx" class="coupon_img"
|
|
:data-id="items.did" :data-name="items.name" :data-type="items.selectType"
|
|
:data-keyword="items.keyWord || ''"
|
|
:data-appid="items.AppId || ''" :data-appurl="items.AppUrl"
|
|
:data-MinAppUrl="item.MinAppUrl || ''" @tap="tplGoToPage" style="margin:0">
|
|
<image :src="items.path"></image>
|
|
</button>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
<view class='official-account' v-if="item.eltmType==18"
|
|
:style="{backgroundColor:item.bgColor,paddingTop:item.eltm18.paddingTop*2+'rpx',paddingBottom:item.eltm18.paddingBottom*2+'rpx',clear: 'both'}">
|
|
<official-account @error="mpError" @load="mpLoad"></official-account>
|
|
</view>
|
|
|
|
<!--301模板-->
|
|
<guess-you-like ref="guessYouLike" :uniId="uniId" :isFilterTop0="true" :isShowFilter="item.eltm101.isShowFilter" :isShowLoading="item.eltm101.isShowLoading" :optionStr="item.eltm101.options" :viewtype="item.eltm101.viewtype*1" :titleText="item.eltm101.title" :titleColor="item.eltm101.titleColor" :bgColor="item.bgColor" :paddingLeft="item.paddingLeft||0" :paddingRight="item.paddingRight||0" :style="{backgroundColor:item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden'}" v-if="item.eltmType==101"></guess-you-like>
|
|
<!--301模板-->
|
|
|
|
|
|
<!--302模板-->
|
|
<store-lists ref="storeLists" :uniId="uniId" :isFilterTop0="!item.eltm102.isShowFilter" :isShowFilter="item.eltm102.isShowFilter" :isShowLoading="item.eltm102.isShowLoading" :optionStr="item.eltm102.options" :viewtype="item.eltm102.viewtype*1" :titleText="item.eltm102.title" :titleColor="item.eltm102.titleColor" :bgColor="item.bgColor" paddingTop="0" :style="{backgroundColor:item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden'}" v-if="item.eltmType==102"></store-lists>
|
|
<!--302模板-->
|
|
|
|
<!--303模板-->
|
|
<guess-you-like ref="guessYouLike" :uniId="uniId" :isFilterTop0="true" :isShowFilter="item.eltm103.isShowFilter" :isShowLoading="item.eltm103.isShowLoading" :optionStr="item.eltm103.options" :viewtype="item.eltm103.viewtype*1" :titleText="item.eltm103.title" :titleColor="item.eltm103.titleColor" :bgColor="item.bgColor" :paddingLeft="item.paddingLeft||0" :paddingRight="item.paddingRight||0" :style="{backgroundColor:item.bgColor, borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopRightRadius: (item.borderTopRightRadius||0) + 'px', borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px', borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px', overflow: 'hidden'}" v-if="item.eltmType==103"></guess-you-like>
|
|
<!--301模板-->
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import wxParse from "@/components/u-parse/u-parse.vue";
|
|
import diyCountdown from "../../components/themes/diy-countdown";
|
|
|
|
import guessYouLike from "@/components/product-list.vue";
|
|
import storeLists from "@/components/store-lists.vue";
|
|
|
|
import { mapState, mapMutations } from "vuex";
|
|
import $ from "../../helpers/util";
|
|
|
|
export default {
|
|
name: "diy",
|
|
components: {
|
|
guessYouLike,
|
|
storeLists,
|
|
wxParse,
|
|
diyCountdown,
|
|
},
|
|
props: {
|
|
BgConfig: {
|
|
type: Object,
|
|
default() {
|
|
return {
|
|
BackgroundObj: {
|
|
type: 1,
|
|
bgColor: "#ffffff",
|
|
pathColor: "#f8f8f8",
|
|
path: "",
|
|
},
|
|
};
|
|
},
|
|
},
|
|
PageContent: {
|
|
type: Array,
|
|
default() {
|
|
return [];
|
|
},
|
|
},
|
|
pageId: {
|
|
type: [String, Number],
|
|
default() {
|
|
return "";
|
|
},
|
|
},
|
|
PageNav: {
|
|
type: Object,
|
|
default() {
|
|
return {
|
|
window: {
|
|
navigationBarBackgroundColor: "#ffffff",
|
|
navigationBarTextStyle: "black",
|
|
navigationBarTitleText: "",
|
|
backgroundColor: "#f8f8f8",
|
|
backgroundTextStyle: "dark",
|
|
},
|
|
};
|
|
},
|
|
},
|
|
StoreInfo: {
|
|
type: Object,
|
|
default() {
|
|
return {};
|
|
},
|
|
},
|
|
loadPageFlag: {
|
|
type: Boolean,
|
|
default() {
|
|
return false;
|
|
},
|
|
},
|
|
hideDiy: {
|
|
type: Boolean,
|
|
default() {
|
|
return false;
|
|
},
|
|
},
|
|
uniId: {
|
|
type: String,
|
|
default() {
|
|
return "diy";
|
|
},
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
w: 0, //windowWidth
|
|
loaded: false,
|
|
chatUrl: "",
|
|
initX: "690",
|
|
initY: "1336",
|
|
};
|
|
},
|
|
mounted() {
|
|
let that = this;
|
|
let view = uni.createSelectorQuery().in(that).select(".movableAreaIM");
|
|
view
|
|
.fields(
|
|
{
|
|
size: true,
|
|
scrollOffset: true,
|
|
},
|
|
(data) => {
|
|
if (data) {
|
|
that.setData({
|
|
initX: data.width,
|
|
initY: data.height - 100,
|
|
});
|
|
}
|
|
}
|
|
)
|
|
.exec();
|
|
},
|
|
computed: mapState([
|
|
"Config",
|
|
"StateCode",
|
|
"notice",
|
|
"plantformInfo",
|
|
"shopInfo",
|
|
"userInfo",
|
|
"hasLogin",
|
|
]),
|
|
created: function () {
|
|
let that = this;
|
|
|
|
if (this.StoreInfo.im_enable) {
|
|
var perm_id = that.$.getStorageSync("uid");
|
|
var perm_key = that.$.getStorageSync("ukey");
|
|
|
|
/*
|
|
let chat_url = that.$.sprintf(
|
|
"%s/wap/im.html?from=app&item_id=%s&user_other_id=%s&puid=%s&name=%s&avatar=%s&uid=%s&ukey=%s", that.cf.fileBasePath,
|
|
'', this.StoreInfo.im_user_id, this.StoreInfo.puid, encodeURIComponent('管理员'), encodeURIComponent(that.cf.SiteLogo), perm_id, encodeURIComponent(perm_key))
|
|
*/
|
|
//chat_url = that.$.sprintf("%s/wap/tmpl/member/chat_info_app.html?from=app&item_id=%s&user_other_id=%s&puid=%s&name=%s", that.cf.fileBasePath, '', this.StoreInfo.im_user_id, this.StoreInfo.puid, encodeURIComponent('管理员'))
|
|
|
|
let chat_url = this.$.sprintf(
|
|
"/im/chat/chat?uid=%s",
|
|
this.StoreInfo.im_user_id
|
|
);
|
|
|
|
this.setData({
|
|
chatUrl: chat_url,
|
|
});
|
|
}
|
|
|
|
setTimeout(() => {
|
|
this.loaded = true;
|
|
}, 10);
|
|
},
|
|
methods: {
|
|
...mapMutations([
|
|
"login",
|
|
"logout",
|
|
"getPlantformInfo",
|
|
"forceUserInfo",
|
|
"getUserInfo",
|
|
"showCartNum",
|
|
]),
|
|
async addCart(item) {
|
|
var that = this;
|
|
var params = {
|
|
item_id: item.did,
|
|
proName: item.name,
|
|
cart_quantity: 1,
|
|
activity_id: 0,
|
|
SKU_Id: item.did,
|
|
};
|
|
|
|
await this.$store.dispatch(`addCart`, {
|
|
params: params,
|
|
callback: (data, status, msg, code) => {
|
|
if (status == 200) {
|
|
if (data.item_quantity != 0) {
|
|
that.$.alert(that.__("添加购物车成功"), function () {}, 400);
|
|
} else {
|
|
uni.showToast({
|
|
title: "亲~商品没有库存啦！",
|
|
icon: "error",
|
|
duration: 500,
|
|
});
|
|
// that.$.alert(that.__("商品没有库存了"), function () {}, 500);
|
|
}
|
|
|
|
if (that.plantformInfo.prodcut_addcart_flag) {
|
|
that.$store.dispatch(`getCartList`, function (data) {});
|
|
}
|
|
}
|
|
},
|
|
});
|
|
},
|
|
addShopping(item) {},
|
|
mpError: function (e) {
|
|
console.info(e);
|
|
},
|
|
mpLoad: function (e) {
|
|
console.info(e);
|
|
},
|
|
doNothing: function () {},
|
|
callTel: function (e) {
|
|
let that = this;
|
|
that.$.makePhoneCall({
|
|
phoneNumber: e.currentTarget.dataset.tel,
|
|
});
|
|
},
|
|
tplGoToPage: function (e) {
|
|
let that = this;
|
|
var t = e.currentTarget.dataset;
|
|
//console.info(t);
|
|
switch (parseInt(t.type)) {
|
|
case 0:
|
|
uni.makePhoneCall({
|
|
phoneNumber:
|
|
typeof t.mobile != "undefined" ? t.mobile.toString() : "", //电话号码
|
|
success: function (e) {
|
|
console.log(e);
|
|
},
|
|
fail: function (e) {
|
|
console.log(e);
|
|
},
|
|
});
|
|
break;
|
|
case 1:
|
|
that.$.gopage("/pages/product/detail?pid=" + t.id);
|
|
break;
|
|
case 2:
|
|
that.$.gopage(
|
|
"/pages/product/list?category_id=" +
|
|
(t.id || 0) +
|
|
"&cname=" +
|
|
t.name
|
|
);
|
|
break;
|
|
case 3:
|
|
that.$.gopage("/pages/product/list?pname=" + t.keyword);
|
|
break;
|
|
case 4: //快捷入口
|
|
//console.info(t.appurl);
|
|
if (t.appurl.indexOf("article-list") >= 0) {
|
|
that.$.gopage("/pagesub/article/list");
|
|
} else if (t.appurl.indexOf("fightgroupsorderlist") >= 0) {
|
|
that.$.gopage("/activity/fightgroup/order");
|
|
} else if (t.appurl.indexOf("fightgroupslist/fightgroupslist") >= 0) {
|
|
that.$.gopage("/activity/fightgroup/list");
|
|
} else if (t.appurl.indexOf("bargainlist/bargainlist") >= 0) {
|
|
that.$.gopage("/activity/cutprice/list");
|
|
} else if (t.appurl.indexOf("receivecontent/receivecontent") >= 0) {
|
|
that.$.gopage("/activity/coupon/list");
|
|
} else if (t.appurl.indexOf("cashaccount/cashaccount") >= 0) {
|
|
that.$.gopage("/member/cash/predeposit");
|
|
} else if (t.appurl.indexOf("fanslist/fanslist") >= 0) {
|
|
that.$.gopage("/member/fans/list");
|
|
} else if (t.appurl.indexOf("nearbylist/nearbylist") >= 0) {
|
|
that.$.gopage("/chain/chain/list");
|
|
} else if (t.appurl.indexOf("kind_id=1202") >= 0) {
|
|
that.$.gopage("/member/order/list?kind_id=1202");
|
|
} else if (t.appurl.indexOf("endorsement/endorsement") >= 0) {
|
|
that.$.gopage("/member/fans/endorsement");
|
|
} else if (t.appurl.indexOf("?type=3&sl=3") >= 0) {
|
|
that.$.gopage("/member/order/list?type=3&sl=3");
|
|
} else if (t.appurl.indexOf("goodcollection/goodcollection") >= 0) {
|
|
that.$.gopage("/member/member/favorites");
|
|
} else if (t.appurl.indexOf("fansrank/fansrank") >= 0) {
|
|
that.$.gopage("/member/fans/fansrank");
|
|
} else if (t.appurl.indexOf("favorable/favorable") >= 0) {
|
|
that.$.gopage("/chain/chain/favorable");
|
|
} else if (t.appurl.indexOf("fanslist/fanslist") >= 0) {
|
|
that.$.gopage("/member/fans/list");
|
|
} else if (t.appurl.indexOf("scan/scan") >= 0) {
|
|
that.$.gopage("/chain/chain/scan");
|
|
} else if (t.appurl.indexOf("smashgoldeneggs/smashgoldeneggs") >= 0) {
|
|
that.$.gopage("/activity/smashgoldeneggs/detail");
|
|
} else if (t.appurl.indexOf("luckydraw/luckydraw") >= 0) {
|
|
that.$.gopage("/member/luckydraw/detail");
|
|
} else {
|
|
that.$.gopage(t.appurl);
|
|
}
|
|
|
|
//console.info(t.appurl);
|
|
break;
|
|
case 5:
|
|
if (t.appurl.indexOf("fanslist/fanslist") >= 0) {
|
|
that.$.gopage("/member/fans/list");
|
|
} else {
|
|
that.$.gopage("/pagesub/article/list?category_id=" + (t.id || 0));
|
|
}
|
|
//that.$.gopage(t.appurl);
|
|
break;
|
|
case 6:
|
|
that.$.gopage("/pagesub/article/detail?id=" + t.id);
|
|
//that.$.gopage(t.appurl);
|
|
break;
|
|
case 7:
|
|
uni.navigateToMiniProgram({
|
|
appId: t.appid,
|
|
path: t.appurl || "",
|
|
});
|
|
break;
|
|
case 8:
|
|
that.$.gopage("/pagesub/diy-page/diy-page?id=" + t.id);
|
|
break;
|
|
case 9:
|
|
that.$.gopage(
|
|
"/pagesub/webpage/webpage?u=" +
|
|
encodeURIComponent(t.appurl) +
|
|
"&tn=" +
|
|
t.name +
|
|
"&tc=" +
|
|
t.appid +
|
|
"&tb=" +
|
|
t.keyword
|
|
);
|
|
break;
|
|
case 99:
|
|
that.$.gopage(t.appurl);
|
|
break;
|
|
case 10:
|
|
that.$.gopage(t.appurl);
|
|
break;
|
|
case 11:
|
|
that.$.gopage(t.appurl);
|
|
break;
|
|
|
|
case 12:
|
|
if (typeof t.mobile != "undefined") {
|
|
that.$.makePhoneCall({
|
|
phoneNumber: t.mobile, //电话号码
|
|
success: function (e) {
|
|
console.log(e);
|
|
},
|
|
fail: function (e) {
|
|
console.log(e);
|
|
},
|
|
});
|
|
} else {
|
|
that.$.makePhoneCall({
|
|
phoneNumber: t.name,
|
|
});
|
|
}
|
|
|
|
break;
|
|
case 17:
|
|
that.getCoupon(t.id);
|
|
break;
|
|
}
|
|
},
|
|
|
|
formUploadImage: function (t) {
|
|
var a = this,
|
|
e = t.target.dataset,
|
|
o = this.PageContent,
|
|
r = a.getFormImageObj(o, e.id);
|
|
a.$.chooseImage({
|
|
count: e.num - r.item.data.length,
|
|
sizeType: ["compressed"],
|
|
sourceType: ["album", "camera"],
|
|
success: function (t) {
|
|
a.uploadImg(t.tempFilePaths, function (t) {
|
|
(o[r.i].eltm13.data[r.j].data = r.item.data.concat(t)),
|
|
a.setData({ PageContent: o });
|
|
});
|
|
},
|
|
});
|
|
},
|
|
getFormImageObj: function (t, a) {
|
|
for (var e = 0; e < t.length; e++) {
|
|
if (13 == t[e].eltmType) {
|
|
for (var o = t[e].eltm13.data, r = 0; r < o.length; r++) {
|
|
if (o[r].id == a) {
|
|
return {
|
|
item: o[r],
|
|
i: e,
|
|
j: r,
|
|
};
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
delUploadImg: function (t) {
|
|
var a = t.currentTarget.dataset,
|
|
e = this.PageContent,
|
|
o = this.getFormImageObj(e, a.id);
|
|
o.item.data.splice(a.index, 1),
|
|
(e[o.i].eltm13.data[o.j].data = o.item.data),
|
|
this.setData({ PageContent: e });
|
|
},
|
|
uploadImg: function (t, e) {
|
|
let that = this;
|
|
for (var a = 0; a < t.length; a++) {
|
|
that.$.showLoading(),
|
|
that.$.uploadFile({
|
|
url: that.cf.URL.upload,
|
|
method: "POST",
|
|
filePath: t[a],
|
|
name: "upfile",
|
|
formData: { user: a, store_id: that.cf.storeId },
|
|
//header: {"content-type": "multipart/form-data"},
|
|
success: function (t) {
|
|
that.$.hideLoading();
|
|
|
|
var up_res = that.$.parseJSON(t.data);
|
|
var url = up_res.data.url;
|
|
e(url);
|
|
},
|
|
fail: function (t) {},
|
|
complete: function (t) {},
|
|
});
|
|
}
|
|
},
|
|
bindDateChange: function (t) {
|
|
for (var a = this.PageContent, e = 0; e < a.length; e++) {
|
|
if (13 == a[e].eltmType) {
|
|
for (var o = a[e].eltm13.data, r = 0; r < o.length; r++) {
|
|
o[r].id == t.target.dataset.id && (o[r].name = t.detail.value);
|
|
o[r].id == t.target.dataset.id &&
|
|
this.$set(this.PageContent[e].eltm13.data, r, o[r]);
|
|
}
|
|
}
|
|
}
|
|
|
|
//this.setData({PageContent: a})
|
|
},
|
|
formSubmit: function (t) {
|
|
var that = this;
|
|
|
|
for (var a = this, e = 1, o = [], r = 0; r < a.PageContent.length; r++) {
|
|
if (13 == a.PageContent[r].eltmType) {
|
|
e = a.PageContent[r].eltm13.submitNum;
|
|
for (var n = a.PageContent[r].eltm13.data, i = 0; i < n.length; i++) {
|
|
var s = t.detail.value[n[i].id],
|
|
d = n[i].isFillIn,
|
|
c = n[i].labelText,
|
|
l = n[i].type,
|
|
m = n[i].id,
|
|
p = {},
|
|
u = true;
|
|
if (2 == n[i].type) {
|
|
if (d) {
|
|
if (that.$.isNull(n[i].name)) {
|
|
return that.$.confirm(n[i].placeholderText), (u = false);
|
|
}
|
|
(s = n[i].name), (u = true);
|
|
} else {
|
|
that.$.isNull(n[i].name) || (s = n[i].name), (u = true);
|
|
}
|
|
} else if (6 == n[i].type) {
|
|
if (n[i].isUploadImage) {
|
|
if (0 == n[i].data.length) {
|
|
return that.$.confirm(that.__("请上传图片！")), (u = false);
|
|
}
|
|
s = n[i].data;
|
|
} else {
|
|
s = n[i].data;
|
|
}
|
|
} else if (d) {
|
|
if (that.$.isNull(s)) {
|
|
return that.$.confirm(n[i].placeholderText), (u = false);
|
|
}
|
|
if (0 < n[i].isVerification) {
|
|
if (1 == n[i].isVerification) {
|
|
if (!/^1[3456789]\d{9}$/.test(s)) {
|
|
return (
|
|
that.$.confirm(that.__("请输入正确的手机号码！")),
|
|
(u = false)
|
|
);
|
|
}
|
|
u = true;
|
|
}
|
|
if (2 == n[i].isVerification) {
|
|
if (
|
|
!/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(
|
|
s
|
|
)
|
|
) {
|
|
return (
|
|
that.$.confirm(that.__("请输入正确的邮箱地址！")),
|
|
(u = false)
|
|
);
|
|
}
|
|
u = true;
|
|
}
|
|
} else {
|
|
u = true;
|
|
}
|
|
} else {
|
|
if (!that.$.isNull(s)) {
|
|
if (0 < n[i].isVerification) {
|
|
if (1 == n[i].isVerification) {
|
|
if (!/^1[3456789]\d{9}$/.test(s)) {
|
|
return (
|
|
that.$.confirm(that.__("请输入正确的手机号码！")),
|
|
(u = false)
|
|
);
|
|
}
|
|
u = true;
|
|
}
|
|
if (2 == n[i].isVerification) {
|
|
if (
|
|
!/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(
|
|
s
|
|
)
|
|
) {
|
|
return (
|
|
that.$.confirm(that.__("请输入正确的邮箱地址！")),
|
|
(u = false)
|
|
);
|
|
}
|
|
u = true;
|
|
}
|
|
} else {
|
|
u = true;
|
|
}
|
|
}
|
|
u = true;
|
|
}
|
|
u &&
|
|
((p.id = m), (p.key = c), (p.value = s), (p.type = l), o.push(p));
|
|
}
|
|
}
|
|
}
|
|
|
|
var params = {
|
|
question_data: JSON.stringify(n),
|
|
page_id: that.pageId,
|
|
form_data: JSON.stringify(o),
|
|
};
|
|
|
|
that.$.request({
|
|
url: this.cf.URL.survey,
|
|
data: params,
|
|
method: "POST",
|
|
success: function (data, status, msg, code) {
|
|
if (status == 200) {
|
|
that.$.alert(that.__("提交信息成功！")), that.formReset();
|
|
that.$.navigateBack(1);
|
|
} else {
|
|
that.$.confirm(that.__(msg));
|
|
}
|
|
},
|
|
});
|
|
},
|
|
formReset: function (t) {
|
|
var that = this;
|
|
},
|
|
confirm: function (t) {
|
|
var that = this;
|
|
},
|
|
getCoupon: function (t) {
|
|
let that = this;
|
|
var params = {
|
|
activity_id: t,
|
|
user_is_new: 0,
|
|
};
|
|
|
|
this.forceUserInfo((user) => {
|
|
if (user) {
|
|
$.request({
|
|
url: this.Config.URL.user.voucher_add,
|
|
data: params,
|
|
success: function (data, status, msg, code) {
|
|
if (200 == status) {
|
|
$.alert(that.__("领取成功!"));
|
|
//that.getCouponlist()
|
|
} else {
|
|
$.alert(msg);
|
|
}
|
|
},
|
|
});
|
|
}
|
|
});
|
|
|
|
/*
|
|
t && $.clearxsr($.makeUrl(userapi.UserReceiveCoupon, params), function (t) {
|
|
0 == t.Code ? (that.setData({isCancelSuccess: false, mskType: 2, Coupons: t.Info}), wx.showToast({
|
|
title: "领取成功！",
|
|
icon: "none"
|
|
})) : wx.showToast({title: t.Msg, icon: "none"})
|
|
})
|
|
|
|
*/
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
@import "../../styles/_variables";
|
|
|
|
@import "../../styles/layout.scss";
|
|
@import "../../styles/store_themes.scss";
|
|
@import "../../styles/store_tpl.scss";
|
|
|
|
uni-page-body {
|
|
background-color: #f5f5f5 !important;
|
|
min-height: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
|
|
.diyPage {
|
|
padding-bottom: 60rpx;
|
|
}
|
|
</style>
|