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