Skip to content

M
mallapp
Commit 3c2f121d authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent a178484a
Show whitespace changes
Inline Side-by-side
Showing with 865 additions and 1170 deletions
pages/kotra/activeSignUp.vue
View file @ 3c2f121d
...@@ -216,7 +216,22 @@ ...@@ -216,7 +216,22 @@
@click="goOnAdd()">继续添加联系人</view> @click="goOnAdd()">继续添加联系人</view>
</view> </view>
</template> </template>
<view style="font-size: 16px;margin-top: 52rpx;font-weight: 600;">2021中国（成都）首店经济发展大会疫情防控提醒</view>
<view style="font-size:13px !important;margin-top: 24rpx;">
1、本次大会不接待14天内有国内中高风险地区旅居史人员；
</view>
<view style="font-size:13px !important;margin-top: 24rpx;">
2、省外参会人员需持72小时以内的核酸检测阴性证明报告；
</view>
<view style="font-size:13px !important;margin-top: 24rpx;">
3、请佩戴口罩、测温、扫场所码，出示绿码进入会场。
</view> </view>
<view style="font-size:13px !important;margin-top: 24rpx;">
谢谢配合
</view>
</view>
<view> <view>
<view class="ac_upBtn" style="width:90%;margin:25rpx auto" @click="goSignUp()">提交</view> <view class="ac_upBtn" style="width:90%;margin:25rpx auto" @click="goSignUp()">提交</view>
</view> </view>
......
pages/kotra/brand/detail.vue
View file @ 3c2f121d
<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" v-if='details'> <scroll-view scroll-y="true" style="height: 100%" @scroll="scroll" v-if='details'>
<view class="bg-red"> <view class="bg-red">
<view class="detail-box"> <view class="detail-box">
...@@ -15,24 +12,17 @@ ...@@ -15,24 +12,17 @@
<view class="title" style="display: flex; align-items: flex-end"> <view class="title" style="display: flex; align-items: flex-end">
{{ details.BrandName }} {{ details.BrandName }}
<view <view v-for="(item, index) in details.PrizeList" :key="index" class="screenBoxItem" @click="chooseYear(item)">
v-for="(item, index) in details.PrizeList" <view class="screenBoxItemYear activeYear">{{ item.YearInfo
:key="index" }}</view>
class="screenBoxItem" <view class="screenBoxItemName activeName">{{
@click="chooseYear(item)"
>
<view class="screenBoxItemYear activeYear">{{
item.YearInfo
}}</view
><view class="screenBoxItemName activeName">{{
item.Name item.Name
}}</view> }}</view>
</view> </view>
</view> </view>
<!-- 关注 --> <!-- 关注 -->
<view <view style="
style="
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
margin-left: 12rpx; margin-left: 12rpx;
...@@ -41,145 +31,61 @@ ...@@ -41,145 +31,61 @@
top: 0; top: 0;
right: 50rpx; right: 50rpx;
" "
@click="follow" @click="follow">
> <image v-if="details.CollectId == 0" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_509.png"
<image style="width: 100%; height: 100%"></image>
v-if="details.CollectId == 0" <image v-if="details.CollectId > 0" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_370.png"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_509.png" style="width: 100%; height: 100%"></image>
style="width: 100%; height: 100%"
></image>
<image
v-if="details.CollectId > 0"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_370.png"
style="width: 100%; height: 100%"
></image>
</view> </view>
</view> </view>
<view <view class="score-box flex item-center" v-if="details.OpenShopWish != -1">
class="score-box flex item-center" <u-rate :current="details.OpenShopWish" :count="5" :size="25" active-icon="star" active-color="#F30329" :disabled="true"
v-if="details.OpenShopWish != -1" inactive-color="#b2b2b2" class="rate"></u-rate>
> <text class="score">{{ details.OpenShopWish ? details.OpenShopWish : "0" }}分</text>
<u-rate
:current="details.OpenShopWish"
:count="5"
:size="25"
active-icon="star"
active-color="#F30329"
:disabled="true"
inactive-color="#b2b2b2"
class="rate"
></u-rate>
<text class="score"
>{{ details.OpenShopWish ? details.OpenShopWish : "0" }}分</text
>
<text class="desire">开店意愿</text> <text class="desire">开店意愿</text>
</view> </view>
<view v-if="details.OpenShopWish == -1"> <view v-if="details.OpenShopWish == -1">
<text class="desire">无开店意愿</text> <text class="desire">无开店意愿</text>
</view> </view>
<view style="width: 100%"> <view style="width: 100%">
<view <view v-if="!details.VideoUrl || details.VideoUrl == ''" class="img-box">
v-if="!details.VideoUrl || details.VideoUrl == ''" <view v-if="details.BannerList.length == 1" v-for="(src, index) in details.BannerList" :key="index" style="width: 100%; height: 226rpx">
class="img-box" <image :src="src" style="width: 100%; height: 100%; border-radius: 20rpx" mode="aspectFill" @click="previewImage(0)"></image>
>
<view
v-if="details.BannerList.length == 1"
v-for="(src, index) in details.BannerList"
:key="index"
style="width: 100%; height: 226rpx"
>
<image
:src="src"
style="width: 100%; height: 100%; border-radius: 20rpx"
mode="aspectFill"
@click="previewImage(0)"
></image>
</view> </view>
<view <view v-if="details.BannerList.length == 2" v-for="(src, index) in details.BannerList" :key="index" style="width: calc((100vw - 80rpx - 10rpx) / 2); height: 226rpx">
v-if="details.BannerList.length == 2" <image :src="src" v-if="index == 0" style="
v-for="(src, index) in details.BannerList"
:key="index"
style="width: calc((100vw - 80rpx - 10rpx) / 2); height: 226rpx"
>
<image
:src="src"
v-if="index == 0"
style="
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 20rpx 0 0 20rpx; border-radius: 20rpx 0 0 20rpx;
" "
mode="aspectFill" mode="aspectFill" @click="previewImage(index)"></image>
@click="previewImage(index)" <image :src="src" v-if="index == 1" style="
></image>
<image
:src="src"
v-if="index == 1"
style="
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 0 20rpx 20rpx 0; border-radius: 0 20rpx 20rpx 0;
" "
mode="aspectFill" mode="aspectFill" @click="previewImage(index)"></image>
@click="previewImage(index)"
></image>
</view> </view>
<view <view v-for="(src, index) in details.BannerList" :key="index" v-if="details.BannerList.length > 2" style="height: 226rpx">
v-for="(src, index) in details.BannerList" <image :src="src" class="img" mode="aspectFill" v-if="index == 0" @click="previewImage(index)" style="border-radius: 20rpx 0 0 20rpx"></image>
:key="index" <image :src="src" class="img" mode="aspectFill" v-if="index == 1" @click="previewImage(index)"></image>
v-if="details.BannerList.length > 2" <image :src="src" class="img" mode="aspectFill" v-if="index == 2" @click="previewImage(index)" style="border-radius: 0 20rpx 20rpx 0"></image>
style="height: 226rpx"
>
<image
:src="src"
class="img"
mode="aspectFill"
v-if="index == 0"
@click="previewImage(index)"
style="border-radius: 20rpx 0 0 20rpx"
></image>
<image
:src="src"
class="img"
mode="aspectFill"
v-if="index == 1"
@click="previewImage(index)"
></image>
<image
:src="src"
class="img"
mode="aspectFill"
v-if="index == 2"
@click="previewImage(index)"
style="border-radius: 0 20rpx 20rpx 0"
></image>
</view> </view>
</view> </view>
<view v-else> <view v-else>
<view v-if="details.BannerList.length == 1" class="img-box"> <view v-if="details.BannerList.length == 1" class="img-box">
<view <view style="
style="
width: calc((100vw - 80rpx - 10rpx) / 2); width: calc((100vw - 80rpx - 10rpx) / 2);
height: 226rpx; height: 226rpx;
position: relative; position: relative;
" ">
> <video id="myVideo" :src="details.VideoUrl" style="
<video
id="myVideo"
:src="details.VideoUrl"
style="
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 20rpx 0 0 20rpx; border-radius: 20rpx 0 0 20rpx;
" "
:controls="controls" :controls="controls" :show-center-play-btn="false" :show-fullscreen-btn="false" @fullscreenchange="brandvideoControl"></video>
:show-center-play-btn="false" <view @click="enlarge(details.VideoUrl)" style="
:show-fullscreen-btn="false"
@fullscreenchange="brandvideoControl"
></video>
<view
@click="enlarge(details.VideoUrl)"
style="
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
...@@ -192,59 +98,36 @@ ...@@ -192,59 +98,36 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
" ">
> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616471847000_345.png"
<image style="width: 37rpx; height: 44rpx" mode=""></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 <view v-for="(src, index) in details.BannerList" :key="index" style="
v-for="(src, index) in details.BannerList"
:key="index"
style="
width: calc((100vw - 80rpx - 10rpx) / 2); width: calc((100vw - 80rpx - 10rpx) / 2);
height: 226rpx; height: 226rpx;
" ">
> <image :src="src" style="
<image
:src="src"
style="
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 0 20rpx 20rpx 0; border-radius: 0 20rpx 20rpx 0;
" "
mode="aspectFill" mode="aspectFill" @click="previewImage(index)"></image>
@click="previewImage(index)"
></image>
</view> </view>
</view> </view>
<view v-if="details.BannerList.length > 1" class="img-box"> <view v-if="details.BannerList.length > 1" class="img-box">
<view <view style="
style="
width: calc((100vw - 80rpx - 20rpx) / 3); width: calc((100vw - 80rpx - 20rpx) / 3);
height: 226rpx; height: 226rpx;
position: relative; position: relative;
" ">
> <video id="myVideo" :src="details.VideoUrl" style="
<video
id="myVideo"
:src="details.VideoUrl"
style="
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 20rpx 0 0 20rpx; border-radius: 20rpx 0 0 20rpx;
" "
:controls="controls" :controls="controls" :show-center-play-btn="false" :show-fullscreen-btn="false" @fullscreenchange="brandvideoControl"></video>
:show-center-play-btn="false" <view @click="enlarge(details.VideoUrl)" style="
:show-fullscreen-btn="false"
@fullscreenchange="brandvideoControl"
></video>
<view
@click="enlarge(details.VideoUrl)"
style="
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
...@@ -257,58 +140,31 @@ ...@@ -257,58 +140,31 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
" ">
> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616471847000_345.png"
<image style="width: 37rpx; height: 44rpx" mode=""></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 <view v-for="(src, index) in details.BannerList" :key="index" style="
v-for="(src, index) in details.BannerList"
:key="index"
style="
width: calc((100vw - 80rpx - 10rpx) / 3); width: calc((100vw - 80rpx - 10rpx) / 3);
height: 226rpx; height: 226rpx;
" "
v-if="index < 2" v-if="index < 2">
> <image :src="src" style="width: 100%; height: 100%" v-if="index == 0" mode="aspectFill" @click="previewImage(index)"></image>
<image <image :src="src" style="
:src="src"
style="width: 100%; height: 100%"
v-if="index == 0"
mode="aspectFill"
@click="previewImage(index)"
></image>
<image
:src="src"
style="
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 0 20rpx 20rpx 0; border-radius: 0 20rpx 20rpx 0;
" "
v-if="index == 1" v-if="index == 1" mode="aspectFill" @click="previewImage(index)"></image>
mode="aspectFill"
@click="previewImage(index)"
></image>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- //奖章 --> <!-- //奖章 -->
<view class="MedalBox" v-if="details.ListEnroll.length > 0"> <view class="MedalBox" v-if="details.ListEnroll.length > 0">
<view <view v-for="(item, index) in details.ListEnroll" :key="index" class="MedalBoxItem">
v-for="(item, index) in details.ListEnroll" <image :src="item.MedalImageBig" mode="heightFix" style="height: 100%" />
:key="index"
class="MedalBoxItem"
>
<image
:src="item.MedalImageBig"
mode="heightFix"
style="height: 100%"
/>
</view> </view>
</view> </view>
<view class="info1 flex flex-between"> <view class="info1 flex flex-between">
...@@ -326,40 +182,26 @@ ...@@ -326,40 +182,26 @@
</view> --> </view> -->
<view class="info1-item"> <view class="info1-item">
<view class="info1-con"> <view class="info1-con">
<view <view class="brand-xinx-item-t" :style="{ color: mainColor }" v-if="
class="brand-xinx-item-t"
:style="{ color: mainColor }"
v-if="
details.AreaRequirement == 0 && details.AreaRequirement == 0 &&
details.EndAreaRequirement != 0 details.EndAreaRequirement != 0
" ">{{
>{{
details.EndAreaRequirement >= 10000 details.EndAreaRequirement >= 10000
? details.EndAreaRequirement / 10000 + "万" ? details.EndAreaRequirement / 10000 + "万"
: details.EndAreaRequirement : details.EndAreaRequirement
}}<text style="font-size: 12px">㎡</text></view }}<text style="font-size: 12px">㎡</text></view>
> <view class="brand-xinx-item-t" :style="{ color: mainColor }" v-if="
<view
class="brand-xinx-item-t"
:style="{ color: mainColor }"
v-if="
details.EndAreaRequirement == 0 && details.EndAreaRequirement == 0 &&
details.AreaRequirement != 0 details.AreaRequirement != 0
" ">{{
>{{
details.AreaRequirement >= 10000 details.AreaRequirement >= 10000
? details.AreaRequirement / 10000 + "万" ? details.AreaRequirement / 10000 + "万"
: details.AreaRequirement : details.AreaRequirement
}}<text style="font-size: 12px">㎡</text></view }}<text style="font-size: 12px">㎡</text></view>
> <view class="brand-xinx-item-t" :style="{ color: mainColor }" v-if="
<view
class="brand-xinx-item-t"
:style="{ color: mainColor }"
v-if="
details.AreaRequirement != 0 && details.AreaRequirement != 0 &&
details.EndAreaRequirement != 0 details.EndAreaRequirement != 0
" ">{{
>{{
details.AreaRequirement >= 10000 details.AreaRequirement >= 10000
? details.AreaRequirement / 10000 + "万" ? details.AreaRequirement / 10000 + "万"
: details.AreaRequirement : details.AreaRequirement
...@@ -367,17 +209,11 @@ ...@@ -367,17 +209,11 @@
details.EndAreaRequirement >= 10000 details.EndAreaRequirement >= 10000
? details.EndAreaRequirement / 10000 + "万" ? details.EndAreaRequirement / 10000 + "万"
: details.EndAreaRequirement : details.EndAreaRequirement
}}<text style="font-size: 12px">㎡</text></view }}<text style="font-size: 12px">㎡</text></view>
> <view class="brand-xinx-item-t" :style="{ color: mainColor }" v-if="
<view
class="brand-xinx-item-t"
:style="{ color: mainColor }"
v-if="
details.AreaRequirement == 0 && details.AreaRequirement == 0 &&
details.EndAreaRequirement == 0 details.EndAreaRequirement == 0
" ">/</view>
>/</view
>
</view> </view>
<view class="info1-title"> 面积需求 </view> <view class="info1-title"> 面积需求 </view>
</view> </view>
...@@ -411,6 +247,7 @@ ...@@ -411,6 +247,7 @@
{{ details.BrandType }} {{ details.BrandType }}
</view> </view>
</view> </view>
<view class="baseinfo-item flex" v-if="details.StoreExpansion && details.StoreExpansion!='' "> <view class="baseinfo-item flex" v-if="details.StoreExpansion && details.StoreExpansion!='' ">
<view class="baseinfo-label"> 开店方向： </view> <view class="baseinfo-label"> 开店方向： </view>
<view class="baseinfo-con"> <view class="baseinfo-con">
...@@ -423,243 +260,105 @@ ...@@ -423,243 +260,105 @@
是 是
</view> </view>
</view> </view>
<view class="baseinfo-item flex" v-if="details.Other && details.Other!='' ">
<view class="baseinfo-label"> 拓展需求： </view>
<view class="baseinfo-con">
<rich-text :nodes="details.Other"></rich-text>
</view>
</view>
<view class="baseinfo-item flex" v-if="details.WishDescription && details.WishDescription != ''"> <view class="baseinfo-item flex" v-if="details.WishDescription && details.WishDescription != ''">
<view class="baseinfo-label"> 拓展对接人： </view> <view class="baseinfo-label"> 拓展对接人： </view>
</view> </view>
<view style="width: 100%; height: 360rpx" v-if="details.WishDescription && details.WishDescription != ''"> <view style="width: 100%; height: 360rpx" v-if="details.WishDescription && details.WishDescription != ''">
<image <image :src="details.WishCard" style="width: 100%; height: 360rpx; border-radius: 20px" @click="previewImage2(details.WishCard)"></image>
:src="details.WishCard"
style="width: 100%; height: 360rpx; border-radius: 20px"
@click="previewImage2(details.WishCard)"
></image>
</view> </view>
</view> </view>
<view class="brand-title" v-if="details.WishDescription && details.WishDescription != ''"> <view class="brand-title" v-if="details.WishDescription && details.WishDescription != ''">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-tzxq.png" mode="widthFix"></image>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-tzxq.png"
mode="widthFix"
></image>
</view> </view>
<view <view style="margin-top: 30rpx" v-if="details.WishDescription && details.WishDescription != ''">
style="margin-top: 30rpx" <h-parse :content="details.WishDescription" @navigate="clickDescription"></h-parse>
v-if="details.WishDescription && details.WishDescription != ''"
>
<h-parse
:content="details.WishDescription"
@navigate="clickDescription"
></h-parse>
</view> </view>
<view class="brand-title"> <view class="brand-title">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-wyxq.png" mode="widthFix"></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 <view id="kiakou" class="Listbox-item" @click="showTips('kiakou', details.ShopSize, details.IsShopSize)">
id="kiakou" <image :src="EquityList[8].ImagePath" v-if="details.IsShopSize == 1" mode="widthFix"></image>
class="Listbox-item" <image :src="EquityList[8].Image_n" v-else mode="widthFix"></image>
@click="showTips('kiakou', details.ShopSize, details.IsShopSize)" <text class="list-item-text" :style="{
>
<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>
<view class="Listbox-item"> <view class="Listbox-item">
<image <image :src="EquityList[0].ImagePath" v-if="details.Plumbing == 1" mode="widthFix"></image>
:src="EquityList[0].ImagePath" <image :src="EquityList[0].Image_n" v-else mode="widthFix"></image>
v-if="details.Plumbing == 1" <text class="list-item-text" :style="{
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>
<view class="Listbox-item"> <view class="Listbox-item">
<image <image :src="EquityList[7].ImagePath" v-if="details.Caliber == 1" mode="widthFix"></image>
:src="EquityList[7].ImagePath" <image :src="EquityList[7].Image_n" v-else mode="widthFix"></image>
v-if="details.Caliber == 1" <text class="list-item-text" :style="{ color: details.Caliber == 1 ? '#424242' : '#D6D6D6' }">{{ EquityList[7].Title }}</text>
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 class="Listbox-item"> <view class="Listbox-item">
<image <image :src="EquityList[1].ImagePath" v-if="details.Sewage == 1" mode="widthFix"></image>
:src="EquityList[1].ImagePath" <image :src="EquityList[1].Image_n" v-else mode="widthFix"></image>
v-if="details.Sewage == 1" <text class="list-item-text" :style="{ color: details.Sewage == 1 ? '#424242' : '#D6D6D6' }">{{ EquityList[1].Title }}</text>
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>
<!-- 燃气 --> <!-- 燃气 -->
<view <view class="Listbox-item" id="ranqi" @click="showTips('ranqi', details.RanQiBZ, details.RanQi)">
class="Listbox-item" <image :src="EquityList[2].ImagePath" v-if="details.RanQi == 1" mode="widthFix"></image>
id="ranqi" <image :src="EquityList[2].Image_n" v-else mode="widthFix"></image>
@click="showTips('ranqi', details.RanQiBZ, details.RanQi)" <text class="list-item-text" :style="{ color: details.RanQi == 1 ? '#424242' : '#D6D6D6' }">{{ EquityList[2].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>
<text
class="list-item-text"
:style="{ color: details.RanQi == 1 ? '#424242' : '#D6D6D6' }"
>{{ EquityList[2].Title }}</text
>
</view> </view>
<view <view class="Listbox-item" id="dianliang" @click="
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 <image :src="EquityList[3].Image_n" v-else mode="widthFix"></image>
:src="EquityList[3].ImagePath" <text class="list-item-text" :style="{
v-if="details.IsDianLiang == 1"
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 <view class="Listbox-item" id="paiyan" @click="showTips('paiyan', details.PaiYanBZ, details.PaiYan)">
class="Listbox-item" <image :src="EquityList[5].ImagePath" v-if="details.PaiYan == 1" mode="widthFix"></image>
id="paiyan" <image :src="EquityList[5].Image_n" v-else mode="widthFix"></image>
@click="showTips('paiyan', details.PaiYanBZ, details.PaiYan)" <text class="list-item-text" :style="{ color: details.PaiYan == 1 ? '#424242' : '#D6D6D6' }">{{ EquityList[5].Title }}</text>
>
<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>
<view class="Listbox-item"> <view class="Listbox-item">
<image <image :src="EquityList[6].ImagePath" v-if="details.KongTiao == 1" mode="widthFix"></image>
:src="EquityList[6].ImagePath" <image :src="EquityList[6].Image_n" v-else mode="widthFix"></image>
v-if="details.KongTiao == 1" <text class="list-item-text" :style="{
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>
<view class="Listbox-item"> <view class="Listbox-item">
<image <image :src="EquityList[4].ImagePath" v-if="details.XinFeng == 1" mode="widthFix"></image>
:src="EquityList[4].ImagePath" <image :src="EquityList[4].Image_n" v-else mode="widthFix"></image>
v-if="details.XinFeng == 1" <text class="list-item-text" :style="{ color: details.XinFeng == 1 ? '#424242' : '#D6D6D6' }">{{ EquityList[4].Title }}</text>
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>
</view> </view>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
<bianmarenTooltip <bianmarenTooltip :gravity="gravity" :tooltipShow="tooltipShow" :btns="tooltipBtns" :eleId="eleId">
:gravity="gravity"
:tooltipShow="tooltipShow"
:btns="tooltipBtns"
:eleId="eleId"
>
</bianmarenTooltip> </bianmarenTooltip>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth" ></auth> <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
</view> </view>
</template> </template>
<script> <script>
import auth from "@/components/auth/index.vue"; import auth from "@/components/auth/index.vue";
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,
...@@ -667,13 +366,12 @@ export default { ...@@ -667,13 +366,12 @@ export default {
}, },
data() { data() {
return { return {
showAuth:false, showAuth: false,
u:{}, u: {},
rate: 5, rate: 5,
ID: 0, ID: 0,
details: null, details: null,
typeList: [ typeList: [{
{
Id: 0, Id: 0,
Name: "视频", Name: "视频",
}, },
...@@ -688,69 +386,50 @@ export default { ...@@ -688,69 +386,50 @@ export default {
active: 0, active: 0,
mainColor: "", mainColor: "",
controls: false, //显示默认控件 controls: false, //显示默认控件
EquityList: [ EquityList: [{
{
Title: "上下水", Title: "上下水",
ImagePath: ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs.png",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs.png", Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs-n.png",
Image_n:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs-n.png",
}, },
{ {
Title: "排污", Title: "排污",
ImagePath: ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pw.png",
"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",
Image_n:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pw-n.png",
}, },
{ {
Title: "燃气", Title: "燃气",
ImagePath: ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-rh.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",
Image_n:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-rh-n.png",
}, },
{ {
Title: "电量负荷", Title: "电量负荷",
ImagePath: ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-dl.png",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-dl.png", Image_n: "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-dl-n.png",
}, },
{ {
Title: "新风", Title: "新风",
ImagePath: ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-xf.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-xf-n.png",
Image_n:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-xf-n.png",
}, },
{ {
Title: "排烟量", Title: "排烟量",
ImagePath: 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-pyl.png", Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pyl-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-kt.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-kt-n.png",
}, },
{ {
Title: "管径", Title: "管径",
ImagePath: ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj.png",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj.png", Image_n: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj-n.png",
Image_n:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj-n.png",
}, },
{ {
Title: "开口尺寸", Title: "开口尺寸",
ImagePath: ImagePath: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kkcc.png",
"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",
Image_n:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kkcc-n.png",
}, },
], ],
gravity: "top", gravity: "top",
...@@ -801,28 +480,27 @@ export default { ...@@ -801,28 +480,27 @@ export default {
}, },
onShareTimeline() { onShareTimeline() {
//朋友圈 //朋友圈
let uid = uni.getStorageSync("mall_UserInfo") let uid = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserId uni.getStorageSync("mall_UserInfo").UserId :
: 0; 0;
if (uid == 0) { if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0; uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
} }
let SmallShopId = uni.getStorageSync("mall_UserInfo") let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").SmallShopId uni.getStorageSync("mall_UserInfo").SmallShopId :
: 0; 0;
if (SmallShopId == 0) { if (SmallShopId == 0) {
//如果微店id为0 去找所属微店id //如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo") SmallShopId = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserSmallShopId uni.getStorageSync("mall_UserInfo").UserSmallShopId :
: 0; 0;
} }
let Up = uni.getStorageSync("mall_UserInfo") let Up = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserPageType uni.getStorageSync("mall_UserInfo").UserPageType :
: 0; 0;
return { return {
title: this.details.FullBrandName ? this.details.FullBrandName : "", title: this.details.FullBrandName ? this.details.FullBrandName : "",
query: query: "user_id=" +
"user_id=" +
uid + uid +
"&SmallShopId=" + "&SmallShopId=" +
SmallShopId + SmallShopId +
...@@ -830,36 +508,33 @@ export default { ...@@ -830,36 +508,33 @@ export default {
Up + Up +
"&id=" + "&id=" +
this.ID, this.ID,
imageUrl: imageUrl: this.details.BannerList && this.details.BannerList.length > 0 ?
this.details.BannerList && this.details.BannerList.length > 0 this.details.BannerList[0] : "",
? this.details.BannerList[0]
: "",
}; };
}, },
onShareAppMessage(res) { onShareAppMessage(res) {
//朋友 //朋友
let uid = uni.getStorageSync("mall_UserInfo") let uid = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserId uni.getStorageSync("mall_UserInfo").UserId :
: 0; 0;
if (uid == 0) { if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0; uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
} }
let SmallShopId = uni.getStorageSync("mall_UserInfo") let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").SmallShopId uni.getStorageSync("mall_UserInfo").SmallShopId :
: 0; 0;
if (SmallShopId == 0) { if (SmallShopId == 0) {
//如果微店id为0 去找所属微店id //如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo") SmallShopId = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserSmallShopId uni.getStorageSync("mall_UserInfo").UserSmallShopId :
: 0; 0;
} }
let Up = uni.getStorageSync("mall_UserInfo") let Up = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserPageType uni.getStorageSync("mall_UserInfo").UserPageType :
: 0; 0;
return { return {
title: this.details.FullBrandName ? this.details.FullBrandName : "", title: this.details.FullBrandName ? this.details.FullBrandName : "",
path: path: "/pages/index/index?user_id=" +
"/pages/index/index?user_id=" +
uid + uid +
"&SmallShopId=" + "&SmallShopId=" +
SmallShopId + SmallShopId +
...@@ -868,10 +543,8 @@ export default { ...@@ -868,10 +543,8 @@ export default {
"&id=" + "&id=" +
this.ID + this.ID +
"&JumpType=15", "&JumpType=15",
imageUrl: imageUrl: this.details.BannerList && this.details.BannerList.length > 0 ?
this.details.BannerList && this.details.BannerList.length > 0 this.details.BannerList[0] : "",
? this.details.BannerList[0]
: "",
}; };
}, },
methods: { methods: {
...@@ -905,8 +578,7 @@ export default { ...@@ -905,8 +578,7 @@ export default {
console.log(e); console.log(e);
}, },
GetBrandDetails() { GetBrandDetails() {
this.request2( this.request2({
{
url: "/api/AppletTrade/GetBrandDetails", url: "/api/AppletTrade/GetBrandDetails",
data: { data: {
ID: this.ID, ID: this.ID,
...@@ -940,8 +612,8 @@ export default { ...@@ -940,8 +612,8 @@ export default {
current: i, current: i,
longPressActions: { longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"], itemList: ["发送给朋友", "保存图片", "收藏"],
success: function (data) {}, success: function(data) {},
fail: function (err) { fail: function(err) {
console.log(err.errMsg); console.log(err.errMsg);
}, },
}, },
...@@ -953,8 +625,8 @@ export default { ...@@ -953,8 +625,8 @@ export default {
current: 0, current: 0,
longPressActions: { longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"], itemList: ["发送给朋友", "保存图片", "收藏"],
success: function (data) {}, success: function(data) {},
fail: function (err) { fail: function(err) {
console.log(err.errMsg); console.log(err.errMsg);
}, },
}, },
...@@ -963,9 +635,9 @@ export default { ...@@ -963,9 +635,9 @@ export default {
scroll(e) { scroll(e) {
this.boxOption = Math.floor((e.detail.scrollTop - 50) / 1.5); this.boxOption = Math.floor((e.detail.scrollTop - 50) / 1.5);
this.titleStyle.opacity = this.titleStyle.opacity =
(e.detail.scrollTop - 100 < 0 (e.detail.scrollTop - 100 < 0 ?
? 0 0 :
: Math.floor(e.detail.scrollTop - 100)) + "%"; Math.floor(e.detail.scrollTop - 100)) + "%";
this.tooltipShow = false; this.tooltipShow = false;
this.$forceUpdate(); this.$forceUpdate();
}, },
...@@ -993,8 +665,7 @@ export default { ...@@ -993,8 +665,7 @@ export default {
} }
}, },
getlove() { getlove() {
this.request2( this.request2({
{
url: "/api/AppletTrade/GetCollect", url: "/api/AppletTrade/GetCollect",
data: { data: {
Type: 2, Type: 2,
...@@ -1031,42 +702,43 @@ export default { ...@@ -1031,42 +702,43 @@ export default {
}); });
}, },
}, },
}; };
</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 { .header {
margin-bottom: 20rpx; margin-bottom: 20rpx;
align-items: flex-start; align-items: flex-start;
...@@ -1085,6 +757,7 @@ export default { ...@@ -1085,6 +757,7 @@ export default {
display: flex; display: flex;
margin-top: 4px; margin-top: 4px;
height: 20px; height: 20px;
.tag1 { .tag1 {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -1189,26 +862,26 @@ export default { ...@@ -1189,26 +862,26 @@ export default {
} }
} }
} }
} }
.brand-title { .brand-title {
width: 134rpx; width: 134rpx;
margin-top: 30px; margin-top: 30px;
} }
.brand-title image { .brand-title image {
width: 100%; width: 100%;
height: auto; height: auto;
} }
.Listbox { .Listbox {
width: 100%; width: 100%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 10px; margin-top: 10px;
} }
.Listbox-item { .Listbox-item {
width: 25%; width: 25%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -1216,20 +889,21 @@ export default { ...@@ -1216,20 +889,21 @@ export default {
height: 170rpx; height: 170rpx;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.Listbox-item image { .Listbox-item image {
width: 74rpx; width: 74rpx;
height: auto; 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; font-size: 12px;
} }
.screenBoxItem {
.screenBoxItem {
/* width: 130rpx; */ /* width: 130rpx; */
height: 30rpx; height: 30rpx;
background-color: #e2e2e2; background-color: #e2e2e2;
...@@ -1241,8 +915,9 @@ export default { ...@@ -1241,8 +915,9 @@ export default {
margin: 0 10rpx; margin: 0 10rpx;
overflow: hidden; overflow: hidden;
border-radius: 6rpx; border-radius: 6rpx;
} }
.screenBoxItemYear {
.screenBoxItemYear {
/* width: 50%; */ /* width: 50%; */
height: 30rpx; height: 30rpx;
background: #e2e2e2; background: #e2e2e2;
...@@ -1256,12 +931,14 @@ export default { ...@@ -1256,12 +931,14 @@ export default {
border-radius: 6rpx 0px 0px 6rpx; border-radius: 6rpx 0px 0px 6rpx;
box-sizing: border-box; box-sizing: border-box;
padding: 0 10rpx; padding: 0 10rpx;
} }
.activeYear {
.activeYear {
background: #1f1f1f; background: #1f1f1f;
color: #ffffff; color: #ffffff;
} }
.screenBoxItemName {
.screenBoxItemName {
/* width: 50%; */ /* width: 50%; */
height: 30rpx; height: 30rpx;
background: #eaeaea; background: #eaeaea;
...@@ -1275,12 +952,14 @@ export default { ...@@ -1275,12 +952,14 @@ export default {
padding: 0 10rpx; padding: 0 10rpx;
white-space: nowrap; white-space: nowrap;
border-radius: 0px 6rpx 6rpx 0px; border-radius: 0px 6rpx 6rpx 0px;
} }
.activeName {
.activeName {
background: #d0aa7b; background: #d0aa7b;
color: #111111; color: #111111;
} }
.MedalBox {
.MedalBox {
background: #f0f0f0; background: #f0f0f0;
border-radius: 20rpx; border-radius: 20rpx;
box-sizing: border-box; box-sizing: border-box;
...@@ -1288,13 +967,14 @@ export default { ...@@ -1288,13 +967,14 @@ export default {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
.MedalBoxItem {
.MedalBoxItem {
width: 30%; width: 30%;
height: 135rpx; height: 135rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin: 10rpx; margin: 10rpx;
} }
</style> </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