<wxs src='/utils/numberFormat.wxs' module="numberFormat"></wxs>

<loading wx:if="{{loading}}" loadingName="加载中" backgroundColor="#f2f2f2;" opacity="0.8"></loading>
<!-- 顶部 -->

<!-- 顶部筛选条件 -->
<view class="head" style="position: fixed;top:0; z-index: 95;">
  <view style="overflow: hidden;position: absolute;width: 100%; z-index: 6666;">
    <dk-dropdown-menu  model:value="{{searchForm}}" menuList="{{searchContent}}"  bind:search="getSaleProfit" flgSearchText="{{false}}">
	</dk-dropdown-menu>
  </view>
</view>


<view class="func" style="margin-top:100rpx;">
  <!-- 报表相关 -->



  <view class="main">


    <view class="card-view">
      <view class="top-card">
        <view class="top-card-title">销售利润</view>
        <view class="top-card-icon">
          <van-icon size="26rpx" name="question-o" data-item="销售利润=收入-成本" catchtap="showTip"/>
        </view>
        <view class="top-card-money">
 
          <dk-cell left="0rpx" height="45rpx" contentRight="{{false}}" contentFontSize="16" contentColor="#caa977"
              contentFontWeight="bold" content="{{profit.profit || 0}}"></dk-cell>
        </view>
        <view style="clear: both;" />
      </view>

      <view class="top-card">
        <view class="top-card-title">销售利润率</view>
        <view class="top-card-icon">
          <van-icon size="26rpx" name="question-o" data-item="销售利润率=(收入-成本)/收入×100%" catchtap="showTip"/>
        </view>
        <view class="top-card-percent">{{profit.profitRate || 0}}%</view>
        <view style="clear: both;" />
      </view>

      <view class="top-card top-card-bottom">
        <view class="top-card-bottom-text">
          <view class="top-card-bottom-text-title">销售总额</view>
          <dk-cell left="0rpx" height="50rpx" contentRight="{{false}}" contentFontSize="13" contentColor="#95a8cb"
               content="{{profit.outbound || 0}}"></dk-cell>
        </view>
        <view class="top-card-bottom-text">
          <view class="top-card-bottom-text-title">成本总额</view>
          <dk-cell left="0rpx" height="50rpx" contentRight="{{false}}" contentFontSize="13" contentColor="#95a8cb"
               content="{{profit.inbound || 0}}"></dk-cell>
      </view>
          
      </view>
    </view>


    <!-- 销售毛利 -->
    <view class="card-view2">
      <view class="card-view-header2">
        <view class="card-view-header-name2">
          销售毛利
          <span class="card-view-header-name3">（近一年）</span>
        </view>
        <view class="card-view-header-tags2">
          <van-button color="#f0f0f0" size="mini" bind:click="clickProfitDate" data-value="true" custom-style="{{byDate=='true'?'color: #5c91ce; border: 1px solid #5c91ce':'color: black'}}" style="margin-right: 10rpx">按日</van-button>
          <van-button color="#ecf1fa" size="mini" bind:click="clickProfitDate" data-value="false" custom-style="{{!byDate || byDate=='false'?'color: #5c91ce; border: 1px solid #5c91ce':'color: black'}}">按月</van-button>
          <!-- <view class="card-view-header-tags-tag">详情
            <van-icon style="margin-left: 14rpx;" name="arrow" />
          </view> -->
        </view>
      </view>

      <view style="z-index: 0 !important;width: 100%; height: 600rpx;">
        <ec-canvas type="2d" canvas-id="echartsProfitDate" id="echartsProfitDate" ec="{{ ec }}" />
      </view>
    </view>

    <!-- 部门利润排行 -->
    <view class="card-view">
      <view class="card-view-header">
        <view class="card-view-header-name">
          <!-- <image src="/static/image/app.png" class="header-icon" style="width: 30rpx;height:30rpx;margin-right: 15rpx;"></image> -->
          部门利润排行
        </view>
        <view class="card-view-header-tags" catchtap="toDetail" data-url="org-rank/org-rank">
          <view class="card-view-header-tags-tag">详情
            <van-icon style="margin-left: 14rpx;" name="arrow" />
          </view>
        </view>
      </view>
      <view style="z-index: 0 !important;width: 100%; height: 327rpx;">
        <ec-canvas type="2d" canvas-id="echartsProfitOrg" id="echartsProfitOrg" ec="{{ ec }}" />
      </view>
    </view>

    <!-- 业务员利润排行 -->
    <view class="card-view">
      <view class="card-view-header">
        <view class="card-view-header-name">
          <!-- <image src="/static/image/app.png" class="header-icon" style="width: 30rpx;height:30rpx;margin-right: 15rpx;"></image> -->
          业务员利润排行
        </view>
        <view class="card-view-header-tags" catchtap="toDetail" data-url="staff-rank/staff-rank">
          <view class="card-view-header-tags-tag">详情
            <van-icon style="margin-left: 14rpx;" name="arrow" />
          </view>
        </view>
      </view>

      <view style="z-index: 0 !important;width: 100%; height: 327rpx;">
        <ec-canvas type="2d" canvas-id="echartsProfitStaff" id="echartsProfitStaff" ec="{{ ec }}" />
      </view>
    </view>


    <!-- 商品利润排行 -->
    <view class="card-view">
      <view class="card-view-header">
        <view class="card-view-header-name">
          <!-- <image src="/static/image/app.png" class="header-icon" style="width: 30rpx;height:30rpx;margin-right: 15rpx;"></image> -->
          商品利润排行
        </view>
        <view class="card-view-header-tags" catchtap="toDetail" data-url="sku-rank/sku-rank">
          <view class="card-view-header-tags-tag">详情
            <van-icon style="margin-left: 14rpx;" name="arrow" />
          </view>
        </view>
      </view>
      <!-- <view class="card-view-content-data-echarts">
        <view class="card-view-content-data-echarts-data">
          <view>
            <text class="small-small-font">￥</text>{{indexStaffOrder.sumAmount ? numberFormat.toThousandCents(numberFormat.numberFormat(indexStaffOrder.sumAmount/10000)) : '0.00'}}
          </view>
          <view>成交额(万)</view>
        </view>
      </view> -->
      <view style="z-index: 0 !important;width: 100%; height: 327rpx;">
        <ec-canvas type="2d" canvas-id="echartsProfitSku" id="echartsProfitSku" ec="{{ ec }}" />
      </view>
    </view>


  </view>


</view>

