iboss_wx_app/package-business-analysis/pages/profit-report/profit-report.wxml

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

<loading wx:if="{{loading}}" loadingName="加载中" backgroundColor="#f2f2f2;" opacity="0.8"></loading>
<!-- 顶部 -->
<view bindtap="handleTap">
  <!-- 顶部筛选条件 -->
  <!-- <view class="head" style="position: fixed;top:0; z-index: 95;"> 20240808edit 刘尧 修复销售利润表显示问题
    <view style="overflow: hidden;position: absolute;width: 100%; z-index: 6666;">
      顶部筛选条件
      <view class="head" style="position: fixed;top:0; z-index: 95;">
  <view style="overflow: hidden;position: absolute;width: 100%; z-index: 6666;">
    </view>
  </view> -->

  <van-sticky scroll-top="0">
    <dk-navbar titleFontColor="#000000" navbarTitle="销售利润" bind:clickBack="handleNavBack" operateShow="{{ guideUrl ? true: false}}" operateUrl="{{guideUrl}}" bind:getNavbarHeight="getNavbarHeight" />
    <dk-dropdown-menu id="menu" model:value="{{searchForm}}" menuList="{{searchContent}}" bind:dkdropdowndateCommit="changeSearchContent" bind:search="getSaleProfit" flgSearchText="{{false}}">
    </dk-dropdown-menu>
  </van-sticky>


  <view class="func">
    <!-- 报表相关 -->



    <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"/> -->
            <dk-tip style="display: inline-block;" id="dk-tip1" Down="{{true}}" Right="{{true}}" tipContent='销售利润=收入-成本' bind:clickTip="clickTip"></dk-tip>
          </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"/> -->
            <dk-tip style="display: inline-block;" id="dk-tip2" Down="{{true}}" Right="{{true}}" tipContent='销售利润率=(收入-成本)/收入×100%' bind:clickTip="clickTip"></dk-tip>
          </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" wx:if="{{byDate=='true'}}">（近一月）</span>
            <span class="card-view-header-name3" wx:if="{{!byDate || byDate=='false'}}">（近一年）</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>

  <!-- 购买功能包 -->
  <view wx:if="{{params.testFlag}}" style="position: fixed;bottom: 230rpx;right: 30rpx;">
    <view bind:tap="toBuy" class="btn-add-class">
      <van-icon name="cart-o" color="#FFFFFF" size="60rpx" />
    </view>
  </view>

</view>