Commit 2410098b authored by Mac's avatar Mac

相亲的详情微信号的展示

parent 081ae2a2
...@@ -20,18 +20,10 @@ ...@@ -20,18 +20,10 @@
return{ return{
pageTitle: "我的群组", pageTitle: "我的群组",
data:{ data:{
BrowseRate: 0,
FollowRate: 0,
PaddingBottom: "0",
PaddingLeft: "0",
PaddingRight: "0",
PaddingTop: "0",
SearchFilletPX: 0,
addUserType: 1,
backgroundColor: "",
goodsLength: 200,
listStyle: -1, listStyle: -1,
sexType: 0,
list:[ list:[
{Age: "27", {Age: "27",
AlbumList: ["https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637685412905618441.jpg"], AlbumList: ["https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637685412905618441.jpg"],
......
...@@ -183,6 +183,58 @@ ...@@ -183,6 +183,58 @@
top: 0; top: 0;
opacity: 0; opacity: 0;
} }
.badge{
position: absolute;
top: -8rpx;
right: -32rpx;
padding: 4rpx 8rpx;
line-height: 24rpx;
border-radius: 12rpx;
background-color: #fa3534;
color: #ffffff;
transform: translateY(0) translateX(0) scale(0.8);
font-size: 24rpx;
}
}
.wxnumber{
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-top: 10px;
.wxnumber_l{
display: flex;
align-items: center;
}
.wxnumber_r{
// width: 100%;
padding: 0 10px;
font-size: 12px;
height: 25px;
border: 1px solid #e7e7e7;
border-radius: 12.5px;
display: flex;
align-items: center;
justify-content: center;
}
}
.vague{
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
.serve2{animation: glow 200ms ease-out 10 alternate; }
@keyframes glow {
0% {
border-color: #393;
box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 1px 0 #393;
}
100% {
border-color: #6f6;
box-shadow: 0 0 20px rgba(0,198,193,.6), inset 0 0 10px rgba(0,198,193,.4), 0 1px 0 #6f6;
}
} }
} }
</style> </style>
...@@ -360,6 +412,31 @@ ...@@ -360,6 +412,31 @@
已认证 已认证
</view> </view>
</view> </view>
<!-- 微信号的展示 -->
<view class="box-sf serve" :class="showName=='weixinhao'?'serve2':''">
<text style="font-size: 13px;font-weight: bold;">微信号</text>
<view v-if="Lookdata && Lookdata.IsLook==false && mall_UserInfo.UserId != dataList.Id" style="font-size: 12px;color: #777777;margin-top: 10px;">请点击“想认识TA”获取</view>
<view v-if="mall_UserInfo.UserId != dataList.Id && Lookdata" class="wxnumber" :class="{'vague':Lookdata && Lookdata.IsLook==false}">
<view class="wxnumber_l">
<img style="width:50rpx;height:50rpx;margin-right:10px" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/wx.png" alt="" />
<view style="width: calc(100vw - 60px - 50px - 35px)">{{dataList.WechatNo!=''?dataList.WechatNo:'微信号码'}}</view>
</view>
<view class="wxnumber_r" v-if="Lookdata && Lookdata.IsLook">
<view class="popup-box-item" @click="paste()"> 复制 </view>
</view>
</view>
<view v-if="mall_UserInfo.UserId == dataList.Id && Lookdata==null" class="wxnumber" >
<view class="wxnumber_l">
<img style="width:50rpx;height:50rpx;margin-right:10px" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/wx.png" alt="" />
<view style="width: calc(100vw - 60px - 50px - 35px)">{{dataList.WechatNo}}</view>
</view>
<view class="wxnumber_r">
<view class="popup-box-item" @click="paste()"> 复制 </view>
</view>
</view>
<view style="width: 100%;text-align: center;margin-top: 10px;color: #999999;" v-if="mall_UserInfo.UserId != dataList.Id && Lookdata==null">暂无</view>
</view>
<!-- 个人动态 --> <!-- 个人动态 -->
<view <view
class="box-grdt" class="box-grdt"
...@@ -595,7 +672,7 @@ ...@@ -595,7 +672,7 @@
class="xboxfixed" class="xboxfixed"
:style="{ :style="{
'justify-content': 'justify-content':
mall_UserInfo.UserId == dataList.Id ? 'center' : 'space-between', mall_UserInfo.UserId == dataList.Id || Lookdata==null? 'center' : 'space-between',
}" }"
> >
<view class="xboxfixed-item" style="background: #00c6c1"> <view class="xboxfixed-item" style="background: #00c6c1">
...@@ -608,15 +685,23 @@ ...@@ -608,15 +685,23 @@
</view> </view>
<view <view
class="xboxfixed-item" class="xboxfixed-item"
style="background: #3183fe" style="background: #3183fe;position: relative;"
v-if="mall_UserInfo.UserId != dataList.Id" v-if="mall_UserInfo.UserId != dataList.Id && Lookdata"
@click="goknowTA()" @click="goknowTA()"
> >
<image <image v-if="!Lookdata.IsLook"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pd-hi.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pd-hi.png"
style="width: 54rpx; height: 54rpx; margin-right: 10px" style="width: 54rpx; height: 54rpx; margin-right: 10px"
></image> ></image>
<text>想认识TA</text> <image v-if="Lookdata.IsLook"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pd-wx.png"
style="width: 54rpx; height: 54rpx; margin-right: 10px"
></image>
<text>{{Lookdata.IsLook==false?'想认识TA':'查看微信号'}}</text>
<view class="badge" v-if="!Lookdata.IsLook">
本月剩余次数:{{Lookdata.SurplusNum}}
</view>
<!-- <u-badge size="mini" class="badge" count="10"></u-badge> -->
<!-- <button <!-- <button
open-type="contact" open-type="contact"
:send-message-title="dataList.Name" :send-message-title="dataList.Name"
...@@ -625,8 +710,16 @@ ...@@ -625,8 +710,16 @@
:show-message-card="true" :show-message-card="true"
></button> --> ></button> -->
</view> </view>
</view> </view>
</view> </view>
<u-modal
v-model="show"
:content="showtext"
:show-cancel-button="true"
@confirm="queren"
></u-modal>
</view> </view>
</template> </template>
...@@ -635,6 +728,7 @@ export default { ...@@ -635,6 +728,7 @@ export default {
data() { data() {
return { return {
pageTitle: "个人详情", pageTitle: "个人详情",
show:false,
mainColor: "", mainColor: "",
dataList: {}, dataList: {},
Jumptype: 0, Jumptype: 0,
...@@ -645,6 +739,10 @@ export default { ...@@ -645,6 +739,10 @@ export default {
count: 0, count: 0,
dynamicList: [], dynamicList: [],
pjwidth: 0, pjwidth: 0,
showtext:'',
showName:'',
Lookdata:null
}; };
}, },
created() { created() {
...@@ -688,6 +786,7 @@ export default { ...@@ -688,6 +786,7 @@ export default {
this.init(); this.init();
if (this.UserId != this.mall_UserInfo.UserId) { if (this.UserId != this.mall_UserInfo.UserId) {
this.isShowBtn = false; this.isShowBtn = false;
} else { } else {
this.isShowBtn = true; this.isShowBtn = true;
} }
...@@ -745,10 +844,12 @@ export default { ...@@ -745,10 +844,12 @@ export default {
}; };
this.dataList.imgs.push(obj); this.dataList.imgs.push(obj);
}); });
this.Lookdata = this.dataList.LookInfo
} }
} }
); );
}, },
getMyDynamicList() { getMyDynamicList() {
this.request2( this.request2(
{ {
...@@ -835,10 +936,60 @@ export default { ...@@ -835,10 +936,60 @@ export default {
}); });
}, },
goknowTA(){//想认识TA goknowTA(){//想认识TA
uni.navigateTo({ if(this.Lookdata.IsLook == false){
url: "/pages/index/index?page_id=2636" , if(this.Lookdata.SurplusNum>0){
}); this.showtext = '确定消费一次来解锁此用户微信号?'
this.show = true;
}else{
uni.showToast({
title: "本月解锁次数已用完!",
icon: "none",
});
}
}else{
this.getScrollTo()
}
},
queren(){//确认解锁次数
this.request2(
{
url: "/api/AppletMiai/SetWechatLook",
data: {UserId: this.UserId,},
},
(res) => {
if (res.resultCode == 1) {
uni.showToast({
title: "解锁成功!",
icon: "none",
});
this.getScrollTo()//跳转到对应的位置
this.init();
}
}
);
},
getScrollTo(){
let that = this
that.showName = 'weixinhao';
setTimeout( ()=>{that.showName = ''},10000);
uni.createSelectorQuery().select(".box").boundingClientRect(data=>{//目标节点
  uni.createSelectorQuery().select(".serve").boundingClientRect((res)=>{//最外层盒子节点
    uni.pageScrollTo({
      duration:0,//过渡时间必须为0,uniapp bug,否则运行到手机会报错
      scrollTop:res.top - data.top - 20,//滚动到实际距离是元素距离顶部的距离减去最外层盒子的滚动距离
    })
  }).exec()
}).exec();
},
paste(){//复制
uni.setClipboardData({
data: this.dataList.WechatNo,
});
}, },
getyear(){ getyear(){
//认证了取身份证上的年份 没认证取用户填写的年份 //认证了取身份证上的年份 没认证取用户填写的年份
......
...@@ -238,6 +238,7 @@ ...@@ -238,6 +238,7 @@
:key="index" :key="index"
:name="item.name" :name="item.name"
@click="goUrl(item.link_url)" @click="goUrl(item.link_url)"
v-if="pandu(item)"
> >
<image <image
:src="item.icon_url" :src="item.icon_url"
...@@ -347,6 +348,22 @@ export default { ...@@ -347,6 +348,22 @@ export default {
} }
}, },
methods: { methods: {
pandu(item) {
let flag = true;
let UserGroupIds = uni.getStorageSync("mall_UserInfo") ? uni.getStorageSync("mall_UserInfo").UserGroupIds : '';
switch (item.link_url) {
case "/pages/blindDate/personal/MyGroupLeader":
if (item.groupId && UserGroupIds.indexOf((item.groupId).toString())!=-1) {
flag = true;
} else {
flag = false;
}
break;
}
return flag;
},
goUrl(url) { goUrl(url) {
if (url == "/pages/balance/balance") { if (url == "/pages/balance/balance") {
uni.navigateTo({ uni.navigateTo({
......
...@@ -798,12 +798,17 @@ ...@@ -798,12 +798,17 @@
}, },
onShow() { onShow() {
if(this.AppletID>0){
this.userinfo(2); this.userinfo(2);
if (this.mall_UserInfo) { if (this.mall_UserInfo) {
this.getUserPoint() this.getUserPoint()
}
} }
this.getComponyStatus()//首店获取认证状态 if(this.AppletID>0 && this.AppletID==8){//只有首店小程序的时候调取
this.getComponyStatus()//首店获取认证状态
}
let basedata =uni.getStorageSync("basedata")?uni.getStorageSync("basedata"):''; let basedata =uni.getStorageSync("basedata")?uni.getStorageSync("basedata"):'';
this.isAttestationEdu = basedata.user_info.isAttestationEdu ? basedata.user_info.isAttestationEdu:0 this.isAttestationEdu = basedata.user_info.isAttestationEdu ? basedata.user_info.isAttestationEdu:0
}, },
......
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