更新

src/views/home/components/practiceData.tsx

@@ -1,5 +1,5 @@
 import { Ref, computed, defineComponent, onMounted, reactive, ref } from 'vue';
-import styles from '../index.module.less';
+import styles from '../index2.module.less';
 import { NButton, NDataTable, NNumberAnimation } from 'naive-ui';
 import numeral from 'numeral';
 import { useECharts } from '@/hooks/web/useECharts';

src/views/home/components/practiceRanking.tsx

@@ -1,5 +1,5 @@
-import { defineComponent, reactive,onMounted, computed } from 'vue';
-import styles from '../index.module.less';
+import { defineComponent, reactive, onMounted, computed } from 'vue';
+import styles from '../index2.module.less';
 import {
   NButton,
   NDataTable,
@@ -43,11 +43,11 @@ export default defineComponent({
     });
 
     const searchForm = reactive({
-      ase:0,
-      sortType:1
-    })
+      ase: 0,
+      sortType: 1
+    });
     const currentTimer = computed(() => {
-      console.log('ranking===>')
+      console.log('ranking===>');
       return props.timer;
     });
     const search = () => {
@@ -58,13 +58,16 @@ export default defineComponent({
       console.log('search');
     };
     const getList = async () => {
-
       state.loading = true;
       try {
         const res = await getTestList({
           ...state.pagination,
           ...searchForm,
-          ...getTimes(currentTimer.value, ['startTime', 'endTime'], 'YYYY-MM-DD')
+          ...getTimes(
+            currentTimer.value,
+            ['startTime', 'endTime'],
+            'YYYY-MM-DD'
+          )
         });
         state.tableList = res.data.rows;
         state.pagination.pageTotal = res.data.total;
@@ -75,23 +78,23 @@ export default defineComponent({
       }
     };
     expose({ getList });
-    onMounted(()=>{
-      getList()
-    })
+    onMounted(() => {
+      getList();
+    });
 
     const handleSorterChange = (sroter: any) => {
-      if(!sroter){
-        searchForm.ase = 0
-        searchForm.sortType = 1
-        practiceDaysRef.sortOrder = false
-        practiceDurationRef.sortOrder = false
-        practiceDurationAvgRef.sortOrder = false
-      }else{
+      if (!sroter) {
+        searchForm.ase = 0;
+        searchForm.sortType = 1;
+        practiceDaysRef.sortOrder = false;
+        practiceDurationRef.sortOrder = false;
+        practiceDurationAvgRef.sortOrder = false;
+      } else {
         const list = {
-          practiceDuration:1,
-          practiceDays:2,
-          practiceDurationAvg:3
-        }
+          practiceDuration: 1,
+          practiceDays: 2,
+          practiceDurationAvg: 3
+        };
         searchForm.sortType =
           list[
             sroter.columnKey as
@@ -100,24 +103,23 @@ export default defineComponent({
               | 'practiceDurationAvg'
           ];
         if (sroter.columnKey == 'practiceDuration') {
-           practiceDurationRef.sortOrder = sroter.order
-           practiceDaysRef.sortOrder = false
-          practiceDurationAvgRef.sortOrder = false
+          practiceDurationRef.sortOrder = sroter.order;
+          practiceDaysRef.sortOrder = false;
+          practiceDurationAvgRef.sortOrder = false;
         }
         if (sroter.columnKey == 'practiceDays') {
-          practiceDaysRef.sortOrder = sroter.order
-          practiceDurationRef.sortOrder = false
-          practiceDurationAvgRef.sortOrder = false
+          practiceDaysRef.sortOrder = sroter.order;
+          practiceDurationRef.sortOrder = false;
+          practiceDurationAvgRef.sortOrder = false;
         }
         if (sroter.columnKey == 'practiceDurationAvg') {
-          practiceDurationAvgRef.sortOrder = sroter.order
-          practiceDaysRef.sortOrder = false
-          practiceDurationRef.sortOrder = false
+          practiceDurationAvgRef.sortOrder = sroter.order;
+          practiceDaysRef.sortOrder = false;
+          practiceDurationRef.sortOrder = false;
         }
         searchForm.ase = sroter.order == 'ascend' ? 1 : 0;
-
       }
-      getList()
+      getList();
     };
 
     const practiceDaysRef = reactive({
@@ -180,17 +182,17 @@ export default defineComponent({
           title: '手机号',
           key: 'studentPhone'
         },
-        practiceDaysRef  as any,
-        practiceDurationRef  as any,
-        practiceDurationAvgRef  as any
+        practiceDaysRef as any,
+        practiceDurationRef as any,
+        practiceDurationAvgRef as any
       ];
     };
     return () => (
       <div class={styles.listWrap}>
         <div class={styles.tableWrap}>
           <NDataTable
-             v-slots={{
-              empty:()=><TheEmpty></TheEmpty>
+            v-slots={{
+              empty: () => <TheEmpty></TheEmpty>
             }}
             class={styles.classTable}
             loading={state.loading}

src/views/home/components/study.tsx

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue';
-import styles from '../index.module.less';
+import styles from '../index2.module.less';
 import bannerPerson from './images/bannerPerson.png';
 import { NIcon, NImage, NDatePicker, NSpace, NButton } from 'naive-ui';
 import CDatePicker from '@/components/CDatePicker';
@@ -10,7 +10,7 @@ export default defineComponent({
   name: 'home-study',
   setup() {
     const chioseTab = ref('trainData');
-    const timer = ref([])
+    const timer = ref([]);
     return () => (
       <>
         <div class={styles.homeStudy}>

src/views/home/components/teachList.tsx

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import styles from '../index.module.less';
+import styles from '../index2.module.less';
 import TeachGroup from '../modals/teachGroup';
 export default defineComponent({
   name: 'home-teachList',

src/views/home/components/trainData.tsx

@@ -7,7 +7,7 @@ import {
   ref,
   watch
 } from 'vue';
-import styles from '../index.module.less';
+import styles from '../index2.module.less';
 import { NButton, NDataTable, NNumberAnimation, NSpace } from 'naive-ui';
 import numeral from 'numeral';
 import { useECharts } from '@/hooks/web/useECharts';

src/views/home/modals/selectClass.tsx

@@ -1,5 +1,5 @@
 import { defineComponent, onMounted, reactive, ref, watch } from 'vue';
-import styles from '../index.module.less';
+import styles from '../index2.module.less';
 import { NButton, NForm, NFormItem, NSelect, NSpace } from 'naive-ui';
 
 export default defineComponent({