Skip to content

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

联系方式 主题色

parent 856d68cd
Show 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 @@
position: relative;
">
<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="header flex" style="popsition: relative">
<view class="title" style="display: flex; align-items: flex-end">
......@@ -39,9 +39,10 @@
</view> -->
</view>
<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>
<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>
</view>
<view v-if="details.OpenShopWish == -1">
......@@ -169,19 +170,19 @@
</view>
<view class="info1 flex flex-between">
<view class="info1-item">
<view class="info1-con">
<view class="info1-con" :class="[u.TenantId!=18?'active':'']">
{{ details.ShopNum }}
</view>
<view class="info1-title"> 店铺数量 </view>
</view>
<!-- <view class="info1-item">
<view class="info1-con">
<view class="info1-con" :class="[u.TenantId!=18?'active':'']">
{{ details.ProjectName }}
</view>
<view class="info1-title"> 对标载体 </view>
</view> -->
<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="
details.AreaRequirement == 0 &&
details.EndAreaRequirement != 0
......@@ -345,11 +346,22 @@
</view>
</view>
<view style="height: 50px;"></view>
</view>
</scroll-view>
<bianmarenTooltip :gravity="gravity" :tooltipShow="tooltipShow" :btns="tooltipBtns" :eleId="eleId">
</bianmarenTooltip>
<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>
</template>
......@@ -357,12 +369,14 @@
import auth from "@/components/auth/index.vue";
import hParse from "@/components/u-parse/parse.vue";
import bianmarenTooltip from "../components/bianmaren-tooltips.vue";
import contactInformation from "../brand/components/contactInformation";
let timer;
export default {
components: {
hParse,
bianmarenTooltip,
auth
auth,
contactInformation
},
data() {
return {
......@@ -437,8 +451,18 @@
tooltipBtns: ["今日sad"],
eleId: "", //点击元素
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) {
let that = this;
if (options && options.id) {
......@@ -744,6 +768,9 @@
.bg-red {
background-color: #d40224;
}
.bg-bule{
background-color: #017EDF;
}
.detail-box {
width: 100%;
......@@ -806,6 +833,9 @@
color: #f30329;
margin-right: 20rpx;
}
.score.active{
color: #017EDF;
}
.desire {
font-size: 20rpx;
......@@ -845,6 +875,9 @@
text-align: center;
margin-bottom: 18rpx;
}
.info1-con.active {
color: rgb(1, 126, 223);
}
.info1-title {
text-align: center;
......@@ -991,4 +1024,29 @@
align-items: center;
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>
pages/kotra/brand/detail_brand.vue
View file @ 663aaf22
......@@ -44,7 +44,7 @@
</view>
<view class="info1 flex flex-between">
<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>
<!-- <view class="info1-item">
......@@ -52,7 +52,7 @@
<view class="info1-title"> 对标载体 </view>
</view> -->
<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>
</view>
<view class="info1-title"> 面积需求 </view>
......@@ -99,7 +99,7 @@
</scroll-view>
<view class="carrier-query-contact">
<button
<!-- <button
open-type="contact"
:send-message-title="detailData.CarrierName"
:send-message-path="'/pages/kotra/brand/detail_brand?id=' + ID"
......@@ -107,19 +107,29 @@
:show-message-card="true"
>
<text style="margin-left: 10rpx;" :style="{background:mainColor}">获取联系方式</text>
</button> -->
<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>
</template>
<script>
import hParse from "@/components/u-parse/parse.vue";
import bianmarenTooltip from "../components/bianmaren-tooltips.vue";
import contactInformation from "./components/contactInformation";
let timer;
export default {
components: {
hParse,
bianmarenTooltip,
contactInformation
},
data() {
return {
......@@ -146,9 +156,12 @@ export default {
tooltipShow: false,
tooltipBtns: ["今日sad"],
eleId: "", //点击元素
showContactInfo: false,
u: {},
};
},
onLoad(options) {
this.u = uni.getStorageSync("mall_UserInfo");
let that = this;
if (options && options.id) {
this.ID = options.id;
......@@ -255,7 +268,6 @@ export default {
(res) => {
if (res.resultCode == 1) {
this.details = res.data;
if (res.data.VideoUrl == "") {
this.active = 1;
}
......@@ -413,6 +425,9 @@ export default {
text-align: center;
margin-bottom: 18rpx;
}
.info1-con.active {
color: #017EDF;
}
.info1-title {
text-align: center;
......
pages/kotra/brand/list.vue
View file @ 663aaf22
......@@ -163,7 +163,7 @@
</view>
<view class="FilterCri_b">
<view class="FilterCri_b_item" @click="resetQuantity">
<text>重置</text>
<text>重 置</text>
</view>
<view class="FilterCri_b_item" @click="sure">
<text>确 认</text>
......
pages/kotra/carrier/detail.vue
View file @ 663aaf22
......@@ -199,7 +199,7 @@
</view> -->
</view>
<!-- //奖章 -->
<view class="MedalBox" v-if="detailData.listEnroll.length > 0">
<view class="MedalBox" v-if="detailData&&detailData.listEnroll&&detailData.listEnroll.length > 0">
<view
v-for="(item, index) in detailData.listEnroll"
:key="index"
......@@ -215,7 +215,7 @@
<!-- 首店数量 -->
<view
class="FirstShopBox"
v-if="detailData.FirstShopNumList.length > 0"
v-if="detailData&&detailData.FirstShopNumList&&detailData.FirstShopNumList.length > 0"
>
<view
v-for="(item, index) in detailData.FirstShopNumList"
......@@ -261,13 +261,15 @@
</view> -->
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<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
>
</view>
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<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
}}</text>
</view>
......@@ -282,19 +284,22 @@
>
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<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
}}</text>
</view>
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<text style="width: 156rpx; text-align: right">车位数量：</text>
<text
style="color: #f30329; font-weight: bold"
style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.CarNum > 0"
>{{ detailData.CarNum }}</text
>
<text
style="color: #f30329; font-weight: bold"
style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.CarNum <= 0"
>/</text
>
......@@ -312,12 +317,14 @@
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<text style="width: 156rpx; text-align: right">可租面积：</text>
<text
style="color: #f30329; font-weight: bold"
style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.AreaRequirement > 0"
>{{ detailData.AreaRequirement }}㎡</text
>
<text
style="color: #f30329; font-weight: bold"
style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.AreaRequirement <= 0"
>/</text
>
......@@ -325,12 +332,14 @@
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<text style="width: 156rpx; text-align: right">经营面积：</text>
<text
style="color: #f30329; font-weight: bold"
style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.BuiltUpArea > 0"
>{{ detailData.BuiltUpArea }}㎡</text
>
<text
style="color: #f30329; font-weight: bold"
style="font-weight: bold"
:style="{'color':u.TenantId==18?'#f30329':'#017EDF'}"
v-if="detailData.BuiltUpArea <= 0"
>/</text
>
......@@ -346,7 +355,8 @@
>
<view style="flex: 1; font-size: 26rpx; color: #a4a4a4">
<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):''
}}</text>
</view>
......@@ -414,11 +424,11 @@
style="
flex: 1;
padding-left: 34rpx;
background: rgba(252, 42, 76, 0.05);
height: 95rpx;
display: flex;
align-items: center;
"
:style="{'background':u.TenantId==18?'rgba(252, 42, 76, 0.05)':'rgba(1, 126, 223, 0.05)'}"
>
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_382.png"
......@@ -740,7 +750,7 @@
</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">
<image
......@@ -788,15 +798,26 @@
</view>
</scroll-view>
<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>
</template>
<script>
import auth from "@/components/auth/index.vue";
import contactInformation from "../brand/components/contactInformation";
export default {
components: {
auth
auth,
contactInformation
},
data() {
return {
......@@ -829,6 +850,7 @@ export default {
detailData: {
CreateDate: "",
},
showContactInfo: false
};
},
onShareTimeline() {
......@@ -1171,4 +1193,29 @@ export default {
.custom-tab-item .u-tab-item {
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>
pages/kotra/carrier/detail_carrier.vue
View file @ 663aaf22
......@@ -199,7 +199,7 @@
</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
v-for="(item, index) in detailData.listEnroll"
:key="index"
......@@ -456,7 +456,7 @@
</scroll-view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth" ></auth>
<view class="carrier-query-contact">
<button
<!-- <button
open-type="contact"
:send-message-title="detailData.CarrierName"
:send-message-path="'/pages/kotra/carrier/detail_carrier?id=' + id"
......@@ -464,17 +464,27 @@
:show-message-card="true"
>
<text style="margin-left: 10rpx;" :style="{background:mainColor}">获取联系方式</text>
</button> -->
<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>
</template>
<script>
import auth from "@/components/auth/index.vue";
import contactInformation from "../brand/components/contactInformation";
export default {
components: {
auth
auth,
contactInformation
},
data() {
return {
......@@ -507,6 +517,7 @@ export default {
detailData: {
CreateDate: "",
},
showContactInfo: false,
};
},
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