Commit 2410098b authored by Mac's avatar Mac

相亲的详情微信号的展示

parent 081ae2a2
......@@ -20,18 +20,10 @@
return{
pageTitle: "我的群组",
data:{
BrowseRate: 0,
FollowRate: 0,
PaddingBottom: "0",
PaddingLeft: "0",
PaddingRight: "0",
PaddingTop: "0",
SearchFilletPX: 0,
addUserType: 1,
backgroundColor: "",
goodsLength: 200,
listStyle: -1,
sexType: 0,
list:[
{Age: "27",
AlbumList: ["https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637685412905618441.jpg"],
......
......@@ -183,6 +183,58 @@
top: 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>
......@@ -360,6 +412,31 @@
已认证
</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
class="box-grdt"
......@@ -595,7 +672,7 @@
class="xboxfixed"
:style="{
'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">
......@@ -608,15 +685,23 @@
</view>
<view
class="xboxfixed-item"
style="background: #3183fe"
v-if="mall_UserInfo.UserId != dataList.Id"
style="background: #3183fe;position: relative;"
v-if="mall_UserInfo.UserId != dataList.Id && Lookdata"
@click="goknowTA()"
>
<image
<image v-if="!Lookdata.IsLook"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pd-hi.png"
style="width: 54rpx; height: 54rpx; margin-right: 10px"
></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
open-type="contact"
:send-message-title="dataList.Name"
......@@ -625,8 +710,16 @@
:show-message-card="true"
></button> -->
</view>
</view>
</view>
<u-modal
v-model="show"
:content="showtext"
:show-cancel-button="true"
@confirm="queren"
></u-modal>
</view>
</template>
......@@ -635,6 +728,7 @@ export default {
data() {
return {
pageTitle: "个人详情",
show:false,
mainColor: "",
dataList: {},
Jumptype: 0,
......@@ -645,6 +739,10 @@ export default {
count: 0,
dynamicList: [],
pjwidth: 0,
showtext:'',
showName:'',
Lookdata:null
};
},
created() {
......@@ -688,6 +786,7 @@ export default {
this.init();
if (this.UserId != this.mall_UserInfo.UserId) {
this.isShowBtn = false;
} else {
this.isShowBtn = true;
}
......@@ -745,10 +844,12 @@ export default {
};
this.dataList.imgs.push(obj);
});
this.Lookdata = this.dataList.LookInfo
}
}
);
},
getMyDynamicList() {
this.request2(
{
......@@ -835,10 +936,60 @@ export default {
});
},
goknowTA(){//想认识TA
uni.navigateTo({
url: "/pages/index/index?page_id=2636" ,
if(this.Lookdata.IsLook == false){
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(){
//认证了取身份证上的年份 没认证取用户填写的年份
......
......@@ -238,6 +238,7 @@
:key="index"
:name="item.name"
@click="goUrl(item.link_url)"
v-if="pandu(item)"
>
<image
:src="item.icon_url"
......@@ -347,6 +348,22 @@ export default {
}
},
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) {
if (url == "/pages/balance/balance") {
uni.navigateTo({
......
......@@ -798,12 +798,17 @@
},
onShow() {
if(this.AppletID>0){
this.userinfo(2);
if (this.mall_UserInfo) {
this.getUserPoint()
}
}
if(this.AppletID>0 && this.AppletID==8){//只有首店小程序的时候调取
this.getComponyStatus()//首店获取认证状态
}
let basedata =uni.getStorageSync("basedata")?uni.getStorageSync("basedata"):'';
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