fix: uii

src/views/customize/SemesterReport.vue

@@ -205,7 +205,7 @@ onUnmounted(() => {
     </div>
 
     <!--学习维度-->
-    <div class="rd-dimension grid_bgi">
+    <div class="rd-dimension grid_bgi" v-if="semesterReport.learnDepthList && semesterReport.learnDepthList.length > 0">
       <img :src="getImageUrl('dimension_logo')" alt="" class="rd-dimension-logo" />
       <div class="rd-dimension-list">
         <div v-for="item in semesterReport.learnDepthList" :key="item" class="dimension">{{item}}</div>
@@ -213,7 +213,7 @@ onUnmounted(() => {
     </div>
 
     <!--幼儿分领域评估概括-->
-    <div class="rd-field grid_bgi">
+    <div class="rd-field grid_bgi" v-if="semesterReport.domainAbilityNameList && semesterReport.domainAbilityNameList.length > 0">
       <div class="rd-field-title" :style="{ backgroundImage: `url(${getImageUrl('field_title')})` }">
         <p>{{ formatClassLevelCode(classLevelCode) }}幼儿分领域评估概括</p>
         <div></div>
@@ -234,13 +234,13 @@ onUnmounted(() => {
       </div>
     </div>
 
-    <div class="rd-logo">
+    <div class="rd-logo" v-if="semesterReport.babyLearnDepthList && semesterReport.babyLearnDepthList.length > 0" >
       <img :src="getImageUrl('semester_record_logo')" alt="" class="rd-logo-img" />
       <div class="rd-logo-text">问题记录</div>
     </div>
 
     <!--高阶思维评估-->
-    <div class="rd-evaluate">
+    <div class="rd-evaluate" v-if="semesterReport.babyLearnDepthList && semesterReport.babyLearnDepthList.length > 0">
       <img :src="getImageUrl('evaluate_logo')" alt="" class="rd-evaluate-logo" />
       <div v-for="(item, index) in semesterReport.babyLearnDepthList" :key="index">
         <div class="rd-evaluate-target" :style="getTargetStyle(index)">
@@ -321,62 +321,63 @@ onUnmounted(() => {
       </div>
     </div>
 
-    <div class="rd-logo">
+    <div class="rd-logo" v-if=" semesterReport.domainDataList && semesterReport.domainDataList.length > 0" >
       <img :src="getImageUrl('semester_record_logo')" alt="" class="rd-logo-img" />
       <div class="rd-logo-text">行为记录</div>
     </div>
 
-    <!--行为记录-->
-    <div v-for="(item, index) in semesterReport.domainDataList" :key="index" class="rd-part">
-      <div class="domain">{{ item.domainName }}</div>
-      <div
-        v-for="(ability, abilityIndex) in item.recordList"
-        :key="abilityIndex"
-        class="ability grid_bgi"
-        :style="getStyle(abilityIndex, item.recordList.length)"
-      >
-        <img v-if="abilityIndex !== 0" :src="getImageUrl('ability_gap')" alt="" class="ability-gap" />
-        <div class="ability-title flex-center">
-          <img :src="ability.abilityIconUrl" alt="" class="ability-title-logo" />
-          <div class="ability-title-text">{{ ability.abilityName }}</div>
-        </div>
-        <div class="container">
-          <div class="ability-time">
-            <img :src="getImageUrl('clock_logo')" alt="" class="ability-time-logo" />
-            <div class="ability-time-text">记录时间：{{ ability.recordDate }}</div>
+    <span v-if=" semesterReport.domainDataList && semesterReport.domainDataList.length > 0">
+      <!--行为记录-->
+      <div v-for="(item, index) in semesterReport.domainDataList" :key="index" class="rd-part">
+        <div class="domain">{{ item.domainName }}</div>
+        <div
+          v-for="(ability, abilityIndex) in item.recordList"
+          :key="abilityIndex"
+          class="ability grid_bgi"
+          :style="getStyle(abilityIndex, item.recordList.length)"
+        >
+          <img v-if="abilityIndex !== 0" :src="getImageUrl('ability_gap')" alt="" class="ability-gap" />
+          <div class="ability-title flex-center">
+            <img :src="ability.abilityIconUrl" alt="" class="ability-title-logo" />
+            <div class="ability-title-text">{{ ability.abilityName }}</div>
           </div>
-          <img :src="getImageUrl('observation_records')" alt="" class="ability-name" />
-          <div class="ability-content">
-            <div v-if="isHas(ability.story.images)" class="ability-content-images">
-              <img
-                v-for="(img, imgIndex) in ability.story.images"
-                :key="imgIndex"
-                :src="img"
-                alt=""
-                @click="imagePreview(ability.story.images, imgIndex)"
-              />
+          <div class="container">
+            <div class="ability-time">
+              <img :src="getImageUrl('clock_logo')" alt="" class="ability-time-logo" />
+              <div class="ability-time-text">记录时间：{{ ability.recordDate }}</div>
             </div>
-            <video
-              v-if="isHas(ability.story.videos)"
-              :src="ability.story.videos[0]"
-              controls
-              :poster="ability.story.videos[0] + '?vframe/jpg/offset/1'"
-              class="ability-content-video"
-            ></video>
-            <div class="ability-content-text">
-              {{ ability.story.content }}
+            <img :src="getImageUrl('observation_records')" alt="" class="ability-name" />
+            <div class="ability-content">
+              <div v-if="isHas(ability.story.images)" class="ability-content-images">
+                <img
+                  v-for="(img, imgIndex) in ability.story.images"
+                  :key="imgIndex"
+                  :src="img"
+                  alt=""
+                  @click="imagePreview(ability.story.images, imgIndex)"
+                />
+              </div>
+              <video
+                v-if="isHas(ability.story.videos)"
+                :src="ability.story.videos[0]"
+                controls
+                :poster="ability.story.videos[0] + '?vframe/jpg/offset/1'"
+                class="ability-content-video"
+              ></video>
+              <div class="ability-content-text">
+                {{ ability.story.content }}
+              </div>
             </div>
-          </div>
-          <img :src="getImageUrl('family_title')" alt="" class="ability-name" />
-          <div class="ability-family">
-            <div v-for="(f, fIndex) in formatFamily(ability.education)" :key="fIndex" class="ability-family-item">
-              {{ f }}
+            <img :src="getImageUrl('family_title')" alt="" class="ability-name" />
+            <div class="ability-family">
+              <div v-for="(f, fIndex) in formatFamily(ability.education)" :key="fIndex" class="ability-family-item">
+                {{ f }}
+              </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
-
+    </span>
     <div v-if="isShow" class="rd-modal">
       <img :src="getImageUrl('small_triangle')" alt="" class="rd-modal-logo" />
       <div class="rd-modal-item flex-center" @click="share">分享</div>