You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1790 lines
53 KiB
1790 lines
53 KiB
<template>
|
|
<view class="postDetails">
|
|
<far-bottom></far-bottom>
|
|
<scroll-view :style="{paddingBottom: '200upx' }" >
|
|
<!-- 帖子信息 -->
|
|
<view class="postDetailsInfo">
|
|
<view class="postDetailsInfoPackage">
|
|
<!-- 头像区域 -->
|
|
<view class="postDetailsInfoTitle">
|
|
<view class="postTitleLeft">
|
|
<!-- 头像 -->
|
|
<view class="pdHead">
|
|
<image :src="detailinfo.avatar" />
|
|
</view>
|
|
<!-- 头像 -->
|
|
<!-- 认证信息 -->
|
|
<view class="pdRZ">
|
|
<view>
|
|
<span>{{ detailinfo.nickname }}</span>
|
|
<image :src="imgfixUrls+ 'homePage/home_logo1.png'" class="image30" v-if="!!detailinfo['attestation'] && detailinfo['attestation']['attestation'] == 2" />
|
|
<image :src="imgfixUrls+ 'homePage/home_logo3.png'" class="image30" v-if="!!detailinfo['attestation'] && detailinfo['attestation']['bondflag'] == 1" />
|
|
</view>
|
|
<!-- 发布信息 -->
|
|
<view class="publishInfo">
|
|
<view v-if="detailinfo.one_name !== ''">
|
|
<span>{{ detailinfo.two_name == '' ? detailinfo.one_name : detailinfo.two_name }}</span>
|
|
</view>
|
|
<span>{{ detailinfo.createtime }}发布</span>
|
|
</view>
|
|
<!-- 发布信息 -->
|
|
</view>
|
|
<!-- 认证信息 -->
|
|
</view>
|
|
<view class="postTitleRight" v-if="detailinfo.redpack > 0">
|
|
<image :src="imgfixUrls+ 'merchant/hb.png'" />
|
|
<span>{{ detailinfo.redpack }}元</span>
|
|
</view>
|
|
</view>
|
|
<!-- 头像区域 -->
|
|
|
|
<!-- 置顶样式 -->
|
|
<view class="topTips">
|
|
<image :src="imgfixUrls+ 'merchant/zd.png'" v-if="detailinfo.top != '0'" />
|
|
</view>
|
|
<!-- 置顶样式 -->
|
|
|
|
<!-- 标签 -->
|
|
<view class="pdTips">
|
|
<!-- 标签循环模板 -->
|
|
<view v-for="(item, indexs) in detailinfo.keyword" :style="{ color: textTip_color[indexs % textTip_color.length].color, border: textTip_color[indexs % textTip_color.length].border }">
|
|
<span>{{ item }}</span>
|
|
</view>
|
|
<!-- 标签循环模板 -->
|
|
</view>
|
|
<!-- 标签 -->
|
|
|
|
<!-- 内容区域 -->
|
|
<view class="pdMain">
|
|
<text>{{ detailinfo.content }}</text>
|
|
</view>
|
|
<!-- 内容区域 -->
|
|
|
|
<!-- 图片区域 -->
|
|
<view class="pdImg" >
|
|
<!-- 循环模板 -->
|
|
<view v-for="(item, index) in detailinfo.img" @click="yl(index, detailinfo.img)" style="width: 100%;">
|
|
<image :src="item" mode="widthFix" style="width: 100%;"/>
|
|
</view>
|
|
<!-- 循环模板 -->
|
|
</view>
|
|
<!-- 图片区域 -->
|
|
|
|
<view class="pdVideo" style="position: relative;" v-if="!!detailinfo.video_link && videoShow">
|
|
<!-- 循环模板 -->
|
|
<view :style="{'filter': detailinfo.hidevideo == 1?'blur(10rpx)':'blur(0rpx)'}">
|
|
<video :src="detailinfo.video_link" :poster="poster"
|
|
@loadedmetadata="changeSize" :style="{width:videoWidth, height: videoHeight}" />
|
|
</view>
|
|
<view class="videoClo" @click.stop="" v-if="detailinfo.hidevideo == 1">
|
|
<view class="videoCloBtn" @click="openVideo">
|
|
付费解锁
|
|
</view>
|
|
</view>
|
|
<!-- 循环模板 -->
|
|
</view>
|
|
|
|
<!-- 定位信息 -->
|
|
<view class="pdWhere" v-if="detailinfo.address !== ''" @click="goStore">
|
|
<view>
|
|
<image :src="imageRoot + 'whereB.png'" />
|
|
<span>{{ detailinfo.address }}</span>
|
|
</view>
|
|
<view>
|
|
<span>距离您{{ detailinfo.distance }} ></span>
|
|
</view>
|
|
</view>
|
|
<!-- 定位信息 -->
|
|
|
|
<!-- 帖子流量 -->
|
|
<view class="pdFlow">
|
|
<view>
|
|
<span>阅读 {{ detailinfo.look }}</span>
|
|
<span>分享 {{ detailinfo.share }}</span>
|
|
</view>
|
|
<view @click="fabulous">
|
|
<image :src="imgfixUrls+ 'merchant/xin.png'" v-if="detailinfo.is_fabulous == '1'" />
|
|
<image :src="imgfixUrls+ 'merchant/nxin.png'" v-else />
|
|
<span>赞</span>
|
|
</view>
|
|
</view>
|
|
<!-- 帖子流量 -->
|
|
|
|
<!-- 点赞信息 -->
|
|
<view class="pdFabulous">
|
|
<image :src="imgfixUrls+ 'merchant/mz.png'" />
|
|
<span>{{ detailinfo.fabulous_num }}人</span>
|
|
<!-- 点赞头像循环模板 -->
|
|
<view v-for="(item, indx) in detailinfo.likeids">
|
|
<image :src="item" />
|
|
</view>
|
|
<!-- 点赞头像循环模板 -->
|
|
<!-- 悬浮样式 -->
|
|
<view class="floatView"></view>
|
|
<!-- 悬浮样式 -->
|
|
</view>
|
|
<!-- 点赞信息 -->
|
|
<view class="remarkView">
|
|
<text class="remark" :style="{ color: detailinfo.remarkcolor }">{{ detailinfo.remark }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 帖子信息 -->
|
|
|
|
<!-- <view class="advfei" v-if="detailinfo.tipsflag == 1 && tipflag">
|
|
<view class="iconfont icon-roundclose" style="font-size: 40upx;color: #FFFFFF;font-weight: 700;line-height: 70upx;position: absolute;right: 20upx;top: 20upx;"
|
|
@click="closeadv">
|
|
|
|
</view>
|
|
<view class="col-f t-l" style="flex: 0.6;padding-left: 10upx;">
|
|
<view class="f-28 t-c">开通会员</view>
|
|
<view class="f-24 t-c">与发帖人电话联系</view>
|
|
</view>
|
|
<view class="t-c f-28" style="background-color: #FFC3C2;color: #B90C1F;width: 200upx;height: 70upx;line-height: 70upx;font-size: 28upx;border-radius: 10upx;flex: 0.3;"
|
|
@click="gohomefxs">
|
|
立即开通
|
|
</view>
|
|
</view> -->
|
|
|
|
<!-- 发布者信息 -->
|
|
<view class="pdAuthor" v-if="detailinfo.mid > 0">
|
|
<view class="pdAuthorTitle" @click="goHomePage(1)">
|
|
<view class="pdAuthorTitlePackage">
|
|
<view class="pdAuthorLeft">
|
|
<view>
|
|
<image :src="detailinfo.avatar" />
|
|
</view>
|
|
<view>
|
|
<view>
|
|
<span>{{ detailinfo.nickname }}</span>
|
|
</view>
|
|
<view>
|
|
<span>已发布{{ detailinfo.info_total }}条</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="pdAuthorRight">
|
|
<image :src="imgfixUrls+ 'merchant/right.svg'" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="pdAuthorFoot">
|
|
<view class="pdAuthorFootPackage">
|
|
<view>
|
|
<imgfixUrlss:rc="@imgfixUrls+ 'merchant/smrz.png" />
|
|
<span>个人认证</span>
|
|
</view>
|
|
<view>
|
|
<imgfixUrlss:rc="@imgfixUrls+ 'merchant/qyrz.png" />
|
|
<span>企业认证</span>
|
|
</view>
|
|
<view>
|
|
<imgfixUrlss:rc="@imgfixUrls+ 'merchant/gfrz.png" />
|
|
<span>已交保证金</span>
|
|
</view>
|
|
</view>
|
|
</view> -->
|
|
</view>
|
|
<!-- 发布者信息 -->
|
|
|
|
<!-- 红包区域 -->
|
|
<view class="pdHb" v-if="detailinfo.res_status !== 0 && detailinfo.res_status == 2">
|
|
<view class="pdHbPackage">
|
|
<view class="pdHbTitle">
|
|
<span>
|
|
——— 共{{ receivingRecords.info.package }}个红包，已被抢{{ receivingRecords.info.package - receivingRecords.info.surplus }}份，还剩{{
|
|
receivingRecords.info.surplus
|
|
}}份 ———
|
|
</span>
|
|
</view>
|
|
<view class="pdHbBody">
|
|
<view class="pdHbBodyPackage">
|
|
<!-- 红包记录循环模板 -->
|
|
<view class="pdHbMb" v-for="(item, index) in receivingRecords.list">
|
|
<view class="pdHbMbLeft">
|
|
<view class="pdHbMbLeftImg" :style="{'background-image':'url('+item.avatar+')'}"></view>
|
|
<view class="pdHbMbLeftInfo">
|
|
<view>
|
|
<span>{{ item.nickname }}</span>
|
|
<view v-if="item.is_optimum == 1 && receivingRecords.info.surplus ==0"><span>手气最佳</span></view>
|
|
</view>
|
|
<view>
|
|
<span>{{ item.gettime }}</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="pdHbMbRight">
|
|
<span>{{ item.money }}元</span>
|
|
</view>
|
|
</view>
|
|
<!-- 红包记录循环模板 -->
|
|
</view>
|
|
</view>
|
|
<view class="pdHbFoot" @click.stop="redShow = true"><span>去看看大家的手气 ></span> <span style="float: right;color: #FFFFFF;" v-if="receivingRecords.cashflag == '1'" @click.stop="goTixian">提现</span></view>
|
|
</view>
|
|
</view>
|
|
<!-- 红包区域 -->
|
|
|
|
<!-- 评论区域 -->
|
|
<view class="pdComment">
|
|
<view class="pdCommentPackage">
|
|
<view class="pdCommentTitle">
|
|
<span>全部评论({{ detailinfo.comment_total }})</span>
|
|
<span @click="plShow = true">我要评论</span>
|
|
</view>
|
|
<!-- 评论循环模板 -->
|
|
<view class="pdCommentMb" v-for="(item, index) in commentList">
|
|
<view class="pdCommentMbLeft">
|
|
<image :src="item.avatar" />
|
|
</view>
|
|
<view class="pdCommentMbRight">
|
|
<view class="pdCommentMbRightPackage">
|
|
<view class="pdCommentMbRightTitle dis-flex">
|
|
<span style="flex: 1;">{{ item.nickname }}</span>
|
|
<view style="margin-right: 20upx;" v-if="myMid == item.mid">
|
|
<text class="iconfont icon-bianji" style="font-size: 20upx;padding-right: 8upx;"></text>
|
|
<text style="font-size: 20upx;" @click="xgPopShow(item,index)">修改</text>
|
|
</view>
|
|
<view style="margin-right: 20upx;" v-if="myMid == item.mid">
|
|
<text class="iconfont icon-delete" style="font-size: 20upx;padding-right: 8upx;"></text>
|
|
<text style="font-size: 20upx;" @click="deleteComt(item,index)">删除</text>
|
|
</view>
|
|
<view>
|
|
<image :src="imgfixUrls+ 'merchant/hf.png'" />
|
|
<span @click="hfPopShow(item.id, item.mid, item.list, item.nickname)">回复</span>
|
|
</view>
|
|
|
|
</view>
|
|
<!-- 评论内容 -->
|
|
<view class="pdCommentMbMain">
|
|
<view>
|
|
<text>{{ item.content }}</text>
|
|
</view>
|
|
<view>
|
|
<span>{{ item.createtime }}·回复</span>
|
|
</view>
|
|
</view>
|
|
<!-- 评论内容 -->
|
|
|
|
<!-- 回复区域 -->
|
|
<view class="pdCommentMbReply" v-if="item.list.length !== 0">
|
|
<view class="pdCommentMbReplyPackage">
|
|
<!-- 评论循环模板 -->
|
|
<view class="qbReplyMb dis-flex" v-for="(items, indexs) in item.list" @click="hfPopShow(item.id, items.smid, item.list, items.reply_name)">
|
|
<view style="flex: 1;">
|
|
<span class="replyName">{{ items.reply_name }}</span>
|
|
<span class="hf">回复</span>
|
|
<span class="name">{{ items.name }}</span>
|
|
<span class="mh">:</span>
|
|
<span class="text">{{ items.content }}</span>
|
|
</view>
|
|
<view>
|
|
<text class="iconfont icon-bianji" v-if="myMid == items.smid" style="color: #80A9D6;font-size: 20upx;padding-right: 20upx;" @click.stop="xghuPopShow(items,index,indexs)"></text>
|
|
<text class="iconfont icon-delete" v-if="myMid == items.smid" style="color: #ff4444;font-size: 20upx;" @click.stop="deletehcomnt(items,index,indexs)"></text>
|
|
</view>
|
|
</view>
|
|
<!-- 评论循环模板 -->
|
|
</view>
|
|
</view>
|
|
<!-- 回复区域 -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 评论循环模板 -->
|
|
|
|
<!-- 展开模板 -->
|
|
<view class="moreComment" @click="getMoreComment">
|
|
<span>{{ commentText }}</span>
|
|
<image :src="imgfixUrls+ 'merchant/bottom.png'" />
|
|
</view>
|
|
<!-- 展开模板 -->
|
|
</view>
|
|
</view>
|
|
<!-- 评论区域 -->
|
|
|
|
<!-- 他的店铺 -->
|
|
<view class="pdShop" v-if="userShopList.length > 0">
|
|
<view class="pdShopPackage">
|
|
<view class="pdShopTitle">
|
|
<span>{{detailinfo.mid > 0?'他的店铺':'关联店铺'}}</span>
|
|
<span @click="goHomePage(2)" v-if="detailinfo.mid > 0">更多 ></span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="colorF8F8F8 " >
|
|
<!-- 循环模板 -->
|
|
<view class="shop-content p30">
|
|
<scroll-view scroll-y class="post-list-scrollView1">
|
|
<view class="shangjia-i" :class="{ shangjiaISty: item2.goods.length == 0 }" v-for="(item2, key2) in userShopList"
|
|
:key="key2">
|
|
<view class="a shangjia-i-t" @click="navgateTo(item2.id)">
|
|
<view class="shangjia-i-l">
|
|
<image class="image" :src="item2.logo" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="shangjia-i-r">
|
|
<view class="shangjia-i-r-d">
|
|
<view class="dis-flex flex-y-center flex-x-between">
|
|
<view class="shop3-title-width shangjia-i-r-t1 over-omit onelist-hidden">{{ item2.storename }}</view>
|
|
<view class="store-containerIcon dis-flex flex-y-center flex-box">
|
|
<image :src="imgfixUrls+ 'homePage/home_logo2.png'" class="image30" @click.stop="tost(1)" v-if="item2['attestation']['attestation'] == 2" />
|
|
<!-- <imgfixUrlss:rc="@imgfixUrls+ 'merchant/qyrz.png" /> -->
|
|
<image :src="imgfixUrls+ 'homePage/home_logo3.png'" class="image30" @click.stop="tost(2)" v-if="item2['attestation']['bondflag'] == 1" />
|
|
<image :src="imgfixUrls+ 'diypage/720icon.png'" mode="" class="m-right10" @click.stop="tost(3)" v-if="item2.panorama === 1"></image>
|
|
<image :src="imgfixUrls+ 'diypage/videoicon.png'" mode="" @click.stop="tost(4)" v-if="item2.videourl === 1"></image>
|
|
|
|
</view>
|
|
</view>
|
|
<view class="shangjia-i-r-t2 over-omit dis-flex flex-x-between flex-y-center">
|
|
<view class="dis-flex flex-y-center">
|
|
<view class="shangjia-i-r-t2-icon">
|
|
<view class="star star-dark">
|
|
<view class="i icon iconfont icon-shoucangxiao" v-for="(item3, key3) in 5" :key="key3"></view>
|
|
</view>
|
|
<view class="star star-light">
|
|
<view class="star-width" :style="'width:' + (item2.score / 5) * 100 + '%;'">
|
|
<view class="i icon iconfont icon-shoucangxiao" v-for="(item3, key3) in 5" :key="key3"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="f-28 col-6 star-grade">{{ item2.score }}分</view>
|
|
</view>
|
|
<view class="shop3-distance f-24 col-6" v-if="!!item2.distance">{{ item2.distance }}</view>
|
|
</view>
|
|
<view class="shangjia-i-r-t3 over-omit">
|
|
<view class="p" v-html="item2.storehours"></view>
|
|
</view>
|
|
<view class="shangjia-i-r-t4 over-omit">
|
|
<view v-for="(item3,index3) in item2.tags" :key="index3" class="tags_view">{{item3}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="shangjia-i-b" v-if="((shopFold && shopFoldIndex == key2) || shopFoldIndex !== key2) && item2.goods.length > 0">
|
|
<view class="shangjia-i-b-t1" v-if="item2.goods.length <= 2">
|
|
<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3" v-if="key3 == 0">
|
|
<view class="em" :class="tag.css">{{ tag.tag }}</view>
|
|
<view class="span">{{ tag.name }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="shangjia-i-b-t1" @click="shangjiaFold(key2)" v-if="item2.goods.length > 2">
|
|
<view class="i icon iconfont icon-unfold"></view>
|
|
<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3" v-if="key3 == 0">
|
|
<view class="em" :class="tag.css">{{ tag.tag }}</view>
|
|
<view class="span">{{ tag.name }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3" v-if="item2.goods.length == 2 && key3 == 1">
|
|
<view class="em" :class="tag.css">{{ tag.tag }}</view>
|
|
<view class="span">{{ tag.name }}</view>
|
|
</view>
|
|
<view class="shangjia-i-b-t2" v-if="item2.goods.length > 2">
|
|
<view class="em" :class="tag.css" v-for="(tag, key3) in item2.goods" :key="key3" v-if="key3 > 0">{{ tag.tag }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="shangjia-i-b" v-if="!shopFold && shopFoldIndex == key2 && item2.goods.length > 2">
|
|
<view class="shangjia-i-b-t1" @click="shangjiaUpFold(key2)">
|
|
<view class="i icon iconfont icon-fold"></view>
|
|
<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3">
|
|
<view class="em" :class="tag.css">{{ tag.tag }}</view>
|
|
<view class="span">{{ tag.name }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
<!-- 他的店铺 -->
|
|
</view>
|
|
|
|
<!-- 审核底部 -->
|
|
<view class="audit" v-if="examine != 0">
|
|
<view class="auditNotPass" @click="refuseShow = true">
|
|
审核未通过
|
|
</view>
|
|
<view class="auditPass" @click="approve">
|
|
审核通过
|
|
</view>
|
|
</view>
|
|
<!-- 审核底部 -->
|
|
|
|
<!-- 底部红包栏 -->
|
|
<view v-else-if="detailinfo.res_status == 1 && detailinfo.res_status !== 0" class="getRed" @click="redShow = true"><span>点击抢红包</span></view>
|
|
<!-- 底部红包栏 -->
|
|
|
|
<!-- 底部导航栏 -->
|
|
<view class="qbBottomNav" v-else>
|
|
<view class="qbBottomNavLeft">
|
|
<view @click="goHome" class="marT10">
|
|
<view>
|
|
<image :src="imgfixUrls+ 'merchant/home.png'" />
|
|
</view>
|
|
<span>首页</span>
|
|
</view>
|
|
<view class="marT10">
|
|
<view v-if="detailinfo.is_collection > 0">
|
|
<image :src="imgfixUrls+ 'merchant/yStar.png'" @click="collection()" />
|
|
</view>
|
|
<view v-else>
|
|
<image :src="imgfixUrls+ 'merchant/nStar1.png'" @click="collection()" />
|
|
</view>
|
|
<span>收藏</span>
|
|
</view>
|
|
<!-- #ifdef H5 -->
|
|
<view @click="shareShow = true" class="marT10">
|
|
<view>
|
|
<image :src="imgfixUrls+ 'merchant/share.png'" />
|
|
</view>
|
|
<span>分享</span>
|
|
</view>
|
|
<!-- #endif -->
|
|
<!-- #ifndef H5 -->
|
|
<view class="p-r marT10">
|
|
<view>
|
|
<image :src="imgfixUrls+ 'merchant/share.png'" />
|
|
</view>
|
|
<span>分享</span>
|
|
<button open-type="share" class="shareBtn"></button>
|
|
</view>
|
|
<!-- #endif -->
|
|
<view class="qbBottomNavCenter marT18" @click="goChat" v-if="detailinfo.mid != '0'">
|
|
<view>
|
|
<image :src="imgfixUrls+ 'merchant/messageW1.png'" />
|
|
</view>
|
|
<span>在线聊</span>
|
|
</view>
|
|
<view class="qbBottomNavRight marT18" v-if="detailinfo.phone" :style="{backgroundColor: detailinfo.tipsflag != 1?'#FF4444':'#999999'}" :class="detailinfo.mid != '0' ? '' : 'allRight'" @click="kfPhone(detailinfo.phone)" >
|
|
<view>
|
|
<image :src="imgfixUrls+ 'merchant/phoneW1.png'" />
|
|
</view>
|
|
<span>打电话</span>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<!-- 底部导航栏 -->
|
|
|
|
<!-- 填充层 -->
|
|
<view class="full"></view>
|
|
<!-- 填充层 -->
|
|
</scroll-view>
|
|
|
|
<!-- 回复弹窗 -->
|
|
<PopManager :show="hfShow" type="center" @clickmask="closeHfShow">
|
|
<view class="replyView" v-if="hfShow">
|
|
<view class="replyViewPackage" v-if="hfShow">
|
|
<view class="replyInput" style="position: relative;" v-if="hfShow"><textarea style="position: relative;transform: translateZ(0);" placeholder="回复:" v-model="hfText" v-if="hfShow"></textarea></view>
|
|
<view class="sendButton" @click="reply"><span>发送</span></view>
|
|
</view>
|
|
</view>
|
|
</PopManager>
|
|
<!-- 回复弹窗 -->
|
|
|
|
<!-- 评论弹窗 -->
|
|
<PopManager :show="plShow" type="center" @clickmask="closePlShow">
|
|
<view class="replyView" v-if="plShow">
|
|
<view class="replyViewPackage" v-if="plShow">
|
|
<view class="replyInput" style="position: relative;" v-if="plShow"><textarea style="position: relative;transform: translateZ(0);" placeholder="评论:" fixed="true" v-model="PlText" v-if="plShow"></textarea></view>
|
|
<view class="sendButton" @click="comment" ><span>发送</span></view>
|
|
</view>
|
|
</view>
|
|
</PopManager>
|
|
<!-- 评论弹窗 -->
|
|
|
|
<!-- 红包弹窗 -->
|
|
<PopManager :show="redShow" @clickmask="closeRed">
|
|
<!-- 红包领取列表 -->
|
|
<view class="getRedList" v-if="detailinfo.res_status !== 0 && detailinfo.res_status == 2" :style="{ 'background-image': ' url(' + imageRoot + 'getRedPack.png)' }">
|
|
<view class="getRedListFull"></view>
|
|
<view class="sendRedImg">
|
|
<image :src="detailinfo.avatar" />
|
|
</view>
|
|
<view class="sendRedUesr">
|
|
<image :src="imgfixUrls+ 'merchant/starLeft.png'" />
|
|
<view>
|
|
<view>
|
|
<span>{{ detailinfo.nickname }}</span>
|
|
</view>
|
|
<view><span>埋了一个红包</span></view>
|
|
</view>
|
|
<image :src="imgfixUrls+ 'merchant/starRight.png'" />
|
|
</view>
|
|
<view class="redNumber1">
|
|
<span>
|
|
——— 共{{ receivingRecords.info.package }}个红包，已被抢{{ receivingRecords.info.package - receivingRecords.info.surplus }}份，还剩{{
|
|
receivingRecords.info.surplus
|
|
}}份 ———
|
|
</span>
|
|
</view>
|
|
<scroll-view class="scrollRed" :scroll-y="true" :lower-threshold="0" @scrolltolower="loadRed">
|
|
<view class="scrollRedPackage">
|
|
<!-- 红包记录循环模板 -->
|
|
<view class="pdHbMb1" v-for="(item, index) in receivingRecords.list">
|
|
<view class="pdHbMbLeft">
|
|
<view class="pdHbMbLeftImg">
|
|
<image :src="item.avatar" />
|
|
</view>
|
|
<view class="pdHbMbLeftInfo">
|
|
<view>
|
|
<span>{{ item.nickname }}</span>
|
|
<view v-if="item.is_optimum == 1 && receivingRecords.info.surplus ==0"><span>手气最佳</span></view>
|
|
</view>
|
|
<view>
|
|
<span>{{ item.gettime }}</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="pdHbMbRight">
|
|
<span>{{ item.money }}元</span>
|
|
</view>
|
|
</view>
|
|
<!-- 红包记录循环模板 -->
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
<!-- 红包领取列表 -->
|
|
|
|
<!-- 领取红包 -->
|
|
<view class="getRedView" v-if="detailinfo.res_status !== 0 && detailinfo.res_status == 1" :style="{ 'background-image': ' url(' + imageRoot + 'redPackage.png)' }">
|
|
<view class="getRedViewTips">
|
|
<image :src="imageRoot + 'redTips.png'" />
|
|
</view>
|
|
<view class="redViewMoney">
|
|
<span>总计{{ detailinfo.redpack }}元</span>
|
|
</view>
|
|
<view class="getRedButton" @click="getRedDetail" :class="RedStatus == 'Ycheck' ? 'redY' : 'redN'"><span>開</span></view>
|
|
<view class="sendRedUser">
|
|
<view>
|
|
<span>{{ detailinfo.nickname }}</span>
|
|
</view>
|
|
<view><span>埋了一个红包</span></view>
|
|
</view>
|
|
<view class="getRedBottom" style="position: absolute;bottom: 10%;left: 50%;transform: translate(-50%);"><span>领取的红包将存入您的{{TextSubstitution.sysname}}钱包</span></view>
|
|
</view>
|
|
<!-- 领取红包 -->
|
|
</PopManager>
|
|
<!-- 红包弹窗 -->
|
|
|
|
<!-- 拒绝弹窗 -->
|
|
<!-- <PopManager :show="refuseShow" :type="'center'" @clickmask="closeRefuseShow">
|
|
<view class="refuseCause">
|
|
<view class="refuseTitle">
|
|
<text>审核未通过</text>
|
|
<text class="iconfont icon-close iconstyle" @click="closeRefuseShow"></text>
|
|
</view>
|
|
<textarea class="refuseText" v-model="refuseReason" placeholder-class="f-28" placeholder="请填写审核未通过说明" />
|
|
<view class="confirmRefuse" @click="auditFailed">
|
|
确认
|
|
</view>
|
|
</view>
|
|
</PopManager> -->
|
|
<!-- 拒绝弹窗 -->
|
|
|
|
<!-- 分享弹窗 -->
|
|
<!-- <PopManager :show="shareShow" :type="shareType" @clickmask="closeShareShow">
|
|
<cover-view>
|
|
<cover-image :src="imageRoot + 'share.png'" class="coverImg"></cover-image>
|
|
</cover-view>
|
|
</PopManager> -->
|
|
<!-- 分享弹窗 -->
|
|
|
|
<!-- 领取红包弹窗 -->
|
|
<PopManager :show="getRedShow" @clickmask="closeGetRed">
|
|
<view class="getRedList">
|
|
<view class="getRedListFull"></view>
|
|
<view class="sendRedImg">
|
|
<image :src="detailinfo.avatar" />
|
|
</view>
|
|
<view class="sendRedUesr">
|
|
<image :src="imgfixUrls+ 'merchant/starLeft.png'" />
|
|
<view>
|
|
<view>
|
|
<span>{{ detailinfo.nickname }}</span>
|
|
</view>
|
|
<view><span>埋了一个红包</span></view>
|
|
</view>
|
|
<image :src="imgfixUrls+ 'merchant/starRight.png'" />
|
|
</view>
|
|
<view class="getRedNumber">
|
|
<view class="getRedNumberPackage">
|
|
<view class="getRedNumberTitle">
|
|
<image :src="imgfixUrls+ 'merchant/getNumberTitle.png'" />
|
|
<span>恭喜您获得</span>
|
|
</view>
|
|
<view class="getRedNumberBody">
|
|
<view>
|
|
<image :src="imageRoot + 'getNumberBody.png'" />
|
|
<span>
|
|
¥
|
|
<span>{{ getRedMoney }}</span>
|
|
</span>
|
|
</view>
|
|
</view>
|
|
<view class="getRedNumberFoot">
|
|
<image :src="imgfixUrls+ 'merchant/getNumberFoot.png'" />
|
|
<span>红包已自动存入您的系统余额</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</PopManager>
|
|
<PopManager :show="tipflag" type="center" @clickmask="tipflag = false">
|
|
<view class="advfei" v-if="detailinfo.tipsflag == 1 && tipflag">
|
|
<!-- <view class="iconfont icon-roundclose" style="font-size: 40upx;color: #FFFFFF;font-weight: 700;flex: 0.1;line-height: 70upx;position: absolute;right: 20upx;top: 0upx;"
|
|
@click="closeadv">
|
|
|
|
</view> -->
|
|
<view class="col-f t-l" style="flex: 0.6;padding: 30upx 0 40upx;">
|
|
<!-- <view class="f-28 t-c"></view> -->
|
|
<view class="f-28 t-c">开通会员与发布人电话联系</view>
|
|
</view>
|
|
<view class="dis-flex">
|
|
<view class="flex-box">
|
|
<view class="t-c f-28" style="background-color: #ffffff;color: #333333;width: 200upx;height: 70upx;line-height: 70upx;font-size: 28upx;border-radius: 10upx;flex: 0.3;margin: auto;"
|
|
@click="closeadv">
|
|
取 消
|
|
</view>
|
|
</view>
|
|
<view class="flex-box">
|
|
<view class="t-c f-28" style="background-color: #FFC3C2;color: #B90C1F;width: 200upx;height: 70upx;line-height: 70upx;font-size: 28upx;border-radius: 10upx;flex: 0.3;margin: auto;"
|
|
@click="gohomefxs">
|
|
立即开通
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
</view>
|
|
</PopManager>
|
|
<PhoneMask :show1="popShow" @clickmask1="closePop"></PhoneMask>
|
|
<getvxphone :show="vxshow" @showFalse="showFalse"></getvxphone>
|
|
<!-- 领取红包弹窗 -->
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import App from '@/common/js/app.js';
|
|
|
|
// #ifdef H5
|
|
import wxApi from '@/common/js/wxApi.js';
|
|
// #endif
|
|
import PhoneMask from '@/components/template/PhoneMask';
|
|
import getvxphone from '@/components/template/getVXphone.vue'
|
|
import PopManager from '@/components/template/PopManager';
|
|
import AppFunction from '@/common/js/app.js';
|
|
import Map from '@/common/js/ms-openMap/openMap.js'
|
|
export default {
|
|
components: {
|
|
PopManager,
|
|
PhoneMask,
|
|
getvxphone
|
|
},
|
|
data() {
|
|
return {
|
|
imgList: [],
|
|
phoneHight: 0,
|
|
detailinfo: {},
|
|
commentPage: 1,
|
|
page_index: 10,
|
|
commentList: [],
|
|
commentText: '查看更多评论',
|
|
total: 0,
|
|
recordsPage: 1,
|
|
receivingRecords: {},
|
|
userShopList: [],
|
|
hfShow: false,
|
|
hfType: 'center',
|
|
hfText: '',
|
|
cid: null,
|
|
amid: null,
|
|
items: [],
|
|
name: '',
|
|
plShow: false,
|
|
PlText: '',
|
|
redShow: false,
|
|
shareShow: false,
|
|
shareType: 'top',
|
|
getRedShow: false,
|
|
getRedMoney: null,
|
|
shareinfo: {},
|
|
videoShow: true,
|
|
lat: null,
|
|
lng: null,
|
|
RedStatus: 'Ycheck',
|
|
shopFold: true,
|
|
shopFoldIndex: -1,
|
|
shopTotal: null,
|
|
isComment: false,
|
|
textTip_color: [{
|
|
color: '#2196F3',
|
|
border: '0.5px solid #2196F3'
|
|
},
|
|
{
|
|
color: '#25DC4C',
|
|
border: '0.5px solid #25DC4C'
|
|
},
|
|
{
|
|
color: '#F58F57',
|
|
border: '0.5px solid #F58F57'
|
|
},
|
|
{
|
|
color: '#A59DD1',
|
|
border: '0.5px solid #A59DD1'
|
|
},
|
|
{
|
|
color: '#DBB065',
|
|
border: '0.5px solid #DBB065'
|
|
}
|
|
],
|
|
img:'',
|
|
popShow: false,
|
|
vxshow:false,
|
|
tipflag:false,
|
|
commentItem:{},
|
|
myMid:0,
|
|
poster:'',
|
|
examine:0,
|
|
refuseShow:false,
|
|
refuseReason:'',
|
|
videoWidth: '0px',
|
|
videoHeight: '0px',
|
|
detailVideoHeight: '60vw',
|
|
query: ''
|
|
};
|
|
},
|
|
created() {
|
|
|
|
},
|
|
onLoad(e) {
|
|
let _this = this;
|
|
_this.poster = uni.getStorageSync('platformInfor').videoimg;
|
|
_this.myMid = uni.getStorageSync('userinfo').mid;
|
|
_this.examine = e.examine || 0;
|
|
// #ifdef H5
|
|
wxApi.wxRegister();
|
|
setTimeout(()=>{
|
|
_this.share();
|
|
},200);
|
|
|
|
// console.log(_this.myMid,'-----------------------------------------------');
|
|
let shareLinkurl = location.href;
|
|
console.log(shareLinkurl.split('?')[0].split('/#/')[1],'pages/subPages/postDetails/postDetails')
|
|
uni.$on('shareNum',(usnerinfo)=>{
|
|
// console.log(111111,'触发shareNum');
|
|
_this.getDetailinfo();
|
|
})
|
|
// #endif
|
|
_this.img= _this.imgfixUrl;
|
|
uni.getStorage({
|
|
key: 'location',
|
|
success: function(res) {
|
|
_this.lat = res.data.latitude;
|
|
_this.lng = res.data.longitude;
|
|
}
|
|
});
|
|
uni.getSystemInfo({
|
|
success(res) {
|
|
_this.phoneHight = res.windowHeight + 'px';
|
|
}
|
|
});
|
|
_this.id = e.id;
|
|
uni.setStorageSync('DetailsId',_this.id);
|
|
|
|
},
|
|
onShow() {
|
|
this.commentList = [];
|
|
this.init(this.id);
|
|
},
|
|
onReady() {
|
|
let _this = this;
|
|
// #ifdef H5
|
|
|
|
// #endif
|
|
},
|
|
methods: {
|
|
approve(){//审核通过
|
|
App._post_form('&p=pocket&do=examinePocket', {
|
|
id:this.id,
|
|
status:1
|
|
}, res => {
|
|
uni.showToast({
|
|
title:'操作成功'
|
|
})
|
|
this.$router.go(0)
|
|
});
|
|
},
|
|
auditFailed(){ //确认驳回
|
|
if(!this.refuseReason){
|
|
uni.showToast({
|
|
icon:'none',
|
|
title:'请输入驳回理由'
|
|
});
|
|
return
|
|
}
|
|
App._post_form('&p=pocket&do=examinePocket', {
|
|
id:this.id,
|
|
status:2,
|
|
reason:this.refuseReason
|
|
}, res => {
|
|
uni.showToast({
|
|
title:'操作成功'
|
|
})
|
|
setTimeout(()=>{
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/index/index'
|
|
});
|
|
},400)
|
|
},fail=>{
|
|
// _this.isComment = false;
|
|
// if (fail.data.message == '未绑定手机号') {
|
|
// //#ifdef H5
|
|
// _this.popShow = true;
|
|
// //#endif
|
|
// //#ifndef H5
|
|
// _this.vxshow = true;
|
|
// //#endif
|
|
|
|
// }
|
|
});
|
|
},
|
|
closeRefuseShow(){ //关闭拒绝条件弹窗
|
|
this.refuseShow = false;
|
|
this.refuseReason = '';
|
|
},
|
|
deletehcomnt(item,index,indexs){
|
|
let _this = this;
|
|
let datas = {
|
|
id:item.id,
|
|
type:0
|
|
}
|
|
App.showError(
|
|
`确认删除此条评论?`,
|
|
data => {
|
|
if (data.confirm) {
|
|
App._post_form('&p=pocket&do=changeReply', datas, res => {
|
|
// _this.plShow = false;
|
|
App.showSuccess('删除成功', () => {
|
|
_this.commentList.map((items,i)=>{
|
|
if(index == i){
|
|
items.list.map((itemss,indexss)=>{
|
|
if(indexss == indexs){
|
|
_this.commentList[i].list.splice(indexs,1);
|
|
}
|
|
})
|
|
|
|
}
|
|
})
|
|
})
|
|
},fail=>{
|
|
_this.isComment = false;
|
|
if (fail.data.message == '未绑定手机号') {
|
|
//#ifdef H5
|
|
_this.popShow = true;
|
|
//#endif
|
|
//#ifndef H5
|
|
_this.vxshow = true;
|
|
//#endif
|
|
|
|
}
|
|
});
|
|
}
|
|
},
|
|
true
|
|
);
|
|
},
|
|
xghuPopShow(item,index,indexs){
|
|
let _this = this;
|
|
_this.commentItem = item;
|
|
_this.commentItem.index = index;
|
|
_this.commentItem.indexs = indexs;
|
|
_this.hfText = item.content;
|
|
_this.hfShow = true;
|
|
},
|
|
deleteComt(item,index){
|
|
let _this = this;
|
|
let datas = {
|
|
id:item.id,
|
|
type:0
|
|
}
|
|
App.showError(
|
|
`确认删除此条评论?`,
|
|
data => {
|
|
if (data.confirm) {
|
|
App._post_form('&p=pocket&do=changeComment', datas, res => {
|
|
// _this.plShow = false;
|
|
App.showSuccess('删除成功', () => {
|
|
_this.commentList.map((items,indexs)=>{
|
|
if(index == indexs){
|
|
_this.commentList.splice(indexs,1);
|
|
}
|
|
})
|
|
})
|
|
},fail=>{
|
|
_this.isComment = false;
|
|
if (fail.data.message == '未绑定手机号') {
|
|
//#ifdef H5
|
|
_this.popShow = true;
|
|
//#endif
|
|
//#ifndef H5
|
|
_this.vxshow = true;
|
|
//#endif
|
|
|
|
}
|
|
});
|
|
}
|
|
},
|
|
true
|
|
);
|
|
|
|
},
|
|
xgPopShow(item,index){
|
|
let _this = this;
|
|
_this.commentItem = item;
|
|
_this.commentItem.index = index;
|
|
_this.PlText = item.content;
|
|
_this.plShow = true;
|
|
},
|
|
tost(type){
|
|
uni.showToast({
|
|
icon:'none',
|
|
title:type == 1?'商户已认证':type == 2?'商户保证金已缴纳':type == 3?'已上传商户全景':'已上传商户视频'
|
|
})
|
|
},
|
|
openVideo(){
|
|
let _this = this;
|
|
uni.showModal({
|
|
title: '温馨提示',
|
|
content: `观看此视频需支付${_this.detailinfo.videoprice}元,是否继续?`,
|
|
success: function(res) {
|
|
if (res.confirm) {
|
|
let data = {
|
|
id: _this.id,
|
|
num: 1,
|
|
payfor: 5
|
|
};
|
|
App._post_form('&p=pocket&do=createOrder', data, reson => {
|
|
if (reson.errno == 0) {
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/payment/payment?orderid=' + reson.data.orderid + '&plugin=pocket&types=' + 1 + '&page=postDetails'
|
|
});
|
|
|
|
}
|
|
});
|
|
}
|
|
}
|
|
})
|
|
},
|
|
goTixian(){
|
|
App.navigationTo({
|
|
url: "pages/subPages/balance/cash/cash"
|
|
})
|
|
},
|
|
gohomefxs(){
|
|
App.navigationTo({
|
|
url: "pages/mainPages/memberCard/getMembership/getMembership?card=nhave"
|
|
})
|
|
},
|
|
closeadv(){
|
|
this.tipflag = false;
|
|
},
|
|
showFalse(){
|
|
console.log('进了showfalse')
|
|
this.vxshow = false;
|
|
},
|
|
closePop() {
|
|
let _this = this
|
|
_this.popShow = false
|
|
},
|
|
yl(index, imgArrary) {
|
|
uni.previewImage({
|
|
current: imgArrary[index],
|
|
urls: imgArrary
|
|
});
|
|
},
|
|
navgateTo(sid) {
|
|
let _this = this;
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/store/index?sid=' + sid
|
|
});
|
|
},
|
|
loadRed() {
|
|
let _this = this;
|
|
if (_this.recordsPage == _this.redTotla) {} else {
|
|
_this.recordsPage++;
|
|
let data = {
|
|
id: _this.id,
|
|
page: _this.recordsPage,
|
|
page_index: 5
|
|
};
|
|
App._post_form('&p=pocket&do=receivingRecords', data, res => {
|
|
_this.receivingRecords.list = [..._this.receivingRecords.list, ...res.data.list];
|
|
_this.redTotla = res.data.total;
|
|
});
|
|
}
|
|
},
|
|
init(id) {
|
|
let _this = this,
|
|
client = App.getClientType();
|
|
_this.getShareInfo();
|
|
_this.getCommentList(id);
|
|
_this.getReceivingRecords(id);
|
|
let curLoction = uni.getStorageSync('curLoction'),
|
|
// 手动选择位置信息
|
|
agencyData = uni.getStorageSync('agencyData');
|
|
if (client === "1" || client === "3") {
|
|
if (!!curLoction) {
|
|
if (!!agencyData) {
|
|
_this.getDetailinfo(id, curLoction)
|
|
} else {
|
|
App.getAreaId(curLoction, "", "", (options) => {
|
|
console.log(options,'post1');
|
|
_this.getDetailinfo(id, curLoction)
|
|
})
|
|
}
|
|
} else {
|
|
if (!!agencyData) {
|
|
_this.getDetailinfo(id, _this.currentLoction)
|
|
} else {
|
|
// #ifdef H5
|
|
_this.wxApiCallback(id)
|
|
// #endif
|
|
// #ifndef H5
|
|
App.getLocation().then(res => {
|
|
App.getAreaId(res, "", "", (options) => {
|
|
_this.$nextTick(function() {
|
|
_this.getDetailinfo(id, res)
|
|
})
|
|
});
|
|
_this.setData({
|
|
currentLoction: res
|
|
});
|
|
uni.setStorageSync('curLoction', res);
|
|
})
|
|
// #endif
|
|
}
|
|
}
|
|
} else {
|
|
_this.getDetailinfo(id)
|
|
}
|
|
},
|
|
//导入定位
|
|
wxApiCallback(id) {
|
|
let _this = this;
|
|
jWeixin.ready(() => {
|
|
jWeixin.getLocation({
|
|
type: 'gcj02',
|
|
success: function(res) {
|
|
App.getAreaId(res, "", "", (options) => {
|
|
_this.$nextTick(function() {
|
|
_this.getDetailinfo(id, res)
|
|
})
|
|
})
|
|
_this.setData({
|
|
currentLoction: res
|
|
})
|
|
uni.setStorageSync('curLoction', res);
|
|
},
|
|
fail: function() {
|
|
App.getAreaId("", "", "", (options) => {
|
|
_this.$nextTick(function() {
|
|
_this.getDetailinfo(id, '')
|
|
})
|
|
})
|
|
},
|
|
cancel: function() {
|
|
App.getAreaId("", "", "", (options) => {
|
|
_this.$nextTick(function() {
|
|
_this.getDetailinfo(id, '')
|
|
})
|
|
})
|
|
}
|
|
});
|
|
});
|
|
},
|
|
getShareInfo() {
|
|
let _this = this,
|
|
data = {
|
|
pageinfo: 'pages/subPages/postDetails/postDetails?id=' + _this.id
|
|
};
|
|
App._post_form('&do=Shareinfo', data, res => {
|
|
_this.shareinfo = res.data
|
|
})
|
|
},
|
|
// 发帖导航
|
|
goStore() {
|
|
let _this = this;
|
|
// #ifdef MP-WEIXIN
|
|
uni.getLocation({
|
|
success(res) {
|
|
console.log('定位1',res,Number(_this.detailinfo.location.lat),Number(_this.detailinfo.location.lng));
|
|
setTimeout(()=>{
|
|
uni.openLocation({
|
|
latitude: Number(_this.detailinfo.location.lat),
|
|
longitude: Number(_this.detailinfo.location.lng),
|
|
success: function () {
|
|
console.log('success');
|
|
},
|
|
fail: function () {
|
|
console.log('success');
|
|
},
|
|
})
|
|
})
|
|
|
|
}
|
|
})
|
|
//#endif
|
|
//#ifdef MP-WEIXIN
|
|
wxApi.WxopenLocation(Number(_this.detailinfo.location.lat), Number(_this.detailinfo.location.lng), '', _this.detailinfo.address);
|
|
//#endif
|
|
//#ifdef APP-PLUS
|
|
Map.openMap(Number(_this.detailinfo.location.lat), Number(_this.detailinfo.location.lng),_this.detailinfo.address,'gcj02')
|
|
//#endif
|
|
},
|
|
// 跳转店铺详情
|
|
goStoreIndex(sid) {
|
|
let _this = this;
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/store/index?sid=' + sid
|
|
});
|
|
},
|
|
// 跳转个人主页
|
|
goHomePage(checkType) {
|
|
let _this = this;
|
|
if (_this.detailinfo.mid > 0) {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/homepage/homepage/homepage?mid=' + _this.detailinfo.mid + '&checkType=' + checkType
|
|
});
|
|
} else {}
|
|
},
|
|
// 跳转聊天
|
|
goChat() {
|
|
let _this = this;
|
|
if (_this.detailinfo.mid > 0) {
|
|
// App.navigationTo({
|
|
// url: 'pages/subPages/homepage/chat/chat?other_party_id=' + _this.detailinfo.mid + '&other_party_type=' + 1 +
|
|
// '&type=' + 1 + '&id=' + ''
|
|
// });
|
|
let getSetInfo = uni.getStorageSync('getSetInfo');
|
|
if(getSetInfo.type == 1){
|
|
App.navigationTo({
|
|
url: 'pagesA/instantMessenger/instantMessenger?other_party_id=' + _this.detailinfo.mid + '&other_party_type=' + 1+ '&type=1' + '&id='
|
|
})
|
|
}else{
|
|
App.navigationTo({
|
|
url: 'pages/subPages/homepage/chat/chat?other_party_id=' + _this.detailinfo.mid + '&other_party_type=' + 1+ '&type=1' + '&id='
|
|
})
|
|
}
|
|
} else {}
|
|
},
|
|
share() {
|
|
let _this = this,
|
|
shareUrl = location.hash,
|
|
currentPages = shareUrl.split('?')[0],
|
|
linkurl = location.href,
|
|
getUserinfo = uni.getStorageSync('userinfo'),
|
|
agencyData = uni.getStorageSync('agencyData'),
|
|
shareLinkurl = linkurl.indexOf('?') === -1 ? linkurl + '?head_id=' + getUserinfo.mid + '&aid=' + agencyData.aid : linkurl + '&head_id=' +
|
|
getUserinfo.mid + '&aid=' + agencyData.aid;
|
|
console.info('share')
|
|
shareLinkurl = encodeURIComponent(shareLinkurl);
|
|
console.log(shareLinkurl,666666666);
|
|
console.log( `${AppFunction.siteInfo.siteroot}/app/index.php?i=${
|
|
AppFunction.siteInfo.uniacid
|
|
}&c=entry&m=${AppFunction.siteInfo.name}&do=returnRequest&link=${shareLinkurl}&head_id=${getUserinfo.mid}&aid=${agencyData.aid}`)
|
|
wxApi.wxRegister(() => {
|
|
wxApi.wxShare({
|
|
title: _this.shareinfo.title || '',
|
|
desc: _this.shareinfo.desc || "",
|
|
link: `${AppFunction.siteInfo.siteroot}/app/index.php?i=${
|
|
AppFunction.siteInfo.uniacid
|
|
}&c=entry&m=${AppFunction.siteInfo.name}&do=returnRequest&link=${shareLinkurl}&head_id=${getUserinfo.mid}&aid=${agencyData.aid}` ||
|
|
'',
|
|
imgUrl: _this.shareinfo.img || '',
|
|
success: function() {
|
|
console.info('share1')
|
|
|
|
},
|
|
trigger: function(res) {
|
|
let data = {
|
|
id: _this.id
|
|
};
|
|
App._post_form('&p=pocket&do=shareNum', data, res => {
|
|
_this.getDetailinfo();
|
|
console.log('shareNum3333')
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '分享成功',
|
|
duration: 2000
|
|
});
|
|
});
|
|
},
|
|
cancel: function() {}
|
|
});
|
|
});
|
|
},
|
|
shangjiaFold(key2) {
|
|
this.shopFold = false;
|
|
this.shopFoldIndex = key2;
|
|
},
|
|
shangjiaUpFold(key2) {
|
|
this.shopFold = true;
|
|
this.shopFoldIndex = key2;
|
|
},
|
|
// 用户收藏帖子
|
|
collection() {
|
|
let _this = this;
|
|
let data = {
|
|
id: _this.id
|
|
};
|
|
App._post_form('&p=pocket&do=collection', data, res => {
|
|
if (_this.detailinfo.is_collection > 0) {
|
|
_this.detailinfo.is_collection = 0;
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '取消收藏成功',
|
|
duration: 2000
|
|
});
|
|
} else {
|
|
_this.detailinfo.is_collection = 1;
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '收藏成功',
|
|
duration: 2000
|
|
});
|
|
}
|
|
});
|
|
},
|
|
// 关闭领取详情
|
|
closeGetRed() {
|
|
let _this = this;
|
|
_this.getRedShow = false;
|
|
},
|
|
// 返回首页
|
|
goHome() {
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/pocketIInformant/pocketIInformant'
|
|
});
|
|
},
|
|
// 帖子点赞
|
|
fabulous() {
|
|
let _this = this;
|
|
let data = {
|
|
id: _this.id
|
|
};
|
|
App._post_form('&p=pocket&do=fabulous', data, res => {
|
|
console.info('detailinfo', _this.detailinfo);
|
|
if (_this.detailinfo.is_fabulous == '1') {
|
|
_this.detailinfo.is_fabulous = 0;
|
|
for (let i = 0; i < _this.detailinfo.likeids.length; i++) {
|
|
if (_this.detailinfo.likeids[i] == uni.getStorageSync('userinfo').avatar) {
|
|
_this.detailinfo.likeids.splice(i, 1);
|
|
}
|
|
}
|
|
_this.detailinfo.fabulous_num = Number(_this.detailinfo.fabulous_num) - 1;
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '取消点赞',
|
|
duration: 2000
|
|
});
|
|
} else {
|
|
_this.detailinfo.is_fabulous = 1;
|
|
_this.detailinfo.likeids.push(uni.getStorageSync('userinfo').avatar);
|
|
_this.detailinfo.fabulous_num = Number(_this.detailinfo.fabulous_num) + 1;
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '点赞成功',
|
|
duration: 2000
|
|
});
|
|
}
|
|
});
|
|
},
|
|
// 关闭分享弹框
|
|
closeShareShow() {
|
|
let _this = this;
|
|
_this.shareShow = false;
|
|
},
|
|
// 红包领取
|
|
getRedDetail() {
|
|
let _this = this;
|
|
_this.RedStatus = 'Ncheck';
|
|
let data = {
|
|
id: _this.id
|
|
};
|
|
App._post_form('&p=pocket&do=redDetail', data, res => {
|
|
_this.redShow = false;
|
|
_this.getReceivingRecords();
|
|
_this.getDetailinfo();
|
|
_this.getRedMoney = res.data.money;
|
|
_this.getRedShow = true;
|
|
_this.RedStatus = 'Ycheck';
|
|
});
|
|
},
|
|
// 关闭红包
|
|
closeRed() {
|
|
let _this = this;
|
|
_this.redShow = false;
|
|
},
|
|
// 关闭评论弹窗
|
|
closePlShow() {
|
|
let _this = this;
|
|
_this.plShow = false;
|
|
_this.commentItem = {};
|
|
_this.hfText = '';
|
|
_this.PlText = '';
|
|
},
|
|
// 拨打电话
|
|
kfPhone(phone) {
|
|
let _this = this;
|
|
if(phone && _this.detailinfo.tipsflag != 1){
|
|
uni.showModal({
|
|
title: '联系客户',
|
|
content: _this.detailinfo.phone,
|
|
success: function(res) {
|
|
if (res.confirm) {
|
|
uni.makePhoneCall({
|
|
phoneNumber: _this.detailinfo.phone //仅为示例
|
|
});
|
|
} else if (res.cancel) {}
|
|
}
|
|
});
|
|
}else{
|
|
_this.tipflag = true;
|
|
}
|
|
|
|
},
|
|
// 帖子评论
|
|
comment() {
|
|
let _this = this,
|
|
data = {
|
|
id: _this.id,
|
|
text: _this.PlText
|
|
};
|
|
if (_this.isComment) return
|
|
_this.isComment = true;
|
|
setTimeout(()=>{
|
|
_this.isComment = false;
|
|
})
|
|
if(_this.commentItem.index >= 0){
|
|
if(_this.PlText == _this.commentItem.content){
|
|
uni.showToast({
|
|
icon:'none',
|
|
title:'请先进行修改'
|
|
});
|
|
return
|
|
}
|
|
let datas = {
|
|
id:_this.commentItem.id,
|
|
type:1,
|
|
text:_this.PlText
|
|
}
|
|
App._post_form('&p=pocket&do=changeComment', datas, res => {
|
|
_this.plShow = false;
|
|
App.showSuccess('修改成功', () => {
|
|
_this.isComment = false;
|
|
})
|
|
|
|
_this.commentList.map((item,index)=>{
|
|
if(index == _this.commentItem.index){
|
|
item.content = _this.PlText
|
|
}
|
|
});
|
|
_this.PlText = '';
|
|
_this.commentItem = {};
|
|
// let data = {
|
|
// id: _this.id,
|
|
// page: _this.commentPage,
|
|
// page_index: _this.page_index,
|
|
// hfText: ''
|
|
// };
|
|
// App._post_form('&p=pocket&do=commentList', data, res => {
|
|
// _this.commentList = res.data.list;
|
|
// _this.total = res.data.total;
|
|
// if (_this.commentPage == res.data.total || res.data.list.length < 2) {
|
|
// _this.commentText = '已无更多数据';
|
|
// }
|
|
// });
|
|
},fail=>{
|
|
if (fail.data.message == '未绑定手机号') {
|
|
//#ifdef H5
|
|
_this.popShow = true;
|
|
//#endif
|
|
//#ifndef H5
|
|
_this.vxshow = true;
|
|
//#endif
|
|
|
|
}
|
|
});
|
|
}else{
|
|
App._post_form('&p=pocket&do=comment', data, res => {
|
|
_this.plShow = false;
|
|
App.showSuccess('评论成功', () => {
|
|
_this.isComment = false;
|
|
})
|
|
_this.commentPage = 1;
|
|
_this.PlText = '';
|
|
let data = {
|
|
id: _this.id,
|
|
page: _this.commentPage,
|
|
page_index: _this.page_index,
|
|
hfText: ''
|
|
};
|
|
App._post_form('&p=pocket&do=commentList', data, res => {
|
|
_this.commentList = res.data.list;
|
|
_this.total = res.data.total;
|
|
if (_this.commentPage == res.data.total || res.data.list.length < 2) {
|
|
_this.commentText = '已无更多数据';
|
|
}
|
|
});
|
|
},fail=>{
|
|
if (fail.data.message == '未绑定手机号') {
|
|
//#ifdef H5
|
|
_this.popShow = true;
|
|
//#endif
|
|
//#ifndef H5
|
|
_this.vxshow = true;
|
|
//#endif
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
},
|
|
// 获取帖子详细信息
|
|
getDetailinfo(id = "", location = "") {
|
|
let _this = this;
|
|
let data = {
|
|
id: _this.id || id,
|
|
lat: !!location ? location.latitude : "",
|
|
lng: !!location ? location.longitude : "",
|
|
examine: _this.examine
|
|
};
|
|
App._post_form(
|
|
'&p=pocket&do=detail',
|
|
data,
|
|
res => {
|
|
_this.detailinfo = res.data;
|
|
_this.getUserShopList(res.data.mid, location);
|
|
},
|
|
fail => {
|
|
if (fail.message == '掌上信息已关闭') {
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/index/index'
|
|
});
|
|
}
|
|
}
|
|
);
|
|
},
|
|
// 获取某个用户下的所有店铺列表
|
|
getUserShopList(mid = '', location = '') {
|
|
let _this = this;
|
|
let data = {
|
|
mid: mid,
|
|
lat: !!location ? location.latitude : "",
|
|
lng: !!location ? location.longitude : "",
|
|
};
|
|
let url = _this.detailinfo.mid == '0'?'&p=pocket&do=getPocketStore':'&p=store&do=userShopList';
|
|
if(_this.detailinfo.mid == '0'){
|
|
data.pocketid = _this.id;
|
|
}
|
|
App._post_form(url, data, res => {
|
|
for (let i = 0; i < res.data.length; i++) {
|
|
let goodsList = [];
|
|
for (let j in res.data[i].goods) {
|
|
let goodsData = res.data[i].goods[j];
|
|
if (goodsData !== '') {
|
|
if (j == 'active') {
|
|
goodsData.css = 'qiang';
|
|
goodsData.tag = '抢';
|
|
} else if (j == 'coupon') {
|
|
goodsData.css = 'hui';
|
|
goodsData.tag = '券';
|
|
} else if (j == 'fightgroup') {
|
|
goodsData.css = 'pin';
|
|
goodsData.tag = '拼';
|
|
} else if (j == 'groupon') {
|
|
goodsData.css = 'tuan';
|
|
goodsData.tag = '团';
|
|
} else if (j == 'halfcard') {
|
|
goodsData.css = 'ka';
|
|
goodsData.tag = '卡';
|
|
} else if (j == 'packages') {
|
|
goodsData.css = 'li';
|
|
goodsData.tag = '礼';
|
|
}
|
|
goodsList.push(goodsData);
|
|
}
|
|
}
|
|
res.data[i].goods = goodsList;
|
|
}
|
|
_this.userShopList = res.data.slice(0, 2);
|
|
if(_this.detailinfo.mid == '0'){
|
|
_this.userShopList = res.data
|
|
}
|
|
|
|
});
|
|
},
|
|
// 获取帖子的评论/回复信息
|
|
getCommentList(id, lng, lat) {
|
|
let _this = this;
|
|
let data = {
|
|
id: _this.id || id,
|
|
page: _this.commentPage,
|
|
page_index: _this.page_index
|
|
};
|
|
App._post_form('&p=pocket&do=commentList', data, res => {
|
|
_this.commentList = [..._this.commentList, ...res.data.list];
|
|
_this.total = res.data.total;
|
|
if (_this.commentPage == res.data.total || res.data.list.length < 2) {
|
|
_this.commentText = '已无更多数据';
|
|
}
|
|
});
|
|
},
|
|
// 获取更多评论
|
|
getMoreComment() {
|
|
let _this = this;
|
|
if (_this.commentPage == _this.total) {
|
|
_this.commentText = '已无更多数据';
|
|
} else {
|
|
if (_this.page_index == 2) {
|
|
_this.page_index = 10;
|
|
let data = {
|
|
id: _this.id,
|
|
page: _this.commentPage,
|
|
page_index: _this.page_index
|
|
};
|
|
App._post_form('&p=pocket&do=commentList', data, res => {
|
|
_this.commentList = res.data.list;
|
|
_this.total = res.data.total;
|
|
if (_this.commentPage == res.data.total) {
|
|
_this.commentText = '已无更多数据';
|
|
}
|
|
});
|
|
} else {
|
|
_this.commentPage++;
|
|
_this.page_index = 10;
|
|
_this.getCommentList();
|
|
}
|
|
}
|
|
},
|
|
// 红包领取信息列表
|
|
getReceivingRecords(id) {
|
|
let _this = this;
|
|
let data = {
|
|
id: _this.id || id,
|
|
page: _this.recordsPage,
|
|
page_index: 5
|
|
};
|
|
App._post_form('&p=pocket&do=receivingRecords', data, res => {
|
|
_this.receivingRecords = res.data;
|
|
_this.redTotla = res.data.total;
|
|
});
|
|
},
|
|
// 关闭回复弹窗
|
|
closeHfShow() {
|
|
let _this = this;
|
|
_this.hfShow = false;
|
|
_this.hfText = '';
|
|
_this.PlText = '';
|
|
_this.commentItem = {};
|
|
},
|
|
// 回复
|
|
reply() {
|
|
let _this = this;
|
|
let data = {
|
|
id: _this.id,
|
|
cid: _this.cid,
|
|
amid: _this.amid,
|
|
text: _this.hfText
|
|
};
|
|
if (_this.isComment) return
|
|
_this.isComment = true;
|
|
setTimeout(()=>{
|
|
_this.isComment = false;
|
|
},1000);
|
|
if(_this.commentItem.index >= 0 && _this.commentItem.indexs >= 0){
|
|
if(_this.hfText == _this.commentItem.content){
|
|
uni.showToast({
|
|
icon:'none',
|
|
title:'请先进行修改'
|
|
});
|
|
return
|
|
}
|
|
let datas = {
|
|
id:_this.commentItem.id,
|
|
type:1,
|
|
text:_this.hfText
|
|
}
|
|
App._post_form('&p=pocket&do=changeReply', datas, res => {
|
|
_this.hfShow = false;
|
|
_this.isComment = false;
|
|
uni.showToast({
|
|
title:'修改成功'
|
|
});
|
|
_this.commentList.map((item,index)=>{
|
|
if(index == _this.commentItem.index){
|
|
item.list.map((items,indexs)=>{
|
|
if(indexs == _this.commentItem.indexs){
|
|
items.content = _this.hfText;
|
|
}
|
|
})
|
|
}
|
|
})
|
|
_this.hfText = '';
|
|
_this.commentItem = {};
|
|
});
|
|
}else{
|
|
App._post_form('&p=pocket&do=reply', data, res => {
|
|
_this.hfShow = false;
|
|
_this.isComment = false;
|
|
let arr = {
|
|
content: _this.hfText,
|
|
reply_name: uni.getStorageSync('userinfo').nickname,
|
|
name: _this.name,
|
|
smid:_this.myMid,
|
|
id:res.data
|
|
};
|
|
console.info(_this.items);
|
|
_this.items.push(arr);
|
|
_this.hfText = '';
|
|
});
|
|
}
|
|
|
|
},
|
|
// 打开回复弹窗
|
|
hfPopShow(cid, amid, items, name) {
|
|
let _this = this;
|
|
_this.hfShow = true;
|
|
_this.cid = cid;
|
|
_this.amid = amid;
|
|
_this.items = items;
|
|
_this.name = name;
|
|
console.info(_this.items);
|
|
},
|
|
changeSize(e){
|
|
console.log(e.detail.width, e.detail.height, e.detail.duration);
|
|
if(e.detail.width > e.detail.height){
|
|
this.videoWidth = '77vw';
|
|
this.videoHeight = e.detail.height/e.detail.width*77+'vw';
|
|
}else if(e.detail.width < e.detail.height){
|
|
this.videoHeight = this.detailVideoHeight;
|
|
this.videoWidth = e.detail.width/e.detail.height*60+'vw';
|
|
}
|
|
},
|
|
},
|
|
onShareAppMessage(e) {
|
|
let _this = this;
|
|
console.info('onShareAppMessage')
|
|
// 来自页面内分享按钮
|
|
console.info('detailinfo', _this.detailinfo)
|
|
let data = {
|
|
id: _this.id
|
|
};
|
|
let agencyData = uni.getStorageSync('agencyData');
|
|
App._post_form('&p=pocket&do=shareNum', data, res => {
|
|
_this.detailinfo.share++;
|
|
console.log('shareNum4444')
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '分享成功',
|
|
duration: 2000
|
|
});
|
|
console.log(_this.shareinfo);
|
|
});
|
|
return {
|
|
title: _this.shareinfo.title || '',
|
|
path: 'pages/subPages/postDetails/postDetails?id=' + _this.id + '&aid=' + agencyData.aid,
|
|
desc: _this.shareinfo.desc || '',
|
|
imageUrl: _this.shareinfo.img || ''
|
|
};
|
|
},
|
|
onShareTimeline(e){
|
|
let _this = this;
|
|
console.info('onShareAppMessage')
|
|
// 来自页面内分享按钮
|
|
console.info('detailinfo', _this.detailinfo)
|
|
let data = {
|
|
id: _this.id
|
|
};
|
|
let agencyData = uni.getStorageSync('agencyData');
|
|
App._post_form('&p=pocket&do=shareNum', data, res => {
|
|
_this.detailinfo.share++;
|
|
console.log('shareNum5555')
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '分享成功',
|
|
duration: 2000
|
|
});
|
|
console.log(_this.shareinfo);
|
|
});
|
|
let query = 'id=' + _this.id + '&aid=' + agencyData.aid;
|
|
return {
|
|
title: _this.shareinfo.title || '',
|
|
imageUrl: _this.shareinfo.img || '',
|
|
query: query
|
|
};
|
|
},
|
|
computed: {
|
|
TextSubstitution() {
|
|
return uni.getStorageSync('TextSubstitution')
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './postDetails.less';
|
|
@import '../../../common/css/old_diyPages';
|
|
|
|
.colorF8F8F8 {
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
.p30 {
|
|
padding: 30upx;
|
|
}
|
|
|
|
.allRight {}
|
|
|
|
.coverImg {
|
|
width: 750upx;
|
|
}
|
|
|
|
.redY {
|
|
pointer-events: auto !important;
|
|
}
|
|
|
|
.redN {
|
|
pointer-events: none !important;
|
|
}
|
|
|
|
.image30 {
|
|
width: 40upx!important;
|
|
height: 40upx!important;
|
|
}
|
|
|
|
.remark {
|
|
font-size: 28upx;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
|
|
.remarkView {
|
|
padding-top: 20upx;
|
|
}
|
|
.advfei{
|
|
background: -webkit-linear-gradient(90deg, #ff4444 ,#FF8032 ); /* Safari 5.1 - 6.0 */
|
|
background: -o-linear-gradient(90deg, #ff4444, #FF8032); /* Opera 11.1 - 12.0 */
|
|
background: -moz-linear-gradient(90deg, #ff4444 , #FF8032); /* Firefox 3.6 - 15 */
|
|
background: linear-gradient(90deg, #ff4444 , #FF8032); /* 标准的语法（必须放在最后） */
|
|
position: relative;
|
|
font-size: 28upx;
|
|
// bottom: 120upx;
|
|
// left: 20upx;
|
|
width: 70vw;
|
|
padding: 20upx 20upx 40upx;
|
|
// background-color: #FFF0B2;
|
|
// display: flex;
|
|
border-radius: 10upx;
|
|
z-index: 99;
|
|
}
|
|
</style>
|
|
|