applet/sph_applet/pages/claim/claimDetail .../index.wxml

<!--pages/videoDetail/videoDetail.wxml-->
<wxs module="filter" src="../../../assets/js/common.wxs"></wxs>
<view class="detail" bindtap="closeDiv">
  <view class="info">
    <view class="box">
      <image class="userImg" data-user_id="{{detailObj.user_id}}" catchtap="goUserDetail" style="margin-right:10rpx;" mode="widthFix" src="{{detailObj.head_url}}"></image>
      <view class="right">
        <view class="usernameBox">
          <view class="username" data-user_id="{{detailObj.user_id}}" catchtap="goUserDetail">{{detailObj.nickname?detailObj.nickname:'-'}}</view>
          <image class="overdue" wx:if="{{detailObj.cookie_status!=1}}" mode="widthFix" src="../../../assets/img/overdue.png"></image>
          <view class="follow" catchtap="goClaim">{{!claimFlag?'认领视频号':(cookie_status!=1?'重新激活':'已认领')}}</view>
        </view>
      </view>
    </view>
  </view>
  <view class="typeBox">
    <view class="{{type==1?'active':''}}" catchtap="typeEvent" data-type="1">
      <image src="../../../assets/img/detail_qushi.png" mode="widthFix"></image>
      <text>关注者数据</text>
    </view>
    <view class="{{type==2?'active':''}}" catchtap="typeEvent" data-type="2">
      <image src="../../../assets/img/move.png" mode="widthFix"></image>
      <text>动态数据</text>
    </view>
    <view class="{{type==3?'active':''}}" catchtap="typeEvent" data-type="3">
      <image src="../../../assets/img/detail_video.png" mode="widthFix"></image>
      <text>直播数据</text>
    </view>
  </view>
  <!-- 关注者数据 -->
  <block wx:if="{{type==1}}">
    <view class="tabList">
      <view class="{{tab=='1'?'tabActive':''}}" data-type="1" catchtap="checkTab">关注者数据</view>
      <view class="{{tab=='2'?'tabActive':''}}" data-type="2" catchtap="checkTab">用户画像</view>
      <view class="total">
        关注者总数<text>{{detailObj.real_fans_count?filter.NumberHandle(detailObj.real_fans_count):0}}</text>
      </view>
    </view>
    <view wx:if="{{tab==1}}">
      <view class="dataInfo">
        <view class="flex">
          <view>周期指标</view>
          <view>
            <view wx:for="{{timeList}}" wx:key="index" class="{{timeObj.id == item.id ? 'choiceActive' : ''}} choice" catchtap="checkTime" data-type="1" data-item="{{item}}" >
            {{item.name}}
            </view>
          </view>
          <!-- <view class="choiceActive choice" data-type="1" catchtap="showTime">
            {{timeObj.name}}
            <view class="sj"></view>
          </view> -->
          <!-- <view class="timeChoice" catchtap wx:if="{{showTimeCheck}}">
            <view class="block">
              <view class="timeChoiceBox">
                <view wx:for="{{timeList}}" wx:key="index" class="{{timeObj.id == item.id ? 'choiceActive' : ''}}" catchtap="checkTime" data-type="1" data-item="{{item}}" >{{item.name}}</view>
              </view>
            </view>
          </view> -->
        </view>
        <view style="display:flex;">
          <view class="li">
            <view class="text">净增关注</view>
            <view class="num">{{followObj.total.net_add||followObj.total.net_add==0?filter.NumberHandle(followObj.total.net_add):'-'}}</view>
            <view class="num">{{followObj.rate.net_add||followObj.rate.net_add==0?followObj.rate.net_add:'-'}}</view>
          </view>
          <view class="li">
            <view class="text">新增关注</view>
            <view class="num">{{followObj.total.add||followObj.total.add==0?filter.NumberHandle(followObj.total.add):'-'}}</view>
            <view class="num">{{followObj.rate.add||followObj.rate.add==0?followObj.rate.add:'-'}}</view>
            
          </view>
          <view class="li">
            <view class="text">取消关注</view>
            <view class="num">{{followObj.total.reduce||followObj.total.reduce==0?filter.NumberHandle(followObj.total.reduce):'-'}}</view>
            <view class="num">{{followObj.rate.reduce||followObj.rate.reduce==0?followObj.rate.reduce:'-'}}</view>
            
          </view>
        </view>
      </view>
      <view class="modular">
        <view class="modularTop">
          <view class="title">增长趋势</view>
          <!-- <view class="choiceActive choice" data-type="2" catchtap="showTime">
            {{addTimeObj.name}}
            <view class="sj"></view>
          </view> -->
          <view>
            <view wx:for="{{timeRangeList}}" wx:key="index" class="{{addTimeObj.id == item.id ? 'choiceActive' : ''}} choice" catchtap="checkTime" data-type="2" data-item="{{item}}">
            {{item.name}}
            </view>
          </view>
          <!-- <view class="timeChoice" catchtap wx:if="{{showFollowTime}}">
            <view class="block">
              <view class="timeChoiceBox">
                <view wx:for="{{timeRangeList}}" wx:key="index" class="{{addTimeObj.id == item.id ? 'choiceActive' : ''}}" catchtap="checkTime" data-type="2" data-item="{{item}}" >{{item.name}}</view>
              </view>
            </view>
          </view> -->
        </view>
        <view class="echartsDiv">
          <ec-canvas id="addEcharts" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
        </view>
      </view>
    </view>
    <view wx:else class="fanData">
      <view class="modular">
        <view class="modularTop">
          <view class="title">性别</view>
        </view>
        <view class="echartsDiv" wx:if="{{sexTrend}}">
          <ec-canvas id="sexEcharts" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
        </view>
        <view class="none" wx:else>
          <image mode="widthFix" src="../../../assets/img/noList.png"></image>
          <view>暂无数据</view>
        </view>
      </view>
      <view class="modular">
        <view class="modularTop">
          <view class="title">访问设备</view>
        </view>
        <view class="echartsDiv" wx:if="{{deviceTrend}}">
          <ec-canvas id="deviceEcharts" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
        </view>
        <view class="none" wx:else>
          <image mode="widthFix" src="../../../assets/img/noList.png"></image>
          <view>暂无数据</view>
        </view>
      </view>
      <view class="modular">
        <view class="modularTop">
          <view class="title">年龄分布</view>
        </view>
        <view class="echartsDiv" wx:if="{{ageTrend}}">
          <ec-canvas id="ageEcharts" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
        </view>
        <view class="none" wx:else>
          <image mode="widthFix" src="../../../assets/img/noList.png"></image>
          <view>暂无数据</view>
        </view>
      </view>
      <view class="modular">
        <view class="modularTop">
          <view class="title">省份分布</view>
        </view>
        <view class="table">
          <view class="th">
            <view class="td">排名</view>
            <view class="td">省份</view>
            <view class="td">人数</view>
            <view class="td">占比</view>
          </view>
          <view class="tableMain" wx:if="{{trendObj.province_list.length>0}}">
            <view class="tr" wx:for="{{trendObj.province_list}}">
              <view class="td">{{index+1}}</view>
              <view class="td">{{item.dim}}</view>
              <view class="td">{{item.value}}</view>
              <view class="td">{{item.scale}}</view>
            </view>
          </view>
          <view wx:if="{{trendObj.province_list.length==0}}" class="noneTable">
            暂无数据
          </view>
        </view>
      </view>
      <view class="modular">
        <view class="modularTop">
          <view class="title">城市分布</view>
        </view>
        <view class="table">
          <view class="th">
            <view class="td">排名</view>
            <view class="td">城市</view>
            <view class="td">人数</view>
            <view class="td">占比</view>
          </view>
          <view class="tableMain" wx:if="{{trendObj.city_list.length>0}}">
            <view class="tr" wx:for="{{trendObj.city_list}}">
              <view class="td">{{index+1}}</view>
              <view class="td">{{item.dim}}</view>
              <view class="td">{{item.value?filter.NumberHandle(item.value):'-'}}</view>
              <view class="td">{{item.scale}}</view>
            </view>
          </view>
          <view wx:if="{{trendObj.city_list.length==0}}" class="noneTable">
            暂无数据
          </view>
        </view>
      </view>
    </view>
  </block>
  <!-- 动态数据 -->
  <block wx:if="{{type==2}}">
    <view class="dataInfo">
      <view class="flex">
        <view>关键指标</view>
        <view>
          <view class="{{timeObj.id == item.id ? 'choiceActive' : ''}} choice" wx:for="{{timeList}}" catchtap="checkTime" data-type="1" data-item="{{item}}">
            {{item.name}}
          </view>
        </view>
        <!-- <view class="timeChoice" catchtap wx:if="{{showTimeCheck}}">
          <view class="block">
            <view class="timeChoiceBox">
              <view wx:for="{{timeList}}" wx:key="index" class="{{timeObj.id == item.id ? 'choiceActive' : ''}}" catchtap="checkTime" data-type="1" data-item="{{item}}" >{{item.name}}</view>
            </view>
          </view>
        </view> -->
      </view>
      <view style="display:flex;">
        <view class="li">
          <view class="text">播放量</view>
          <view class="num">{{moveObj.total.browse||moveObj.total.browse==0?filter.NumberHandle(moveObj.total.browse):'-'}}</view>
          <view class="num">{{moveObj.rate.browse||moveObj.rate.browse==0?moveObj.rate.browse:'-'}}</view>
        </view>
        <view class="li">
          <view class="text">点赞次数</view>
          <view class="num">{{moveObj.total.like||moveObj.total.like==0?filter.NumberHandle(moveObj.total.like):'-'}}</view>
          <view class="num">{{moveObj.rate.like||moveObj.rate.like==0?moveObj.rate.like:'-'}}</view>
        </view>
        <view class="li">
          <view class="text">评论次数</view>
          <view class="num">{{moveObj.total.comment||moveObj.total.comment==0?filter.NumberHandle(moveObj.total.comment):'-'}}</view>
          <view class="num">{{moveObj.rate.comment||moveObj.rate.comment==0?moveObj.rate.comment:'-'}}</view>
        </view>
        <view class="li">
            <view class="text">分享次数</view>
            <view class="num">{{moveObj.total.forward||moveObj.total.forward==0?filter.NumberHandle(moveObj.total.forward):'-'}}</view>
            <view class="num">{{moveObj.rate.forward||moveObj.rate.forward==0?moveObj.rate.forward:'-'}}</view>
          </view>
          <view class="li">
            <view class="text">收藏次数</view>
            <view class="num">{{moveObj.total.fav||moveObj.total.fav==0?filter.NumberHandle(moveObj.total.fav):'-'}}</view>
            <view class="num">{{moveObj.rate.fav||moveObj.rate.fav==0?moveObj.rate.fav:'-'}}</view>
        </view>
      </view>

    </view>
    <view class="linkBox">
      <view class="linkTop">
        <text>单篇动态</text>
      </view>
      <view class="moveLlive" wx:if="{{moveLength!=-1}}">
          <view class="moveItem" wx:for="{{moveList}}" wx:key="video_id" data-item="{{item}}" catchtap="toDetail">
            <view class="flexBox">
              <view class="video">
                <image class="videoImg" mode="widthFix" src="{{item.thumbUrl}}"></image>
              </view>
              <view class="right">
                <view>
                  <view class="flex">
                    <view class="desc" style="width:70vw;max-width:inherit">{{item.description?item.description:'-'}}</view>
                  </view>
                  <view class="auth_text" style="width:100%;">发布时间：{{item.createTime}}</view>
                </view>
              </view>
            </view>
            <view class="ul">
              <view class="li">
                <text class="text">播放量</text>
                <text class="num">{{item.readCount||item.readCount==0?filter.NumberHandle(item.readCount):'-'}}</text>
              </view>
              <view class="li">
                <text class="text">点赞次数</text>
                <text class="num">{{item.likeCount||item.likeCount==0?filter.NumberHandle(item.likeCount):'-'}}</text>
              </view>
              <view class="li">
                <text class="text">评论次数</text>
                <text class="num">{{item.commentCount||item.commentCount==0?filter.NumberHandle(item.commentCount):'-'}}</text>
              </view>
              <view class="li">
                <text class="text">分享次数</text>
                <text class="num">{{item.forwardCount||item.forwardCount==0?filter.NumberHandle(item.forwardCount):'-'}}</text>
              </view>
              <view class="li">
                <text class="text">收藏次数</text>
                <text class="num">{{item.favCount||item.favCount==0?filter.NumberHandle(item.favCount):'-'}}</text>
              </view>
            </view>
          </view>
      </view>
      <view class="none" wx:if="{{moveLength==-1}}">
        <image mode="widthFix" src="../../../assets/img/noList.png"></image>
        <view>暂无数据</view>
      </view>
    </view>
  </block>
  <!-- 直播数据 -->
  <block wx:if="{{type==3}}">
    <view class="dataInfo">
      <view class="flex">
        <view>关键指标</view>
        <!-- <view class="choiceActive choice" data-type="1" catchtap="showTime">
          {{timeObj.name}}
          <view class="sj"></view>
        </view> -->
        <view>
          <view wx:for="{{timeList}}" wx:key="index" class="{{timeObj.id == item.id ? 'choiceActive' : ''}} choice" catchtap="checkTime" data-type="1" data-item="{{item}}">
            {{item.name}}
          </view>
        </view>
        <!-- <view class="timeChoice" catchtap wx:if="{{showTimeCheck}}">
          <view class="block">
            <view class="timeChoiceBox">
              <view wx:for="{{timeList}}" wx:key="index" class="{{timeObj.id == item.id ? 'choiceActive' : ''}}" catchtap="checkTime" data-type="1" data-item="{{item}}" >{{item.name}}</view>
            </view>
          </view>
        </view> -->
      </view>
      <view style="display:flex;">
        <view class="li">
          <view class="text">直播场次</view>
          <view class="num">{{liveDataObj.total.live_count||liveDataObj.total.live_count==0?filter.NumberHandle(liveDataObj.total.live_count):'-'}}</view>
          <view class="num">{{liveDataObj.rate.live_count||liveDataObj.rate.live_count==0?liveDataObj.rate.live_count:'-'}}</view>
        </view>
        <view class="li">
          <view class="text">观众总数</view>
          <view class="num">{{liveDataObj.total.audience_count||liveDataObj.total.audience_count==0?filter.NumberHandle(liveDataObj.total.audience_count):'-'}}</view>
          <view class="num">{{liveDataObj.rate.audience_count||liveDataObj.rate.audience_count==0?liveDataObj.rate.audience_count:'-'}}</view>
        </view>
        <view class="li">
          <view class="text">总热度</view>
          <view class="num">{{liveDataObj.total.hot_quota||liveDataObj.total.hot_quota==0?filter.NumberHandle(liveDataObj.total.hot_quota):'-'}}</view>
          <view class="num">{{liveDataObj.rate.hot_quota||liveDataObj.rate.hot_quota==0?liveDataObj.rate.hot_quota:'-'}}</view>
        </view>
        <view class="li">
            <view class="text">新增关注</view>
            <view class="num">{{liveDataObj.total.new_follow_count||liveDataObj.total.new_follow_count==0?filter.NumberHandle(liveDataObj.total.new_follow_count):'-'}}</view>
            <view class="num">{{liveDataObj.rate.new_follow_count||liveDataObj.rate.new_follow_count==0?liveDataObj.rate.new_follow_count:'-'}}</view>
          </view>
      </view>

    </view>
    <view class="linkBox">
      <view class="linkTop">
        <text>单篇动态</text>
      </view>
      <view class="moveList" wx:if="{{liveLength!=-1}}">
          <view class="moveItem" wx:for="{{liveList}}" wx:key="video_id" data-user_id="{{item.id}}" catchtap="toUserDetail">
            <view class="flexBox">
              <view class="video">
                <image class="videoImg" mode="widthFix" src="{{item.coverImg}}"></image>
              </view>
              <view class="right">
                <view>
                  <view class="flex">
                    <view class="desc" style="width:100%;max-width:inherit">直播时间：{{item.createTime?item.createTime:'-'}}</view>
                  </view>
                  <view class="auth_text" style="width:100%;max-width:inherit">直播时长：{{item.liveDuration}}</view>
                </view>
              </view>
            </view>
            <view class="ul blockUl">
              <view class="li">
                <text class="text">观众总数</text>
                <text class="num">{{item.totalAudienceCount||item.totalAudienceCount==0?filter.NumberHandle(item.totalAudienceCount):'-'}}</text>
              </view>
              <view class="li">
                <text class="text">最高在线</text>
                <text class="num">{{item.maxOnlineCount||item.maxOnlineCount==0?filter.NumberHandle(item.maxOnlineCount):'-'}}</text>
              </view>
              <view class="li">
                <text class="text">喝彩次数</text>
                <text class="num">{{item.totalCheerCount||item.totalCheerCount==0?filter.NumberHandle(item.totalCheerCount):'-'}}</text>
              </view>
              <view class="li">
                <text class="text">评论次数</text>
                <text class="num">{{item.totalCommentCount||item.totalCommentCount==0?filter.NumberHandle(item.totalCommentCount):'-'}}</text>
              </view>
              <view class="li">
                <text class="text">分享次数</text>
                <text class="num">{{item.forwardCount||item.forwardCount==0?filter.NumberHandle(item.forwardCount):'-'}}</text>
              </view>
              <view class="li">
                <text class="text">新增关注</text>
                <text class="num">{{item.newFollowCount||item.newFollowCount==0?filter.NumberHandle(item.newFollowCount):'-'}}</text>
              </view>
            </view>
          </view>
      </view>
      <view class="none" wx:if="{{liveLength==-1}}">
        <image mode="widthFix" src="../../../assets/img/noList.png"></image>
        <view>暂无数据</view>
      </view>
    </view>
  </block>
</view>

<view class="zzc" wx:if="{{zzcFlag}}" catchtap="closeToast"></view>

<image wx:if="{{scrollTop>=1000}}" catchtap="goScrolltop" class="goTop" src="https://kx-gw.oss-cn-beijing.aliyuncs.com/goTop_icon.png"/>

  <claim wx:if="{{authorizeFlag}}" user_id="{{user_id}}" bind:closeClaimMask='claimInit' bind:claimResetList='claimInit'></claim>