tbServantMini_cloud/client/pages/servant/monthReport/monthReport.axml

<view class="report-wrapper">
     <!--<view class="f2-chart"><f2 onInit="onInitChart"></f2></view><view class="f2-chart"><f2 onInit="onInitChart2"></f2></view> -->
     <image mode="widthFix" class="report-img" src="/image/report-01.jpg"/>
     <view class="common-data-wrapper block-data-wrapper">
          <image mode="widthFix" class="report-img" src="/image/report-02.jpg"/>
          <view class="common-data">
               <view>——保姆服务月度回顾——</view>
               <view class="report-date">{{reportDate}}</view>
               <view class="service-day">您已服务[{{servantName}}]
                    <text>{{serviceDay}}</text>天啦!</view>
               <view class="percent-top">超过全国
                    <text>{{percentTop}}</text>的同行</view>
          </view>
     </view>
     <image mode="widthFix" class="report-img" src="/image/report-03.jpg"/>
     <!-- 本月花销合计 -->
     <view class="expend-total">
          您本月服务花销共计
          <text>{{expendTotal}}</text> 元
     </view>

     <view class="chart-module-wrapper"  a:if={{chartShow}}>
         <view class="common-data-wrapper block-data-wrapper">
          <image mode="widthFix" class="report-img" src="/image/report-04.jpg"/>
          <view class="common-data shape-chart1">
               <f2 onInit="onInitChart1"></f2>
          </view>
     </view>
     <view class="common-data-wrapper block-data-wrapper">
          <image mode="widthFix" class="report-img" src="/image/report-05.jpg"/>
          <view class="common-data shape-chart2">
               <f2 onInit="onInitChart2"></f2>
          </view>
     </view>
     <!-- 任务完成趋势图 -->
     <view class="common-data-wrapper block-data-wrapper">
          <image mode="widthFix" class="report-img" src="/image/report-06.jpg"/>
          <view class="common-data shape-chart1">
               <f2 onInit="onInitChart3"></f2>
          </view>
     </view>
     <!-- 任务完成详细情况 -->
     <view class="common-data-wrapper block-data-wrapper">
          <image mode="widthFix" class="report-img" src="/image/report-07.jpg"/>
          <view class="common-data shape-chart1">
               <f2 onInit="onInitChart4"></f2>
          </view>
     </view>
     <!-- 任务无法完成原因 -->
     <view class="common-data-wrapper block-data-wrapper">
          <image mode="widthFix" class="report-img" src="/image/report-08.png"/>
          <view class="common-data shape-chart5">
               <f2 onInit="onInitChart5"></f2>
          </view>
     </view>
     </view>
     <view class="no-chart-tip" a:if={{!chartShow}}>
        <view>好可惜，您的雇主本月未设置任务服务，快去让雇主设置吧</view>
        <view>精彩下次为您呈现～</view>
     </view>
     
     <!--<image mode="widthFix" class="report-img" src="/image/report-04.jpg"/><image mode="widthFix" class="report-img" src="/image/report-05.jpg"/> -->
     <!--<image mode="widthFix" class="report-img" src="/image/report-06.jpg"/> -->
     <!--<image mode="widthFix" class="report-img" src="/image/report-07.jpg"/> -->
     <!--<image mode="widthFix" class="report-img" src="/image/report-08.png"/> -->
</view>