数据有问题

src/components/annual-summary/card-1-no.vue

 <template>
   <div class="card-1-no-wrapper">
     <Logo></Logo>
-    <div class="bgi-wrapper"><img src="~@/images/annual/page-7-back.png" alt="" /></div>
+    <div class="bgi-wrapper">
+      <img src="~@/images/annual/page-7-back.png" alt />
+    </div>
     <section class="detail">
-      <p class="title">尊敬的<span>齐天大圣</span>医生</p>
-      <div class="content">
+      <p v-if="anualData.doctorName" class="title">
+        尊敬的
+        <span
+          swiper-animate-effect="fadeIn"
+          swiper-animate-duration="2.5s"
+          swiper-animate-delay="0s"
+          class="ani"
+        >{{anualData.doctorName | shortName(5)}}</span>医生
+      </p>
+      <p v-if="!anualData.doctorName" class="title">尊敬的医生</p>
+      <div
+        class="ani content"
+        swiper-animate-effect="fadeInRight"
+        swiper-animate-duration="2s"
+        swiper-animate-delay="0.5s"
+      >
         <p>您与云鹊医刚遇见不久~</p>
         <p>各类丰富课程和活动等你一一发掘</p>
         <p>希望新一年有云鹊医的陪伴，生活平凡但充实</p>
@@ -19,15 +35,23 @@ export default {
   components: {
     Logo
   },
-}
+  props: {
+    anualData: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  }
+};
 </script>
 <style lang="less" scoped>
 @import "../../style/as-common.less";
 .card-1-no-wrapper {
   height: 100vh;
   font-size: 16px;
-  color: #3B3B3B;
-  background: #F4FEF8;
+  color: #3b3b3b;
+  background: #f4fef8;
   .bgi-wrapper {
     position: absolute;
     bottom: 14px;
@@ -49,13 +73,13 @@ export default {
       line-height: 1;
       font-size: 20px;
       font-weight: 700;
-      color: #3F3F3F;
+      color: #3f3f3f;
       span {
         display: inline-block;
         margin: 0 7px;
         padding: 1px 25px;
-        border-bottom: 2px solid #3B3B3B;
-        color: #3B3B3B;
+        border-bottom: 2px solid #3b3b3b;
+        color: #3b3b3b;
       }
     }
     .content {

src/components/annual-summary/card-2.vue

@@ -15,10 +15,10 @@
           >{{anualData.loginTotalTimeM}}</span> 分钟
         </p>
         <p v-show="anualData.learnCourseNum">
-          <span class="fbig6 cg2">{{anualData.learnCourseNum}}</span> 课程
+          <span class="fbig6 cg2">{{anualData.learnCourseNum}}</span> 门课程
         </p>
         <p v-show="anualData.learnArticleNum">
-          <span class="fbig6 cg2">{{anualData.learnArticleNum}}</span> 文章
+          <span class="fbig6 cg2">{{anualData.learnArticleNum}}</span> 篇文章
         </p>
         <p v-show="anualData.learnMoreCourseLabelName" class="mt-5">您最关注的学科</p>
         <p

src/components/annual-summary/card-3.vue

@@ -8,8 +8,8 @@
       <p>{{anualData.yearType}}年，您通过使用</p>
       <p class="mt-10 lh-25"><span class="fbig6 cg2">找药工具</span></p>
       <p class="mt-5">开了 <span class="cg2 b">{{anualData.orderNum}}</span> 笔订单</p>
-      <p class="mt-5">服务了 <span class="cg2 b">{{anualData.orderOfferPatientNum}}</span> 居民增加了</p>
-      <p class="mt-5">增加了 <span class="cg2 b">{{anualData.orderTotalAmountY | yLocalString}}</span> 收入</p>
+      <p class="mt-5">服务了 <span class="cg2 b">{{anualData.orderOfferPatientNum}}</span> 位居民</p>
+      <p class="mt-5">增加了 <span class="cg2 b">{{anualData.orderTotalAmountY | yLocalString}}</span> 元收入</p>
     </section>    
   </div>
 </template>

src/views/annual-summary/detail.vue

 <template>
   <div class="swiper-container">
     <div class="right-arrow">
-      <img class="r1" src="~@/images/annual/right-1.png" alt />
-      <img src="~@/images/annual/right-2.png" alt />
+      <!-- <img class="r1" src="~@/images/annual/right-1.png" alt />
+      <img src="~@/images/annual/right-2.png" alt /> -->
     </div>
     <div class="swiper-wrapper">
       <div v-if="!anualData.haveFlag" class="swiper-slide">
@@ -17,8 +17,14 @@
       <div v-if="anualData.orderNum && anualData.haveFlag" class="swiper-slide">
         <Card3 :anualData="anualData"></Card3>
       </div>
+      <div v-if="anualData.learnEarliestTimeFlag && anualData.haveFlag" class="swiper-slide">
+        <Card4 :anualData="anualData" type=1></Card4>
+      </div>
+      <div v-if="anualData.learnLatestTimeFlag && anualData.haveFlag" class="swiper-slide">
+        <Card4 :anualData="anualData" type=2></Card4>
+      </div>
       <div v-if="anualData.learnTime4Show && anualData.haveFlag" class="swiper-slide">
-        <Card4 :anualData="anualData"></Card4>
+        <Card4 :anualData="anualData" type=3></Card4>
       </div>
       <div v-if="anualData.haveFlag" class="swiper-slide">
         <Card5 :anualData="anualData"></Card5>
@@ -124,7 +130,7 @@ export default {
     // 获取数据
     initData() {
       let param = {
-        token: this.token || "1B089133AE6D4C0F807BD59B3E8F7503",
+        token: this.token || "F3BE642012344CAE9EC032EEB3F61444",
         yearType: "2020",
         setEntry: true
       };
@@ -148,16 +154,16 @@ export default {
     // 对数据进行处理
     handlerDate(anualData) {
       let learnTime4Show = 0,
-        loginTotalTime = 0,
-        loginTotalTimeM = 0,
-        loginTotalTimeH = 0,
-        orderTotalAmount = 0,
-        orderTotalAmountY = 0;
+        loginTotalTime = 0,     // 学习时长：秒
+        loginTotalTimeM = 0,    // 分钟
+        loginTotalTimeH = 0,    // 小时
+        orderTotalAmount = 0,   // 分
+        orderTotalAmountY = 0;  // 元
       if (anualData.learnEarliestTimeFlag == 1) {
-        learnTime4Show = anualData.learnEarliestTime;
+        // learnTime4Show = anualData.learnEarliestTime;
       } else if (anualData.learnLatestTimeFlag == 1) {
-        learnTime4Show = anualData.learnLatestTime;
-      } else {
+        // learnTime4Show = anualData.learnLatestTime;
+      } else if(anualData.learnEarliestTimeFlag == 0 && anualData.learnLatestTimeFlag == 0){
         learnTime4Show =
           anualData.learnEarliestTime || anualData.learnLatestTime;
       }
@@ -173,7 +179,7 @@ export default {
 
       orderTotalAmount = anualData.orderTotalAmount;
       if (orderTotalAmount) {
-        orderTotalAmountY = Math.floor(orderTotalAmount / 100);
+        orderTotalAmountY = Math.floor(orderTotalAmount / 100).toFixed(2);
       }
       anualData.orderTotalAmountY = orderTotalAmountY;
       this.anualData = anualData;