瀏覽代碼

fix: :memo: 暂时隐藏测评数据看板

chaooo 2 年之前
父節點
當前提交
71b12d1f68
共有 2 個文件被更改,包括 21 次插入12 次删除
  1. 14 5
      src/views/evaluation/index.vue
  2. 7 7
      src/views/training/result.vue

+ 14 - 5
src/views/evaluation/index.vue

@@ -21,15 +21,16 @@ defineOptions({
  * 数据卡片
  */
 // 全部学生
-const studentCount = 600;
+const studentCount = 0;
 // 设备套数
-const focusCount = 50;
+const focusCount = 0;
 // 累计训练次数
-const trainingCount = 200;
+const trainingCount = 0;
 
 let studentInfo = ref("");
 
-//
+const chartStatus = ref(false);
+const chartMessage = ref("学校学生还未进行过测评,暂无测评数据!");
 const data = ref([78, 88, 65, 82, 65]);
 // 五维雷达图
 const radarData = ref([
@@ -60,7 +61,7 @@ const indicatorsData = ref([
   <div class="evaluate-container">
     <!-- 数据卡片 -->
     <EvaluateCard :focuses="focusCount" :students="studentCount" :trainings="trainingCount" />
-    <div class="evaluate-chart">
+    <div v-if="chartStatus" class="evaluate-chart">
       <!-- 学生查找 -->
       <div class="student-search">
         <div class="search">
@@ -165,6 +166,10 @@ const indicatorsData = ref([
         </el-row>
       </div>
     </div>
+    <div v-else class="evaluate-chart empty">
+      <img src="../../assets/empty.png" alt="数据为空" />
+      <p>{{ chartMessage }}</p>
+    </div>
   </div>
 </template>
 
@@ -181,6 +186,10 @@ const indicatorsData = ref([
   padding: 0 10px 20px 386px;
   background: #fff;
   border-radius: 30px;
+
+  &.empty {
+    padding: 200px 0;
+  }
 }
 
 :deep(.el-input__wrapper) {

+ 7 - 7
src/views/training/result.vue

@@ -253,8 +253,8 @@ onMounted(() => {
             <div class="box-card">
               <div class="tit">专注唤醒效率</div>
               <div class="content">
-                <div :class="'star s' + games.stable_content?.star"></div>
-                <p>{{ games.stable_content?.content }}</p>
+                <div :class="'star s' + games.awaken_content?.star"></div>
+                <p>{{ games.awaken_content?.content }}</p>
                 <p class="note">
                   专注唤醒效率表示当任务来临时,身体感觉器官是否警觉的接收任务信息,是否做好了准备启动专注力应对机制,前额叶皮层是否兴奋,启动专注任务的时长越短,代表唤醒效率越高。
                 </p>
@@ -266,8 +266,8 @@ onMounted(() => {
             <div class="box-card">
               <div class="tit">整体和谐度</div>
               <div class="content">
-                <div :class="'star s' + games.awaken_content?.star"></div>
-                <p>{{ games.awaken_content?.content }}</p>
+                <div :class="'star s' + games.linemed_content?.star"></div>
+                <p>{{ games.linemed_content?.content }}</p>
                 <p class="note">
                   既专注又紧张,这种状态在考试和上台表演中比较常见,耗能过高不能长期保持;既专注又轻松,此种状态情绪相对稳定,焦虑值更低,提倡长期保持。和谐度记录的是专注值和放松值的同步率,和谐度越高越好。
                 </p>
@@ -278,8 +278,8 @@ onMounted(() => {
             <div class="box-card">
               <div class="tit">专注力稳定度</div>
               <div class="content">
-                <div :class="'star s' + games.linemed_content?.star"></div>
-                <p>{{ games.linemed_content?.content }}</p>
+                <div :class="'star s' + games.stable_content?.star"></div>
+                <p>{{ games.stable_content?.content }}</p>
                 <p class="note">
                   在专注平均值相同时,第一种是专注值高低错落,跳跃明显。第二种是无限接近平均值,显然此种状态代表专注力更加稳定,操控专注力能力更强;在平均专注值高时,稳定度越高越好。
                 </p>
@@ -445,7 +445,7 @@ onMounted(() => {
     }
 
     .content {
-      min-height: 240px;
+      min-height: 252px;
 
       .star {
         width: 162px;