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>
        <!-- 任务完成趋势图 -->
        <image mode="widthFix" class="report-img" src="/image/report-06.jpg"/>  
          <!-- 任务完成详细情况 -->
           <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-chart1">
        <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>