tbServantMini_cloud/client/pages/customer/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="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>
     <!--<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>