applet/edition1.0.0/pages/productDetail/index.wxml

<!--pages/liveDetail/index.wxml-->
<wxs module="filter" src="../../assets/js/common.wxs"></wxs>
<scroll-view class="liveDetail" scroll-y="true" style="height:{{scrollHeight}}px;" bindscrolltolower="bindDownLoad" bindscroll="scroll">
  <view class="mainInfo">
    <view class="mainImg">
      <image class="targetImg" mode="widthFix" wx:if="{{infoObj.img}}" src="{{infoObj.img}}"></image>
    </view>
    <view class="infoText">
      <text class="name">
        {{infoObj.title?infoObj.title:'-'}}
      </text>
      <view class="date">{{infoObj.price?('¥'+infoObj.price):'-'}}</view>
      <view class="cate" style="margin-top:12rpx;" wx-if="{{infoObj.category}}">{{infoObj.category}}</view>
    </view>
  </view>
  <view class="tabList {{isFix?'toTop':''}}" id="tabItem">
    <view class="tab {{tab==1?'active':''}}" data-id="1" bindtap="check">销售趋势</view>
    <view class="tab {{tab==2?'active':''}}" data-id="2" bindtap="check">关联直播</view>
    <view class="tab {{tab==3?'active':''}}" data-id="3" bindtap="check">关联达人</view>
    <view class="tab {{tab==4?'active':''}}" data-id="4" bindtap="check">达人分布</view>
  </view>
  <view wx:if="{{isFix}}" style="width:100%;height:56rpx;background:#fff;"></view>
  <view wx:if="{{tab==1}}">
    <view class="total" wx:if="{{!hasAunoTotal}}">
      <view class="ul">
        <view class="li">
          <text class="text">
            关联达人数
          </text>
          <text class="liText">
            {{infoObj.user_count||infoObj.user_count==0?infoObj.user_count:'-'}}
          </text>
        </view>
        <view class="li">
          <text class="text">
            关联直播数
          </text>
          <text class="liText">
            {{infoObj.live_count||infoObj.live_count==0?infoObj.live_count:'-'}}
          </text>
        </view>
        <view class="li">
          <text class="text">
            商品销量
          </text>
          <text class="liText">
            {{infoObj.sale_count||infoObj.sale_count==0?infoObj.sale_count:'-'}}
          </text>
        </view>
      </view>
    </view>
    <nopermission wx:if="{{hasAunoTotal}}"></nopermission>
    <view wx:if="{{!hasAunoTrend}}">
      <view class="echarts">
        <text class="topName">销量趋势</text>
        <view class="echartsBox">
          <ec-canvas id="sale" class="canvas" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas> 
        </view>
        <view class="btn">
          <view class="button {{checkType==1?'activeBtn':''}}" size="mini" data-id="1" bindtap="checkBtn">增量</view>
          <view class="button {{checkType==2?'activeBtn':''}}" size="mini" data-id="2" bindtap="checkBtn">总量</view>
        </view>
      </view>
      <view class="echarts">
        <text class="topName">销售额趋势</text>
        <view class="echartsBox">
          <ec-canvas id="saleMoney" class="canvas" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas> 
        </view>
        <view class="btn">
          <view class="button {{checkType2==1?'activeBtn':''}}" size="mini" data-type="2" data-id="1" bindtap="checkBtn">增量</view>
          <view class="button {{checkType2==2?'activeBtn':''}}" size="mini" data-type="2" data-id="2" bindtap="checkBtn">总量</view>
        </view>
      </view>
      <view class="echarts">
        <text class="topName">关联直播趋势</text>
        <view class="echartsBox">
          <ec-canvas id="live" class="canvas" style="width:100%;height:900rpx;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas> 
        </view>
        <view class="btn">
          <view class="button {{checkType3==1?'activeBtn':''}}" size="mini" data-type="3" data-id="1" bindtap="checkBtn">增量</view>
          <view class="button {{checkType3==2?'activeBtn':''}}" size="mini" data-type="3" data-id="2" bindtap="checkBtn">总量</view>
        </view>
      </view>
      <view class="echarts">
        <text class="topName">关联达人趋势</text>
        <view class="echartsBox">
          <ec-canvas id="people" class="canvas" style="width:100%;height:900rpx;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas> 
        </view>
      </view>
    </view>
    <nopermission wx:if="{{hasAunoTrend}}"></nopermission>
  </view>
  <!-- 关联直播 -->
  <view class="tabItem" wx:if="{{tab==2}}">
    <view class="proItem hotItem" wx:for="{{liveList}}" wx:key="liveList" data-id="{{item.live_stream_id}}" data-useid="{{item.kwai_user_id}}" bindtap="toLiveDetail">
      <view class="liveImg {{item.is_live==1?'liveIng':''}}">
        <image class="liveHead" style="border-radius:50%;" wx:if="{{item.headurl}}" src="{{item.headurl}}"></image>
      </view>
      <view class="info">
        <text class="title">{{item.user_name}}</text>
        <view class="bottom">
          <view class="twice">
            <text class="date" style="display:inline;">{{item.created_at?item.created_at:'-'}}</text>
          </view>
          <view class="twice">
            销量<text class="number" style="display:inline;">{{item.sell_count?item.sell_count:'-'}}</text>
          </view>
        </view>
      </view>
    </view>
    <view class="noneBox" wx:if="{{noneLive}}">
      <image class="noneImg" src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/Applet/dataLoadingImg.png"></image>
      <view class="noneText">暂无关联直播</view>
    </view>
    <nopermission wx:if="{{hasAunoLive&&!noneLive}}"></nopermission>
  </view>
  <!-- 关联达人 -->
  <view class="tabItem" wx:if="{{tab==3}}">
    <view class="proItem hotItem" wx:for="{{hotList}}" wx:key="allPro" bindtap="goHrDetail" data-userid='{{item.user_id}}'>
      <image class="img" wx:if="{{item.headurl}}" src="{{item.headurl}}"></image>
      <view class="info">
        <text class="title">{{item.user_name}}</text>
        <view class="bottom">
          <view class="twice">
            粉丝 <text class="number" style="display:inline;">{{item.fan?item.fan:'-'}}</text>
          </view>
          <view class="twice">
            销量 <text class="number" style="display:inline;">{{item.sell_count?item.sell_count:'-'}}</text>
          </view>
        </view>
      </view>
    </view>
    <view class="noneBox" wx:if="{{noneHot}}">
      <image class="noneImg" src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/Applet/dataLoadingImg.png"></image>
      <view class="noneText">暂无关联达人</view>
    </view>
    <nopermission wx:if="{{hasAunoHot&&!noneHot}}"></nopermission>
  </view>
  <view class="tabItem" wx:if="{{tab==4}}">
    <fan-portraits commodity_id="{{id}}"></fan-portraits>
  </view>
</scroll-view>
<text class="desc">更多数据请登录www.data.kuxuan.com进行查看</text>