<template>
<view class="box">
<view class="top" :style="{background:'#'+themeColor}">
<view class="customerMes">
<image @click="updateUserInfo" v-if="headImg" :src="headImg" mode=""
style="width: 88rpx;height: 88rpx;border-radius: 44rpx;"></image>
<image @click="updateUserInfo" v-else src="http://dmsphoto.66km.com.cn/thFiles/64CD12A3-588E-4201-90F6-5428F6ACD9F9.png" mode=""
style="width: 88rpx;height: 88rpx;border-radius: 44rpx;"></image>
<view class="mes">
<view class="nick">
<view class="nickName" v-if="nickName">{{nickName}}</view>
<!-- <view class="grade" @click="gonavigateTo('../index/vipCard')" v-if="numList.levelName&&showSetting.isShowLevel">{{numList.levelName}} ></view>-->
<view class="cardNameBOx" v-if="numList.levelName&&showSetting.isShowLevel" @click="gonavigateTo('../subPack/vipCard')">
<image class="cardNameIcon" src="http://dmsphoto.66km.com.cn/thFiles/E3F78C8A-CF4F-40DD-B050-689CFCEA2F4C.png" mode=""></image>
<view class="cardNameTb">{{numList.levelName}}</view>
<image src="../../static/timg/icon_arrow.png" mode="" class="cardNameIcon2"></image>
</view>
<view class="cardNameBOx" v-if="numList.f2ccard.cardName">
<image class="cardNameIcon" src="http://dmsphoto.66km.com.cn/thFiles/E3F78C8A-CF4F-40DD-B050-689CFCEA2F4C.png" mode=""></image>
<view class="cardNameTb">{{numList.f2ccard.cardName}}</view>
</view>
</view>
<view class="phone">{{phone}} <span @click="seeQr">{{numList.customerInfo.wxMiniV2OpenID?' / 已绑定微信>':' / 未绑定微信>'}}</span> </view>
</view>
</view>
</view>
<!-- <view v-if="numList.remindType==0" class="marginTop2"></view>v-if="numList.remindType!=0" -->
<view class="marginTop" ></view>
<view class="headerBox">
<view class="quan" @click="gonavigateTo('../index/discountCard')" v-if="showSetting.isShowCoupon">
<view class="numStr">{{numList.count?numList.count:0}}</view>
<view class="nameStr">优惠券</view>
</view>
<view class="quan" v-if="showSetting.isShowIntergral" @click="gonavigateTo('../integral/integral?totalIntegral='+numList.totalIntegral)">
<view class="numStr">{{numList.totalIntegral?numList.totalIntegral:0}}</view>
<view class="nameStr">积分</view>
</view>
<view class="quan" v-if="showSetting.isShowCard" @click="gonavigateTo('../index/vipCard')">
<view class="numStr">{{numList.cardNum?numList.cardNum:0}}</view>
<view class="nameStr">会员卡</view>
</view>
</view>
<view class="remindBox" v-if="numList.remindType!=0&&numList.remindIntegral!=0">
<view class="remindLeft" style="display: flex;">
<image style="width: 24rpx;height: 24rpx;margin-top: 2rpx;" src="http://dmsphoto.66km.com.cn/thFiles/BA87B937-90F3-420C-A21C-A5B7BE7E8B07.png" mode=""></image>
<span style="padding-left: 10rpx;">您有</span>
<span style="color: #FFFD00;font-weight: 500;">{{numList.remindIntegral}}</span>
<span v-if="numList.remindType==1">积分将于本月过期</span>
<span v-if="numList.remindType==2">积分将于30天内过期</span>
</view>
<view class="useremind" @click="useremind">去使用></view>
</view>
<!-- 卡制度-->
<view v-if="showSetting.isShowCardSystem&&f2csystemlist">
<view >
<swiper class="swiper2" :autoplay="false" :interval="interval"
:duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
<swiper-item v-for="(item,index) in f2csystemlist">
<view class="cardBox">
<view class="cardTOp" :style="{background:'url('+item.Banner+') 100% 100%'}" style="background-size: 100% 100% !important;">
<img class="vipBsIcon" v-if="item.growthState==1" src="http://dmsphoto.66km.com.cn/thFiles/91FCABC6-775C-47CA-B7D4-3579A4DE8497.png" alt="">
<view class="cardName">{{item.system.name}}</view>
<!-- 当前卡制度-->
<view class="cardtimeBox" v-if="item.growthState==1">
<view class="cardtimeLeft">成长值 {{numList.f2ccard.growthValue}}/{{item.system.growthValueUp}}</view>
<view class="cartimeRight">有效期 {{numList.f2ccard.expireTime.slice(0,10)}}</view>
</view>
<view class="cardtimeBox" v-if="item.growthState==2">
<view class="cardtimeLeft">高于该等级</view>
</view>
<view class="cardtimeBox" v-if="item.growthState==3">
<view class="cardtimeLeft">还需{{item.addGrowth}}成长值可升级</view>
</view>
</view>
<view class="cardCont">
<view class="cardLine" v-for="(c,cindex) in item.contents" v-if="cindex<8">
<view class="cardLineImgBox">
<image :src="c.icon" mode="" class="cardLineImg"></image>
</view>
<view class="cardlineTitle" v-if="c.state==1">{{c.title}}</view>
<view class="cardlineTitle2" v-if="c.state==0">{{c.title}}</view>
</view>
</view>
</view>
</swiper-item>
</swiper>
</view>
</view>
<!-- 我的订单 -->
<view class="orderBox">
<view class="orderTitle">我的订单</view>
<view class="orderLIneBox">
<view class="orderLine" @click="goorder(1)">
<view class="orderImgBox">
<view class="orderNum" v-show="numList.waitPurchaseSize>0">
{{numList.waitPurchaseSize>99?'99+':numList.waitPurchaseSize}}
</view>
<image src="../../static/img/icon_daifukuan.png" mode="" class="orderLineImg"></image>
</view>
<view class="orderLineTxt">待付款</view>
</view>
<view class="orderLine" @click="goorder(5)">
<view class="orderImgBox">
<view class="orderNum" v-show="numList.waitGroupSize>0">
{{numList.waitGroupSize>99?'99+':numList.waitGroupSize}}
</view>
<image src="../../static/timg/my_icon_4.png" mode="" class="orderLineImg"></image>
</view>
<view class="orderLineTxt">待成团</view>
</view>
<view class="orderLine" @click="goorder(2)">
<view class="orderImgBox">
<view class="orderNum" v-show="numList.waitServiceSize>0">
{{numList.waitServiceSize>99?'99+':numList.waitServiceSize}}
</view>
<image src="../../static/img/icon_daifuwu.png" mode="" class="orderLineImg"></image>
</view>
<view class="orderLineTxt">待服务</view>
</view>
<view class="orderLine" @click="goorder(3)">
<view class="orderImgBox">
<view class="orderNum" v-show="numList.hasOverSize>0">
{{numList.hasOverSize>99?'99+':numList.hasOverSize}}
</view>
<image src="../../static/img/icon_yiwancheng.png" mode="" class="orderLineImg"></image>
</view>
<view class="orderLineTxt">已完成</view>
</view>
<view class="orderLine" @click="goorder(0)">
<view class="orderImgBox">
<view class="orderNum" v-show="numList.allSize>0">{{numList.allSize>99?'99+':numList.allSize}}
</view>
<image src="../../static/img/icon_allorder.png" mode="" class="orderLineImg"></image>
</view>
<view class="orderLineTxt">全部</view>
</view>
</view>
</view>
<!-- 店铺信息 -->
<view class="shopBox" v-if="userInfo&&showSetting.isShowCardShop">
<view class="shopCont">
<view class="shopName">{{numList.shopInfo.shopName}}</view>
<view class="shopRightBox">
<image src="../../static/img/icon_ditu.png" mode="" class="shopRightImg"
style="margin-right: 67rpx;" @click="map"></image>
<image src="../../static/img/icon_phone.png" mode="" class="shopRightImg" @click="call"></image>
</view>
</view>
<view v-if="numList.isShowScore == 1 && numList.isShowEvaluate == 1" class="appraiseBox">
<view v-if="numList.isShowScore == 1 && numList.shopInfo.miniV2ShopScore" class="appraise">
{{numList.shopInfo.miniV2ShopScore}}
<span style='font-size: 26rpx; margin-left: 3rpx;'>分</span>
</view>
<view v-if="numList.isShowScore == 1 && !numList.shopInfo.miniV2ShopScore" class="appraise"
style='font-size: 26rpx;'>暂无评分</span>
</view>
<view v-if="numList.isShowScore == 1" class="line"></view>
<view @click="goShopAppraiseList()" v-if="numList.isShowEvaluate == 1 && numList.evaluateCount "
class="appraiseCount">评价数
{{numList.evaluateCount}}
<image v-if="numList.isShowEvaluate == 1" class="rightArrow"
src="../../static/timg/icon_arrow_right.png" mode=""></image>
</view>
<view v-if="numList.isShowEvaluate == 1 && !numList.evaluateCount " class="appraiseCount">暂无评价
</view>
</view>
<view class="shopTime" v-if="numList.shopInfo.startTime && numList.shopInfo.endTime">
{{numList.shopInfo.startTime}}-{{numList.shopInfo.endTime}}
</view>
<view class="address">
<view class="Address">
{{numList.shopInfo.provinceName?numList.shopInfo.provinceName:''}}
{{numList.shopInfo.cityName?numList.shopInfo.cityName:''}}
{{numList.shopInfo.areaName?numList.shopInfo.areaName:''}}
{{numList.shopInfo.address?numList.shopInfo.address:''}}
</view>
<!-- <view class="distance" v-if="numList.shopInfo.distance&&numList.shopInfo.distance!= '0.00'">{{numList.shopInfo.distance}}km</view> -->
</view>
</view>
<!-- 我的 相关 -->
<view class="rowBoxBg">
<!-- <view class="rowBox" @click="gonavigateTo('../user/expertServices')">
<view class="leftView">
<image src="../../static/img/icon_me1.png" mode="" class="liftIcon"></image>
<view class="rowTitle">服务专家</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view> -->
<view class="rowBox" @click="gonavigateTo('./addCar/cailist?type=3')">
<view class="leftView">
<image src="../../static/img/icon_me2.png" mode="" class="liftIcon"></image>
<view class="rowTitle">我的车库</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
<view class="rowBox" @click="gonavigateTo('myBespeak')">
<view class="leftView">
<image src="../../static/img/icon_me3.png" mode="" class="liftIcon"></image>
<view class="rowTitle">我的预约</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
<view class="rowBox" @click="gonavigateTo('historySpend')">
<view class="leftView">
<image src="../../static/img/icon_me4.png" mode="" class="liftIcon"></image>
<view class="rowTitle">历史消费</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
<view class="rowBox" @click="gonavigateTo('checkReport')">
<view class="leftView">
<image src="../../static/img/icon_me5.png" mode="" class="liftIcon"></image>
<view class="rowTitle">车检报告</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
<!-- <view class="rowBox" @click="gonavigateTo('../subPack/depositList')">
<view class="leftView">
<image src="../../static/timg/icon_jydd.png" mode="" class="liftIcon"></image>
<view class="rowTitle">我的寄存</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view> -->
<view class="rowBox" @click="gonavigateTo('../subPack/rescueOrder')">
<view class="leftView">
<image src="../../static/timg/sos.png" mode="" class="liftIcon"></image>
<view class="rowTitle">救援订单</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
<!-- <view class="rowBox" @click="gonavigateTo('../subPack/luckList')">
<view class="leftView">
<image src="../../static/timg/icon_jydd.png" mode="" class="liftIcon"></image>
<view class="rowTitle">中奖记录</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view> -->
</view>
<view class="rowBoxBg">
<view class="rowBox" @click="gonavigateTo('myAppraise')">
<view class="leftView">
<image src="../../static/img/icon_pingjia.png" mode="" class="liftIcon"></image>
<view class="rowTitle">我的评价</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
</view>
<view class="rowBoxBg" v-if="kkshow">
<view class="rowBox" @click="gonavigateTo('../partner/partner')"
v-if="numList.customerInfo.pState==1&&numList.shopSettings.partnerDisabled">
<view class="leftView">
<image src="../../static/img/icon_hehuoren.png" mode="" class="liftIcon"></image>
<view class="rowTitle">车主合伙人</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
<view class="rowBox" @click="gonavigateTo('../referral/referral')"
v-if="numList.customerInfo.rebateState==1&&numList.shopSettings.introductionDisabled">
<view class="leftView">
<image src="../../static/img/icon_kehuzhuanjieshao.png" mode="" class="liftIcon"></image>
<view class="rowTitle">客户转介绍</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
</view>
<view class="rowBoxBg">
<view class="rowBox" v-if="showSetting.isShowTel">
<view class="leftView">
<image src="../../static/timg/icon_qingchu.png" mode="" class="liftIcon"></image>
<view class="rowTitle">{{showSetting.telTitle}}</view>
</view>
<view class="rowRight" style="color:#666666;" @click="makePhoneCall(showSetting.tel)">{{showSetting.tel}}</view>
</view>
<view class="rowBox" v-if="showSetting.isShowMember" @click="gomember(showSetting.memberTitle)">
<view class="leftView">
<image src="../../static/timg/icon_yijian.png" mode="" class="liftIcon"></image>
<view class="rowTitle">{{showSetting.memberTitle}}</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
<view class="rowBox" v-if="showSetting.isShowAbout" @click="gonavigateaboutUS">
<view class="leftView">
<image src="../../static/timg/icon_fenxiang.png" mode="" class="liftIcon"></image>
<view class="rowTitle">{{showSetting.aboutTitle}}</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
</view>
<view class="rowBoxBg">
<button open-type="share" class="rowBox">
<view class="leftView">
<image src="../../static/img/icon_me6.png" mode="" class="liftIcon"></image>
<view class="rowTitle">分享给好友</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</button>
<view class="rowBox" @click="gonavigateTo('feedBack')">
<view class="leftView">
<image src="../../static/img/icon_me7.png" mode="" class="liftIcon"></image>
<view class="rowTitle">意见反馈</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
<!-- <view class="rowBox" @click="gonavigateTo('../report/working?id=56D5F8C1-9F11-40BA-8937-B4AABD4666B5')">
<view class="leftView">
<image src="../../static/img/icon_kehuzhuanjieshao.png" mode="" class="liftIcon"></image>
<view class="rowTitle">施工报告</view>
</view> -->
<!-- <view class="rowBox" @click="gonavigateTo('../report/complete?id=278569FB-6F21-47AD-8B66-D62D2EA6981D')">
<view class="leftView">
<image src="../../static/img/icon_kehuzhuanjieshao.png" mode="" class="liftIcon"></image>
<view class="rowTitle">完工报告</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view> -->
<!-- 先隐藏 -->
<!-- <view class="rowBox" @click="gonavigateTo('')">
<view class="leftView">
<image src="../../static/img/icon_me8.png" mode="" class="liftIcon"></image>
<view class="rowTitle">清除缓存</view>
</view>
<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
</view> -->
</view>
<view class="rowBoxBg">
<view class="exit" @click="exit">退出登录</view>
</view>
<view class="releaseVersion">版本号：{{release_version}}</view>
<!-- <view class="signOut" @click="signOut">退出登录</view> -->
<!-- 手机号授权 -->
<view class="authorizBox" v-if="authorizShow" @click="authorizShowHide">
<view class="authorizCont" @click.stop="">
<view class="authorizName">{{wxOpenData.miniAppName}}</view>
<view class="authorizMs">您好，欢迎访问本店，授权手机号登录能获取我们最新的促销活动哦~</view>
<button class="authorizContbutton" type="default" open-type="getPhoneNumber"
@getphonenumber="decryptPhoneNumber">授权</button>
</view>
<view style="text-align: center;padding-top: 56rpx;">
<image src="../../static/timg/icon_guanbi@2x.png" mode="" class="authorizCloseImg"></image>
</view>
</view>
<!-- <image :src="qrimg" mode=""></image> -->
<view class="qrBox" v-if="qrSHow">
<view class="qrimgBox">
<view class="qrTitle">微信绑定
<image src="../../static/timg/chahao.png" mode="" class="qrimgchahao" @click="qrclose"></image>
</view>
<view class="qrms">扫描/长按下方二维码进行绑定</view>
<view class="qrms2">绑定后可接收微信消息通知</view>
<view style="text-align: center;padding-top: 30rpx;">
<image :src="qrimg" mode="" class="qrimg" :show-menu-by-longpress='true'></image>
</view>
<view class="qrBtn" @click="qrclose">我知道了</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
userInfo: '',
shopData: '',
numList: '',
uid: '',
headImg: '',
location: {
lng: '',
lat: '',
},
authorizShow: false,
code: '',
wxOpenData: '',
nickName: '',
phone: '',
ext: '',
themeColor: '',
release_version: '',
qrimg:'',
qrSHow:false,
kkshow:false,
duration:500,
interval:3000,
showSetting:'',
f2csystemlist:'',
}
},
onLoad(opt) {
this.ext = this.$common.getExtStoreId();
this.themeColor = uni.getStorageSync("themeColor");
console.log("themeColor=="+this.themeColor)
if (this.themeColor) {
if (this.themeColor == '6F2BE8') {
var backgroundImage = '/static/tabimg/me6F2BE8.png'
}
if (this.themeColor == '1677FF') {
var backgroundImage = '/static/tabimg/me1677FF.png'
}
if (this.themeColor == 'FF4F00') {
var backgroundImage = '/static/tabimg/meFF4F00.png'
}
if (this.themeColor == 'D53533') {
var backgroundImage = '/static/tabimg/me1.png'
}
uni.setTabBarStyle({
// color: '#FF0000',
selectedColor: '#' + this.themeColor,
})
uni.setTabBarItem({
index: 3,
text: '我的',
selectedIconPath: backgroundImage
})
}
uni.setNavigationBarColor({
frontColor: "#ffffff",
backgroundColor: '#' + this.themeColor
})
this.getVersionInfo()
// const accountInfo = wx.getAccountInfoSync();
// var version_number = accountInfo.miniProgram.version;
// console.log(version_number)
},
onShow() {
const wxOpenData = this.$store.state.wxOpenData;
this.wxOpenData = wxOpenData
console.log("onshowuser")
this.userInfo = this.$store.state.userInfo;
console.log(this.userInfo)
if (this.userInfo) {
this.queryMyDetail();
} else {
//console.log("授权")
this.authorizShow = true;
}
if (wxOpenData) {
this.uid = wxOpenData.loginInfo.uid;
}
//this.themeColor = uni.getStorageSync("themeColor");
},
methods: {
exit(){
var that=this;
uni.showModal({
title: '提示',
content: '是否退出登录',
success(res) {
if (res.confirm) {
uni.clearStorageSync()
that.$store.commit('mutationsuserInfo', '')
that.$store.commit('mutationscarInfo', '')
that.$http('miniApp2/sys/logout', {
}, 'GET').then(res => {
uni.reLaunch({
url: '../index/index'
});
})
}
}
});
},
makePhoneCall(tel){
uni.makePhoneCall({
phoneNumber: tel,
});
},
seeQr(){
// this.authorizShow = true;
// return false;
if (this.userInfo) {
} else {
this.authorizShow = true;
return false;
}
uni.showLoading({
title: '加载中'
})
this.$request.httpBinary('wxV2/createQrCode', {
type:'bindWx',
customerId:this.numList.customerInfo.id,
unionID:this.numList.customerInfo.unionID,
}, 'GET').then(res => {
uni.hideLoading();
this.qrimg = 'data:image/png;base64,'+uni.arrayBufferToBase64(res);
this.qrSHow=true;
//this.img= uni.arrayBufferToBase64(res)
//console.log('list+=', this.queryShopList);
})
},
qrclose(){
this.qrSHow=false;
},
goShopAppraiseList() {
uni.navigateTo({
url: 'ShopAppraiseList?shopID=' + this.numList.shopInfo.id
})
},
useremind(){
if (this.userInfo) {
uni.navigateTo({
url: '../integral/integral'
})
} else {
this.authorizShow = true;
return false;
}
},
gonavigateaboutUS(){
uni.navigateTo({
url: '../index/aboutUS?unionID='+this.numList.customerInfo.unionID
})
},
gomember(memberTitle){
uni.navigateTo({
url: '../index/aboutUS?unionID='+this.numList.customerInfo.unionID+'&memberTitle='+memberTitle
})
},
getVersionInfo() {
this.$http('miniApp2/sys/getVersionInfov2', {
appId: this.ext.appId,
}, 'POST').then(res => {
if( res.data){
this.release_version = res.data
}
})
},
updateUserInfo() {
var that = this;
uni.getUserProfile({
lang: 'zh_CN',
desc: '登录',
success: (res) => {
console.log(res);
that.headImg = res.userInfo.avatarUrl;
that.nickName = res.userInfo.nickName;
that.$http('miniApp2/sys/updateUserInfo', {
nickName: res.userInfo.nickName,
unionId: that.ext.unionId,
headImg: res.userInfo.avatarUrl,
openId: that.wxOpenData.openid
}, 'POST').then(res => {
})
},
fail: (res) => {
console.log(res)
}
});
},
decryptPhoneNumber: function(e) {
console.log(e);
this.code = e.detail.code
this.wxPhoneLogin()
this.authorizShow = false;
},
wxPhoneLogin() {
var that = this;
this.$http('miniApp2/sys/wxPhoneLogin', {
appId: this.ext.appId,
unionId: this.ext.unionId,
code: this.code,
openId: this.wxOpenData.openid
}, 'POST').then(res => {
var data = res.data;
if (data.loginInfo) {
this.userInfo = data.loginInfo.openUser;
this.wxOpenData = data.loginInfo;
this.numList=data.loginInfo
this.headImg = data.loginInfo.openUser.headImg;
this.nickName = data.loginInfo.openUser.nickName;
this.phone = data.loginInfo.openUser.mobilePhone;
this.$store.commit('mutationswxOpenData', data)
this.$store.commit('mutationsuserInfo', this.userInfo)
/*setTimeout(() => {
that.queryMyDetail()
}, 1000); */
that.queryMyDetail()
if(!data.loginInfo.customerInfo.wxMiniV2OpenID){
this.seeQr()
}
if(this.numList.customerInfo.pState==1&&this.numList.shopSettings.partnerDisabled){
this.kkshow=true
}
if(this.numList.customerInfo.rebateState==1&&this.numList.shopSettings.introductionDisabled){
this.kkshow=true
}
}
})
},
map() {
console.log("打开地图")
var that = this;
if (!that.numList.shopInfo.lat || !that.numList.shopInfo.lng) {
uni.showToast({
title: '该店铺未设置定位',
icon: 'none',
duration: 3000
});
} else {
uni.openLocation({
latitude: Number(that.numList.shopInfo.lat),
longitude: Number(that.numList.shopInfo.lng),
name: that.numList.shopInfo.shopName,
address: that.numList.shopInfo.provinceName + that.numList.shopInfo.cityName + that.numList
.shopInfo.areaName + that.numList.shopInfo.address,
success: function() {
console.log('success');
},
fail(err) {
console.log(err)
}
});
}
},
call() {
if (this.userInfo) {
} else {
this.authorizShow = true;
return false;
}
uni.makePhoneCall({
phoneNumber: this.numList.shopInfo.mobilePhone
});
},
goorder(num) {
if (this.userInfo) {
uni.navigateTo({
url: './myOrder/myOrder?num=' + num
})
} else {
this.authorizShow = true;
return false;
}
},
queryMyDetail() {
console.log("getinfo")
console.log(this.$store.state.wxOpenData)
uni.showLoading({
title: '加载中'
})
this.$http('openreservation/getInfo', {
lat: this.location.lat ? this.location.lat : '',
lng: this.location.lng ? this.location.lng : '',
}, 'GET').then(res => {
uni.hideLoading();
this.numList = res.data
this.headImg = res.data.openUser.headImg;
this.nickName = res.data.openUser.nickName;
this.phone = res.data.openUser.mobilePhone;
this.showSetting=res.data.showSetting
this.f2csystemlist=res.data.f2csystemlist
if(this.numList.customerInfo.pState==1&&this.numList.shopSettings.partnerDisabled){
this.kkshow=true
}
if(this.numList.customerInfo.rebateState==1&&this.numList.shopSettings.introductionDisabled){
this.kkshow=true
}
})
},
gonavigateTo(url) {
if (this.userInfo) {
uni.navigateTo({
url: url
})
} else {
this.authorizShow = true;
}
/* uni.navigateTo({
url: url
}) */
},
signOut() {
//uni.clearStorageSync();
uni.removeStorageSync('logodata');
// uni.navigateTo({
// url: '../login/login'
// })
},
authorizShowHide(){
this.authorizShow=false
}
},
onShareAppMessage(res) {
return {
title: this.wxOpenData.miniAppName,
//imageUrl:img,
path: 'pages/index/index',
success(res) {
uni.showToast({
title: '分享成功'
})
},
fail(res) {
uni.showToast({
title: '分享失败',
icon: 'none',
duration: 3000
})
}
}
},
// 下拉刷新
onPullDownRefresh() {
this.queryMyDetail()
setTimeout(function() {
uni.stopPullDownRefresh();
}, 1000);
},
}
</script>
<style scoped>
.exit{
background: #FFFFFF;
line-height: 100rpx;
margin-top: 20rpx;
font-size: 28rpx;
font-family: PingFang;
font-weight: 500;
color: #ED2323;
text-align: center;
}
.cardNameIcon{
width: 30rpx;height: 30rpx;
}
.cardNameIcon2{
width: 7rpx;height: 13rpx;
margin-left: 3rpx;margin-top: 9rpx;
}
.cardNameTb{
padding-left: 4rpx;
}
.cardNameBOx{
background: linear-gradient(327deg, #FEA917 0%, #FFC635 100%);
border-radius: 16rpx;display: flex;
line-height: 30rpx;font-weight: 500;
color: #764700;font-size: 22rpx;
margin-left: 15rpx;
padding-right: 10rpx;
height: 30rpx;
}
.remindBox{
width: 596rpx;
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(153,153,153,0.1);
background: rgba(255,255,255,0.1);
display: flex;justify-content: space-between;
margin: 0 auto;font-size: 22rpx;
padding: 9rpx 20rpx;
color: #FFFFFF;
line-height: 30rpx;
border-radius: 8rpx;
margin-bottom: 20rpx;
}
.useremind{
font-weight: 500;
color: #FFFD00;
}
.swiper2{
min-height: 510rpx;
/* margin-top: -100rpx; */
}
.marginTop{
margin-top: -270rpx;
}
.marginTop2{
margin-top: -120rpx;
}
.cardBox{
width: 702rpx;
min-height: 510rpx;
background: #FFFFFF;
border-radius: 22rpx;
margin-left:24rpx ;
overflow: hidden;
}
.cardCont{
display: flex;
flex-wrap: wrap;
}
.cardLineImgBox{
width: 84rpx;
height: 84rpx;
/* background: linear-gradient(150deg, #222439 0%, #1A2027 100%); */
border-radius: 50%;
margin: 0 auto;
margin-top: 30rpx;
}
.cardLineImg{
width: 84rpx;
height: 84rpx;
border-radius: 50%;
}
.cardlineTitle{
color: #3C3C3C;font-size: 24rpx;
line-height: 33rpx;padding-top: 10rpx;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
}
.cardlineTitle2{
color: #999999;font-size: 24rpx;
line-height: 33rpx;padding-top: 10rpx;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
}
.cardLine{
width: 25%;
text-align: center;
}
.rowRight{
color: #666666;font-size: 28rpx;padding-right: 32rpx;
}
.cardTOp{
height: 155rpx;
background-size: 100% 100%;
position: relative;
}
.vipBsIcon{
position: absolute;width: 112rpx;height: 33rpx;top: 0;right: 0;
}
.cardName{
font-weight: 500;font-size: 30rpx;padding-top: 30rpx;padding-left: 30rpx;
color: #50402A;
}
.cardtimeBox{
display: flex;justify-content: space-between;
color: #786140;font-size: 24rpx;
padding-top: 20rpx;padding-left: 30rpx;padding-right: 20rpx;
}
.qrBox{
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.5);
left: 0;
top: 0;
z-index: 11;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.qrimgBox{
width: 562rpx;
height: 704rpx;
background: #FFFFFF;
border-radius: 24rpx;
}
.qrTitle{
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
border-bottom: 1px solid #EEEEEE;
text-align: center;
line-height: 90rpx;
position: relative;
}
.qrimgchahao{
width: 38rpx;
height: 38rpx;
position: absolute;
top: 26rpx;
right: 20rpx;
}
.qrms{
font-weight: 400;
color: #999999;
line-height: 37rpx;
font-size: 26rpx;
padding-top: 23rpx;
text-align: center;
}
.qrms2{
font-weight: 400;
color: #999999;
line-height: 37rpx;
font-size: 26rpx;
text-align: center;
}
.qrimg{
width: 328rpx;
height: 328rpx;
}
.qrBtn{
width: 292rpx;
height: 64rpx;
background: #D53533;
border-radius: 32rpx;
color: #FFFFFF;
line-height: 64rpx;
text-align: center;
margin: 0 auto;
margin-top:40rpx;
}
.releaseVersion {
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
padding: 40rpx;
text-align: center;
}
button::after {
border: none;
}
button {
position: relative;
display: block;
margin-left: 0;
margin-right: 0;
padding-left: 0px;
padding-right: 0px;
box-sizing: border-box;
// font-size: 18px;
text-align: center;
text-decoration: none;
// line-height: 1;
line-height: 1.35;
// border-radius: 5px;
-webkit-tap-highlight-color: transparent;
overflow: hidden;
color: #000000;
background-color: #fff;
height: 100%;
}
.box {
width: 100vw;
min-height: 100vh;
background: #F4F5F7;
padding-bottom: 60rpx;
}
.top {
height: 350rpx;
padding: 20rpx 24rpx 0;
/* background-color: #D53533; */
border-radius: 0 0 5% 5%;
}
.customerMes {
display: flex;
}
.mes {
margin-left: 20rpx;
}
.nick {
margin-bottom: 5rpx;
display: flex;
justify-content: flex-start;
align-items: center;
}
.nickName {
font-size: 34rpx;
color: #FFFFFF;
font-weight: bold;
line-height: 48rpx;
height: 48rpx;
overflow: hidden; /*内容会被修剪，并且其余内容是不可见的*/
text-overflow:ellipsis; /*显示省略符号来代表被修剪的文本。*/
white-space: nowrap; /*文本不换行*/
}
.grade {
margin-left: 15rpx;
font-size: 22rpx;
color: #FFFFFF;
padding: 0rpx 10rpx;
border: 1px solid #FFFFFF;
border-radius: 18rpx;
height: 26rpx;
line-height: 28rpx;
}
.phone {
font-size: 24rpx;
color: #FFFFFF;
}
.headerBox {
padding: 16rpx 24rpx;
display: flex;
justify-content: space-around;
}
.quan {
display: flex;
flex-direction: column;
align-items: center;
}
.numStr {
font-size: 32rpx;
font-weight: bold;
color: #FFFFFF;
line-height: 45rpx;
}
.numStr2{
font-size: 40rpx;
font-weight: 500;
color: #FFFFFF;
line-height: 60rpx;
}
.nameStr {
font-size: 24rpx;
color: #FFFFFF;
}
.orderBox {
margin: 0rpx 24rpx;
background: #FFFFFF;
padding: 30rpx 20rpx;
border-radius: 10rpx;
margin-top: 20rpx;
}
.orderTitle {
font-size: 30rpx;
color: #333333;
font-weight: bold;
}
.orderAll {
display: flex;
justify-content: space-between;
align-items: center;
}
.orderLine {
width: 25%;
text-align: center;
}
.orderLineImg {
width: 60rpx;
height: 60rpx;
}
.orderLineTxt {
font-size: 24rpx;
color: #333333;
}
.orderImgBox {
text-align: center;
position: relative;
}
.orderLIneBox {
display: flex;
justify-content: space-between;
padding-top: 30rpx;
}
.orderNum {
height: 26rpx;
line-height: 26rpx;
background: #FF0000;
padding: 0 8rpx;
border-radius: 13rpx;
color: #FFFFFF;
font-size: 20rpx;
position: absolute;
left: 82rpx;
z-index: 11;
}
.big_rightArrow {
margin-right: 20rpx;
width: 30rpx;
height: 30rpx;
}
.rowBoxBg {
margin: 20rpx 24rpx;
background: #FFFFFF;
border-radius: 10rpx;
}
.rowBox {
display: flex;
justify-content: space-between;
background: #FFFFFF;
padding: 35rpx 0rpx;
border-radius: 10rpx;
align-items: center;
}
.leftView {
display: flex;
align-items: center;
}
.rightView {
display: flex;
align-items: center;
}
.liftIcon {
width: 34rpx;
height: 34rpx;
margin: 0rpx 20rpx;
}
.rowTitle {
color: #3C3C3C;
font-size: 28rpx;
}
.signOut {
width: 702rpx;
height: 98rpx;
background: #FFFFFF;
border-radius: 10rpx;
font-size: 30rpx;
color: #FF3B30;
line-height: 98rpx;
text-align: center;
margin: 40rpx 24rpx;
}
.shopBox {
padding: 20rpx;
margin: 20rpx 24rpx;
background-color: #FFFFFF;
border-radius: 10rpx;
}
.shopCont {
display: flex;
justify-content: space-between;
align-items: center;
}
.shopName {
font-size: 30rpx;
font-weight: bold;
color: #3C3C3C;
line-height: 42rpx;
}
.appraiseBox {
padding: 5rpx 0;
margin-top: 10rpx;
height: 62rpx;
display: flex;
align-items: center;
}
.appraise {
color: #FF0000;
font-size: 38rpx;
font-weight: bold;
}
.line {
margin: 0 12rpx;
width: 1rpx;
height: 30rpx;
}
.appraiseCount {
font-size: 24rpx;
font-weight: 400;
color: #666666;
flex-grow: 1;
margin-top: 10rpx;
}
.rightArrow {
width: 7rpx;
height: 15rpx;
margin-left: 16rpx;
}
.shopRightBox {
display: flex;
justify-content: space-between;
}
.address {
display: flex;
justify-content: space-between;
align-items: center;
}
.Address,
.shopTime,
.distance {
color: #999999;
font-size: 24rpx;
padding-top: 15rpx;
/* 隐藏文字显示 ...不换行 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.shopRightBox {}
.shopRightImg {
width: 44rpx;
height: 45rpx;
}
.authorizBox {
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 11;
}
.authorizCont {
margin-top: 30vh;
width: 564rpx;
height: 408rpx;
background: #FFFFFF;
border-radius: 24rpx;
margin-left: 93rpx;
position: relative;
}
.authorizCloseImg {
width: 62rpx;
height: 62rpx;
}
.sqLogoBox {
width: 180rpx;
height: 180rpx;
background: #FFFFFF;
border-radius: 90rpx;
text-align: center;
position: absolute;
top: -50rpx;
left: 192rpx;
}
.authorizName {
color: #333333;
line-height: 42rpx;
font-size: 30rpx;
text-align: center;
padding-top: 58rpx;
}
.authorizMs {
color: #999999;
line-height: 36rpx;
font-size: 26rpx;
width: 452rpx;
padding-top: 24rpx;
text-align: center;
margin-left: 56rpx;
}
.authorizContbutton {
width: 422rpx;
height: 88rpx;
background: #D53533;
border-radius: 44rpx;
line-height: 88rpx;
text-align: center;
font-size: 30rpx;
color: #FFFFFF;
margin-top: 62rpx;
margin-left: 71rpx;
}
</style>