Skip to content

M
mallapp
Commit 07d7344f authored by 吴春's avatar 吴春
Browse files
Options

11

parent f6a43580
Hide whitespace changes
Inline Side-by-side
Showing with 1634 additions and 1904 deletions
components/rubik/index.vue
View file @ 07d7344f
<template> <template>
<view <view class="ad-box" :class="{'ad-box-full':ad.list[0].link[0].PageName == 'full'}"
class="ad-box" :style="{ height: ad.height == 'auto' ? 'auto' : ad.height + 'rpx',padding:marginStyle,backgroundColor:ad.background }">
:class="{'ad-box-full':ad.list[0].link[0].PageName == 'full'}" <view class="ad-chi" v-for="(item, index) in adtemp" :key="index" :style="[item.formatStyle]"
:style="{ height: ad.height == 'auto' ? 'auto' : ad.height + 'rpx',padding:marginStyle,backgroundColor:ad.background }" :class="{'ad-full-height':item.link[0].PageName == 'full'}"
> @click="clickHandler(item.link[0].new_link_url)">
<view <button open-type="contact" v-if="item.link[0].new_link_url=='contact'"></button>
class="ad-chi" <img :src="item.pic_url" style="margin-bottom:-4px" mode="widthFix" />
v-for="(item, index) in adtemp" </view>
:key="index" <view class="hots" v-for="(x, i) in hotspots" :key="i" :style="[x.formatStyle]" @click="clickHots(x.link)">
:style="[item.formatStyle]" &nbsp;</view>
:class="{'ad-full-height':item.link[0].PageName == 'full'}" </view>
@click="clickHandler(item.link[0].new_link_url)"
>
<button open-type="contact" v-if="item.link[0].new_link_url=='contact'"></button>
<img :src="item.pic_url" style="margin-bottom:-4px" mode="widthFix"/>
</view>
<view class="hots" v-for="(x, i) in hotspots" :key="i" :style="[x.formatStyle]" @click="clickHots(x.link)">&nbsp;</view>
<!-- <view @click="jumper()">跳转</view> -->
</view>
</template> </template>
<script> <script>
export default { export default {
props: ["ad"], props: ["ad"],
data() { data() {
return { return {
adtemp:[], adtemp: [],
marginStyle:"", marginStyle: "",
hotspots:[], hotspots: [],
showContact:false showContact: false
} }
}, },
created() { created() {
console.log(this.ad) this.ad.list.forEach((x) => {
this.ad.list.forEach((x) => { x.formatStyle = {
x.formatStyle = { width: x.width,
width: x.width, height: x.height,
height: x.height, left: x.left,
left: x.left, top: x.top,
top: x.top, backgroundImage: x.backgroundImage,
backgroundImage: x.backgroundImage, backgroundRepeat: x.backgroundRepeat,
backgroundRepeat: x.backgroundRepeat, backgroundSize: x.backgroundSize,
backgroundSize: x.backgroundSize, backgroundPosition: x.backgroundPosition
backgroundPosition: x.backgroundPosition };
}; if (this.ad.height == "auto") {
if (this.ad.height == "auto") { x.formatStyle.position = "unset";
x.formatStyle.position = "unset"; }
} this.marginStyle =
this.marginStyle=`${this.ad.top??0}px ${this.ad.right??0}px ${this.ad.bottom??0}px ${this.ad.left??0}px ` `${this.ad.top??0}px ${this.ad.right??0}px ${this.ad.bottom??0}px ${this.ad.left??0}px `
this.adtemp.push(x) this.adtemp.push(x)
}); });
this.ad.hotspot.forEach(x=>{ this.ad.hotspot.forEach(x => {
x.formatStyle={ x.formatStyle = {
left:x.left+'rpx', left: x.left + 'rpx',
top:x.top+'rpx', top: x.top + 'rpx',
height:x.height+'rpx', height: x.height + 'rpx',
width:x.width+'rpx' width: x.width + 'rpx'
} }
this.hotspots.push(x) this.hotspots.push(x)
}) })
}, },
methods: { methods: {
// 测试跳转 // 测试跳转
jumper() { jumper() {
uni.redirectTo({ uni.redirectTo({
url: `/pages/webbox/webbox?auth=1` url: `/pages/webbox/webbox?auth=1`
}); });
}, },
clickHandler(url) { clickHandler(url) {
if(url=='contact'){ if (url == 'contact') {
return return
}else if (url && url.length > 0) { } else if (url && url.length > 0) {
uni.navigateTo({ uni.navigateTo({
url: url, url: url,
}); });
} }
}, },
clickHots(link) { clickHots(link) {
if (link && link.length > 0) { if (link && link.length > 0) {
uni.navigateTo({ uni.navigateTo({
url: link[0].PageUrl, url: link[0].PageUrl,
}); });
} }
}, },
}, },
}; };
</script> </script>
<style> <style>
.ad-box { .ad-box {
position: relative; position: relative;
width: 100%; width: 100%;
} }
.ad-box .hots{
position: absolute; .ad-box .hots {
z-index: 2; position: absolute;
} z-index: 2;
.ad-box .ad-chi { }
position: absolute;
} .ad-box .ad-chi {
.ad-box .ad-chi img { position: absolute;
width: 100%; }
}
.ad-box .ad-chi button{ .ad-box .ad-chi img {
position: absolute; width: 100%;
width: 100%; }
height: 100%;
opacity: 0; .ad-box .ad-chi button {
z-index: 2; position: absolute;
} width: 100%;
.ad-box-full{ height: 100%;
position: absolute; opacity: 0;
top: 0; z-index: 2;
bottom: 0; }
left: 0;
right: 0; .ad-box-full {
} position: absolute;
.ad-full-height,.ad-full-height image{ top: 0;
height: 100% !important; bottom: 0;
} left: 0;
</style> right: 0;
}
.ad-full-height,
.ad-full-height image {
height: 100% !important;
}
</style>
\ No newline at end of file
components/tabbar/index.vue
View file @ 07d7344f
...@@ -117,22 +117,28 @@ ...@@ -117,22 +117,28 @@
<template> <template>
<view> <view>
<view v-if="isShowIcon === 1"> <view v-if="isShowIcon === 1">
<view class="tabbarMain" style="border-radius: 50rpx;" :class="[flagTypeInfo ? 'tabbarMainIphone' : '']" :style="{'position':'fixed','left':'0','right':'0','padding-bottom':paddingBottom + 'rpx'}" <view class="tabbarMain" style="border-radius: 50rpx;" :class="[flagTypeInfo ? 'tabbarMainIphone' : '']"
v-if="navs && navs.length > 0"> :style="{'position':'fixed','left':'0','right':'0','padding-bottom':paddingBottom + 'rpx'}"
v-if="navs && navs.length > 0">
<view class="tabBtnMina" mode=""> <view class="tabBtnMina" mode="">
<view class="itmMain" v-for="(x, i) in navs" :key="i" @click.stop="goUrl(x.url)"> <view class="itmMain" v-for="(x, i) in navs" :key="i" @click.stop="goUrl(x.url)">
<image class="imgse" :fade-show="false" v-if="active != i" mode="heightFix" :src="x.icon"></image> <image class="imgse" :fade-show="false" v-if="active != i" mode="heightFix" :src="x.icon">
<image class="imgse" :fade-show="false" v-if="active === i" mode="heightFix" :src="x.active_icon"></image> </image>
<text class="txtBtn" :style="{ color: active == i ? x.active_color : x.color }">{{ x.text }}</text> <image class="imgse" :fade-show="false" v-if="active === i" mode="heightFix"
:src="x.active_icon"></image>
<text class="txtBtn"
:style="{ color: active == i ? x.active_color : x.color }">{{ x.text }}</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view v-if="isShowIcon === 0"> <view v-if="isShowIcon === 0">
<view class="tabbarMain" :class="[flagTypeInfo ? 'tabbarMainIphone' : '']" :style="{'padding-bottom':'64upx'}" v-if="navs && navs.length > 0"> <view class="tabbarMain" :class="[flagTypeInfo ? 'tabbarMainIphone' : '']"
:style="{'padding-bottom':'64upx'}" v-if="navs && navs.length > 0">
<view class="tabBtnMina" :class="[flagTypeInfo ? 'tabBtnMinaIphone' : '']" mode=""> <view class="tabBtnMina" :class="[flagTypeInfo ? 'tabBtnMinaIphone' : '']" mode="">
<view class="itmMain" v-for="(x, i) in navs" :key="i" @click.stop="goUrl(x.url)"> <view class="itmMain" v-for="(x, i) in navs" :key="i" @click.stop="goUrl(x.url)">
<text class="txtBtn2" :class="{ activeTxtBtn2: active == i }" :style="{ color: active == i ? x.active_color : x.color }">{{ x.text }}</text> <text class="txtBtn2" :class="{ activeTxtBtn2: active == i }"
:style="{ color: active == i ? x.active_color : x.color }">{{ x.text }}</text>
</view> </view>
</view> </view>
</view> </view>
...@@ -210,7 +216,6 @@ ...@@ -210,7 +216,6 @@
queryString = "?" + queryString.substring(1, queryString.length); queryString = "?" + queryString.substring(1, queryString.length);
} }
this.crtPath = "/" + t[t.length - 1].route + queryString; this.crtPath = "/" + t[t.length - 1].route + queryString;
console.log(this.crtPath);
this.navs.forEach((x, i) => { this.navs.forEach((x, i) => {
if (x.url == this.crtPath) { if (x.url == this.crtPath) {
this.active = i; this.active = i;
...@@ -219,11 +224,9 @@ ...@@ -219,11 +224,9 @@
}, },
goUrl(url) { goUrl(url) {
const replace = uni.getStorageSync('replace_page_index') const replace = uni.getStorageSync('replace_page_index')
if (url == '/pages/index/index' && replace && replace.url) {
if(url=='/pages/index/index' && replace && replace.url){
url = replace.url url = replace.url
} }
console.log(url,replace)
if (this.crtPath != url) { if (this.crtPath != url) {
uni.redirectTo({ uni.redirectTo({
url: url, url: url,
...@@ -236,4 +239,4 @@ ...@@ -236,4 +239,4 @@
}, },
}, },
}; };
</script> </script>
\ No newline at end of file
components/tradeActivity/tradeIndex.vue
View file @ 07d7344f
...@@ -59,9 +59,7 @@ ...@@ -59,9 +59,7 @@
</view> </view>
<view class="waterfall-item-body"> <view class="waterfall-item-body">
<view class="waterfall-item-name">{{ item.DataName }}</view> <view class="waterfall-item-name">{{ item.DataName }}</view>
<view class="waterfall-item-meta">
<text class="waterfall-item-arrow">查看详情 ›</text>
</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -85,9 +83,6 @@ ...@@ -85,9 +83,6 @@
</view> </view>
<view class="waterfall-item-body"> <view class="waterfall-item-body">
<view class="waterfall-item-name">{{ item.DataName }}</view> <view class="waterfall-item-name">{{ item.DataName }}</view>
<view class="waterfall-item-meta">
<text class="waterfall-item-arrow">查看详情 ›</text>
</view>
</view> </view>
</view> </view>
</view> </view>
......
pages/index/index.vue
View file @ 07d7344f
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
</view> </view>
</image> </image>
</view> </view>
<view v-if="myPageData.home_pages" v-show="showStart == false" :style="[myPageData.home_pages.navs[active].templateBg]"> <view v-if="myPageData.home_pages" v-show="showStart == false"
:style="[myPageData.home_pages.navs[active].templateBg]">
<view class="content" style="min-height: 100vh;" :style="{ <view class="content" style="min-height: 100vh;" :style="{
'padding-bottom': showtabs == true ? boxpaddingbottom + 'px' : 0, 'padding-bottom': showtabs == true ? boxpaddingbottom + 'px' : 0,
paddingTop: noTitle?o:pagePaddingBottom paddingTop: noTitle?o:pagePaddingBottom
...@@ -29,16 +30,18 @@ ...@@ -29,16 +30,18 @@
<u-icon name="arrow-left" size="44"></u-icon> <u-icon name="arrow-left" size="44"></u-icon>
</view> </view>
</view> </view>
<u-tabs v-if="myPageData.home_pages && myPageData.home_pages.navs.length > 1" name="name" :list="myPageData.home_pages.navs" <u-tabs v-if="myPageData.home_pages && myPageData.home_pages.navs.length > 1" name="name"
:is-scroll="true" :active-color="mainColor" :current="active" :bar-width="80" :font-size="32" :bold="false" :list="myPageData.home_pages.navs" :is-scroll="true" :active-color="mainColor" :current="active"
@change="changeHandler"></u-tabs> :bar-width="80" :font-size="32" :bold="false" @change="changeHandler"></u-tabs>
<template v-for="(item, i) in myPageData.home_pages.navs"> <template v-for="(item, i) in myPageData.home_pages.navs">
<view :key="i" v-if="active == i" :class="{'flex-column':noTitle}"> <view :key="i" v-if="active == i" :class="{'flex-column':noTitle}">
<template v-for="(d, di) in item.template.data"> <template v-for="(d, di) in item.template.data">
<search v-if="d.id == 'search' && isNavPosition == 0" :style-str="d.data" :key="di"></search> <search v-if="d.id == 'search' && isNavPosition == 0" :style-str="d.data" :key="di">
</search>
<swiper v-if="d.id == 'banner'" :swipers="d.data" :key="di"></swiper> <swiper v-if="d.id == 'banner'" :swipers="d.data" :key="di"></swiper>
<empty v-if="d.id == 'empty'" :block="d.data" :key="di"></empty> <empty v-if="d.id == 'empty'" :block="d.data" :key="di"></empty>
<rubik v-if="d.id == 'rubik'" :ad="d.data" :key="di" :class="{'full-col':d.data.list[0].link[0].PageName == 'full'}"></rubik> <rubik v-if="d.id == 'rubik'" :ad="d.data" :key="di"
:class="{'full-col':d.data.list[0].link[0].PageName == 'full'}"></rubik>
<goods v-if="d.id == 'goods'" :goods="d.data" :key="di"></goods> <goods v-if="d.id == 'goods'" :goods="d.data" :key="di"></goods>
<notice v-if="d.id == 'notice'" :notice="d.data" :key="di"></notice> <notice v-if="d.id == 'notice'" :notice="d.data" :key="di"></notice>
<gridnav v-if="d.id == 'nav'" :navs="d.data" :key="di"></gridnav> <gridnav v-if="d.id == 'nav'" :navs="d.data" :key="di"></gridnav>
...@@ -54,7 +57,8 @@ ...@@ -54,7 +57,8 @@
<mapi v-if="d.id == 'map'" :mapi="d.data" :key="di"></mapi> <mapi v-if="d.id == 'map'" :mapi="d.data" :key="di"></mapi>
<checkform v-if="d.id == 'form'" :forms="d.data" :key="di"></checkform> <checkform v-if="d.id == 'form'" :forms="d.data" :key="di"></checkform>
<addialog v-if="d.id == 'modal' && d.data.opened" :ads="d.data" :key="di"></addialog> <addialog v-if="d.id == 'modal' && d.data.opened" :ads="d.data" :key="di"></addialog>
<quicknav v-if="d.id == 'quick-nav' && d.data.navSwitch == 1" :navs="d.data" :key="di"></quicknav> <quicknav v-if="d.id == 'quick-nav' && d.data.navSwitch == 1" :navs="d.data" :key="di">
</quicknav>
<!-- <pingtuan v-if="d.id == 'pintuan'" :goods="d.data" :key="di"></pingtuan> --> <!-- <pingtuan v-if="d.id == 'pintuan'" :goods="d.data" :key="di"></pingtuan> -->
<shopinfo v-if="d.id == 'shop-info'" :ad="d.data" :key="di" ref="son"></shopinfo> <shopinfo v-if="d.id == 'shop-info'" :ad="d.data" :key="di" ref="son"></shopinfo>
<guide v-if="d.id == 'drive-guide'" :info="d.data" ref="city"></guide> <guide v-if="d.id == 'drive-guide'" :info="d.data" ref="city"></guide>
...@@ -68,7 +72,8 @@ ...@@ -68,7 +72,8 @@
<!-- 线下服务商品 --> <!-- 线下服务商品 -->
<sindex v-if="d.id == 'storeGoods'" :goods="d.data" :key="di"></sindex> <sindex v-if="d.id == 'storeGoods'" :goods="d.data" :key="di"></sindex>
<!-- 老师列表 --> <!-- 老师列表 -->
<educationteacher v-if="d.id == 'educationteacher'" :goods="d.data" :key="di"></educationteacher> <educationteacher v-if="d.id == 'educationteacher'" :goods="d.data" :key="di">
</educationteacher>
<!--导航栏--> <!--导航栏-->
<navpage v-if="d.id == 'nav-page'" :navs="d.data" :key="di"></navpage> <navpage v-if="d.id == 'nav-page'" :navs="d.data" :key="di"></navpage>
<!-- 相亲的人物模板 --> <!-- 相亲的人物模板 -->
...@@ -76,47 +81,48 @@ ...@@ -76,47 +81,48 @@
<!-- 相亲活动 --> <!-- 相亲活动 -->
<miaiactivitytype v-if="d.id == 'miaiactivitytype'" :goods="d.data"></miaiactivitytype> <miaiactivitytype v-if="d.id == 'miaiactivitytype'" :goods="d.data"></miaiactivitytype>
<!-- 相亲活动自定义 --> <!-- 相亲活动自定义 -->
<miaiactivityCustom v-if="d.id == 'miaiactivityCustom'" :goods="d.data"></miaiactivityCustom> <miaiactivityCustom v-if="d.id == 'miaiactivityCustom'" :goods="d.data">
</miaiactivityCustom>
<!-- 瀑布流组件 --> <!-- 瀑布流组件 -->
<Pubu v-if="d.id == 'blindDatePPPlus'" :dataObj="d.data" @refresh="refreshPage"></Pubu> <Pubu v-if="d.id == 'blindDatePPPlus'" :dataObj="d.data" @refresh="refreshPage"></Pubu>
<!-- 首店活动插件 --> <!-- 首店活动插件 -->
<tradeActivity v-if="d.id == 'tradeActivity'" :dataObj="d.data" :pagePaddingBottom="pagePaddingBottom" @refresh="refreshPage" <tradeActivity v-if="d.id == 'tradeActivity'" :dataObj="d.data"
ref="tradeActive"></tradeActivity> :pagePaddingBottom="pagePaddingBottom" @refresh="refreshPage" ref="tradeActive">
<!--首店首页数据插件--> </tradeActivity>
<tradeIndex v-if="d.id == 'tradeIndex'" @refresh="refreshPage"></tradeIndex> <!--首店首页数据插件-->
<tradeIndex v-if="d.id == 'tradeIndex'" @refresh="refreshPage"></tradeIndex>
</template> </template>
</view> </view>
</template> </template>
<view class="contract_nav" v-if="GetMiniAppId().MallBaseId==5"> <view class="contract_nav" v-if="GetMiniAppId().MallBaseId==5">
<button class="Ma_nav-item" show-message-card="true" :send-message-path="currentParent" open-type="contact"> <button class="Ma_nav-item" show-message-card="true" :send-message-path="currentParent"
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1644833656000_313.png" /> open-type="contact">
<img
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1644833656000_313.png" />
</button> </button>
</view> </view>
<view v-if="showtabs == true"> <view v-if="showtabs == true">
<tabbar ></tabbar> <tabbar></tabbar>
</view> </view>
<view class="tips_t"
<view class="tips_t" v-if=" v-if="add_show == 1 &&JSON.stringify(setting) != '{}' &&setting.add_app_text != null" :style="{
add_show == 1 && 'border-radius': setting.add_app_bg_radius + 'rpx',
JSON.stringify(setting) != '{}' && opacity: setting.add_app_bg_transparency / 100,
setting.add_app_text != null top: pagePaddingBottom,
" }">
:style="{
'border-radius': setting.add_app_bg_radius + 'rpx',
opacity: setting.add_app_bg_transparency / 100,
top: pagePaddingBottom,
}">
<u-icon name="cross" color="#fff" @click="close"></u-icon> <u-icon name="cross" color="#fff" @click="close"></u-icon>
<view style="width: 1px; height: 20px; margin: 0 10px; background: #fff"></view> <view style="width: 1px; height: 20px; margin: 0 10px; background: #fff"></view>
<Text style="color: #fff">{{ setting.add_app_text }}</Text> <Text style="color: #fff">{{ setting.add_app_text }}</Text>
<view class="triangle-up" :style="{ top: pagePaddingBottom }"></view> <view class="triangle-up" :style="{ top: pagePaddingBottom }"></view>
</view> </view>
<coupon v-if="showCoupons" :coupon-message="couponMessage" :cform="ComeFrom" @goLook="goLook" @closeBtn="closeBtn"></coupon> <coupon v-if="showCoupons" :coupon-message="couponMessage" :cform="ComeFrom" @goLook="goLook"
@closeBtn="closeBtn"></coupon>
<template v-if="setting&&setting.is_show_auth==1"> <template v-if="setting&&setting.is_show_auth==1">
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth> <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
</template> </template>
<official-account></official-account> <official-account></official-account>
<orderPopup v-if="showorder" :orderPopupdata="orderPopupdata" @gosalesvolume="gosalesvolume" @closeBtn="closeBtn_order"></orderPopup> <orderPopup v-if="showorder" :orderPopupdata="orderPopupdata" @gosalesvolume="gosalesvolume"
@closeBtn="closeBtn_order"></orderPopup>
</view> </view>
</view> </view>
</view> </view>
...@@ -204,7 +210,7 @@ ...@@ -204,7 +210,7 @@
page_idt: 0, //首页组件分享参数 page_idt: 0, //首页组件分享参数
boxpaddingbottom: 0, //底部的高度 boxpaddingbottom: 0, //底部的高度
currentParent: '', currentParent: '',
noTitle:false noTitle: false
}; };
}, },
components: { components: {
...@@ -358,17 +364,17 @@ ...@@ -358,17 +364,17 @@
if (options && options.type) { if (options && options.type) {
this.carrierType = options.type; this.carrierType = options.type;
} }
if (options && options.setnav){ if (options && options.setnav) {
let current_url = "/"+this.currentParent+'?' let current_url = "/" + this.currentParent + '?'
for (let key in options) { for (let key in options) {
current_url += key + '=' + options[key]+'&'; current_url += key + '=' + options[key] + '&';
} }
current_url = current_url.slice(0, -1); current_url = current_url.slice(0, -1);
const replacePageData = { const replacePageData = {
url: current_url, url: current_url,
state: options.setnav state: options.setnav
} }
uni.setStorageSync("replace_page_index",replacePageData) uni.setStorageSync("replace_page_index", replacePageData)
} }
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
...@@ -458,7 +464,7 @@ ...@@ -458,7 +464,7 @@
uni.getStorageSync("add_top_app").add_top_app_show : uni.getStorageSync("add_top_app").add_top_app_show :
1; 1;
this.setting = set; this.setting = set;
this.isShowBack(); this.isShowBack();
let now = new Date(); let now = new Date();
...@@ -613,20 +619,20 @@ ...@@ -613,20 +619,20 @@
} }
}, },
methods: { methods: {
SetMemberBindCustomer(){ SetMemberBindCustomer() {
let that = this; let that = this;
that.request2({ that.request2({
url: "/api/MemberUser/SetMemberBindCustomer", url: "/api/MemberUser/SetMemberBindCustomer",
data: { data: {
Id: that.u.UserId, Id: that.u.UserId,
CustomerOpenId: uni.getStorageSync('jzTravelOpenId') CustomerOpenId: uni.getStorageSync('jzTravelOpenId')
}, },
}, },
(res) => { (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
uni.removeStorageSync('jzTravelOpenId'); uni.removeStorageSync('jzTravelOpenId');
} }
},(err) => { }, (err) => {
// uni.showToast({ // uni.showToast({
// title: err.message, // title: err.message,
// icon: "none", // icon: "none",
...@@ -1108,9 +1114,9 @@ ...@@ -1108,9 +1114,9 @@
res.data.mall.setting.mallStyle.pricecolor; res.data.mall.setting.mallStyle.pricecolor;
} }
this.indexPageData = res.data.home_pages.navs[0].template.data; this.indexPageData = res.data.home_pages.navs[0].template.data;
if(!res.data.home_pages.is_show_bottom_nav) { if (!res.data.home_pages.is_show_bottom_nav) {
this.showtabs = false; this.showtabs = false;
}else { } else {
this.showtabs = true; this.showtabs = true;
} }
this.noTitle = res.data.home_pages.is_noshow_title this.noTitle = res.data.home_pages.is_noshow_title
...@@ -1591,15 +1597,17 @@ ...@@ -1591,15 +1597,17 @@
width: 80px; width: 80px;
height: 80px; height: 80px;
} }
.content .flex-column{
.content .flex-column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
} }
.content .flex-column .full-col{
.content .flex-column .full-col {
flex: 1; flex: 1;
height: 1px; height: 1px;
position: relative; position: relative;
} }
</style> </style>
\ No newline at end of file
pages/kotra/brand/brandComponent.vue
View file @ 07d7344f
<template> <template>
<u-row gutter="24"> <u-row gutter="24">
<u-col span="6" v-for="(x, i) in g" :key="i"> <u-col span="6" v-for="(x, i) in g" :key="i">
<view <view class="good_study_two" @click="openGood(x.ID,x.MallBaseId)" :style="{ borderRadius: '20rpx' }">
class="good_study_two" <view class="img-box">
@click="openGood(x.ID,x.MallBaseId)" <view class="img-show">
:style="{ borderRadius: '20rpx' }" <image style="
>
<view class="img-box">
<view class="img-show">
<image
style="
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx 20rpx 0 0;
" " mode="aspectFill" :src="x.BannerList[0]" />
mode="aspectFill" <!-- <view class="imgNum" v-if="x.AreaRequirement>0||x.EndAreaRequirement>0||x.ShopNum>0">
:src="x.BannerList[0]"
/>
<!-- <view class="imgNum" v-if="x.AreaRequirement>0||x.EndAreaRequirement>0||x.ShopNum>0">
<span class="imgN" style="margin-bottom: 10rpx;" <span class="imgN" style="margin-bottom: 10rpx;"
:style="{'text-align':!x.ShopNum||x.ShopNum==''?'right':'left'}"> :style="{'text-align':!x.ShopNum||x.ShopNum==''?'right':'left'}">
<span v-if="x.AreaRequirement>0||x.EndAreaRequirement>0"> <span v-if="x.AreaRequirement>0||x.EndAreaRequirement>0">
...@@ -32,79 +24,81 @@ ...@@ -32,79 +24,81 @@
店铺： {{x.ShopNum}}个 店铺： {{x.ShopNum}}个
</span> </span>
</view> --> </view> -->
</view> </view>
</view> </view>
<view class="good-info"> <view class="good-info">
<view class="good-name">{{ x.BrandName }}</view> <view class="good-name">{{ x.BrandName }}</view>
<view class="good-price-info"> <view class="good-price-info">
<span class="price">{{ x.FullBrandName }}</span> <span class="price">{{ x.FullBrandName }}</span>
</view> </view>
</view> </view>
</view> </view>
</u-col> </u-col>
</u-row> </u-row>
</template> </template>
<script> <script>
export default { export default {
props:['g'], props: ['g'],
data() { data() {
return { return {
u:{}, u: {},
replace: null replace: null
} }
}, },
onLoad(options) { onLoad(options) {
}, },
mounted() { mounted() {
let use = uni.getStorageSync("mall_UserInfo") let use = uni.getStorageSync("mall_UserInfo")
this.u = use this.u = use
this.replace = uni.getStorageSync('replace_page_index') this.replace = uni.getStorageSync('replace_page_index')
}, },
methods:{ methods: {
openGood(id,MallBaseId) { openGood(id, MallBaseId) {
if(MallBaseId==8){ if (MallBaseId == 8) {
uni.navigateTo({ uni.navigateTo({
url: "/pages/kotra/brand/detail?id=" + id, url: "/pages/kotra/brand/detail?id=" + id,
}); });
return return
} }
if(this.replace.state=='1'){ if (this.replace.state == '1') {
uni.navigateTo({
url: "/pages/kotra/brand/detail_brand?id=" + id,
});
}else{
uni.navigateTo({ uni.navigateTo({
url: "/pages/kotra/brand/detail_company?id=" + id, url: "/pages/kotra/brand/detail_brand?id=" + id,
}); });
} } else {
}, uni.navigateTo({
} url: "/pages/kotra/brand/detail_company?id=" + id,
} });
}
},
}
}
</script> </script>
<style scoped> <style scoped>
.img-show{ .img-show {
position: relative; position: relative;
} }
.imgNum{
width: 100%; .imgNum {
position: absolute; width: 100%;
bottom: 0; position: absolute;
padding: 15rpx 27rpx 5rpx 27rpx; bottom: 0;
z-index: 2; padding: 15rpx 27rpx 5rpx 27rpx;
display: flex; z-index: 2;
flex-direction: row; display: flex;
justify-content: space-between; flex-direction: row;
color: #fff; justify-content: space-between;
font-size: 20rpx; color: #fff;
background: rgba(23,23,23,0.4); font-size: 20rpx;
} background: rgba(23, 23, 23, 0.4);
.imgN{ }
flex: 1;
} .imgN {
.imgN:nth-child(2){ flex: 1;
text-align: right; }
}
.imgN:nth-child(2) {
text-align: right;
}
</style> </style>
\ No newline at end of file
pages/kotra/brand/detail_brand.vue
View file @ 07d7344f
...@@ -209,8 +209,7 @@ ...@@ -209,8 +209,7 @@
"&id=" + "&id=" +
this.ID, this.ID,
imageUrl: this.details.BannerList && this.details.BannerList.length > 0 ? imageUrl: this.details.BannerList && this.details.BannerList.length > 0 ?
this.details.BannerList[0] : this.details.BannerList[0] : "",
"",
}; };
}, },
onShareAppMessage(res) { onShareAppMessage(res) {
...@@ -237,8 +236,7 @@ ...@@ -237,8 +236,7 @@
title: this.details.FullBrandName ? this.details.FullBrandName : "", title: this.details.FullBrandName ? this.details.FullBrandName : "",
path: "/pages/kotra/brand/detail_brand?id=" + this.ID, path: "/pages/kotra/brand/detail_brand?id=" + this.ID,
imageUrl: this.details.BannerList && this.details.BannerList.length > 0 ? imageUrl: this.details.BannerList && this.details.BannerList.length > 0 ?
this.details.BannerList[0] : this.details.BannerList[0] : "",
"",
}; };
}, },
methods: { methods: {
......
pages/kotra/brand/detail_new.vue
View file @ 07d7344f
<template> <template>
<view <view style="
style="
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
" ">
> <scroll-view scroll-y="true" style="height: 100%" @scroll="scroll">
<scroll-view scroll-y="true" style="height: 100%" @scroll="scroll"> <view class="bg-red">
<view class="bg-red"> <view class="detail-box">
<view class="detail-box"> <view class="header flex item-center">
<view class="header flex item-center"> <view class="title">
<view class="title"> {{ details.BrandName }}1
{{ details.BrandName }}1 </view>
</view> <view class="tag-box">
<view class="tag-box"> <text class="tag1">{{ details.BrandType }}</text><text
<text class="tag1">{{ details.BrandType }}</text class="tag2">{{ details.CustomerType }}</text>
><text class="tag2">{{ details.CustomerType }}</text> </view>
</view> </view>
</view>
<view class="score-box flex item-center">
<view class="score-box flex item-center"> <u-rate :current="rate" :count="5" :size="25" active-icon="star" active-color="#F30329"
<u-rate inactive-color="#b2b2b2" class="rate"></u-rate>
:current="rate" <text class="score">4.9分</text>
:count="5" <text class="desire">开店意愿</text>
:size="25" </view>
active-icon="star" <view class="img-box">
active-color="#F30329" <view v-for="(src, index) in details.BannerList" :key="index">
inactive-color="#b2b2b2" <image :src="src" class="img" mode="aspectFill" @click="previewImage(index)"></image>
class="rate" </view>
></u-rate> </view>
<text class="score">4.9分</text> <view class="info1 flex flex-between">
<text class="desire">开店意愿</text> <view class="info1-item">
</view> <view class="info1-con"> 2 </view>
<view class="img-box"> <view class="info1-title"> 店铺数量 </view>
<view v-for="(src, index) in details.BannerList" :key="index"> </view>
<image <view class="info1-item">
:src="src" <view class="info1-con"> mall </view>
class="img" <view class="info1-title"> 对标载体 </view>
mode="aspectFill" </view>
@click="previewImage(index)" <view class="info1-item">
></image> <view class="info1-con">
</view> 600 <text style="font-size: 24rpx">㎡</text>
</view> </view>
<view class="info1 flex flex-between"> <view class="info1-title"> 面积需求 </view>
<view class="info1-item"> </view>
<view class="info1-con"> 2 </view> </view>
<view class="info1-title"> 店铺数量 </view> <view class="baseinfo">
</view> <!-- <view class="baseinfo-item flex ">
<view class="info1-item">
<view class="info1-con"> mall </view>
<view class="info1-title"> 对标载体 </view>
</view>
<view class="info1-item">
<view class="info1-con">
600 <text style="font-size: 24rpx">㎡</text>
</view>
<view class="info1-title"> 面积需求 </view>
</view>
</view>
<view class="baseinfo">
<!-- <view class="baseinfo-item flex ">
<view class="baseinfo-label"> <view class="baseinfo-label">
拓店区域： 拓店区域：
</view> </view>
...@@ -76,749 +62,598 @@ ...@@ -76,749 +62,598 @@
商业地产+体育运动的新型“SPORTMALL”的全新商业场景 商业地产+体育运动的新型“SPORTMALL”的全新商业场景
</view> </view>
</view> --> </view> -->
<view class="baseinfo-item flex"> <view class="baseinfo-item flex">
<view class="baseinfo-label"> 客群定位： </view> <view class="baseinfo-label"> 客群定位： </view>
<view class="baseinfo-con"> <view class="baseinfo-con">
白领，家庭，学生等对体育有需求同时具有一定的消费能力的客户群体 白领，家庭，学生等对体育有需求同时具有一定的消费能力的客户群体
</view> </view>
</view> </view>
<view class="baseinfo-item flex"> <view class="baseinfo-item flex">
<view class="baseinfo-label"> 行业定位： </view> <view class="baseinfo-label"> 行业定位： </view>
<view class="baseinfo-con"> 高 </view> <view class="baseinfo-con"> 高 </view>
</view> </view>
<view class="baseinfo-item flex"> <view class="baseinfo-item flex">
<view class="baseinfo-label"> 开店方向： </view> <view class="baseinfo-label"> 开店方向： </view>
<view class="baseinfo-con"> 东边 </view> <view class="baseinfo-con"> 东边 </view>
</view> </view>
<view class="baseinfo-item flex"> <view class="baseinfo-item flex">
<view class="baseinfo-label"> 拓展对接人： </view> <view class="baseinfo-label"> 拓展对接人： </view>
<view class="baseinfo-con"> 周董 18212151212 </view> <view class="baseinfo-con"> 周董 18212151212 </view>
</view> </view>
</view> </view>
<view class="brand-title"> <view class="brand-title">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-tzxq.png"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-tzxq.png" mode="widthFix"></image>
mode="widthFix" </view>
></image> <view style="margin-top: 30rpx" v-if="details.Advertising != ''">
</view> <h-parse :content="details.Advertising" @navigate="clickDescription"></h-parse>
<view style="margin-top: 30rpx" v-if="details.Advertising != ''"> </view>
<h-parse <view style="margin-top: 30rpx" v-if="details.Advertising == ''">
:content="details.Advertising" 无
@navigate="clickDescription" </view>
></h-parse> <view class="brand-title">
</view> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-wyxq.png"
<view style="margin-top: 30rpx" v-if="details.Advertising == ''"> mode="widthFix"></image>
无 </view>
</view> <view class="Listbox">
<view class="brand-title"> <view id="kiakou" class="Listbox-item"
<image @click="showTips('kiakou', details.ShopSize, details.IsShopSize)">
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-wyxq.png" <image :src="EquityList[8].ImagePath" v-if="details.IsShopSize == 1" mode="widthFix">
mode="widthFix" </image>
></image> <image :src="EquityList[8].Image_n" v-else mode="widthFix"></image>
</view> <text class="list-item-text" :style="{
<view class="Listbox">
<view
id="kiakou"
class="Listbox-item"
@click="showTips('kiakou', details.ShopSize, details.IsShopSize)"
>
<image
:src="EquityList[8].ImagePath"
v-if="details.IsShopSize == 1"
mode="widthFix"
></image>
<image
:src="EquityList[8].Image_n"
v-else
mode="widthFix"
></image>
<text
class="list-item-text"
:style="{
color: details.IsShopSize == 1 ? '#424242' : '#D6D6D6', color: details.IsShopSize == 1 ? '#424242' : '#D6D6D6',
}" }">{{ EquityList[8].Title }}</text>
>{{ EquityList[8].Title }}</text </view>
> <view class="Listbox-item">
</view> <image :src="EquityList[0].ImagePath" v-if="details.Plumbing == 1" mode="widthFix"></image>
<view class="Listbox-item"> <image :src="EquityList[0].Image_n" v-else mode="widthFix"></image>
<image <text class="list-item-text" :style="{
:src="EquityList[0].ImagePath"
v-if="details.Plumbing == 1"
mode="widthFix"
></image>
<image
:src="EquityList[0].Image_n"
v-else
mode="widthFix"
></image>
<text
class="list-item-text"
:style="{
color: details.Plumbing == 1 ? '#424242' : '#D6D6D6', color: details.Plumbing == 1 ? '#424242' : '#D6D6D6',
}" }">{{ EquityList[0].Title }}</text>
>{{ EquityList[0].Title }}</text </view>
> <view class="Listbox-item">
</view> <image :src="EquityList[7].ImagePath" v-if="details.Caliber == 1" mode="widthFix"></image>
<view class="Listbox-item"> <image :src="EquityList[7].Image_n" v-else mode="widthFix"></image>
<image <text class="list-item-text"
:src="EquityList[7].ImagePath" :style="{ color: details.Caliber == 1 ? '#424242' : '#D6D6D6' }">{{ EquityList[7].Title }}</text>
v-if="details.Caliber == 1" </view>
mode="widthFix" <view class="Listbox-item">
></image> <image :src="EquityList[1].ImagePath" v-if="details.Sewage == 1" mode="widthFix"></image>
<image <image :src="EquityList[1].Image_n" v-else mode="widthFix"></image>
:src="EquityList[7].Image_n" <text class="list-item-text"
v-else :style="{ color: details.Sewage == 1 ? '#424242' : '#D6D6D6' }">{{ EquityList[1].Title }}</text>
mode="widthFix" </view>
></image>
<text <!-- 燃气 -->
class="list-item-text" <view class="Listbox-item" id="ranqi"
:style="{ color: details.Caliber == 1 ? '#424242' : '#D6D6D6' }" @click="showTips('ranqi', details.RanQiBZ, details.RanQi)">
>{{ EquityList[7].Title }}</text <image :src="EquityList[2].ImagePath" v-if="details.RanQi == 1" mode="widthFix"></image>
> <image :src="EquityList[2].Image_n" v-else mode="widthFix"></image>
</view> <text class="list-item-text"
<view class="Listbox-item"> :style="{ color: details.RanQi == 1 ? '#424242' : '#D6D6D6' }">{{ EquityList[2].Title }}</text>
<image </view>
:src="EquityList[1].ImagePath" <view class="Listbox-item" id="dianliang" @click="
v-if="details.Sewage == 1"
mode="widthFix"
></image>
<image
:src="EquityList[1].Image_n"
v-else
mode="widthFix"
></image>
<text
class="list-item-text"
:style="{ color: details.Sewage == 1 ? '#424242' : '#D6D6D6' }"
>{{ EquityList[1].Title }}</text
>
</view>
<!-- 燃气 -->
<view
class="Listbox-item"
id="ranqi"
@click="showTips('ranqi', details.RanQiBZ, details.RanQi)"
>
<image
:src="EquityList[2].ImagePath"
v-if="details.RanQi == 1"
mode="widthFix"
></image>
<image
:src="EquityList[2].Image_n"
v-else
mode="widthFix"
></image>
<text
class="list-item-text"
:style="{ color: details.RanQi == 1 ? '#424242' : '#D6D6D6' }"
>{{ EquityList[2].Title }}</text
>
</view>
<view
class="Listbox-item"
id="dianliang"
@click="
showTips('dianliang', details.DianLiang, details.IsDianLiang) showTips('dianliang', details.DianLiang, details.IsDianLiang)
" ">
> <image :src="EquityList[3].ImagePath" v-if="details.IsDianLiang == 1" mode="widthFix">
<image </image>
:src="EquityList[3].ImagePath" <image :src="EquityList[3].Image_n" v-else mode="widthFix"></image>
v-if="details.IsDianLiang == 1" <text class="list-item-text" :style="{
mode="widthFix"
></image>
<image
:src="EquityList[3].Image_n"
v-else
mode="widthFix"
></image>
<text
class="list-item-text"
:style="{
color: details.IsDianLiang == 1 ? '#424242' : '#D6D6D6', color: details.IsDianLiang == 1 ? '#424242' : '#D6D6D6',
}" }">{{ EquityList[3].Title }}</text>
>{{ EquityList[3].Title }}</text </view>
>
</view> <view class="Listbox-item" id="paiyan"
@click="showTips('paiyan', details.PaiYanBZ, details.PaiYan)">
<view <image :src="EquityList[5].ImagePath" v-if="details.PaiYan == 1" mode="widthFix"></image>
class="Listbox-item" <image :src="EquityList[5].Image_n" v-else mode="widthFix"></image>
id="paiyan" <text class="list-item-text"
@click="showTips('paiyan', details.PaiYanBZ, details.PaiYan)" :style="{ color: details.PaiYan == 1 ? '#424242' : '#D6D6D6' }">{{ EquityList[5].Title }}</text>
> </view>
<image <view class="Listbox-item">
:src="EquityList[5].ImagePath" <image :src="EquityList[6].ImagePath" v-if="details.KongTiao == 1" mode="widthFix"></image>
v-if="details.PaiYan == 1" <image :src="EquityList[6].Image_n" v-else mode="widthFix"></image>
mode="widthFix" <text class="list-item-text" :style="{
></image>
<image
:src="EquityList[5].Image_n"
v-else
mode="widthFix"
></image>
<text
class="list-item-text"
:style="{ color: details.PaiYan == 1 ? '#424242' : '#D6D6D6' }"
>{{ EquityList[5].Title }}</text
>
</view>
<view class="Listbox-item">
<image
:src="EquityList[6].ImagePath"
v-if="details.KongTiao == 1"
mode="widthFix"
></image>
<image
:src="EquityList[6].Image_n"
v-else
mode="widthFix"
></image>
<text
class="list-item-text"
:style="{
color: details.KongTiao == 1 ? '#424242' : '#D6D6D6', color: details.KongTiao == 1 ? '#424242' : '#D6D6D6',
}" }">{{ EquityList[6].Title }}</text>
>{{ EquityList[6].Title }}</text </view>
> <view class="Listbox-item">
</view> <image :src="EquityList[4].ImagePath" v-if="details.XinFeng == 1" mode="widthFix"></image>
<view class="Listbox-item"> <image :src="EquityList[4].Image_n" v-else mode="widthFix"></image>
<image <text class="list-item-text"
:src="EquityList[4].ImagePath" :style="{ color: details.XinFeng == 1 ? '#424242' : '#D6D6D6' }">{{ EquityList[4].Title }}</text>
v-if="details.XinFeng == 1" </view>
mode="widthFix" </view>
></image> </view>
<image </view>
:src="EquityList[4].Image_n" </scroll-view>
v-else <bianmarenTooltip :gravity="gravity" :tooltipShow="tooltipShow" :btns="tooltipBtns" :eleId="eleId">
mode="widthFix" </bianmarenTooltip>
></image> </view>
<text
class="list-item-text"
:style="{ color: details.XinFeng == 1 ? '#424242' : '#D6D6D6' }"
>{{ EquityList[4].Title }}</text
>
</view>
</view>
</view>
</view>
</scroll-view>
<bianmarenTooltip
:gravity="gravity"
:tooltipShow="tooltipShow"
:btns="tooltipBtns"
:eleId="eleId"
>
</bianmarenTooltip>
</view>
</template> </template>
<script> <script>
import hParse from "@/components/u-parse/parse.vue"; import hParse from "@/components/u-parse/parse.vue";
import bianmarenTooltip from "../components/bianmaren-tooltips.vue"; import bianmarenTooltip from "../components/bianmaren-tooltips.vue";
let timer; let timer;
export default { export default {
components: { components: {
hParse, hParse,
bianmarenTooltip, bianmarenTooltip,
}, },
data() { data() {
return { return {
rate: 1, rate: 1,
ID: 0, ID: 0,
details: {}, details: {},
typeList: [ typeList: [{
{ Id: 0,
Id: 0, Name: "视频",
Name: "视频", },
}, {
{ Id: 1,
Id: 1, Name: "图片",
Name: "图片", },
}, ],
], boxOption: 0,
boxOption: 0, navsOption: 0,
navsOption: 0, titleStyle: {},
titleStyle: {}, active: 0,
active: 0, mainColor: "",
mainColor: "", controls: false, //显示默认控件
controls: false, //显示默认控件 EquityList: [{
EquityList: [ Title: "上下水",
{ ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs.png",
Title: "上下水", Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs-n.png",
ImagePath: },
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs.png", {
Image_n: Title: "排污",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs-n.png", ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pw.png",
}, Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pw-n.png",
{ },
Title: "排污", {
ImagePath: Title: "燃气",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pw.png", ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-rh.png",
Image_n: Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-rh-n.png",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pw-n.png", },
}, {
{ Title: "电量负荷",
Title: "燃气", ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-dl.png",
ImagePath: Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-dl-n.png",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-rh.png", },
Image_n: {
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-rh-n.png", Title: "新风",
}, ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-xf.png",
{ Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-xf-n.png",
Title: "电量负荷", },
ImagePath: {
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-dl.png", Title: "排烟量",
Image_n: ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pyl.png",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-dl-n.png", Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pyl-n.png",
}, },
{ {
Title: "新风", Title: "空调",
ImagePath: ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kt.png",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-xf.png", Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kt-n.png",
Image_n: },
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-xf-n.png", {
}, Title: "管径",
{ ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj.png",
Title: "排烟量", Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj-n.png",
ImagePath: },
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pyl.png", {
Image_n: Title: "开口尺寸",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pyl-n.png", ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kkcc.png",
}, Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kkcc-n.png",
{ },
Title: "空调", ],
ImagePath: gravity: "top",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kt.png", tooltipShow: false,
Image_n: tooltipBtns: ["今日sad"],
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kt-n.png", eleId: "", //点击元素
}, };
{ },
Title: "管径", onLoad(options) {
ImagePath: let that = this;
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj.png", if (options && options.id) {
Image_n: this.ID = options.id;
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj-n.png", this.GetBrandDetails();
}, }
{
Title: "开口尺寸", uni.getSystemInfo({
ImagePath: success(res) {
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kkcc.png", that.titleStyle = {
Image_n: height: "45px",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kkcc-n.png", paddingTop: `${res.statusBarHeight}px`,
}, opacity: "0%",
], };
gravity: "top", },
tooltipShow: false, });
tooltipBtns: ["今日sad"], this.mainColor = this.$uiConfig.mainColor;
eleId: "", //点击元素 uni.setNavigationBarTitle({
}; title: "详情",
}, });
onLoad(options) { uni.setNavigationBarColor({
let that = this; frontColor: "#ffffff",
if (options && options.id) { backgroundColor: "#D40224",
this.ID = options.id; animation: {
this.GetBrandDetails(); duration: 400,
} timingFunc: "easeIn",
},
uni.getSystemInfo({ });
success(res) { },
that.titleStyle = { onShareTimeline() {
height: "45px", //朋友圈
paddingTop: `${res.statusBarHeight}px`, let uid = uni.getStorageSync("mall_UserInfo") ?
opacity: "0%", uni.getStorageSync("mall_UserInfo").UserId :
}; 0;
}, if (uid == 0) {
}); uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
this.mainColor = this.$uiConfig.mainColor; }
uni.setNavigationBarTitle({ let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
title: "详情", uni.getStorageSync("mall_UserInfo").SmallShopId :
}); 0;
uni.setNavigationBarColor({ if (SmallShopId == 0) {
frontColor: "#ffffff", //如果微店id为0 去找所属微店id
backgroundColor: "#D40224", SmallShopId = uni.getStorageSync("mall_UserInfo") ?
animation: { uni.getStorageSync("mall_UserInfo").UserSmallShopId :
duration: 400, 0;
timingFunc: "easeIn", }
}, let Up = uni.getStorageSync("mall_UserInfo") ?
}); uni.getStorageSync("mall_UserInfo").UserPageType :
}, 0;
onShareTimeline() { return {
//朋友圈 title: this.details.FullBrandName ? this.details.FullBrandName : "",
let uid = uni.getStorageSync("mall_UserInfo") query: "user_id=" +
? uni.getStorageSync("mall_UserInfo").UserId uid +
: 0; "&SmallShopId=" +
if (uid == 0) { SmallShopId +
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0; "&Up=" +
} Up +
let SmallShopId = uni.getStorageSync("mall_UserInfo") "&id=" +
? uni.getStorageSync("mall_UserInfo").SmallShopId this.ID,
: 0; imageUrl: this.details.BannerList && this.details.BannerList.length > 0 ?
if (SmallShopId == 0) { this.details.BannerList[0] :
//如果微店id为0 去找所属微店id "",
SmallShopId = uni.getStorageSync("mall_UserInfo") };
? uni.getStorageSync("mall_UserInfo").UserSmallShopId },
: 0; onShareAppMessage(res) {
} //朋友
let Up = uni.getStorageSync("mall_UserInfo") let uid = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserPageType uni.getStorageSync("mall_UserInfo").UserId :
: 0; 0;
return { if (uid == 0) {
title: this.details.FullBrandName ? this.details.FullBrandName : "", uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
query: }
"user_id=" + let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
uid + uni.getStorageSync("mall_UserInfo").SmallShopId :
"&SmallShopId=" + 0;
SmallShopId + if (SmallShopId == 0) {
"&Up=" + //如果微店id为0 去找所属微店id
Up + SmallShopId = uni.getStorageSync("mall_UserInfo") ?
"&id=" + uni.getStorageSync("mall_UserInfo").UserSmallShopId :
this.ID, 0;
imageUrl: }
this.details.BannerList && this.details.BannerList.length > 0 let Up = uni.getStorageSync("mall_UserInfo") ?
? this.details.BannerList[0] uni.getStorageSync("mall_UserInfo").UserPageType :
: "", 0;
}; return {
}, title: this.details.FullBrandName ? this.details.FullBrandName : "",
onShareAppMessage(res) { path: "/pages/index/index?user_id=" +
//朋友 uid +
let uid = uni.getStorageSync("mall_UserInfo") "&SmallShopId=" +
? uni.getStorageSync("mall_UserInfo").UserId SmallShopId +
: 0; "&Up=" +
if (uid == 0) { Up +
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0; "&id=" +
} this.ID +
let SmallShopId = uni.getStorageSync("mall_UserInfo") "&JumpType=15",
? uni.getStorageSync("mall_UserInfo").SmallShopId imageUrl: this.details.BannerList && this.details.BannerList.length > 0 ?
: 0; this.details.BannerList[0] :
if (SmallShopId == 0) { "",
//如果微店id为0 去找所属微店id };
SmallShopId = uni.getStorageSync("mall_UserInfo") },
? uni.getStorageSync("mall_UserInfo").UserSmallShopId methods: {
: 0; showTips(id, text, showis) {
} clearInterval(timer);
let Up = uni.getStorageSync("mall_UserInfo") if (this.eleId == id && this.tooltipShow == true) {
? uni.getStorageSync("mall_UserInfo").UserPageType this.tooltipShow = false;
: 0; } else {
return { console.log(text, showis);
title: this.details.FullBrandName ? this.details.FullBrandName : "", if (text != undefined && text != null && text != "" && showis == 1) {
path: this.eleId = id;
"/pages/index/index?user_id=" + this.tooltipBtns = [text];
uid + this.tooltipShow = true;
"&SmallShopId=" + timer = setTimeout(() => {
SmallShopId + this.tooltipShow = false;
"&Up=" + }, 3000);
Up + } else {
"&id=" + this.tooltipShow = false;
this.ID + }
"&JumpType=15", }
imageUrl: },
this.details.BannerList && this.details.BannerList.length > 0 clickDescription(e) {
? this.details.BannerList[0] console.log(e);
: "", },
}; GetBrandDetails() {
}, this.request2({
methods: { url: "/api/AppletTrade/GetBrandDetails",
showTips(id, text, showis) { data: {
clearInterval(timer); ID: this.ID,
if (this.eleId == id && this.tooltipShow == true) { },
this.tooltipShow = false; },
} else { (res) => {
console.log(text, showis); if (res.resultCode == 1) {
if (text != undefined && text != null && text != "" && showis == 1) { this.details = res.data;
this.eleId = id;
this.tooltipBtns = [text]; if (res.data.VideoUrl == "") {
this.tooltipShow = true; this.active = 1;
timer = setTimeout(() => { }
this.tooltipShow = false; this.details.imgs = [];
}, 3000); this.details.BannerList.forEach((x) => {
} else { let obj = {
this.tooltipShow = false; name: x,
} };
} this.details.imgs.push(obj);
}, });
clickDescription(e) { }
console.log(e); }
}, );
GetBrandDetails() { },
this.request2( changeHandler(i) {
{ this.active = i;
url: "/api/AppletTrade/GetBrandDetails", },
data: { previewImage(i) {
ID: this.ID, console.log(i);
}, uni.previewImage({
}, urls: this.details.BannerList,
(res) => { current: i,
if (res.resultCode == 1) { longPressActions: {
this.details = res.data; itemList: ["发送给朋友", "保存图片", "收藏"],
success: function(data) {},
if (res.data.VideoUrl == "") { fail: function(err) {
this.active = 1; console.log(err.errMsg);
} },
this.details.imgs = []; },
this.details.BannerList.forEach((x) => { });
let obj = { },
name: x, scroll(e) {
}; this.boxOption = Math.floor((e.detail.scrollTop - 50) / 1.5);
this.details.imgs.push(obj); this.titleStyle.opacity =
}); (e.detail.scrollTop - 100 < 0 ?
} 0 :
} Math.floor(e.detail.scrollTop - 100)) + "%";
); this.tooltipShow = false;
}, this.$forceUpdate();
changeHandler(i) { },
this.active = i; goback() {
}, uni.navigateBack({
previewImage(i) { delta: 1,
console.log(i); });
uni.previewImage({ },
urls: this.details.BannerList, enlarge(file) {
current: i, // 全屏
longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"], this.videoContext = uni.createVideoContext("myVideo");
success: function (data) {}, this.videoContext.requestFullScreen({
fail: function (err) { direction: 0,
console.log(err.errMsg); });
}, },
}, videoControl(e) {
}); if (e.detail.fullScreen == false) {
}, this.videoContext.stop();
scroll(e) { this.controls = false;
this.boxOption = Math.floor((e.detail.scrollTop - 50) / 1.5); } else {
this.titleStyle.opacity = this.videoContext.play();
(e.detail.scrollTop - 100 < 0 this.controls = true;
? 0 }
: Math.floor(e.detail.scrollTop - 100)) + "%"; },
this.tooltipShow = false; getlove() {
this.$forceUpdate(); this.request2({
}, url: "/api/AppletTrade/GetCollect",
goback() { data: {
uni.navigateBack({ Type: 2,
delta: 1, SourceId: this.ID,
}); Id: this.details.CollectId,
}, },
enlarge(file) { },
// 全屏 (res) => {
if (res.resultCode == 1) {
this.videoContext = uni.createVideoContext("myVideo"); uni.showToast({
this.videoContext.requestFullScreen({ title: res.message,
direction: 0, icon: "none",
}); });
}, this.GetBrandDetails();
videoControl(e) { }
if (e.detail.fullScreen == false) { }
this.videoContext.stop(); );
this.controls = false; },
} else { },
this.videoContext.play(); };
this.controls = true;
}
},
getlove() {
this.request2(
{
url: "/api/AppletTrade/GetCollect",
data: {
Type: 2,
SourceId: this.ID,
Id: this.details.CollectId,
},
},
(res) => {
if (res.resultCode == 1) {
uni.showToast({
title: res.message,
icon: "none",
});
this.GetBrandDetails();
}
}
);
},
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.flex { .flex {
display: flex; display: flex;
} }
.wrap { .wrap {
flex-wrap: wrap; flex-wrap: wrap;
} }
.flex-center { .flex-center {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.flex-between { .flex-between {
justify-content: space-between; justify-content: space-between;
} }
.item-center { .item-center {
align-items: center; align-items: center;
} }
.bg-red { .bg-red {
background-color: #d40224; background-color: #d40224;
} }
.detail-box { .detail-box {
width: 100%; width: 100%;
box-shadow: 0px -4rpx 71rpx 0rpx rgba(111, 111, 111, 0.26); box-shadow: 0px -4rpx 71rpx 0rpx rgba(111, 111, 111, 0.26);
border-radius: 50rpx 50rpx 0rpx 0rpx; border-radius: 50rpx 50rpx 0rpx 0rpx;
padding: 40rpx 40rpx 90rpx 40rpx; padding: 40rpx 40rpx 90rpx 40rpx;
font-family: PingFang SC; font-family: PingFang SC;
background-color: #ffffff; background-color: #ffffff;
.header {
margin-bottom: 20rpx; .header {
margin-bottom: 20rpx;
.title {
font-size: 42rpx; .title {
font-weight: 800; font-size: 42rpx;
color: #1f1f1f; font-weight: 800;
margin-right: 20rpx; color: #1f1f1f;
} margin-right: 20rpx;
}
.tag-box {
border-radius: 6rpx; .tag-box {
border-radius: 6rpx;
.tag1 {
padding: 7rpx 10rpx; .tag1 {
background-color: #1f1f1f; padding: 7rpx 10rpx;
font-size: 20rpx; background-color: #1f1f1f;
color: #ffffff; font-size: 20rpx;
} color: #ffffff;
}
.tag2 {
padding: 7rpx 10rpx; .tag2 {
background-image: linear-gradient(90deg, #e8cea5, #caa974); padding: 7rpx 10rpx;
font-size: 20rpx; background-image: linear-gradient(90deg, #e8cea5, #caa974);
color: #1f1f1f; font-size: 20rpx;
} color: #1f1f1f;
} }
} }
}
.score-box {
height: 40rpx; .score-box {
margin-bottom: 35rpx; height: 40rpx;
margin-bottom: 35rpx;
.rate {
margin-right: 20rpx; .rate {
} margin-right: 20rpx;
}
.score {
font-size: 20rpx; .score {
font-weight: 500; font-size: 20rpx;
color: #f30329; font-weight: 500;
margin-right: 20rpx; color: #f30329;
} margin-right: 20rpx;
}
.desire {
font-size: 20rpx; .desire {
color: #111111; font-size: 20rpx;
} color: #111111;
} }
}
.img-box {
height: 226rpx; .img-box {
border-radius: 20rpx; height: 226rpx;
overflow-x: scroll; border-radius: 20rpx;
overflow-y: hidden; overflow-x: scroll;
box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2); overflow-y: hidden;
margin-bottom: 45rpx; box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2);
margin-bottom: 45rpx;
.img {
width: 216rpx; .img {
height: 226rpx; width: 216rpx;
margin-right: 10rpx; height: 226rpx;
} margin-right: 10rpx;
} }
}
.info1 {
margin-bottom: 60rpx; .info1 {
margin-bottom: 60rpx;
.info1-item {
width: 200rpx; .info1-item {
width: 200rpx;
.info1-con {
font-size: 34rpx; .info1-con {
font-weight: bold; font-size: 34rpx;
color: #f30329; font-weight: bold;
text-align: center; color: #f30329;
margin-bottom: 18rpx; text-align: center;
} margin-bottom: 18rpx;
}
.info1-title {
text-align: center; .info1-title {
font-size: 24rpx; text-align: center;
font-weight: 500; font-size: 24rpx;
color: #a4a4a4; font-weight: 500;
} color: #a4a4a4;
} }
} }
}
.baseinfo {
margin-bottom: 40rpx; .baseinfo {
margin-bottom: 40rpx;
.baseinfo-item {
margin-bottom: 30rpx; .baseinfo-item {
margin-bottom: 30rpx;
.baseinfo-label {
font-size: 24rpx; .baseinfo-label {
font-weight: 500; font-size: 24rpx;
color: #a4a4a4; font-weight: 500;
margin-right: 10rpx; color: #a4a4a4;
white-space: nowrap; margin-right: 10rpx;
} white-space: nowrap;
}
.baseinfo-con {
font-size: 26rpx; .baseinfo-con {
font-weight: 500; font-size: 26rpx;
color: #1f1f1f; font-weight: 500;
} color: #1f1f1f;
} }
} }
} }
}
.brand-title {
width: 134rpx; .brand-title {
margin-top: 30px; width: 134rpx;
} margin-top: 30px;
}
.brand-title image {
width: 100%; .brand-title image {
height: auto; width: 100%;
} height: auto;
}
.Listbox {
width: 100%; .Listbox {
display: flex; width: 100%;
flex-wrap: wrap; display: flex;
margin-top: 10px; flex-wrap: wrap;
} margin-top: 10px;
}
.Listbox-item {
width: 25%; .Listbox-item {
display: flex; width: 25%;
flex-direction: column; display: flex;
align-items: center; flex-direction: column;
height: 170rpx; align-items: center;
align-items: center; height: 170rpx;
justify-content: center; align-items: center;
} justify-content: center;
}
.Listbox-item image {
width: 74rpx; .Listbox-item image {
height: auto; width: 74rpx;
} height: auto;
}
.list-item-text {
width: calc(100vw / 4); .list-item-text {
margin-top: 5px; width: calc(100vw / 4);
text-align: center; margin-top: 5px;
font-size: 12px; text-align: center;
} font-size: 12px;
</style> }
</style>
\ No newline at end of file
pages/kotra/brand/list.vue
View file @ 07d7344f
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
:style="{'background': TenantId!=18?`linear-gradient(-3deg, #eff8ff, #c6e6ff)`:''}"> :style="{'background': TenantId!=18?`linear-gradient(-3deg, #eff8ff, #c6e6ff)`:''}">
<headers :title="replace.state=='1'?'品牌列表':'企业列表'"></headers> <headers :title="replace.state=='1'?'品牌列表':'企业列表'"></headers>
<view v-if="TenantId==18" style="padding: 5px 10px"> <view v-if="TenantId==18" style="padding: 5px 10px">
<u-search placeholder="搜索品牌名称" :focus="false" :show-action="false" :clearabled="true" radius="40" <u-search placeholder="搜索名称" :focus="false" :show-action="false" :clearabled="true" radius="40"
v-model="msg.BrandName" @search="searchHandler" @custom="searchHandler" v-model="msg.BrandName" @search="searchHandler" @custom="searchHandler"
bg-color="#FFF"></u-search> bg-color="#FFF"></u-search>
</view> </view>
...@@ -41,9 +41,6 @@ ...@@ -41,9 +41,6 @@
:active-color="mainColor" :current="active" @change="changeHandler" :show-bar="true" :active-color="mainColor" :current="active" @change="changeHandler" :show-bar="true"
:activeFontSize="34" :bold="true" height="100" duration="0" font-size="28"></u-tabs> :activeFontSize="34" :bold="true" height="100" duration="0" font-size="28"></u-tabs>
</view> </view>
<!-- <div style="width: 64rpx;height: 48rpx;display: table-cell; vertical-align: middle;text-align: right;">
<u-icon name="filter-o" color="#111" size="42"></u-icon>
</div> -->
</view> </view>
<view class="brandScreen"> <view class="brandScreen">
<view class="statusBox" v-if="msg.IsInChengdu == 0" @click="changeFirstStoreTest(-1)"> <view class="statusBox" v-if="msg.IsInChengdu == 0" @click="changeFirstStoreTest(-1)">
...@@ -57,9 +54,11 @@ ...@@ -57,9 +54,11 @@
<view v-for="(item, index) in PrizeList" :key="index" class="screenBoxItem" <view v-for="(item, index) in PrizeList" :key="index" class="screenBoxItem"
@click="chooseYear(item)"> @click="chooseYear(item)">
<view class="screenBoxItemYear" :class="{ activeYear: item.Id == msg.PrizeId }"> <view class="screenBoxItemYear" :class="{ activeYear: item.Id == msg.PrizeId }">
{{ item.YearInfo }}</view> {{ item.YearInfo }}
</view>
<view class="screenBoxItemName" :class="{ activeName: item.Id == msg.PrizeId }"> <view class="screenBoxItemName" :class="{ activeName: item.Id == msg.PrizeId }">
{{ item.Name }}</view> {{ item.Name }}
</view>
</view> </view>
</view> </view>
</template> </template>
...@@ -229,7 +228,9 @@ ...@@ -229,7 +228,9 @@
"background": "#FFF" "background": "#FFF"
}, },
TenantId: null, TenantId: null,
replace: null, replace: {
state: "1", //1-品牌，2-企业服务
},
secondary: null, secondary: null,
GetYBConfig: null, GetYBConfig: null,
iscpswjselectall: 0, iscpswjselectall: 0,
...@@ -298,10 +299,11 @@ ...@@ -298,10 +299,11 @@
this.iscpswjselectall = uni.getStorageSync("basedata").iscpswjselectall this.iscpswjselectall = uni.getStorageSync("basedata").iscpswjselectall
let uid = uni.getStorageSync("mall_UserInfo") let uid = uni.getStorageSync("mall_UserInfo")
this.TenantId = uid.TenantId this.TenantId = uid.TenantId
// this.msg.TenantId = uid.TenantId let tempReplace = uni.getStorageSync('replace_page_index')
this.replace = uni.getStorageSync('replace_page_index') if (tempReplace && tempReplace.state) {
this.replace.state = tempReplace.state;
}
this.msg.BrandEnterpriseType = this.replace.state == '1' ? 1 : 2 this.msg.BrandEnterpriseType = this.replace.state == '1' ? 1 : 2
if (options && options.id) { if (options && options.id) {
this.msg.BrandClassId = options.id; this.msg.BrandClassId = options.id;
} }
...@@ -316,12 +318,9 @@ ...@@ -316,12 +318,9 @@
this.GetBrandClassList(); this.GetBrandClassList();
this.getPrizeList(); this.getPrizeList();
// } // }
}, },
created() { created() {
this.mainColor = this.$uiConfig.mainColor; this.mainColor = this.$uiConfig.mainColor;
}, },
mounted() { mounted() {
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
...@@ -436,8 +435,11 @@ ...@@ -436,8 +435,11 @@
init() { init() {
let url = "/api/AppletTrade/GetBrandPageList" let url = "/api/AppletTrade/GetBrandPageList"
if (this.TenantId != 18 && this.replace.state) { if (this.TenantId != 18 && this.replace.state) {
if (this.replace.state == '1') url = "/api/AppletTrade/GetAllBrandEnterprisePageList" if (this.replace.state == '1') {
else url = "/api/AppletTrade/GetEnterpriseServicesPageList" url = "/api/AppletTrade/GetAllBrandEnterprisePageList"
} else {
url = "/api/AppletTrade/GetEnterpriseServicesPageList"
}
} }
this.request2({ this.request2({
url: url, url: url,
...@@ -489,7 +491,6 @@ ...@@ -489,7 +491,6 @@
this.g = []; this.g = [];
this.init(); this.init();
// } // }
}, },
getPrizeList() { getPrizeList() {
this.request2({ this.request2({
......
pages/kotra/carrier/list.vue
View file @ 07d7344f
<template> <template>
<div <div style="background-color: #f6f6f6; overflow: hidden" :style="{ height: contentHeight + 'px' }">
style="background-color: #f6f6f6; overflow: hidden" <view class="carrierHeadBgBox"
:style="{ height: contentHeight + 'px' }" :style="{'background': TenantId!=18?`linear-gradient(-3deg, #eff8ff, #c6e6ff)`:''}">
> <headers :title="replace.state=='1'?'项目列表':'写字楼列表'"></headers>
<view class="carrierHeadBgBox" <template v-if="isauth">
:style="{'background': TenantId!=18?`linear-gradient(-3deg, #eff8ff, #c6e6ff)`:''}"> <view v-if="TenantId==18" style="padding: 5px 10px">
<headers :title="replace.state=='1'?'载体列表':'楼宇列表'"></headers> <u-search placeholder="搜索名称" :focus="false" :show-action="false" :clearabled="true" radius="40"
<template v-if="isauth"> v-model="searchKey" @search="searchHandler" @custom="searchHandler" bg-color="#FFF"></u-search>
<view v-if="TenantId==18" style="padding: 5px 10px"> </view>
{{TenantId}} <view v-else class="carrierSearch" style="padding: 5px 10px;margin-top: 6rpx;">
<u-search <template v-if="iscpswjselectall==1&&replace.state=='1'">
placeholder="搜索载体名称" <view class="carrierSearch-left">
:focus="false" <uni-section title="" type="line">
:show-action="false" <uni-data-select v-model="msg.MallBaseId" :localdata="ShopTypeList" :clear="false"
:clearabled="true" @change="ResetQuery"></uni-data-select>
radius="40" </uni-section>
v-model="searchKey" </view>
@search="searchHandler" <view class="carrierSearch-auto"></view>
@custom="searchHandler" </template>
bg-color="#FFF" <view class="carrierSearch-right">
></u-search> <input v-if="replace.state=='1'" v-model="msg.CarrierName" :placeholder="`搜索项目名称`"
</view> @input="ResetQuery"></input>
<view v-else class="carrierSearch" style="padding: 5px 10px;margin-top: 6rpx;"> <input v-else v-model="msg.MetroName" :placeholder="`搜索写字楼名称`" @input="ResetQuery"></input>
<template v-if="iscpswjselectall==1&&replace.state=='1'"> </view>
<view class="carrierSearch-left"> </view>
<uni-section title="" type="line"> </template>
<uni-data-select <template v-if="TenantId==18">
v-model="msg.MallBaseId" <view style="display: flex; align-items: center">
:localdata="ShopTypeList" <view style="flex: 1; overflow: hidden">
:clear="false" <u-tabs bg-color="#f6f6f6" :is-scroll="true" name="Name" :list="typeList"
@change="ResetQuery" :active-color="mainColor" :active-item-style="activeItemStyle" :current="active"
></uni-data-select> @change="changeHandler" :show-bar="true" :activeFontSize="34" :bold="true" height="100"
</uni-section> duration="0" :font-size="28"></u-tabs>
</view> </view>
<view class="carrierSearch-auto"></view> </view>
</template> <view class="carrierScreen" v-if="isauth">
<view class="carrierSearch-right"> <view class="statusBox">
<input v-if="replace.state=='1'" v-model="msg.CarrierName" <picker @change="statusChange" :range="kystatus" range-key="name">
:placeholder="`搜索载体名称`" <view class="curStatusName">{{ curStatusName
@input="ResetQuery"></input> }}<u-icon name="arrow-down" color="#ffffff" size="22" style="margin-left: 10rpx"></u-icon></view>
<input v-else v-model="msg.MetroName" </picker>
:placeholder="`搜索楼宇名称`" </view>
@input="ResetQuery"></input> <view class="statusBox" v-if="msg.FirstStoreTest === 1" @click="changeFirstStoreTest(0)">
</view> 首店经济试验场
</view> </view>
</template> <view class="statusBox2" v-if="msg.FirstStoreTest === 0" @click="changeFirstStoreTest(1)">
<template v-if="TenantId==18"> 首店经济试验场
<view style="display: flex; align-items: center"> </view>
<view style="flex: 1; overflow: hidden"> </view>
<u-tabs </template>
bg-color="#f6f6f6" <view v-else style="display: flex; align-items: center;padding: 28rpx 0;">
:is-scroll="true" <view style="flex: 1; overflow: hidden;padding-left: 32rpx;" class="carrierTabBox">
name="Name" <u-tabs bg-color="none" :is-scroll="true" name="ClassName" :list="typeList"
:list="typeList" :active-color="mainColor" inactive-color="#000000" :active-item-style="activeItemStyleCarr"
:active-color="mainColor" :current="active" @change="changeHandler" :show-bar="false" :activeFontSize="28" :bold="true"
:active-item-style="activeItemStyle" height="45" duration="0" :font-size="26" gutter="29"></u-tabs>
:current="active" </view>
@change="changeHandler" </view>
:show-bar="true" </view>
:activeFontSize="34"
:bold="true" <u-empty v-if="dataList&&dataList.length == 0" text="暂无数据" mode="list" class="noBox"></u-empty>
height="100" <view :style="{ height: TenantId==18?'calc(100% - 101px)':'calc(100% - 191px)'}"
duration="0" v-if="dataList&&dataList.length > 0">
:font-size="28" <scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower"
></u-tabs> style="height: 100%; padding-bottom: 0px">
</view> <template v-if="TenantId==18">
<!-- <div style="width: 60rpx" @click="showPopup = true"> <view v-for="(item, index) in dataList" :key="index">
<u-icon name="wap-nav" color="#111" size="42"></u-icon> <div class="good_study_one" @click="openGood(item.ID, typeList[item.ProjectType].Name)" :style="{
</div> -->
</view>
<view class="carrierScreen" v-if="isauth">
<view class="statusBox">
<picker @change="statusChange" :range="kystatus" range-key="name">
<view class="curStatusName"
>{{ curStatusName
}}<u-icon
name="arrow-down"
color="#ffffff"
size="22"
style="margin-left: 10rpx"
></u-icon
></view>
</picker>
</view>
<view
class="statusBox"
v-if="msg.FirstStoreTest === 1"
@click="changeFirstStoreTest(0)"
>
首店经济试验场
</view>
<view
class="statusBox2"
v-if="msg.FirstStoreTest === 0"
@click="changeFirstStoreTest(1)"
>
首店经济试验场
</view>
</view>
</template>
<view v-else style="display: flex; align-items: center;padding: 28rpx 0;">
<view style="flex: 1; overflow: hidden;padding-left: 32rpx;"
class="carrierTabBox">
<u-tabs
bg-color="none"
:is-scroll="true"
name="ClassName"
:list="typeList"
:active-color="mainColor"
inactive-color="#000000"
:active-item-style="activeItemStyleCarr"
:current="active"
@change="changeHandler"
:show-bar="false"
:activeFontSize="28"
:bold="true"
height="45"
duration="0"
:font-size="26"
gutter="29"
></u-tabs>
</view>
</view>
</view>
<u-empty
v-if="dataList&&dataList.length == 0"
text="暂无数据"
mode="list"
class="noBox"
></u-empty>
<view
:style="{ height: TenantId==18?'calc(100% - 101px)':'calc(100% - 191px)'}"
v-if="dataList&&dataList.length > 0">
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
style="height: 100%; padding-bottom: 0px"
>
<template v-if="TenantId==18">
<view v-for="(item, index) in dataList" :key="index">
<div
class="good_study_one"
@click="openGood(item.ID, typeList[item.ProjectType].Name)"
:style="{
borderRadius: '15px', borderRadius: '15px',
}" }">
> <view class="carriertag" v-if="item.FirstStoreTest === 1">
<view class="carriertag" v-if="item.FirstStoreTest === 1"> <view class="carriertagsub1">首店</view>
<view class="carriertagsub1">首店</view> <view class="carriertagsub2">经济试验场</view>
<view class="carriertagsub2">经济试验场</view> </view>
</view> <view class="img-box">
<view class="img-box"> <view class="img-show">
<view class="img-show"> <image style="width: 100%;height: 100%;border-radius: 10rpx 10rpx 0 0;"
<image mode="aspectFill" :src="item.BannerList[0]" />
style=" </view>
width: 100%; </view>
height: 100%; <div class="good-info">
border-radius: 10rpx 10rpx 0 0; <div class="good-name">
" <div class="span-name" style="display: flex">
mode="aspectFill" <div class="span-name-sub">{{ item.CarrierName }}</div>
:src="item.BannerList[0]" <view v-if="item.ListEnroll.length > 0">
/> <image style="height: 100%; border-radius: 10rpx 10rpx 0 0" mode="heightFix"
</view> :src="item.ListEnroll[0].MedalImage" />
</view> </view>
<div class="good-info"> </div>
<div class="good-name"> <div class="span-type">
<div class="span-name" style="display: flex"> {{ item.ProjectTypeName }}
<div class="span-name-sub">{{ item.CarrierName }}</div> <text v-if="item.OpeningStatus == 0" style="
<view v-if="item.ListEnroll.length > 0">
<image
style="height: 100%; border-radius: 10rpx 10rpx 0 0"
mode="heightFix"
:src="item.ListEnroll[0].MedalImage"
/>
</view>
</div>
<div class="span-type">
{{ item.ProjectTypeName }}
<text
v-if="item.OpeningStatus == 0"
style="
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #f70027; color: #f70027;
margin-left: 10rpx; margin-left: 10rpx;
" ">即将开业</text>
>即将开业</text <text v-if="item.OpeningStatus == 1" style="
>
<text
v-if="item.OpeningStatus == 1"
style="
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
margin-left: 10rpx; margin-left: 10rpx;
" ">已开业</text>
>已开业</text </div>
> </div>
</div> <div class="good-price-info">
</div> <u-icon name="location" color="#999" size="24"></u-icon>
<div class="good-price-info"> <span class="price" style="margin-left: 5px">{{
<u-icon name="location" color="#999" size="24"></u-icon>
<span class="price" style="margin-left: 5px">{{
item.Address item.Address
}}</span> }}</span>
</div> </div>
</div> </div>
</div> </div>
</view> </view>
</template> </template>
<template v-else> <template v-else>
<carrierElement v-if="dataList&&dataList.length>0" :dataList="dataList"></carrierElement> <carrierElement v-if="dataList&&dataList.length>0" :dataList="dataList"></carrierElement>
</template> </template>
<u-loadmore <u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20"
:status="status" bg-color="#F6F6F6" />
:load-text="loadText" </scroll-view>
:font-size="24" </view>
:margin-top="20" <!-- 加载中 -->
:margin-bottom="20" <view class="loading" v-if="loading">
bg-color="#F6F6F6" <u-loading mode="flower" size="48"></u-loading>
/> <Text style="color: #f6f6f6; margin-top: 10rpx">加载中...</Text>
</scroll-view> </view>
</view> <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
<!-- 加载中 --> <tabbars></tabbars>
<view class="loading" v-if="loading"> </div>
<u-loading mode="flower" size="48"></u-loading>
<Text style="color: #f6f6f6; margin-top: 10rpx">加载中...</Text>
</view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth" ></auth>
<tabbars></tabbars>
</div>
</template> </template>
<script> <script>
import auth from "@/components/auth/index.vue"; import auth from "@/components/auth/index.vue";
import tabbars from "@/components/tabbar/index"; import tabbars from "@/components/tabbar/index";
import headers from "@/components/header/header"; import headers from "@/components/header/header";
import carrierElement from "./carrierElement"; import carrierElement from "./carrierElement";
export default { export default {
components: { components: {
tabbars, tabbars,
auth, auth,
headers, headers,
carrierElement carrierElement
}, },
data() { data() {
return { return {
showAuth:false, showAuth: false,
u:{}, u: {},
isauth:false, isauth: false,
mainColor: "", mainColor: "",
active: 0, active: 0,
searchKey: "", searchKey: "",
typeList: [], typeList: [],
dataList: [], dataList: [],
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 10,
MetroName: "", MetroName: "",
CarrierName: "", CarrierName: "",
MetroNum: "", MetroNum: "",
Developers: "", Developers: "",
StartOpenTime: "", StartOpenTime: "",
EndOpenTime: "", EndOpenTime: "",
ProjectType: 0, ProjectType: 0,
OrderBy: 0, OrderBy: 0,
OpeningStatus: -1, OpeningStatus: -1,
FirstStoreTest: 0, FirstStoreTest: 0,
CategoryId: 0,
CategoryId: 0, BuildingCarrierType: null,
BuildingCarrierType: null, IsChengDu: -1, //首店类型 1成都 0宜宾
IsChengDu: -1,//首店类型 1成都 0宜宾 OrderBy: "",
MallBaseId: 0,
OrderBy: "", TenantId: 0,
MallBaseId: 0, },
TenantId: 0, loading: false,
}, pageCount: 0,
loading: false, status: "loadmore",
pageCount: 0, loadText: {
status: "loadmore", loadmore: "轻轻上拉，加载更多",
loadText: { loading: "努力加载中",
loadmore: "轻轻上拉，加载更多", nomore: "没有更多了",
loading: "努力加载中", },
nomore: "没有更多了", contentHeight: 0,
}, activeItemStyle: {
contentHeight: 0, "font-size": "34rpx",
activeItemStyle: { "font-family": "PingFang SC",
"font-size": "34rpx", "font-weight": 800,
"font-family": "PingFang SC", color: "#111111",
"font-weight": 800, },
color: "#111111", activeItemStyleCarr: {
}, "font-size": "23rpx",
activeItemStyleCarr:{ "font-family": "PingFang SC",
"font-size": "23rpx", "font-weight": "Bold",
"font-family": "PingFang SC", color: "#017EDF",
"font-weight": "Bold", "border": "1rpx solid #017EDF",
color: "#017EDF", "border-radius": "10rpx",
"border": "1rpx solid #017EDF", "height": "50rpx",
"border-radius": "10rpx", "line-height": "45rpx",
"height": "50rpx", "padding": "0 22rpx",
"line-height": "45rpx", "background": "#FFF"
"padding": "0 22rpx", },
"background": "#FFF" list: [],
}, kystatus: [{
list: [], id: -1,
kystatus: [ name: "全部",
{ },
id: -1, {
name: "全部", id: 0,
}, name: "即将开业",
{ },
id: 0, {
name: "即将开业", id: 1,
}, name: "已开业",
{
id: 1,
name: "已开业",
},
],
curStatusName: "全部",
TenantId: null,
replace: null,
secondary: null,
ShopTypeList: [
// {
// text: '全部',
// value: -1
// },
// {
// text: '成都',
// value: 1
// },
// {
// text: '宜宾',
// value: 2
// },
],
GetYBConfig: null,
iscpswjselectall: 0,
};
},
onShareTimeline() {
//朋友圈
let uid = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserId
: 0;
if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
}
let SmallShopId = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").SmallShopId
: 0;
if (SmallShopId == 0) {
//如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserSmallShopId
: 0;
}
let Up = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserPageType
: 0;
return {
title: "载体列表",
query: "user_id=" + uid + "&SmallShopId=" + SmallShopId + "&Up=" + Up,
imageUrl: "",
};
},
onShareAppMessage(res) {
//朋友
let uid = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserId
: 0;
if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
}
let SmallShopId = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").SmallShopId
: 0;
if (SmallShopId == 0) {
//如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserSmallShopId
: 0;
}
let Up = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserPageType
: 0;
return {
title: "载体列表",
path:
"/pages/kotra/carrier/list?user_id=" +
uid +
"&SmallShopId=" +
SmallShopId +
"&Up=" +
Up,
imageUrl: "",
};
},
onLoad(options) {
this.iscpswjselectall = uni.getStorageSync("basedata").iscpswjselectall
let uid = uni.getStorageSync("mall_UserInfo")
this.TenantId = uid.TenantId
// this.msg.TenantId = uid.TenantId
this.replace = uni.getStorageSync('replace_page_index')
this.msg.BuildingCarrierType = this.replace.state=='1'?1:2
if (options && options.id) {
this.msg.ProjectType = options.id;
this.msg.CategoryId = options.id
}
let c = this.$uiConfig.is_bang ? 78 : 50;
this.contentHeight = this.$utils.calcContentHeight(c) + 40;
if (options && options.FirstStoreTest) {
this.msg.FirstStoreTest = parseInt(options.FirstStoreTest);
}
// this.u = uni.getStorageSync("mall_UserInfo");
// if (!this.u) {
// this.u = {
// nickName: "未登录",
// avatarUrl: "",
// };
// this.showAuth = true;
// } else {
this.getTypeList();
this.isauth = true
// }
},
created() {
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary
},
mounted() {
uni.setNavigationBarTitle({
title: "载体列表",
});
},
methods: {
reloadUserinfo() {
this.u = uni.getStorageSync("mall_UserInfo");
this.isauth = true;//成都登录 就显示
this.getTypeList();
},
//关闭登录窗口
gbAuth() {
this.showAuth = false
},
// 获取类型
getTypeList() {
if(this.TenantId==18){
let parms = {
url: "/api/AppletTrade/GetProjectTypeEnumList",
};
this.request2(parms, (res) => {
if (res.resultCode == 1) {
// this.pageCount = res.data.pageCount
this.typeList.push({
Id: 0,
Name: "全部",
});
this.typeList = this.typeList.concat(res.data);
if (this.msg.ProjectType == 0) {
} else {
//指定跳入分类
this.typeList.map((x, i) => {
if (x.Id == this.msg.ProjectType) {
this.active = i;
}
});
}
}
});
}else{
this.request2({
url:"/api/AppletTrade/GetBrandClassList",
data: {
BrandCategory: this.replace.state=='1' ? 1 : 2
}
}, (res) => {
if (res.resultCode == 1) {
this.typeList = res.data;
this.typeList.unshift({
ID: 0,
ClassName: "全部",
});
if (this.msg.CategoryId) {
//指定跳入分类
this.typeList.map((x, i) => {
if (x.ID == this.msg.CategoryId) {
this.active = i;
}
});
}
}
});
this.request2({
url: "/api/AppletTrade/GetYBConfig",
data: {},
}, },
(res) => { ],
curStatusName: "全部",
TenantId: null,
replace: {
state: "1", //1-载体项目，2-楼宇
},
secondary: null,
ShopTypeList: [
// {
// text: '全部',
// value: -1
// },
// {
// text: '成都',
// value: 1
// },
// {
// text: '宜宾',
// value: 2
// },
],
GetYBConfig: null,
iscpswjselectall: 0,
};
},
onShareTimeline() {
//朋友圈
let uid = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserId :
0;
if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
}
let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").SmallShopId :
0;
if (SmallShopId == 0) {
//如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserSmallShopId :
0;
}
let Up = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserPageType :
0;
return {
title: "载体列表",
query: "user_id=" + uid + "&SmallShopId=" + SmallShopId + "&Up=" + Up,
imageUrl: "",
};
},
onShareAppMessage(res) {
//朋友
let uid = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserId :
0;
if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
}
let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").SmallShopId :
0;
if (SmallShopId == 0) {
//如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserSmallShopId :
0;
}
let Up = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserPageType :
0;
return {
title: "载体列表",
path: "/pages/kotra/carrier/list?user_id=" +
uid +
"&SmallShopId=" +
SmallShopId +
"&Up=" +
Up,
imageUrl: "",
};
},
onLoad(options) {
this.iscpswjselectall = uni.getStorageSync("basedata").iscpswjselectall
let uid = uni.getStorageSync("mall_UserInfo")
this.TenantId = uid.TenantId
let tempReplace = uni.getStorageSync('replace_page_index')
if (tempReplace && tempReplace.state) {
this.replace.state = tempReplace.state;
}
this.msg.BuildingCarrierType = this.replace.state == '1' ? 1 : 2
if (options && options.id) {
this.msg.ProjectType = options.id;
this.msg.CategoryId = options.id
}
let c = this.$uiConfig.is_bang ? 78 : 50;
this.contentHeight = this.$utils.calcContentHeight(c) + 40;
if (options && options.FirstStoreTest) {
this.msg.FirstStoreTest = parseInt(options.FirstStoreTest);
}
// this.u = uni.getStorageSync("mall_UserInfo");
// if (!this.u) {
// this.u = {
// nickName: "未登录",
// avatarUrl: "",
// };
// this.showAuth = true;
// } else {
this.getTypeList();
this.isauth = true
// }
},
created() {
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary
},
mounted() {
uni.setNavigationBarTitle({
title: "项目列表",
});
},
methods: {
reloadUserinfo() {
this.u = uni.getStorageSync("mall_UserInfo");
this.isauth = true; //成都登录 就显示
this.getTypeList();
},
//关闭登录窗口
gbAuth() {
this.showAuth = false
},
// 获取类型
getTypeList() {
if (this.TenantId == 18) {
let parms = {
url: "/api/AppletTrade/GetProjectTypeEnumList",
};
this.request2(parms, (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
this.GetYBConfig = res.data this.typeList.push({
res.data.mallBaselList.forEach(x=>{ Id: 0,
let obj = { Name: "推荐",
text: x.Name, });
value: x.MallBaseId this.typeList = this.typeList.concat(res.data);
} if (this.msg.ProjectType == 0) {} else {
this.ShopTypeList.push(obj) //指定跳入分类
}) this.typeList.map((x, i) => {
if (x.Id == this.msg.ProjectType) {
this.active = i;
}
});
}
}
});
} else {
this.request2({
url: "/api/AppletTrade/GetBrandClassList",
data: {
BrandCategory: this.replace.state == '1' ? 1 : 2
} }
}, (res) => {
if (res.resultCode == 1) {
this.typeList = res.data;
this.typeList.unshift({
ID: 0,
ClassName: "推荐",
});
if (this.msg.CategoryId) {
//指定跳入分类
this.typeList.map((x, i) => {
if (x.ID == this.msg.CategoryId) {
this.active = i;
}
});
}
}
});
this.request2({
url: "/api/AppletTrade/GetYBConfig",
data: {},
},
(res) => {
if (res.resultCode == 1) {
this.GetYBConfig = res.data
res.data.mallBaselList.forEach(x => {
let obj = {
text: x.Name,
value: x.MallBaseId
}
this.ShopTypeList.push(obj)
})
}
}
);
}
this.getCarrierPageList();
},
ResetQuery() {
this.dataList = []
this.msg.pageIndex = 1
this.getCarrierPageList()
},
// 获取载体分页列表
getCarrierPageList() {
let url = "/api/AppletTrade/GetCarrierPageList"
if (this.TenantId != 18 && this.replace.state) {
if (this.replace.state == '1') url = "/api/AppletTrade/GetAllCarrierPageList"
else url = "/api/AppletTrade/GetBuildingPageList"
}
this.request2({
url: url,
data: {
...this.msg
} }
); }, (res) => {
} this.loading = false;
if (res.resultCode == 1) {
this.getCarrierPageList(); this.dataList = this.dataList.concat(res.data.pageData);
}, this.pageCount = res.data.pageCount;
ResetQuery(){ if (this.pageCount == 1) {
this.dataList = [] this.status = "nomore";
this.msg.pageIndex=1 }
this.getCarrierPageList() }
}, });
// 获取载体分页列表 },
getCarrierPageList() { changeHandler(i) {
let url = "/api/AppletTrade/GetCarrierPageList" this.active = i;
if(this.TenantId!=18&&this.replace.state){ if (this.TenantId == 18) this.msg.ProjectType = this.typeList[i].Id;
if(this.replace.state=='1') url = "/api/AppletTrade/GetAllCarrierPageList" else this.msg.CategoryId = this.typeList[i].ID;
else url = "/api/AppletTrade/GetBuildingPageList" this.ResetQuery()
} },
this.request2({ openGood(id, type) {
url: url, uni.navigateTo({
data: { url: "/pages/kotra/carrier/detail?id=" + id + "&&type=" + type,
...this.msg });
} },
}, (res) => { searchHandler(val) {
this.loading = false; this.u = uni.getStorageSync("mall_UserInfo");
if (res.resultCode == 1) { if (!this.u) {
this.dataList = this.dataList.concat(res.data.pageData); this.u = {
this.pageCount = res.data.pageCount; nickName: "未登录",
if (this.pageCount == 1) { avatarUrl: "",
this.status = "nomore"; };
} this.showAuth = true;
} } else {
}); this.msg.CarrierName = val;
}, this.msg.pageIndex = 1;
changeHandler(i) { this.dataList = [];
this.active = i; this.getCarrierPageList();
if(this.TenantId==18) this.msg.ProjectType = this.typeList[i].Id; }
else this.msg.CategoryId = this.typeList[i].ID;
this.ResetQuery() },
}, //触底事件
openGood(id, type) { lower(e) {
uni.navigateTo({ if (this.msg.pageIndex < this.pageCount) {
url: "/pages/kotra/carrier/detail?id=" + id + "&&type=" + type, this.msg.pageIndex++;
}); this.status = "loading";
}, this.getCarrierPageList();
searchHandler(val) { } else {
this.status = "nomore";
this.u = uni.getStorageSync("mall_UserInfo"); }
if (!this.u) { },
this.u = { statusChange(e) {
nickName: "未登录", let index = parseInt(e.detail.value);
avatarUrl: "", this.msg.OpeningStatus = this.kystatus[index].id;
}; this.curStatusName = this.kystatus[index].name;
this.showAuth = true; this.msg.pageIndex = 1;
} else { this.dataList = [];
this.msg.CarrierName = val; this.getCarrierPageList();
this.msg.pageIndex = 1; },
this.dataList = []; changeFirstStoreTest(i) {
this.getCarrierPageList(); this.msg.FirstStoreTest = i;
} this.msg.pageIndex = 1;
this.dataList = [];
}, this.getCarrierPageList();
//触底事件 },
lower(e) { },
if (this.msg.pageIndex < this.pageCount) { };
this.msg.pageIndex++;
this.status = "loading";
this.getCarrierPageList();
} else {
this.status = "nomore";
}
},
statusChange(e) {
let index = parseInt(e.detail.value);
this.msg.OpeningStatus = this.kystatus[index].id;
this.curStatusName = this.kystatus[index].name;
this.msg.pageIndex = 1;
this.dataList = [];
this.getCarrierPageList();
},
changeFirstStoreTest(i) {
this.msg.FirstStoreTest = i;
this.msg.pageIndex = 1;
this.dataList = [];
this.getCarrierPageList();
},
},
};
</script> </script>
<style> <style>
.carrierTabBox .u-tab-item{ .carrierTabBox .u-tab-item {
background: #FFFFFF; background: #FFFFFF;
margin-right: 29rpx; margin-right: 29rpx;
border-radius: 10rpx; border-radius: 10rpx;
line-height: 39rpx; line-height: 39rpx;
padding: 13rpx 22rpx; padding: 13rpx 22rpx;
border: 1rpx solid #FFFFFF; border: 1rpx solid #FFFFFF;
} }
.carrierSearch-right>input::placeholder{
color: #95AAB9; .carrierSearch-right>input::placeholder {
} color: #95AAB9;
.carrierSearch-right{ }
font-size: 27rpx;
font-weight: 100; .carrierSearch-right {
} font-size: 27rpx;
.carrierSearch-auto{ font-weight: 100;
width: 2rpx; }
height: 40rpx;
background: #E1EDF7; .carrierSearch-auto {
border-radius: 1rpx; width: 2rpx;
margin-left: 30rpx; height: 40rpx;
margin-right: 30rpx; background: #E1EDF7;
} border-radius: 1rpx;
.carrierSearch-ex{ margin-left: 30rpx;
width: 152rpx; margin-right: 30rpx;
/* position: absolute; }
width: 202rpx;
left: 0; .carrierSearch-ex {
top: 0; width: 152rpx;
z-index: 1; */ }
}
.carrierSearch-left .uni-select__selector{ .carrierSearch-left .uni-select__selector {
/* width: 202rpx !important; */ /* width: 202rpx !important; */
} }
.carrierSearch-left .uni-icons{
color: #017EDF !important; .carrierSearch-left .uni-icons {
margin-left: 24rpx !important; color: #017EDF !important;
} margin-left: 24rpx !important;
.carrierSearch-left .uni-select__input-text{ }
font-size: 27rpx;
font-weight: bold; .carrierSearch-left .uni-select__input-text {
} font-size: 27rpx;
.carrierSearch-left .uni-select { font-weight: bold;
border: 0; }
padding: 0;
padding-left: 0; .carrierSearch-left .uni-select {
} border: 0;
.carrierSearch-left{ padding: 0;
display: flex; padding-left: 0;
flex-direction: row; }
align-items: center;
font-family: PingFang SC; .carrierSearch-left {
} display: flex;
.carrierSearch{ flex-direction: row;
height: 76rpx; align-items: center;
display: flex; font-family: PingFang SC;
flex-direction: row; }
align-items: center;
z-index: 101; .carrierSearch {
margin: 0 32rpx; height: 76rpx;
background: #EEF7FF; display: flex;
border-radius: 18rpx; flex-direction: row;
position: relative; align-items: center;
} z-index: 101;
.good_study_one { margin: 0 32rpx;
margin: 12px; background: #EEF7FF;
position: relative; border-radius: 18rpx;
border: 1rpx solid transparent; position: relative;
border-radius: 10rpx; }
overflow: hidden;
} .good_study_one {
margin: 12px;
.good_study_one .tips { position: relative;
width: 64rpx; border: 1rpx solid transparent;
height: 64rpx; border-radius: 10rpx;
position: absolute; overflow: hidden;
top: 0; }
left: 0;
z-index: 4; .good_study_one .tips {
} width: 64rpx;
height: 64rpx;
.good_study_one .guding {
position: relative;
}
/* .good_study_one .guding .img-box {
position: absolute; position: absolute;
top: 0;
left: 0; left: 0;
right: 0; z-index: 4;
}
.good_study_one .guding {
position: relative;
}
.good_study_one .img-box {
width: 100%;
height: 0;
padding-top: 49%;
position: relative;
overflow: hidden;
}
.good_study_one .img-box .img-show {
position: absolute;
left: 0;
top: 0;
bottom: 0; bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.good_study_one .good-info {
padding: 12px;
background-color: #fff;
}
.good_study_one .good-info .good-name {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 5px;
}
.good_study_one .good-info .good-name .span-name {
width: 350rpx;
height: 40rpx;
font-size: 28rpx;
font-weight: bold;
color: #111;
}
.span-name-sub {
max-width: 320rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.good_study_one .good-info .good-name .span-type {
font-weight: 500;
color: #999999;
font-size: 24rpx;
margin-left: 10px;
}
.good_study_one .good-info .good-price-info {
display: flex;
}
.good_study_one .good-info .good-price-info .price {
color: #999999;
font-size: 24rpx;
flex: 1;
}
.good_study_one .good-info .good-price-info .buy {
width: 24px;
text-align: right;
}
.carrierScreen {
height: 50rpx;
margin: 20rpx 0;
display: flex;
padding: 0 30rpx;
}
.statusBox {
height: 46rpx;
background: #1f1f1f;
border-radius: 23rpx;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
margin-right: 30rpx;
padding: 0 18rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 500;
}
.curStatusName {
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
display: flex;
}
.statusBox2 {
height: 46rpx;
background: #eaeaea;
border-radius: 23rpx;
display: flex;
justify-content: center;
align-items: center;
color: #999999;
padding: 0 18rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 500;
}
.carriertag {
width: 170rpx;
height: 40rpx;
background: #fff;
border-radius: 0px 0px 20rpx 0px;
position: absolute;
top: 0; top: 0;
} */ left: 0;
.good_study_one .img-box { z-index: 100;
width: 100%; display: flex;
height: 0; justify-content: center;
padding-top: 49%; align-items: center;
position: relative; }
overflow: hidden;
} .carriertagsub1 {
width: 48rpx;
.good_study_one .img-box .img-show { height: 22rpx;
position: absolute; background: #1f1f1f;
left: 0; border-radius: 4rpx 0rpx 0rpx 4rpx;
top: 0; font-size: 18rpx;
bottom: 0; font-family: PingFang SC;
right: 0; font-weight: bold;
width: 100%; color: #ffffff;
height: 100%; display: flex;
overflow: hidden; justify-content: center;
} align-items: center;
}
.good_study_one .good-info {
padding: 12px; .carriertagsub2 {
background-color: #fff; width: 100rpx;
} height: 22rpx;
background: #d0aa7b;
.good_study_one .good-info .good-name { border-radius: 0px 4rpx 4rpx 0rpx;
display: flex; display: flex;
align-items: center; justify-content: center;
justify-content: space-between; align-items: center;
padding-bottom: 5px; font-size: 18rpx;
} font-family: PingFang SC;
.good_study_one .good-info .good-name .span-name { font-weight: bold;
width: 350rpx; color: #111111;
height: 40rpx; }
font-size: 28rpx; </style>
font-weight: bold; \ No newline at end of file
color: #111;
}
.span-name-sub {
max-width: 320rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.good_study_one .good-info .good-name .span-type {
font-weight: 500;
color: #999999;
font-size: 24rpx;
margin-left: 10px;
}
.good_study_one .good-info .good-price-info {
display: flex;
}
.good_study_one .good-info .good-price-info .price {
color: #999999;
font-size: 24rpx;
flex: 1;
}
.good_study_one .good-info .good-price-info .buy {
width: 24px;
text-align: right;
}
.carrierScreen {
height: 50rpx;
margin: 20rpx 0;
display: flex;
padding: 0 30rpx;
}
.statusBox {
/* width: 150rpx; */
height: 46rpx;
background: #1f1f1f;
border-radius: 23rpx;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
margin-right: 30rpx;
padding: 0 18rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 500;
}
.curStatusName {
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
display: flex;
}
.statusBox2 {
/* width: 150rpx; */
height: 46rpx;
background: #eaeaea;
border-radius: 23rpx;
display: flex;
justify-content: center;
align-items: center;
color: #999999;
padding: 0 18rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 500;
}
.carriertag {
width: 170rpx;
height: 40rpx;
background: #fff;
border-radius: 0px 0px 20rpx 0px;
position: absolute;
top: 0;
left: 0;
z-index: 100;
display: flex;
justify-content: center;
align-items: center;
}
.carriertagsub1 {
width: 48rpx;
height: 22rpx;
background: #1f1f1f;
border-radius: 4rpx 0rpx 0rpx 4rpx;
font-size: 18rpx;
font-family: PingFang SC;
font-weight: bold;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.carriertagsub2 {
width: 100rpx;
height: 22rpx;
background: #d0aa7b;
border-radius: 0px 4rpx 4rpx 0rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 18rpx;
font-family: PingFang SC;
font-weight: bold;
color: #111111;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment