Commit aa995aab authored by Mac's avatar Mac

1

parent a053f113
...@@ -3,34 +3,34 @@ ...@@ -3,34 +3,34 @@
<scroll-view scroll-y="true" style="width: 100%;height: 100%;" @scroll="scroll"> <scroll-view scroll-y="true" style="width: 100%;height: 100%;" @scroll="scroll">
<view style="height: 700rpx;position: relative;z-index: 1;" :style="{'opacity':(100-boxOption)+'%'}"> <view style="height: 700rpx;position: relative;z-index: 1;" :style="{'opacity':(100-boxOption)+'%'}">
<u-swiper <u-swiper
:list="imgsList" :list="details.imgs"
:effect3d="false" :effect3d="false"
:height="700" :height="700"
:interval="5000" :interval="5000"
:border-radius="0" :border-radius="0"
@click="previewImage" @click="previewImage"
name="url" name='name'
v-if="active==1" v-if="active==1"
></u-swiper> ></u-swiper>
<view style="background-color: #111;height: 700rpx;position: relative;" v-if="active==0"> <view style="background-color: #111;height: 700rpx;position: relative;" v-if="active==0">
<video id="myVideo" :src="files" style="width: 100%;height: 100%;" <video id="myVideo" :src="details.VideoUrl" style="width: 100%;height: 100%;"
:controls='controls' :controls='controls'
:show-center-play-btn='false' :show-center-play-btn='false'
:show-fullscreen-btn='false' :show-fullscreen-btn='false'
@fullscreenchange='videoControl' @fullscreenchange='videoControl'
></video> ></video>
<view @click="enlarge(files)" style="position: absolute;left: 50%;top: 50%;margin-top: -49rpx;margin-left: -49rpx;width: 98rpx;height: 98rpx;border-radius: 20rpx;background-color: rgba(255,255,255,.4);display: flex;align-items: center;justify-content: center;"> <view @click="enlarge(details.VideoUrl)" style="position: absolute;left: 50%;top: 50%;margin-top: -49rpx;margin-left: -49rpx;width: 98rpx;height: 98rpx;border-radius: 20rpx;background-color: rgba(255,255,255,.4);display: flex;align-items: center;justify-content: center;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616471847000_345.png" style="width: 37rpx;height: 44rpx;" mode=""></image> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616471847000_345.png" style="width: 37rpx;height: 44rpx;" mode=""></image>
</view> </view>
</view> </view>
<view style="width: 100px;height: 50rpx;position: absolute;background-color: rgba(255,255,255,.6);border-radius: 50rpx;left: 50%;bottom: 80px;margin-left:-50px;"> <view style="width: 100px;height: 50rpx;position: absolute;background-color: rgba(255,255,255,.6);border-radius: 50rpx;left: 50%;bottom: 80px;margin-left:-50px;" v-if="details.VideoUrl!=''">
<u-tabs bg-color="rgba(0,0,0,0)" :is-scroll="false" name="Name" :list="typeList" :active-color="mainColor" <u-tabs bg-color="rgba(0,0,0,0)" :is-scroll="false" name="Name" :list="typeList" :active-color="mainColor"
:current="active" @change="changeHandler" :show-bar="true" :bold="false" height="50" :current="active" @change="changeHandler" :show-bar="true" :bold="false" height="50"
duration="0" font-size="24" :activeFontSize="24" :typeStyle="2"></u-tabs> duration="0" font-size="24" :activeFontSize="24" :typeStyle="2"></u-tabs>
</view> </view>
<view style="height: 50rpx;position: absolute;background-color: rgba(0,0,0,.6);border-radius: 50rpx;left: 30rpx;bottom: 80px;color:#FFF;padding:0 18rpx;display: flex;align-items: center;"> <view style="height: 50rpx;position: absolute;background-color: rgba(0,0,0,.6);border-radius: 50rpx;left: 30rpx;bottom: 80px;color:#FFF;padding:0 18rpx;display: flex;align-items: center;">
<u-icon name="photo-o" size="26" color="#FFF" style="margin-right: 6rpx;"></u-icon> <u-icon name="photo-o" size="26" color="#FFF" style="margin-right: 6rpx;"></u-icon>
<text style="font-size: 22rpx;font-family: pingfang;">15</text> <text style="font-size: 22rpx;font-family: pingfang;">{{details.BannerList.length}}</text>
</view> </view>
<view @click="goback" :style="[titleStyle,{opacity:'100% !important'}]" style="position: fixed;top: 0;left: 0;padding-left: 6rpx;"> <view @click="goback" :style="[titleStyle,{opacity:'100% !important'}]" style="position: fixed;top: 0;left: 0;padding-left: 6rpx;">
<u-icon name="arrow-left" size="44" color="#FFF" style="margin-top: 22rpx;"></u-icon> <u-icon name="arrow-left" size="44" color="#FFF" style="margin-top: 22rpx;"></u-icon>
...@@ -40,55 +40,63 @@ ...@@ -40,55 +40,63 @@
<view @click="goback"> <view @click="goback">
<u-icon name="arrow-left" size="44"></u-icon> <u-icon name="arrow-left" size="44"></u-icon>
</view> </view>
<view style="flex: 1;margin-left: 30rpx; text-align: left;">银泰in99</view> <view style="flex: 1;margin-left: 30rpx; text-align: left;">{{details.BrandName}}</view>
</view> </view>
<view style="position: relative;z-index: 2;"> <view style="position: relative;z-index: 2;">
<view style="position: relative;top: -70px;border-top-left-radius: 30px;border-top-right-radius: 30px;height: 900px;background-color: #FFF;padding:60rpx 40rpx;"> <view style="position: relative;top: -70px;border-top-left-radius: 30px;border-top-right-radius: 30px;height: 900px;background-color: #FFF;padding:60rpx 40rpx;">
<view style="font-size: 21px;color: #1F1F1F;font-weight: bold;"> <view style="font-size: 21px;color: #1F1F1F;font-weight: bold;">
成都拾野自然博物馆 {{details.FullBrandName}}
</view> </view>
<view style="width: 100%;height: 35px;display: flex;align-items: center;justify-content: space-between;"> <view style="width: 100%;height: 35px;display: flex;align-items: center;justify-content: space-between;">
<view class="label-b" :style="{'background':mainColor}"> <view class="label-b" :style="{'background':mainColor}">
shopping mall {{details.ProjectName}}
</view> </view>
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-love.png" style="width: 63px;height: 63px;"></image> <image v-if="details.CollectId>0" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-love.png" style="width: 63px;height: 63px;" @click="getlove()"></image>
<image v-if="details.CollectId==0" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_509.png" style="width: 63px;height: 63px;" @click="getlove()"></image>
</view> </view>
<view class="brand-xinx"> <view class="brand-xinx">
<view class="brand-xinx-item"> <view class="brand-xinx-item">
<view class="brand-xinx-item-t" :style="{color:mainColor}">2</view> <view class="brand-xinx-item-t" :style="{color:mainColor}">{{details.ShopNum}}</view>
<view class="brand-xinx-item-m">店铺数量</view> <view class="brand-xinx-item-m">店铺数量</view>
</view> </view>
<view class="brand-xinx-item" style="padding-left: 10px;"> <view class="brand-xinx-item" style="padding-left: 10px;">
<view class="brand-xinx-item-t" :style="{color:mainColor}">500<text style="font-size: 12px;"></text></view> <view class="brand-xinx-item-t" :style="{color:mainColor}" v-if="details.BuiltUpArea==0">{{details.EndBuiltUpArea}}<text style="font-size: 12px;"></text></view>
<view class="brand-xinx-item-t" :style="{color:mainColor}" v-if="details.EndBuiltUpArea==0">{{details.BuiltUpArea}}<text style="font-size: 12px;"></text></view>
<view class="brand-xinx-item-t" :style="{color:mainColor}" v-if="details.BuiltUpArea!=0 && details.EndBuiltUpArea!=0">{{details.BuiltUpArea}}~{{details.EndBuiltUpArea}}<text style="font-size: 12px;"></text></view>
<view class="brand-xinx-item-t" :style="{color:mainColor}" v-if="details.BuiltUpArea==0 && details.EndBuiltUpArea==0">/</view>
<view class="brand-xinx-item-m">店铺面积</view> <view class="brand-xinx-item-m">店铺面积</view>
</view> </view>
<view class="brand-xinx-item" style="padding-left: 10px;"> <view class="brand-xinx-item" style="padding-left: 10px;">
<view class="brand-xinx-item-t" :style="{color:mainColor}">600<text style="font-size: 12px;"></text> </view> <view class="brand-xinx-item-t" :style="{color:mainColor}" v-if="details.AreaRequirement==0">{{details.EndAreaRequirement}}<text style="font-size: 12px;"></text></view>
<view class="brand-xinx-item-t" :style="{color:mainColor}" v-if="details.EndAreaRequirement==0">{{details.AreaRequirement}}<text style="font-size: 12px;"></text></view>
<view class="brand-xinx-item-t" :style="{color:mainColor}" v-if="details.AreaRequirement!=0 && details.EndAreaRequirement!=0">{{details.AreaRequirement}}~{{details.EndAreaRequirement}}<text style="font-size: 12px;"></text></view>
<view class="brand-xinx-item-t" :style="{color:mainColor}" v-if="details.AreaRequirement==0 && details.EndAreaRequirement==0">/</view>
<view class="brand-xinx-item-m">需求面积</view> <view class="brand-xinx-item-m">需求面积</view>
</view> </view>
</view> </view>
<view class="brand-x"> <view class="brand-x">
<view class="brand-x-l">拓店区域:</view> <view class="brand-x-l">拓店区域:</view>
<view class="brand-x-r">四川成都</view> <view class="brand-x-r">{{details.StoreExpansion}}</view>
</view> </view>
<view class="brand-x"> <view class="brand-x">
<view class="brand-x-l">品牌定位:</view> <view class="brand-x-l">品牌定位:</view>
<view class="brand-x-r">商业地产+体育运动的新型“SPORTMALL”的全新商业场景</view> <view class="brand-x-r">{{details.BrandType}}</view>
</view> </view>
<view class="brand-x"> <view class="brand-x">
<view class="brand-x-l">客群定位:</view> <view class="brand-x-l">客群定位:</view>
<view class="brand-x-r">白领,家庭,学生等对体育有需求同时具有一定的消费能力的客户群体</view> <view class="brand-x-r">{{details.CustomerType}}</view>
</view> </view>
<view style="width: 100%;position: relative;margin-top: 46px;background: rgba(252, 42, 76, 0.05);padding: 15px 0;border-radius: ;"> <view style="width: 100%;position: relative;margin-top: 46px;background: rgba(252, 42, 76, 0.05);padding: 15px 0;border-radius: ;">
<view style="width: 150rpx;height: 150rpx;background: #FFFFFF;box-shadow: 0px 2px 15px 0px rgba(167, 167, 167, 0.39);border-radius: 10px;position: absolute;left: 0;top: -23px;"> <view style="width: 150rpx;height: 150rpx;background: #FFFFFF;box-shadow: 0px 2px 15px 0px rgba(167, 167, 167, 0.39);border-radius: 10px;position: absolute;left: 0;top: -23px;">
<!-- 放图片 -->
<image :src='details.Logo' style="width: 100%;height: 100%;" mode="aspectFill"></image>
</view> </view>
<view style="width: calc(100vw - 40px - 150rpx - 20px);margin-left: 190rpx;"> <view style="width: calc(100vw - 40px - 150rpx - 20px);margin-left: 190rpx;">
<view style="font-size: 13px;color: #B1B1B1;">品牌名称:</view> <view style="font-size: 13px;color: #B1B1B1;">品牌名称:</view>
<view style="font-size: 15px;color: #1F1F1F;font-weight: bold;margin-top: 10px;"> <view style="font-size: 15px;color: #1F1F1F;font-weight: bold;margin-top: 10px;">
拾野·自然博物馆 {{details.BrandName}}
</view> </view>
</view> </view>
</view> </view>
...@@ -96,22 +104,58 @@ ...@@ -96,22 +104,58 @@
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-wyxq.png" mode="widthFix"></image> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-wyxq.png" mode="widthFix"></image>
</view> </view>
<view class="Listbox" > <view class="Listbox" >
<view class="Listbox-item" v-for='(x,y) in EquityList' :key='y'> <view class="Listbox-item" >
<image :src="x.ImagePath" style="width: 74rpx;height: auto;" mode="widthFix"></image> <image :src="EquityList[0].ImagePath" v-if="details.Plumbing==1" mode="widthFix"></image>
<text class="list-item-text" style="font-size: 12px;color: #424242;">{{x.Title}}</text> <image :src="EquityList[0].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.Plumbing==1?'#424242':'#D6D6D6'}">{{EquityList[0].Title}}</text>
</view>
<view class="Listbox-item" >
<image :src="EquityList[1].ImagePath" 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" >
<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" >
<image :src="EquityList[3].ImagePath" v-if="details.DianLiang!=''" mode="widthFix"></image>
<image :src="EquityList[3].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.DianLiang!=''?'#424242':'#D6D6D6'}">{{EquityList[3].Title}}</text>
</view>
<view class="Listbox-item" >
<image :src="EquityList[4].ImagePath" v-if="details.XinFeng==1" mode="widthFix"></image>
<image :src="EquityList[4].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.XinFeng==1?'#424242':'#D6D6D6'}">{{EquityList[4].Title}}</text>
</view>
<view class="Listbox-item" >
<image :src="EquityList[5].ImagePath" v-if="details.PaiYan==1" mode="widthFix"></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'}">{{EquityList[6].Title}}</text>
</view>
<view class="Listbox-item" >
<image :src="EquityList[7].ImagePath" v-if="details.Caliber==1" mode="widthFix"></image>
<image :src="EquityList[7].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.Caliber==1?'#424242':'#D6D6D6'}">{{EquityList[7].Title}}</text>
</view> </view>
</view> </view>
<view class="brand-title"> <view class="brand-title">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-ggxq.png" mode="widthFix"></image> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-ggxq.png" mode="widthFix"></image>
</view> </view>
<view style="margin-top: 30px;font-size: 13px;color: #1F1F1F;"> <view style="margin-top: 30px;">
<h-parse :content="details.Advertising" @navigate="clickDescription"></h-parse>
</view> </view>
<view class="brand-title" style="width: 36px;"> <view class="brand-title" style="width: 36px;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-qt.png" mode="widthFix"></image> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-qt.png" mode="widthFix"></image>
</view> </view>
<view style="margin-top: 30px;font-size: 13px;color: #1F1F1F;"> <view style="margin-top: 30px;">
城市一、二类商圈;选择繁华的商业中心,及地标性购物中心交通便利,项目周边交通状况良好,地铁直达最佳 <h-parse :content="details.Other" @navigate="clickDescription"></h-parse>
</view> </view>
</view> </view>
...@@ -121,21 +165,16 @@ ...@@ -121,21 +165,16 @@
</template> </template>
<script> <script>
import hParse from "@/components/u-parse/parse.vue";
export default { export default {
components: {
hParse
},
data() { data() {
return { return {
imgs:[ ID:0,
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_561.png', details:{},
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_819.png'
],
imgsList:[
{
url:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_561.png'
},
{
url:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_819.png'
}
],
typeList: [{ typeList: [{
Id: 0, Id: 0,
Name: '视频' Name: '视频'
...@@ -149,43 +188,35 @@ ...@@ -149,43 +188,35 @@
active:0, active:0,
mainColor:'', mainColor:'',
controls:false,//显示默认控件 controls:false,//显示默认控件
files:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637516872805837677.mp4',
EquityList:[ EquityList:[
{ {"Title":"上下水","ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs.png",
"Id":11, "Image_n":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs-n.png",
"Title":"权益五", },
"ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616056016000_64.png", {"Title":"排污","ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pw.png",
"Content":"会员权益" "Image_n":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pw-n.png"},
}, {"Title":"燃气","ImagePath":"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"},
"Id":10, {"Title":"电量负荷","ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-dl.png",
"Title":"权益四", "Image_n":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-dl-n.png"},
"ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616056016000_955.png", {"Title":"新风","ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-xf.png",
"Content":"1对1客服" "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-pyl.png",
{ "Image_n":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pyl-n.png"},
"Id":9, {"Title":"空调","ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kt.png",
"Title":"权益三", "Image_n":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kt-n.png"},
"ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616056016000_417.png", {"Title":"管径","ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj.png",
"Content":"会员权益" "Image_n":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj-n.png"},
},
{ ]
"Id":8,
"Title":"权益二",
"ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616056016000_864.png",
"Content":"会员权益"
},
{
"Id":7,
"Title":"所有权益",
"ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616056016000_711.png",
"Content":"超级会员"
}
]
} }
}, },
onLoad(options) { onLoad(options) {
let that=this let that=this
if(options && options.id){
this.ID = options.id
this.GetBrandDetails()
}
uni.getSystemInfo({ uni.getSystemInfo({
success(res) { success(res) {
that.titleStyle = { that.titleStyle = {
...@@ -198,13 +229,42 @@ ...@@ -198,13 +229,42 @@
this.mainColor = this.$uiConfig.mainColor; this.mainColor = this.$uiConfig.mainColor;
}, },
methods: { methods: {
clickDescription(e) {
console.log(e);
},
GetBrandDetails(){
this.request2(
{
url: '/api/AppletTrade/GetBrandDetails',
data: {ID:this.ID}
},
res => {
if(res.resultCode==1){
this.details = res.data;
console.log(this.details)
if(res.data.VideoUrl==''){
this.active=1
};
this.details.imgs=[]
this.details.BannerList.forEach(x=>{
let obj= {
name:x
}
this.details.imgs.push(obj)
})
console.log(this.details.imgs)
}
}
);
},
changeHandler(i) { changeHandler(i) {
this.active = i; this.active = i;
}, },
previewImage(i) { previewImage(i) {
console.log(i) console.log(i)
uni.previewImage({ uni.previewImage({
urls: this.imgs, urls: this.details.BannerList,
current: i, current: i,
longPressActions: { longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"], itemList: ["发送给朋友", "保存图片", "收藏"],
...@@ -242,6 +302,23 @@ ...@@ -242,6 +302,23 @@
this.controls=true 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()
}
}
);
}
} }
} }
...@@ -334,9 +411,14 @@ ...@@ -334,9 +411,14 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.Listbox-item image{
width: 74rpx;height: auto;
}
.list-item-text{ .list-item-text{
width: calc(100vw / 4); width: calc(100vw / 4);
margin-top: 5px; margin-top: 5px;
text-align: center; text-align: center;
font-size: 12px;
} }
</style> </style>
<template> <template>
<div style="background-color: #f6f6f6;height: 100vh;padding-bottom: 90px;overflow: hidden;"> <div style="background-color: #f6f6f6;height: 100vh;padding-bottom: 50px;overflow: hidden;">
<view style="padding:5px 10px;"> <view style="padding:5px 10px;">
<u-search placeholder="搜索品牌名称" :focus="false" :show-action="false" :clearabled="true" radius="40" v-model="searchKey" <u-search placeholder="搜索品牌名称" :focus="false" :show-action="false" :clearabled="true" radius="40" v-model="msg.BrandName"
@search="searchHandler" @custom="searchHandler" bg-color="#FFF" ></u-search> @search="searchHandler" @custom="searchHandler" bg-color="#FFF" ></u-search>
</view> </view>
<view style="display: flex; align-items: center;"> <view style="display: flex; align-items: center;">
<view style="flex:1;overflow: hidden;"> <view style="flex:1;overflow: hidden;">
<u-tabs bg-color="#f6f6f6" :is-scroll="true" name="Name" :list="typeList" :active-color="mainColor" <u-tabs bg-color="#f6f6f6" :is-scroll="true" name="ClassName" :list="typeList" :active-color="mainColor"
:current="active" @change="changeHandler" :show-bar="true" :activeFontSize="34" :bold="true" height="100" :current="active" @change="changeHandler" :show-bar="true" :activeFontSize="34" :bold="true" height="100"
duration="0" font-size="28"></u-tabs> duration="0" font-size="28"></u-tabs>
</view> </view>
...@@ -14,246 +14,40 @@ ...@@ -14,246 +14,40 @@
<u-icon name="filter-o" color="#111" size="42"></u-icon> <u-icon name="filter-o" color="#111" size="42"></u-icon>
</div> </div>
</view> </view>
<u-empty v-if="g.length == 0" text="暂无内容" mode="list"></u-empty>
<view style="height: calc(100% - 101px);padding:2px 10px;"> <view style="height: calc(100% - 101px);padding:2px 10px;" v-if="g.length > 0">
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" <scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower"
style="height: 100%; padding-bottom: 0px;"> style="height: 100%; padding-bottom: 0px;">
<u-row gutter="24"> <u-row gutter="24">
<u-col span="6"> <u-col span="6" v-for="(x, i) in g" :key="i" >
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}"> <view class="good_study_two" @click="openGood(x.ID)" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style="
width: 100%;
height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" />
</view>
</view>
<view class="good-info">
<view class="good-name">柴门荟</view>
<view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span>
</view>
</view>
</view>
</u-col>
<u-col span="6">
<view class="good_study_two" @click="openGood" :style="{borderRadius:'10px'}">
<view class="img-box"> <view class="img-box">
<view class="img-show" :style="{'border-top-left-radius':'10px'}"> <view class="img-show" :style="{'border-top-left-radius':'10px'}">
<image style=" <image style="
width: 100%; width: 100%;
height: 100%; height: 100%;
"mode="aspectFill" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png" /> "mode="aspectFill" :src="x.BannerList[0]" />
</view> </view>
</view> </view>
<view class="good-info"> <view class="good-info">
<view class="good-name">柴门荟</view> <view class="good-name">{{x.BrandName}}</view>
<view class="good-price-info"> <view class="good-price-info">
<span class="price">极致川味匠心的餐厅</span> <span class="price">{{x.FullBrandName}}</span>
</view> </view>
</view> </view>
</view> </view>
</u-col> </u-col>
</u-row> </u-row>
<u-loadmore
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#f6f6f6"
/>
<view style="width: 100%;height: 30px;"></view>
</scroll-view> </scroll-view>
</view> </view>
<tabbars></tabbars> <tabbars></tabbars>
...@@ -271,34 +65,31 @@ ...@@ -271,34 +65,31 @@
mainColor: '', mainColor: '',
active: 0, active: 0,
searchKey:"", searchKey:"",
typeList: [{ typeList: [],
Id: 0, msg:{
Name: '全部' pageIndex:1,
}, { pageSize:20,
Id: 1, BrandName:'',
Name: '特色餐饮' ProjectType:'',
}, { Plumbing:-1,
Id: 2, Caliber:-1,
Name: '文娱休闲' Sewage:-1,
}, { RanQi:-1,
Id: 3, DianLiang:-1,
Name: '儿童亲子' PaiYan:-1,
}, { KongTiao:-1,
Id: 4, XinFeng:-1,
Name: '便民生活' BrandClassId:0,
}, { },
Id: 5, loadText: {
Name: '服装服饰' loadmore: "轻轻上拉,加载更多",
}, { loading: "努力加载中",
Id: 4, nomore: "没有更多了",
Name: '饮品烘焙' },
}, { page_count:1,
Id: 4, status: "loadmore",
Name: '生活用品' g: [],
}, {
Id: 4,
Name: '其他'
}]
}; };
}, },
created() { created() {
...@@ -308,17 +99,70 @@ ...@@ -308,17 +99,70 @@
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: '品牌列表', title: '品牌列表',
}); });
this.GetBrandClassList()
}, },
methods: { methods: {
GetBrandClassList(){
this.request2({
url: "/api/AppletTrade/GetBrandClassList",
data: {},
},
(res) => {
if (res.resultCode == 1) {
this.typeList = res.data
this.msg.BrandClassId = this.typeList[0].ID
}
}
);
this.init();
},
init() {
this.request2(
{
url: '/api/AppletTrade/GetBrandPageList',
data: this.msg
},
res => {
if(res.resultCode==1){
this.g = this.g.concat(res.data.pageData);
this.page_count = res.data.pageCount;
if (this.page_count == 1) {
this.status = "nomore";
}
}
}
);
},
lower(e) {
if (this.msg.pageIndex < this.page_count) {
this.msg.pageIndex++;
this.status = "loading";
this.init();
} else {
this.status = "nomore";
}
},
changeHandler(i) { changeHandler(i) {
this.active = i; this.active = i;
this.msg.BrandClassId = this.typeList[i].ID;
this.msg.pageIndex = 1;
this.g= [];
this.init();
}, },
openGood(id) { openGood(id) {
uni.navigateTo({ uni.navigateTo({
url: 'pages/kotra/carrier/detail?id=' + id, url: '/pages/kotra/brand/detail?id=' + id,
}); });
}, },
searchHandler(val){} searchHandler(val){
this.msg.BrandName = val;
this.msg.pageIndex = 1;
this.g= [];
this.init();
}
} }
}; };
</script> </script>
......
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