build: 训练记录接口调试

src/views/dashboard/index.vue

@@ -20,17 +20,11 @@ defineOptions({
  * 数据卡片
  */
 const cardStatus = ref(false);
-let cards: DashboardCard = reactive({
-  grade: 0, // 全部班级
-  teacher: 0, // 全部教师
-  student: 0, // 全部学生
-  equipment: 0, // 设备套数
-  game: 0, // 累计训练次数
-});
+const cards = ref<DashboardCard>();
 async function getDataCard(schoolId: number) {
   getDashboardTop(schoolId)
     .then(({ data }) => {
-      cards = <DashboardCard>{ ...data };
+			cards.value = data
 			cardStatus.value = true;
     })
     .catch((error) => {
@@ -60,19 +54,20 @@ async function getGradeData(schoolId: number) {
  */
 const chartStatus = ref(false);
 const chartMessage = ref("加载中...");
-let chartData: DashboardData = reactive({
-  frontAverage: 0, // 初期专注力估值
-  afterAverage: 0, // 近期专注力估值
-  front: 0, // 初期50分以上的占比
-  after: 0, // 近期50分以上的占比
-  frontProportion: { num: [], percentage: [] }, // 初期分期占比分析
-  afterProportion: { num: [], percentage: [] }, // 近期分期占比分析
-});
+const chartData = ref<DashboardData>();
+// let chartData: DashboardData = reactive({
+//   frontAverage: 0, // 初期专注力估值
+//   afterAverage: 0, // 近期专注力估值
+//   front: 0, // 初期50分以上的占比
+//   after: 0, // 近期50分以上的占比
+//   frontProportion: { num: [], percentage: [] }, // 初期分期占比分析
+//   afterProportion: { num: [], percentage: [] }, // 近期分期占比分析
+// });
 async function getChartData(schoolId:number, gradeId: number) {
 	chartStatus.value = false;
   getDashboardData(schoolId, gradeId)
     .then(({ data }) => {
-      chartData = <DashboardData>{ ...data };
+      chartData.value = data;
 			chartStatus.value = true;
     })
     .catch((error) => {
@@ -141,7 +136,7 @@ watch(
 
     <!-- Echarts 图表 -->
     <el-row v-if="chartStatus" :gutter="20">
-      <el-col :md="24" :lg="12" :xl="8">
+      <el-col :md="24" :lg="8" :xl="8">
         <div class="charts-item">
           <p class="title">学员专注力平均值整体对比分析</p>
           <el-row justify="space-between">
@@ -150,7 +145,7 @@ watch(
                 <LiquidChart
                   id="liquidChart1"
                   :key="chartData.frontAverage"
-                  :data="chartData.frontAverage ? chartData.frontAverage : 0"
+                  :data="chartData.frontAverage || 0"
                   height="200px"
                   width="200px"
                   color="#3a7fc2"
@@ -219,11 +214,11 @@ watch(
         </div>
       </el-col>
       <!-- 学员专注力评分分级占比分析 -->
-      <el-col :md="24" :lg="12" :xl="16">
+      <el-col :md="24" :lg="16" :xl="16">
         <div class="charts-item">
           <p class="title">学员专注力评分分级占比分析</p>
           <el-row justify="space-between">
-            <el-col :xs="24" :sm="24" :md="12" :lg="24" :xl="12">
+            <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
               <div class="bar">
                 <PercentBarChart
                   id="barChart1"
@@ -237,7 +232,7 @@ watch(
                 />
               </div>
             </el-col>
-            <el-col :xs="24" :sm="24" :md="12" :lg="24" :xl="12">
+            <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
               <div class="bar">
                 <PercentBarChart
                   id="barChart2"