lichebao/pages/dataAnalysis/index.wxml

<view class="container">
  <view class="inner30 img-top-cover" style="background-image:url({{imgUrl}}channel/theme.jpg);">
    
    <!-- 管辖门店 -->
    <view class="inner30 pt40 bg-fff box-shadow-000-10-10 ulib-r10">
      <view class="bg-f6 pt25 pb25 pl30 pr30 font-32 fn-clear ulib-r10">
        <view class="fn-fl">门店</view>
        <picker class="fn-fr" bindchange="changeStore" value="{{storeIndex}}" range="{{storeArray}}">
          <view class="color-666">
            <text>{{storeArray[storeIndex]}}</text>
            <i class="iconfont ml10 icon-gengduo font-26 color-999"></i>
          </view>
        </picker>
      </view>
      <view class="mt20 bg-f6 pt25 pb25 pl30 pr30 font-32 fn-clear ulib-r10">
        <view class="fn-fl">日期选择</view>
        <picker class="fn-fr" mode="date" value="{{dateTime}}" bindchange="changeDate">
          <view class="color-666">
            <text>{{dateTime}}</text>
            <i class="iconfont ml10 icon-gengduo font-26 color-999"></i>
          </view>
        </picker>
      </view>
      <view class="mt20 bg-f6 pt25 pb25 pl30 pr30 font-32 fn-clear ulib-r10">
        <view class="fn-fl">人员选择</view>
        <picker class="fn-fr" bindchange="changeStaff" value="{{staffIndex}}" range="{{staffArray}}">
          <view class="color-666">
            <text wx:if="{{staffIndex == -1}}">全部</text>
            <text wx:else>{{staffArray[staffIndex]}}</text>
            <i class="iconfont ml10 icon-gengduo font-26 color-999"></i>
          </view>
        </picker>
      </view>
    </view>
    <!-- 客户数据 / 订单数据 -->
    <view class="mt40 bg-fff box-shadow-000-10-10 ulib-r10 overflowhidden">
      <view class="fn-flex font-36 text-center">
        <block wx:for='{{tab}}' wx:key='index'>
          <view class="fn-flex-item pt20 pb20 {{ tabId == item.id?'':'bg-ffedeb'}}" data-id="{{item.id}}" bindtap="changeTab">
            <view class="relative">{{item.title}}</view>
          </view>
        </block>
      </view>
      <view class="pl30 pb30" wx:if="{{tabId==1}}">
        <view class="fn-flex fn-flex-wrap text-left">
          <block wx:for='{{custom}}' wx:key='index'>
            <view class="wp33 mt30 pr25">
            <view class="relative pt15 pb15 pl75 bg-f6 ulib-r10 overflowhidden line-height-13">
              <view class="absolute top-0 left-0 bottom-0 pl60 bg-999">
                <i class="absolute box-center-middle iconfont font-30 color-fff {{item.icon}}"></i>
              </view>
              <view class="font-28 text-bold">{{item.value}}</view>
              <view class="font-22 color-666">{{item.title}}</view>
            </view>
            </view>
          </block>
        </view>
        <view class="mt30 mr30 inner30 bg-f6 ulib-r10" wx:if="{{1==0}}">
          <view class="font-32 text-bold">通话数据</view>
          <view class="mt10 fn-flex text-center">
            <view class="fn-flex-item">
              <view class="font-22 color-666">通话总时长/min</view>
              <view class="text-bold font-28 color-f9394d">233.23w</view>
            </view>
            <view class="fn-flex-item">
              <view class="font-22 color-666">平均通话/min</view>
              <view class="text-bold font-28 color-f9394d">9996</view>
            </view>
            <view class="fn-flex-item">
              <view class="font-22 color-666">未接通/次</view>
              <view class="text-bold font-28 color-999">411.24w</view>
            </view>
          </view>
        </view>
      </view>
      <view class="pl30 pb30" wx:if="{{tabId==2}}">
        <view class="fn-flex fn-flex-wrap text-left">
          <block wx:for='{{order}}' wx:key='index'>
            <view class="wp33 mt30 pr25">
            <view class="relative pt15 pb15 pl75 bg-f6 ulib-r10 overflowhidden line-height-13">
              <view class="absolute top-0 left-0 bottom-0 pl60 bg-999">
                <i class="absolute box-center-middle iconfont font-30 color-fff {{item.icon}}"></i>
              </view>
              <view class="font-28 text-bold">{{item.value}}</view>
              <view class="font-22 color-666">{{item.title}}</view>
            </view>
            </view>
          </block>
        </view>
      </view>
    </view>
    <!-- 数据分析·客户 -->
    <view class="mt40 inner30 pt40 bg-fff box-shadow-000-10-10 ulib-r10" wx:if="{{tabId==1}}">
      <view class="relative">
        <view class="font-36">数据分析·客户</view>
      </view>
      <view class="relative height-400 z-index-0">
      <view class="absolute wp100 height-400" wx:if="{{showBarChart}}">
        <ec-canvas class="absolute top-0 bottom-0 left-0 right-0" ec="{{ ecBar }}"></ec-canvas>
      </view>
      </view>
    </view>
    <!-- 数据分析·订单 -->
    <view class="mt40 inner30 pt40 bg-fff box-shadow-000-10-10 ulib-r10" wx:if="{{tabId==2}}">
      <view class="relative">
        <view class="font-36">数据分析·订单</view>
      </view>
      <view class="relative height-400 z-index-0">
      <view class="absolute wp100 height-400" wx:if="{{showLineChart}}">
        <ec-canvas class="absolute top-0 bottom-0 left-0 right-0" ec="{{ ecLine }}"></ec-canvas>
      </view>
      </view>
    </view>

  </view>

</view>

<lcb-channelTabBarNav currentIndex='1'></lcb-channelTabBarNav>