Skip to content

M
mallapp
Commit 663aaf22 authored by youjie's avatar youjie
Browse files
Options

联系方式 主题色

parent 856d68cd
Hide whitespace changes
Inline Side-by-side
Showing with 317 additions and 32 deletions
pages/kotra/brand/components/contactInformation.vue 0 → 100644
View file @ 663aaf22
<template>
<div class="auth-page">
<u-popup
v-model="show"
mode="center"
:mask-close-able="false"
custom-style="padding:0;background:none;"
>
<view class="contactInfor">
<view class="contactInforTitle">
联系方式
<view class="contactInforClose">
<u-icon name="close" color="#898989" size="40" @click="closeBtn" />
</view>
</view>
<view>
<view class="contactInforT">
<text>联系人</text>
<view>{{ infor.ContactName?infor.ContactName:'-' }}</view>
</view>
<view class="contactInforT">
<text>联系品牌</text>
<view @click="callPhone(infor.ContactPhone)"
:class="[infor.ContactPhone?'active':'']">{{ infor.ContactPhone?infor.ContactPhone:'-' }}</view>
</view>
<view class="contactInforT">
<text>线下合作</text>
<view @click="callPhone(infor.TongYiMobile)"
:class="[infor.TongYiMobile?'active':'']">{{ infor.TongYiMobile?infor.TongYiMobile:'-' }}</view>
</view>
</view>
<!-- <view class="contactInfor_b"> -->
<!-- <view class="contactInfor_b_item">
<text>取 消</text>
</view> -->
<!-- <view class="contactInfor_b_item" @click="closeBtn">
<text>确 认</text>
</view> -->
<!-- </view> -->
</view>
</u-popup>
</div>
</template>
<script>
export default {
props:['infor'],
data() {
return {
show: true
};
},
created() {
},
wacth: {
infor: {
handler: function(val, oldval) {
},
deep: true,
},
},
methods: {
callPhone(phone){
if(phone){
uni.makePhoneCall({
phoneNumber: phone
})
}
},
closeBtn(){
this.$emit('closeBtn')
}
},
onShow() {
},
};
</script>
<style>
.contactInforT:last-child{
/* margin-bottom: 0rpx; */
}
.contactInforT view{
color: #898989;
}
.contactInforT view.active{
color: #017EDF;
}
.contactInforT text{
}
.contactInforT{
margin-bottom: 20rpx;
display: flex;
justify-content: space-between;
}
.contactInforClose{
position: absolute;
right: -15rpx;
top: -15rpx;
}
.contactInforTitle{
font-size: 32rpx;
text-align: center;
margin-bottom: 30rpx;
font-weight: 500;
position: relative;
}
.contactInfor{
background: #fff;
border-radius: 15px;
padding: 40rpx;
width: 516rpx;
}
.contactInfor_b_item text{
font-weight: 500;
font-size: 32rpx;
color: #fff;
line-height: 90rpx;
}
.contactInfor_b_item {
width: 516rpx;
height: 90rpx;
background: #017EDF;
border-radius: 18rpx;
border: 2rpx solid #C6DEF1;
text-align: center;
}
.contactInfor_b{
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 57rpx;
padding-bottom: 20rpx;
}
.auth-page img {
width: 650rpx;
height: 700rpx;
}
.auth-page .hotsopt {
position: absolute;
background: transparent;
border: none;
outline: none;
}
.auth-page .hotsopt::after {
border: none;
}
</style>
\ No newline at end of file
pages/kotra/brand/detail.vue
View file @ 663aaf22
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
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="[u.TenantId==18?'bg-red':'bg-bule']">
<view class="detail-box"> <view class="detail-box">
<view class="header flex" style="popsition: relative"> <view class="header flex" style="popsition: relative">
<view class="title" style="display: flex; align-items: flex-end"> <view class="title" style="display: flex; align-items: flex-end">
...@@ -39,9 +39,10 @@ ...@@ -39,9 +39,10 @@
</view> --> </view> -->
</view> </view>
<view class="score-box flex item-center" v-if="details.OpenShopWish != -1"> <view class="score-box flex item-center" v-if="details.OpenShopWish != -1">
<u-rate :current="details.OpenShopWish" :count="5" :size="25" active-icon="star" active-color="#F30329" :disabled="true" <u-rate :current="details.OpenShopWish" :count="5" :size="25" active-icon="star"
:active-color="u.TenantId!=18?'#017EDF':'#F30329'" :disabled="true"
inactive-color="#b2b2b2" class="rate"></u-rate> inactive-color="#b2b2b2" class="rate"></u-rate>
<text class="score">{{ details.OpenShopWish ? details.OpenShopWish : "0" }}分</text> <text class="score" :class="[u.TenantId!=18?'active':'']">{{ 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">
...@@ -169,19 +170,19 @@ ...@@ -169,19 +170,19 @@
</view> </view>
<view class="info1 flex flex-between"> <view class="info1 flex flex-between">
<view class="info1-item"> <view class="info1-item">
<view class="info1-con"> <view class="info1-con" :class="[u.TenantId!=18?'active':'']">
{{ details.ShopNum }} {{ details.ShopNum }}
</view> </view>
<view class="info1-title"> 店铺数量 </view> <view class="info1-title"> 店铺数量 </view>
</view> </view>
<!-- <view class="info1-item"> <!-- <view class="info1-item">
<view class="info1-con"> <view class="info1-con" :class="[u.TenantId!=18?'active':'']">
{{ details.ProjectName }} {{ details.ProjectName }}
</view> </view>
<view class="info1-title"> 对标载体 </view> <view class="info1-title"> 对标载体 </view>
</view> --> </view> -->
<view class="info1-item"> <view class="info1-item">
<view class="info1-con"> <view class="info1-con" :class="[u.TenantId!=18?'active':'']">
<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
...@@ -345,11 +346,22 @@ ...@@ -345,11 +346,22 @@
</view> </view>
</view> </view>
<view style="height: 50px;"></view>
</view> </view>
</scroll-view> </scroll-view>
<bianmarenTooltip :gravity="gravity" :tooltipShow="tooltipShow" :btns="tooltipBtns" :eleId="eleId"> <bianmarenTooltip :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 v-if="u.TenantId!=18" class="carrier-query-contact">
<button @click="showContactInfo=true">
<text style="margin-left: 10rpx;" :style="{background:mainColor}"
>获取联系方式</text>
</button>
</view>
<contactInformation v-if="showContactInfo"
:infor="details"
@closeBtn="showContactInfo=false"
></contactInformation>
</view> </view>
</template> </template>
...@@ -357,12 +369,14 @@ ...@@ -357,12 +369,14 @@
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";
import contactInformation from "../brand/components/contactInformation";
let timer; let timer;
export default { export default {
components: { components: {
hParse, hParse,
bianmarenTooltip, bianmarenTooltip,
auth auth,
contactInformation
}, },
data() { data() {
return { return {
...@@ -437,8 +451,18 @@ ...@@ -437,8 +451,18 @@
tooltipBtns: ["今日sad"], tooltipBtns: ["今日sad"],
eleId: "", //点击元素 eleId: "", //点击元素
islook: false, //是否可以浏览心愿 islook: false, //是否可以浏览心愿
showContactInfo: false,
}; };
}, },
onReady(){
let uTenantId = uni.getStorageSync("mall_UserInfo")? uni.getStorageSync("mall_UserInfo").TenantId:''
if(uTenantId&&uTenantId!=18){
uni.setNavigationBarColor({
frontColor: '#ffffff', //字体颜色
backgroundColor: '#017EDF' //背景颜色
})
}
},
onLoad(options) { onLoad(options) {
let that = this; let that = this;
if (options && options.id) { if (options && options.id) {
...@@ -744,6 +768,9 @@ ...@@ -744,6 +768,9 @@
.bg-red { .bg-red {
background-color: #d40224; background-color: #d40224;
} }
.bg-bule{
background-color: #017EDF;
}
.detail-box { .detail-box {
width: 100%; width: 100%;
...@@ -806,6 +833,9 @@ ...@@ -806,6 +833,9 @@
color: #f30329; color: #f30329;
margin-right: 20rpx; margin-right: 20rpx;
} }
.score.active{
color: #017EDF;
}
.desire { .desire {
font-size: 20rpx; font-size: 20rpx;
...@@ -845,6 +875,9 @@ ...@@ -845,6 +875,9 @@
text-align: center; text-align: center;
margin-bottom: 18rpx; margin-bottom: 18rpx;
} }
.info1-con.active {
color: rgb(1, 126, 223);
}
.info1-title { .info1-title {
text-align: center; text-align: center;
...@@ -991,4 +1024,29 @@ ...@@ -991,4 +1024,29 @@
align-items: center; align-items: center;
margin: 10rpx; margin: 10rpx;
} }
.carrier-query-contact{
position: fixed;
left: 0rpx;
right: 0rpx;
bottom: 0rpx;
background: #fff;
box-shadow: 0px 0rpx 30rpx rgba(0,0,0, 0.15);
padding: 20rpx;
z-index: 9;
text-align: right;
}
.carrier-query-contact button {
display: inline-block;
border-radius: 16rpx;
border: none;
font-weight: 400 !important;
outline: none;
font-size: 14px;
font-weight: 600;
color: #fff;
background: #017edf;
}
.carrier-query-contact button::after{
border: none !important;
}
</style> </style>
pages/kotra/brand/detail_brand.vue
View file @ 663aaf22
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
</view> </view>
<view class="info1 flex flex-between"> <view class="info1 flex flex-between">
<view class="info1-item"> <view class="info1-item">
<view class="info1-con"> {{details.ShopNum}} </view> <view class="info1-con" :class="[u.TenantId!=18?'active':'']"> {{details.ShopNum}} </view>
<view class="info1-title"> 店铺数量 </view> <view class="info1-title"> 店铺数量 </view>
</view> </view>
<!-- <view class="info1-item"> <!-- <view class="info1-item">
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
<view class="info1-title"> 对标载体 </view> <view class="info1-title"> 对标载体 </view>
</view> --> </view> -->
<view class="info1-item"> <view class="info1-item">
<view class="info1-con"> <view class="info1-con" :class="[u.TenantId!=18?'active':'']">
{{details.AreaRequirement}} <text style="font-size: 24rpx">㎡</text> {{details.AreaRequirement}} <text style="font-size: 24rpx">㎡</text>
</view> </view>
<view class="info1-title"> 面积需求 </view> <view class="info1-title"> 面积需求 </view>
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
</scroll-view> </scroll-view>
<view class="carrier-query-contact"> <view class="carrier-query-contact">
<button <!-- <button
open-type="contact" open-type="contact"
:send-message-title="detailData.CarrierName" :send-message-title="detailData.CarrierName"
:send-message-path="'/pages/kotra/brand/detail_brand?id=' + ID" :send-message-path="'/pages/kotra/brand/detail_brand?id=' + ID"
...@@ -107,19 +107,29 @@ ...@@ -107,19 +107,29 @@
:show-message-card="true" :show-message-card="true"
> >
<text style="margin-left: 10rpx;" :style="{background:mainColor}">获取联系方式</text> <text style="margin-left: 10rpx;" :style="{background:mainColor}">获取联系方式</text>
</button> -->
<button @click="showContactInfo=true">
<text style="margin-left: 10rpx;" :style="{background:mainColor}"
>获取联系方式</text>
</button> </button>
</view> </view>
<contactInformation v-if="showContactInfo"
:infor="details"
@closeBtn="showContactInfo=false"
></contactInformation>
</view> </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";
import contactInformation from "./components/contactInformation";
let timer; let timer;
export default { export default {
components: { components: {
hParse, hParse,
bianmarenTooltip, bianmarenTooltip,
contactInformation
}, },
data() { data() {
return { return {
...@@ -146,9 +156,12 @@ export default { ...@@ -146,9 +156,12 @@ export default {
tooltipShow: false, tooltipShow: false,
tooltipBtns: ["今日sad"], tooltipBtns: ["今日sad"],
eleId: "", //点击元素 eleId: "", //点击元素
showContactInfo: false,
u: {},
}; };
}, },
onLoad(options) { onLoad(options) {
this.u = uni.getStorageSync("mall_UserInfo");
let that = this; let that = this;
if (options && options.id) { if (options && options.id) {
this.ID = options.id; this.ID = options.id;
...@@ -255,7 +268,6 @@ export default { ...@@ -255,7 +268,6 @@ export default {
(res) => { (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
this.details = res.data; this.details = res.data;
if (res.data.VideoUrl == "") { if (res.data.VideoUrl == "") {
this.active = 1; this.active = 1;
} }
...@@ -413,6 +425,9 @@ export default { ...@@ -413,6 +425,9 @@ export default {
text-align: center; text-align: center;
margin-bottom: 18rpx; margin-bottom: 18rpx;
} }
.info1-con.active {
color: #017EDF;
}
.info1-title { .info1-title {
text-align: center; text-align: center;
......
pages/kotra/brand/list.vue
View file @ 663aaf22
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
</view> </view>
<view class="FilterCri_b"> <view class="FilterCri_b">
<view class="FilterCri_b_item" @click="resetQuantity"> <view class="FilterCri_b_item" @click="resetQuantity">
<text>重置</text> <text>重 置</text>
</view> </view>
<view class="FilterCri_b_item" @click="sure"> <view class="FilterCri_b_item" @click="sure">
<text>确 认</text> <text>确 认</text>
......
pages/kotra/carrier/detail.vue
View file @ 663aaf22
...@@ -199,7 +199,7 @@ ...@@ -199,7 +199,7 @@
</view> --> </view> -->
</view> </view>
<!-- //奖章 --> <!-- //奖章 -->
<view class="MedalBox" v-if="detailData.listEnroll.length > 0"> <view class="MedalBox" v-if="detailData&&detailData.listEnroll&&detailData.listEnroll.length > 0">
<view <view
v-for="(item, index) in detailData.listEnroll" v-for="(item, index) in detailData.listEnroll"
:key="index" :key="index"
...@@ -215,7 +215,7 @@ ...@@ -215,7 +215,7 @@
<!-- 首店数量 --> <!-- 首店数量 -->
<view <view
class="FirstShopBox" class="FirstShopBox"
v-if="detailData.FirstShopNumList.length > 0" v-if="detailData&&detailData.FirstShopNumList&&detailData.FirstShopNumList.length > 0"
> >
<view <view
v-for="(item, index) in detailData.FirstShopNumList" v-for="(item, index) in detailData.FirstShopNumList"
...@@ -261,13 +261,15 @@ ...@@ -261,13 +261,15 @@
</view> --> </view> -->
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4"> <view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<text style="width: 156rpx; text-align: right">商业体量：</text> <text style="width: 156rpx; text-align: right">商业体量：</text>
<text style="color: #f30329; font-weight: bold" <text style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
>{{ detailData.CarrierSize }}万㎡</text >{{ detailData.CarrierSize }}万㎡</text
> >
</view> </view>
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4"> <view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<text style="width: 156rpx; text-align: right">店铺数量：</text> <text style="width: 156rpx; text-align: right">店铺数量：</text>
<text style="color: #f30329; font-weight: bold">{{ <text style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}">{{
detailData.ShopNum detailData.ShopNum
}}</text> }}</text>
</view> </view>
...@@ -282,19 +284,22 @@ ...@@ -282,19 +284,22 @@
> >
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4"> <view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<text style="width: 156rpx; text-align: right">商业层数：</text> <text style="width: 156rpx; text-align: right">商业层数：</text>
<text style="color: #f30329; font-weight: bold">{{ <text style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}">{{
detailData.LayersNum detailData.LayersNum
}}</text> }}</text>
</view> </view>
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4"> <view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<text style="width: 156rpx; text-align: right">车位数量：</text> <text style="width: 156rpx; text-align: right">车位数量：</text>
<text <text
style="color: #f30329; font-weight: bold" style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.CarNum > 0" v-if="detailData.CarNum > 0"
>{{ detailData.CarNum }}</text >{{ detailData.CarNum }}</text
> >
<text <text
style="color: #f30329; font-weight: bold" style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.CarNum <= 0" v-if="detailData.CarNum <= 0"
>/</text >/</text
> >
...@@ -312,12 +317,14 @@ ...@@ -312,12 +317,14 @@
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4"> <view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<text style="width: 156rpx; text-align: right">可租面积：</text> <text style="width: 156rpx; text-align: right">可租面积：</text>
<text <text
style="color: #f30329; font-weight: bold" style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.AreaRequirement > 0" v-if="detailData.AreaRequirement > 0"
>{{ detailData.AreaRequirement }}㎡</text >{{ detailData.AreaRequirement }}㎡</text
> >
<text <text
style="color: #f30329; font-weight: bold" style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.AreaRequirement <= 0" v-if="detailData.AreaRequirement <= 0"
>/</text >/</text
> >
...@@ -325,12 +332,14 @@ ...@@ -325,12 +332,14 @@
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4"> <view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<text style="width: 156rpx; text-align: right">经营面积：</text> <text style="width: 156rpx; text-align: right">经营面积：</text>
<text <text
style="color: #f30329; font-weight: bold" style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.BuiltUpArea > 0" v-if="detailData.BuiltUpArea > 0"
>{{ detailData.BuiltUpArea }}㎡</text >{{ detailData.BuiltUpArea }}㎡</text
> >
<text <text
style="color: #f30329; font-weight: bold" style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.BuiltUpArea <= 0" v-if="detailData.BuiltUpArea <= 0"
>/</text >/</text
> >
...@@ -346,7 +355,8 @@ ...@@ -346,7 +355,8 @@
> >
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4"> <view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<text style="width: 156rpx; text-align: right">开业时间：</text> <text style="width: 156rpx; text-align: right">开业时间：</text>
<text style="color: #f30329; font-weight: bold">{{ <text style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}">{{
detailData.OpenTime?detailData.OpenTime.slice(0, 10):'' detailData.OpenTime?detailData.OpenTime.slice(0, 10):''
}}</text> }}</text>
</view> </view>
...@@ -414,11 +424,11 @@ ...@@ -414,11 +424,11 @@
style=" style="
flex: 1; flex: 1;
padding-left: 34rpx; padding-left: 34rpx;
background: rgba(252, 42, 76, 0.05);
height: 95rpx; height: 95rpx;
display: flex; display: flex;
align-items: center; align-items: center;
" "
:style="{'background':u.TenantId==18?'rgba(252, 42, 76, 0.05)':'rgba(1, 126, 223, 0.05)'}"
> >
<image <image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_382.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_382.png"
...@@ -740,7 +750,7 @@ ...@@ -740,7 +750,7 @@
</view> </view>
</view> </view>
<view <view
style="margin-bottom: 93rpx; text-align: right; position: relative" v-if="detailData.HonorList.length>0" style="margin-bottom: 93rpx; text-align: right; position: relative" v-if="detailData&&detailData.HonorList&&detailData.HonorList.length>0"
> >
<view style="text-align: left"> <view style="text-align: left">
<image <image
...@@ -788,15 +798,26 @@ ...@@ -788,15 +798,26 @@
</view> </view>
</scroll-view> </scroll-view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth" ></auth> <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth" ></auth>
<view v-if="u.TenantId!=18" class="carrier-query-contact">
<button @click="showContactInfo=true">
<text style="margin-left: 10rpx;" :style="{background:mainColor}"
>获取联系方式</text>
</button>
</view>
<contactInformation v-if="showContactInfo"
:infor="detailData"
@closeBtn="showContactInfo=false"
></contactInformation>
</view> </view>
</template> </template>
<script> <script>
import auth from "@/components/auth/index.vue"; import auth from "@/components/auth/index.vue";
import contactInformation from "../brand/components/contactInformation";
export default { export default {
components: { components: {
auth auth,
contactInformation
}, },
data() { data() {
return { return {
...@@ -829,6 +850,7 @@ export default { ...@@ -829,6 +850,7 @@ export default {
detailData: { detailData: {
CreateDate: "", CreateDate: "",
}, },
showContactInfo: false
}; };
}, },
onShareTimeline() { onShareTimeline() {
...@@ -1171,4 +1193,29 @@ export default { ...@@ -1171,4 +1193,29 @@ export default {
.custom-tab-item .u-tab-item { .custom-tab-item .u-tab-item {
line-height: 26px; line-height: 26px;
} }
.carrier-query-contact{
position: fixed;
left: 0rpx;
right: 0rpx;
bottom: 0rpx;
background: #fff;
box-shadow: 0px 0rpx 30rpx rgba(0,0,0, 0.15);
padding: 20rpx;
z-index: 9;
text-align: right;
}
.carrier-query-contact button {
display: inline-block;
border-radius: 16rpx;
border: none;
font-weight: 400 !important;
outline: none;
font-size: 14px;
font-weight: 600;
color: #fff;
background: #017edf;
}
.carrier-query-contact button::after{
border: none !important;
}
</style> </style>
pages/kotra/carrier/detail_carrier.vue
View file @ 663aaf22
...@@ -199,7 +199,7 @@ ...@@ -199,7 +199,7 @@
</view> --> </view> -->
</view> </view>
<!-- //奖章 --> <!-- //奖章 -->
<view class="MedalBox" v-if="detailData.listEnroll && detailData.listEnroll.length > 0"> <view class="MedalBox" v-if="detailData&&detailData.listEnroll && detailData.listEnroll.length > 0">
<view <view
v-for="(item, index) in detailData.listEnroll" v-for="(item, index) in detailData.listEnroll"
:key="index" :key="index"
...@@ -456,7 +456,7 @@ ...@@ -456,7 +456,7 @@
</scroll-view> </scroll-view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth" ></auth> <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth" ></auth>
<view class="carrier-query-contact"> <view class="carrier-query-contact">
<button <!-- <button
open-type="contact" open-type="contact"
:send-message-title="detailData.CarrierName" :send-message-title="detailData.CarrierName"
:send-message-path="'/pages/kotra/carrier/detail_carrier?id=' + id" :send-message-path="'/pages/kotra/carrier/detail_carrier?id=' + id"
...@@ -464,17 +464,27 @@ ...@@ -464,17 +464,27 @@
:show-message-card="true" :show-message-card="true"
> >
<text style="margin-left: 10rpx;" :style="{background:mainColor}">获取联系方式</text> <text style="margin-left: 10rpx;" :style="{background:mainColor}">获取联系方式</text>
</button> </button> -->
<button @click="showContactInfo=true">
<text style="margin-left: 10rpx;" :style="{background:mainColor}"
>获取联系方式</text>
</button>
</view> </view>
<contactInformation v-if="showContactInfo"
:infor="detailData"
@closeBtn="showContactInfo=false"
></contactInformation>
</view> </view>
</template> </template>
<script> <script>
import auth from "@/components/auth/index.vue"; import auth from "@/components/auth/index.vue";
import contactInformation from "../brand/components/contactInformation";
export default { export default {
components: { components: {
auth auth,
contactInformation
}, },
data() { data() {
return { return {
...@@ -507,6 +517,7 @@ export default { ...@@ -507,6 +517,7 @@ export default {
detailData: { detailData: {
CreateDate: "", CreateDate: "",
}, },
showContactInfo: false,
}; };
}, },
onShareTimeline() { onShareTimeline() {
......
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