|
@@ -1,48 +1,59 @@
|
|
<template>
|
|
<template>
|
|
- <view class="circle tn-safe-area-inset-bottom">
|
|
|
|
|
|
+ <view class="circle tn-safe-area-inset-bottom" style="background: #f7f7f7;">
|
|
|
|
+ <tn-nav-bar customBack>
|
|
|
|
+ <view slot="back" class='tn-custom-nav-bar__back'>
|
|
|
|
+ <image style="width: 28px;height: 28px;margin-left:4px" @click="reFetchData()" src="../../static/tu/reload.png"></image>
|
|
|
|
+ <image style="width: 28px;height: 28px;margin-left:12px" @click="addButton()" src="../../static/tu/add.png"></image>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view slot="default" style="display: flex;">
|
|
|
|
+ <view style="flex:1;">
|
|
|
|
+ <text :style="{fontSize:(wxFontSize)+'px'}">我有什么</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </tn-nav-bar>
|
|
|
|
+ <scroll-view class="custom-tabbar-page" style="height: 100vh;" :style="{marginTop: vuex_custom_bar_height + 'px'}" scroll-y :refresher-enabled="true" :refresher-triggered="triggered" lower-threshold="60" @refresherrestore="onRestore" @refresherrefresh="onRefresh" @refresherpulling="onPulling" enable-back-to-top @scrolltolower="tabbarPageScrollLower">
|
|
|
|
+
|
|
|
|
|
|
-
|
|
|
|
<!-- 发现 -->
|
|
<!-- 发现 -->
|
|
<view class="" v-if="current==0" >
|
|
<view class="" v-if="current==0" >
|
|
- <uv-sticky bgColor="#ffffff">
|
|
|
|
|
|
+
|
|
|
|
+ <uv-sticky bgColor="#f7f7f7">
|
|
<view style="width: 100%;" v-if="currentTab==0">
|
|
<view style="width: 100%;" v-if="currentTab==0">
|
|
- <view style="display: flex; padding: 10px 12px;">
|
|
|
|
|
|
+ <view style="display: flex; padding: 16px;">
|
|
<view
|
|
<view
|
|
- style="flex:1;background-color: #f8f8f8;border-radius: 18px;color: #bbb;line-height: 35px;"
|
|
|
|
|
|
+ style="flex:1;background-color: #fff;border-radius: 18px;color: #999;line-height: 36px;"
|
|
@click="showSearch">
|
|
@click="showSearch">
|
|
<view>
|
|
<view>
|
|
- <uni-icons type="search" color="#bbbbbb" :size="wxFontSize+1" style="margin: 8px;"></uni-icons>
|
|
|
|
|
|
+ <image src="../../static/tu/search.png" style="width: 26px;height: 26px;vertical-align: middle; margin-left:8px; margin-right: 12px;margin-top: -2px;"></image>
|
|
<text :style="{fontSize:(wxFontSize-2)+'px'}" v-if="!searchProdValue">产品名称/品牌/产品型号</text>
|
|
<text :style="{fontSize:(wxFontSize-2)+'px'}" v-if="!searchProdValue">产品名称/品牌/产品型号</text>
|
|
<text :style="{fontSize:(wxFontSize-2)+'px'}" v-if="searchProdValue">{{searchProdValue}}</text>
|
|
<text :style="{fontSize:(wxFontSize-2)+'px'}" v-if="searchProdValue">{{searchProdValue}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view v-if="searchProdValue" @click="clearProd" style="line-height: 36px;margin-left: 10px;" :style="{fontSize:(wxFontSize-2)+'px'}">取消
|
|
|
|
|
|
+ <view v-if="searchProdValue" @click="clearProd" style="line-height: 36px;margin-left: 10px;color: #333;" :style="{fontSize:(wxFontSize-2)+'px'}">取消
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="width: 100%;" v-if="currentTab==1">
|
|
<view style="width: 100%;" v-if="currentTab==1">
|
|
- <view style="display: flex; padding: 10px 12px;">
|
|
|
|
|
|
+ <view style="display: flex; padding: 16px;">
|
|
<view
|
|
<view
|
|
- style="flex:1;background-color: #f8f8f8;border-radius: 18px;color: #bbb;line-height: 35px;"
|
|
|
|
|
|
+ style="flex:1;background-color: #fff;border-radius: 18px;color: #999;line-height: 36px;"
|
|
@click="showSearch2">
|
|
@click="showSearch2">
|
|
<view>
|
|
<view>
|
|
- <uni-icons type="search" color="#bbbbbb" :size="wxFontSize+1" style="margin: 8px;"></uni-icons>
|
|
|
|
|
|
+ <image src="../../static/tu/search.png" style="width: 26px;height: 26px;vertical-align: middle; margin-left:8px;margin-right: 12px;margin-top: -2px;"></image>
|
|
<text v-if="!searchProdValue2" :style="{fontSize:(wxFontSize-2)+'px'}">品牌/服务内容</text>
|
|
<text v-if="!searchProdValue2" :style="{fontSize:(wxFontSize-2)+'px'}">品牌/服务内容</text>
|
|
<text v-if="searchProdValue2" :style="{fontSize:(wxFontSize-2)+'px'}">{{searchProdValue2}}</text>
|
|
<text v-if="searchProdValue2" :style="{fontSize:(wxFontSize-2)+'px'}">{{searchProdValue2}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view v-if="searchProdValue2" @click="clearProd2" style="line-height: 36px;margin-left: 10px;" :style="{fontSize:(wxFontSize-2)+'px'}">取消
|
|
|
|
|
|
+ <view v-if="searchProdValue2" @click="clearProd2" style="line-height: 36px;margin-left: 10px;color: #333;" :style="{fontSize:(wxFontSize-2)+'px'}">取消
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- <!-- <uni-search-bar radius="15" placeholder="搜索" v-if="currentTab==1" @confirm="search"
|
|
|
|
- v-model="searchValue" @blur="search" @cancel="cancel" @clear="clear" cancelButton="auto"
|
|
|
|
- clearButton="auto">
|
|
|
|
- </uni-search-bar> -->
|
|
|
|
|
|
+
|
|
|
|
|
|
- <tn-tabs-swiper :list="tabList" :isScroll="false" :fontSize="(wxFontSize+12)" :barWidth="wxFontSize+50" :current="currentTab" name="tab-name"
|
|
|
|
- @change="changeTab" style="border-bottom: 1rpx solid #f1f1f1cc;">
|
|
|
|
|
|
+ <tn-tabs-swiper :list="tabList" :isScroll="false" :fontSize="(wxFontSize+12)" :barWidth="wxFontSize+50" :current="currentTab" name="tab-name" activeColor="#005DA6" inactiveColor="#333"
|
|
|
|
+ @change="changeTab">
|
|
</tn-tabs-swiper>
|
|
</tn-tabs-swiper>
|
|
</uv-sticky>
|
|
</uv-sticky>
|
|
|
|
|
|
@@ -50,24 +61,17 @@
|
|
|
|
|
|
<!-- 图文信息 -->
|
|
<!-- 图文信息 -->
|
|
<block v-for="(item,index) in content" :key="item.id">
|
|
<block v-for="(item,index) in content" :key="item.id">
|
|
- <view class="blogger__item" :key="index">
|
|
|
|
|
|
+ <view class="blogger__item" style="border-radius: 12px;margin: 12px 16px 12px 16px; background-color: #fff;" :key="index">
|
|
<view class="blogger__author tn-flex tn-flex-row-between tn-flex-col-center">
|
|
<view class="blogger__author tn-flex tn-flex-row-between tn-flex-col-center">
|
|
- <view class="justify__author__info" @click="tn('')">
|
|
|
|
|
|
+ <view class="justify__author__info">
|
|
<view class="tn-flex tn-flex-row-center">
|
|
<view class="tn-flex tn-flex-row-center">
|
|
<view class="tn-flex tn-flex-row-center tn-flex-col-center">
|
|
<view class="tn-flex tn-flex-row-center tn-flex-col-center">
|
|
- <!-- <view class="">
|
|
|
|
- <tn-avatar
|
|
|
|
- class=""
|
|
|
|
- shape="circle"
|
|
|
|
- :src="item.userAvatar"
|
|
|
|
- size="lg">
|
|
|
|
- </tn-avatar>
|
|
|
|
- </view> -->
|
|
|
|
|
|
+ <view class="" style="width: 5px;height: 5px;background: #E18730;border-radius: 50%;margin-right: 4px;">
|
|
|
|
+ </view>
|
|
<view class="tn-padding-right">
|
|
<view class="tn-padding-right">
|
|
- <view class="tn-color-grey tn-text-lg" :style="{fontSize:(wxFontSize)+'px'}">
|
|
|
|
|
|
+ <view class="tn-color-grey tn-text-lg" style="color:#333" :style="{fontSize:(wxFontSize)+'px'}">
|
|
{{ item.company||(item.contactNickName||item.contactPerson) }}
|
|
{{ item.company||(item.contactNickName||item.contactPerson) }}
|
|
</view>
|
|
</view>
|
|
- <!-- <view class="tn-padding-right tn-padding-left-sm tn-padding-top-xs tn-color-gray">{{ item.date }}</view> -->
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -77,32 +81,35 @@
|
|
<view
|
|
<view
|
|
class="blogger__desc tn-margin-top-sm tn-margin-bottom-sm tn-text-justify tn-flex-col-center tn-flex-row-left"
|
|
class="blogger__desc tn-margin-top-sm tn-margin-bottom-sm tn-text-justify tn-flex-col-center tn-flex-row-left"
|
|
>
|
|
>
|
|
-
|
|
|
|
- <!-- 不用限制长度了,因为发布的时候限制长度了-->
|
|
|
|
- <tn-tag margin="-4px 4px 0 0" backgroundColor="#3a96d733" v-if="item.brand"
|
|
|
|
- fontColor="#3a96d7" shape="circle" :fontSize="wxFontSize+11" @click="showBrand('品牌:'+item.brand)">{{ item.brand }}</tn-tag>
|
|
|
|
- <tn-tag margin="-4px 4px 0 0" backgroundColor="#3a96d733" v-if="!item.company"
|
|
|
|
- fontColor="#3a96d7" shape="circle" :fontSize="wxFontSize+11" @click="showBrand('个人发布')">个人</tn-tag>
|
|
|
|
-
|
|
|
|
- <text v-if="item.content"
|
|
|
|
- class="blogger__desc__content tn-flex-1 tn-text-justify tn-text-df" :style="{fontSize:(wxFontSize-2)+'px'}">{{ item.content }}</text>
|
|
|
|
-
|
|
|
|
|
|
+ <tn-tag margin="-4px 4px 0 0" backgroundColor="#005da61a" v-if="item.brand"
|
|
|
|
+ fontColor="#005DA6" shape="circle" :fontSize="wxFontSize+11" @click="showBrand('品牌:'+item.brand)">{{ item.brand }}</tn-tag>
|
|
|
|
+ <tn-tag margin="-4px 4px 0 0" backgroundColor="#005da61a" v-if="!item.company"
|
|
|
|
+ fontColor="#005DA6" shape="circle" :fontSize="wxFontSize+11" @click="showBrand('个人发布')">个人</tn-tag>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view style="border-radius: 0px 0px 0px 0px;width:calc(100% + 32px);margin-left:-16px;border-bottom: 1px solid #E6E6E6;"></view>
|
|
|
|
|
|
|
|
+ <view v-if="item.content" style="padding: 12px 12px 5px 5px;">
|
|
|
|
+ <text
|
|
|
|
+ class="blogger__desc__content tn-flex-1 tn-text-justify tn-text-df" style="color:#747E87" :style="{fontSize:(wxFontSize-2)+'px'}">{{ item.content }}</text>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+
|
|
<!-- 内容太多疲劳了-->
|
|
<!-- 内容太多疲劳了-->
|
|
<view v-if="item.shareExt&&item.shareExt.length>0" class="blogger__content"
|
|
<view v-if="item.shareExt&&item.shareExt.length>0" class="blogger__content"
|
|
:id="`blogger__content--${index}`">
|
|
:id="`blogger__content--${index}`">
|
|
-
|
|
|
|
- <basic-table header-row-class-name="basic-table-header" :columns="columns" :border="true" :fontSize="(wxFontSize-3)"
|
|
|
|
- :stripe="true" :data="item.shareExt">
|
|
|
|
- <template #item="{column,scope,index}">
|
|
|
|
- <view v-if="column.fieldName==='prodDesc'">
|
|
|
|
- <tn-read-more openText="查看全部" :closeBtn="true" closeText="收起" :showHeight="125">
|
|
|
|
- <text :style="{fontSize:(scope.fontSize-3)+'px'}">{{scope.prodDesc||''}}</text>
|
|
|
|
- </tn-read-more>
|
|
|
|
- </view>
|
|
|
|
- </template>
|
|
|
|
- </basic-table>
|
|
|
|
|
|
+
|
|
|
|
+ <view v-for="(sitem,index) in item.shareExt" :key="sitem.id">
|
|
|
|
+ <view style="padding: 12px 0 8px 5px;color:#005DA6;" :style="{fontSize:(wxFontSize-3)+'px'}">
|
|
|
|
+ {{sitem.prodName}}
|
|
|
|
+ </view>
|
|
|
|
+ <view style="padding: 8px 8px 0 5px;color:#333;display: flex;" :style="{fontSize:(wxFontSize-3)+'px'}">
|
|
|
|
+ <text style="color: #777;white-space: nowrap;">产品型号:</text>{{sitem.prodSpec}}
|
|
|
|
+ </view>
|
|
|
|
+ <view v-if="sitem.prodDesc" style="padding: 8px 8px 0 5px;color:#333;display: flex;" :style="{fontSize:(wxFontSize-3)+'px'}">
|
|
|
|
+ <text style="color: #777;white-space: nowrap;">产品介绍:</text><text>{{sitem.prodDesc}}</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<block v-if="item.imgList">
|
|
<block v-if="item.imgList">
|
|
@@ -135,27 +142,60 @@
|
|
</block>
|
|
</block>
|
|
|
|
|
|
|
|
|
|
- <view v-for="file in item.fileDetailList" :key="file.id" v-if="!isImage(file.fileName)">
|
|
|
|
- <view style="margin-top:10px">
|
|
|
|
- <text class="tn-icon-link" :style="{fontSize:(wxFontSize-4)+'px'}"></text>
|
|
|
|
- <view style="display: inline;margin-left:8px;" @click="clickLink(file.ftpUrl,file.fileName)" :style="{fontSize:(wxFontSize-3)+'px'}">
|
|
|
|
|
|
+ <view v-for="file in item.fileDetailList" style="background-color:#005da60d ;margin-bottom: 4px;padding: 4px 8px;border-radius: 4px;" :key="file.id" v-if="!isImage(file.fileName)" @click="clickLink(file.ftpUrl,file.fileName)">
|
|
|
|
+ <view>
|
|
|
|
+ <image src="../../static/tu/link.png" style="width: 18px;height: 18px;vertical-align: bottom;"></image>
|
|
|
|
+ <view style="display: inline;margin-left:8px;color:#005DA6;" :style="{fontSize:(wxFontSize-3)+'px'}">
|
|
{{file.fileName}}</view>
|
|
{{file.fileName}}</view>
|
|
-
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin-top-xs">
|
|
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin-top-xs">
|
|
<view class="justify-content-item tn-color-gray tn-text-center">
|
|
<view class="justify-content-item tn-color-gray tn-text-center">
|
|
- <view class="tn-padding-right tn-padding-top-xs tn-color-gray" :style="{fontSize:(wxFontSize-3)+'px'}">
|
|
|
|
|
|
+ <view class="tn-padding-right tn-padding-top-xs" :style="{fontSize:(wxFontSize-3)+'px',color:'#777'}">
|
|
{{ item.createTime|formatDate }}
|
|
{{ item.createTime|formatDate }}
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
<view class="justify-content-item tn-flex tn-flex-col-center" style="position: relative">
|
|
<view class="justify-content-item tn-flex tn-flex-col-center" style="position: relative">
|
|
- <text class="tn-icon-more-vertical tn-color-gray tn-text-bold tn-text-xxl"
|
|
|
|
- @click="showActionSheet(item)"></text>
|
|
|
|
|
|
+ <image style="width: 30px;height:30px;" @click="showActionSheet(item)" src="../../static/tu/more.png"></image>
|
|
|
|
|
|
- <view v-if="curItem.id==item.id&&showSheet" style="position: absolute;
|
|
|
|
|
|
+ <view v-if="curItem.id==item.id&&showSheet" class="pop-dia" style="position: absolute;background: #E4F1FB;display: block;right: 10px;top: 24px;border-radius: 6px;z-index: 900;">
|
|
|
|
+
|
|
|
|
+ <view class="content" style="padding: 8px;font-size: 16px;line-height: 24px; width: 180px;border-radius: 6px;"
|
|
|
|
+ v-if="!showContact">
|
|
|
|
+ <button @click="linkTel()" style="border: none;border-radius: 0;color: #333333;background-color: #E4F1FB;border-bottom: 1px solid rgb(0 93 166 / 0.2);">
|
|
|
|
+ <image src="../../static/tu/call.png" style="width: 26px;height: 26px;margin-right:10px;vertical-align: middle;"> 联系供方</button>
|
|
|
|
+ <!-- <view>联系我们帮助对接</view> -->
|
|
|
|
+ <button v-if="!collStatus" @click="addColl"
|
|
|
|
+ style="border: none;border-radius: 0;color: #333333;background-color: #E4F1FB;border-bottom: 1px solid rgb(0 93 166 / 0.2);" type="default" plain="true">
|
|
|
|
+ <image src="../../static/tu/coll.png" style="width: 26px;height: 26px;margin-right:10px;vertical-align: middle;">
|
|
|
|
+ 收 藏</button>
|
|
|
|
+ <button v-if="collStatus" @click="delColl"
|
|
|
|
+ style="border: none;border-radius: 0;color: #333333;background-color: #E4F1FB;border-bottom: 1px solid rgb(0 93 166 / 0.2);" type="default" plain="true">
|
|
|
|
+ <image src="../../static/tu/coll.png" style="width: 26px;height: 26px;margin-right:10px;vertical-align: middle;"> 取消收藏</button>
|
|
|
|
+ <button open-type="share"
|
|
|
|
+ style="border: none;border-radius: 0;color: #333333;background-color: #E4F1FB;" type="default" plain="true" :data-coupon="curItem">
|
|
|
|
+ <image src="../../static/tu/share.png" style="width: 26px;height: 26px;margin-right:10px;vertical-align: middle;">
|
|
|
|
+ 转 发</button>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content " style="position: relative;background: linear-gradient( 180deg, #DAECFA 0%, #FFFFFF 27%, #FFFFFF 100%);padding: 24px 40px;padding-bottom: 32px;font-size: 16px;width: calc(100vw - 80px);line-height: 24px;border-radius: 12px;"
|
|
|
|
+ v-if="showContact">
|
|
|
|
+ <view><text style="font-size: 19px;font-weight: bold;color: #333;" v-if="curContact.company">{{curContact.company}}</text></view>
|
|
|
|
+ <view style="margin-top:10px;font-size: 17px;text-align: center;color:#333">
|
|
|
|
+ <image src="../../static/tu/person.png" style="width: 24px;height: 24px;vertical-align: sub;">
|
|
|
|
+ <text style="margin-left: 6px;">{{curContact.contactPerson}}</text> </view>
|
|
|
|
+ <view style="margin-top:10px;font-size: 17px;text-align: center;color:#333" @click="showTel(curContact.contactMethod)">
|
|
|
|
+ <image src="../../static/tu/tel.png" style="width: 24px;height: 24px;vertical-align: middle;">
|
|
|
|
+ <text style="margin-left: 4px;">{{curContact.contactMethod}}</text>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <image src="../../static/tu/close.png" style="width: 40px;height: 40px;position: absolute; left: calc(50vw - 60px);bottom: -64px;" @click="hideSheet()"></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view style="position: fixed;top: 0;left: 0;height: 100000vh;width: 100%;background: rgb(0 0 0 / 0.5);z-index: -1;" @click="hideSheet()" v-if="showContact"></view>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- <view v-if="curItem.id==item.id&&showSheet" style="position: absolute;
|
|
background: #ddd;
|
|
background: #ddd;
|
|
display: block;
|
|
display: block;
|
|
right: 10px;
|
|
right: 10px;
|
|
@@ -166,7 +206,7 @@
|
|
v-if="!showContact">
|
|
v-if="!showContact">
|
|
<button @click="linkTel()" style="border-radius:30px;color:#fff;background-color: #1d60b1;"><text
|
|
<button @click="linkTel()" style="border-radius:30px;color:#fff;background-color: #1d60b1;"><text
|
|
class="tn-icon-service" style="margin-right: 12px;"></text> 联系供方</button>
|
|
class="tn-icon-service" style="margin-right: 12px;"></text> 联系供方</button>
|
|
- <!-- <view>联系我们帮助对接</view> -->
|
|
|
|
|
|
+
|
|
<button v-if="!collStatus" @click="addColl"
|
|
<button v-if="!collStatus" @click="addColl"
|
|
style="margin-top:10px;border-radius:30px;" type="default" plain="true"><text
|
|
style="margin-top:10px;border-radius:30px;" type="default" plain="true"><text
|
|
class="tn-icon-star" style="margin-right: 12px;"></text>
|
|
class="tn-icon-star" style="margin-right: 12px;"></text>
|
|
@@ -189,13 +229,13 @@
|
|
<text style="margin-left: 4px;">{{curContact.contactMethod}}</text> </view>
|
|
<text style="margin-left: 4px;">{{curContact.contactMethod}}</text> </view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- </view>
|
|
|
|
|
|
+ </view> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- 边距间隔 -->
|
|
<!-- 边距间隔 -->
|
|
- <view class="tn-strip-bottom" v-if="index != content.length - 1"></view>
|
|
|
|
|
|
+ <!-- <view class="tn-strip-bottom" v-if="index != content.length - 1"></view> -->
|
|
</block>
|
|
</block>
|
|
|
|
|
|
|
|
|
|
@@ -208,10 +248,10 @@
|
|
</view>
|
|
</view>
|
|
<!-- 广告 -->
|
|
<!-- 广告 -->
|
|
<!-- 结尾 -->
|
|
<!-- 结尾 -->
|
|
- <view v-if="content.length==totalSize&&totalSize!=0&¤tTab==0" style="background-color: #f1f1f1cc;padding: 16px 0;" :style="{paddingTop:showSheet?'216px':'16px'}">
|
|
|
|
|
|
+ <view v-if="content.length==totalSize&&totalSize!=0&¤tTab==0" style="background-color: #f7f7f7;padding: 16px 0;" :style="{paddingTop:showSheet?'166px':'16px'}">
|
|
<tn-load-more status="nomore" :loadText="loadText" :fontSize="(wxFontSize+11)"></tn-load-more>
|
|
<tn-load-more status="nomore" :loadText="loadText" :fontSize="(wxFontSize+11)"></tn-load-more>
|
|
</view>
|
|
</view>
|
|
- <view v-if="content.length==totalSize&&totalSize!=0&¤tTab==1" style="background-color: #f1f1f1cc;padding: 16px 0;" :style="{paddingTop:showSheet?'216px':'16px'}">
|
|
|
|
|
|
+ <view v-if="content.length==totalSize&&totalSize!=0&¤tTab==1" style="background-color: #f7f7f7;padding: 16px 0;" :style="{paddingTop:showSheet?'166px':'16px'}">
|
|
<tn-load-more status="nomore" :loadText="loadText2" :fontSize="(wxFontSize+11)"></tn-load-more>
|
|
<tn-load-more status="nomore" :loadText="loadText2" :fontSize="(wxFontSize+11)"></tn-load-more>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
@@ -224,36 +264,8 @@
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
|
|
- <tn-popup v-model="showSheet2" mode="center" closeBtn="true" borderRadius="16">
|
|
|
|
- <view class="content" style="padding: 24px 36px;font-size: 16px;line-height: 24px; width: 320px;"
|
|
|
|
- v-if="!showContact">
|
|
|
|
- <button @click="linkTel()" style="border-radius:30px;color:#fff;background-color: #1d60b1;"><text
|
|
|
|
- class="tn-icon-service" style="margin-right: 12px;"></text> 联系供方</button>
|
|
|
|
- <!-- <view>联系我们帮助对接</view> -->
|
|
|
|
- <button v-if="!collStatus" @click="addColl"
|
|
|
|
- style="margin-top:10px;border-radius:30px;" type="default" plain="true"><text
|
|
|
|
- class="tn-icon-star" style="margin-right: 12px;"></text>
|
|
|
|
- 收 藏</button>
|
|
|
|
- <button v-if="collStatus" @click="delColl"
|
|
|
|
- style="margin-top:10px;border-radius:30px;" type="default" plain="true"><text
|
|
|
|
- class="tn-icon-star-fill" style="margin-right: 12px;"></text> 取消收藏</button>
|
|
|
|
- <button open-type="share"
|
|
|
|
- style="margin-top:10px;border-radius:30px;" type="default" plain="true" :data-coupon="curItem"><text
|
|
|
|
- class="tn-icon-send" style="margin-right: 12px;"></text>
|
|
|
|
- 转 发</button>
|
|
|
|
- </view>
|
|
|
|
- <view class="content bg-content" style="padding: 50px 36px;padding-bottom: 32px;font-size: 16px;width:320px;line-height: 24px;"
|
|
|
|
- v-if="showContact">
|
|
|
|
- <view><text style="font-size: 20px;font-weight: bold;" v-if="curContact.company">{{curContact.company}}</text></view>
|
|
|
|
- <view style="margin-top:20px;
|
|
|
|
- font-weight: bold;
|
|
|
|
- font-size: 20px;"><text class="tn-icon-my-formal"></text><text style="margin-left: 6px;">{{curContact.contactPerson}}</text> </view>
|
|
|
|
- <view style="margin-top:20px;font-size: 20px;font-weight: bold;" @click="showTel(curContact.contactMethod)"><text class="tn-icon-tel"></text>
|
|
|
|
- <text style="margin-left: 4px;">{{curContact.contactMethod}}</text> </view>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
- </tn-popup>
|
|
|
|
- <tn-toast ref="toast"></tn-toast>
|
|
|
|
|
|
+ </scroll-view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -308,7 +320,10 @@
|
|
content: [],
|
|
content: [],
|
|
totalSize: 0,
|
|
totalSize: 0,
|
|
curIndex: 1,
|
|
curIndex: 1,
|
|
- wxFontSize:17
|
|
|
|
|
|
+ wxFontSize:17,
|
|
|
|
+ triggered: false,
|
|
|
|
+ _freshing: false,
|
|
|
|
+ shareData:{}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onReady() {
|
|
onReady() {
|
|
@@ -350,6 +365,77 @@
|
|
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ // 瀑布流导航页面滚动到底部
|
|
|
|
+ tabbarPageScrollLower(e) {
|
|
|
|
+ this.loadMore();
|
|
|
|
+ },
|
|
|
|
+ onPulling(e) {
|
|
|
|
+ console.log("onpulling", e);
|
|
|
|
+ if(e.detail.deltaY<0){
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ this.triggered = true
|
|
|
|
+ },
|
|
|
|
+ onRefresh(){
|
|
|
|
+ if (this._freshing) return;
|
|
|
|
+ this._freshing = true;
|
|
|
|
+ this.reFetchData();
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ this.triggered = false;
|
|
|
|
+ this._freshing = false;
|
|
|
|
+ }, 2000)
|
|
|
|
+ },
|
|
|
|
+ onRestore() {
|
|
|
|
+ this.triggered = false; // 需要重置
|
|
|
|
+ },
|
|
|
|
+ addLog(shareData){
|
|
|
|
+ const that = this;
|
|
|
|
+ let params= {
|
|
|
|
+ bisNo:shareData.bisNo,
|
|
|
|
+ bisType:'2',
|
|
|
|
+ userNo:uni.getStorageSync('userNo')
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ request.post('/slbForward/add',{slbForward:JSON.stringify(params)},{
|
|
|
|
+ headers: {
|
|
|
|
+ 'Content-Type': 'application/json', // 默认值
|
|
|
|
+ },
|
|
|
|
+ }).then(res=>{
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ sleep(time) {
|
|
|
|
+ return new Promise((resolve) => setTimeout(resolve, time));
|
|
|
|
+ },
|
|
|
|
+ onShareAppMessage: function(option) {
|
|
|
|
+ if(option.from=="button"){
|
|
|
|
+
|
|
|
|
+ this.hideSheet();
|
|
|
|
+ this.shareData=option.target.dataset.coupon;
|
|
|
|
+ this.addLog(this.shareData);
|
|
|
|
+ const promise = new Promise(async (resolve) => {
|
|
|
|
+
|
|
|
|
+ await this.sleep(500);
|
|
|
|
+ resolve({
|
|
|
|
+ // title: `速立保`,
|
|
|
|
+ path: `/pages/index/detail/detail?id=`+this.shareData.bisNo+'&isNeed=0',
|
|
|
|
+ // imageUrl: url,
|
|
|
|
+ });
|
|
|
|
+ });
|
|
|
|
+ // 默认参数
|
|
|
|
+ return {
|
|
|
|
+ // title: `速立保`,
|
|
|
|
+ path: `/pages/index/detail/detail?id=`+this.shareData.bisNo+'&isNeed=0',
|
|
|
|
+ promise,
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ }else{
|
|
|
|
+ return {
|
|
|
|
+ // title: '速立保',
|
|
|
|
+ path: '/pages/index/index',
|
|
|
|
+ };
|
|
|
|
+ }
|
|
|
|
+ },
|
|
showSearch(item) {
|
|
showSearch(item) {
|
|
|
|
|
|
// 或者可以直接设置body的tabindex属性为-1,然后移除焦点
|
|
// 或者可以直接设置body的tabindex属性为-1,然后移除焦点
|
|
@@ -1294,14 +1380,4 @@
|
|
transform: rotateX(90deg) rotateZ(90deg)
|
|
transform: rotateX(90deg) rotateZ(90deg)
|
|
}
|
|
}
|
|
|
|
|
|
- /deep/ .basic-table-header {
|
|
|
|
- background-color: #edeeee;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .bg-content{
|
|
|
|
- color: #fff;
|
|
|
|
- background-image: url(./../../static/bg.png);
|
|
|
|
- background-size: cover;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
</style>
|
|
</style>
|