ソースを参照

修改文案与样式

lex 1 年間 前
コミット
dc9310f6c3

+ 2 - 2
src/components/card-preview/song-modal/index.module.less

@@ -10,7 +10,7 @@
   align-items: center;
   justify-content: center;
   height: 100%;
-  padding: 0 0 80px 0;
+  padding: 0 0 78px 0;
 
   &>div {
     flex: 1;
@@ -132,4 +132,4 @@
   pointer-events: none;
   transform: translateY(100%);
   transition: all .5s;
-}
+}

+ 4 - 0
src/components/card-type/index.module.less

@@ -61,6 +61,10 @@
     .n-card__footer {
       padding: 10px 12px;
     }
+
+    .n-card-cover {
+      height: 170px;
+    }
   }
 
   .footer {

+ 7 - 7
src/components/layout/layoutSilder.tsx

@@ -16,8 +16,8 @@ import setIcon from './images/setIcon.png';
 import setNormal from './images/setNormal.png';
 import studentIcon from './images/studentIcon.png';
 import studentNormal from './images/studentNormal.png';
-import dataIcon from './images/dataIcon.png'
-import dataNormal from './images/dataNormal.png'
+import dataIcon from './images/dataIcon.png';
+import dataNormal from './images/dataNormal.png';
 import SilderItem from './modals/silderItem';
 import icon_1_1 from './images/icon_1_1.png';
 import icon_1_2 from './images/icon_1_2.png';
@@ -57,7 +57,7 @@ export default defineComponent({
         isActive: false,
         id: 2,
         path: '/studentList',
-        lightList: ['/studentDetail'], //小酷AI的灯光列表
+        lightList: ['/studentDetail'] //小酷AI的灯光列表
       },
 
       {
@@ -78,11 +78,11 @@ export default defineComponent({
       },
       {
         activeIcon: kuIcon,
-        name: '小酷AI',
+        name: 'AI学练',
         normalIcon: kuNormal,
         isActive: false,
         id: 5,
-        lightList: ['/xiaoku-music'], //小酷AI的灯光列表
+        lightList: ['/xiaoku-music'], //AI学练的灯光列表
         path: '/xiaoku-ai'
       },
       {
@@ -100,8 +100,8 @@ export default defineComponent({
         isActive: false,
         id: 7,
         path: '/data-module'
-      },
-      
+      }
+
       // {
       //   activeIcon: setIcon,
       //   name: '设置',

BIN
src/custom-plugins/guide-page/images/attent4.png


+ 1 - 1
src/router/routes/index.ts

@@ -105,7 +105,7 @@ export const constantRoutes: RouteRecordRaw[] = [
         name: 'xiaoku-ai',
         component: () => import('@/views/xiaoku-ai/index'),
         meta: {
-          title: '小酷AI'
+          title: 'AI学练'
         }
       },
       {

+ 6 - 6
src/views/data-module/index.tsx

@@ -108,22 +108,22 @@ export default defineComponent({
             }}>
             <NTabPane
               name="training"
-              tab="练统计"
-              v-slots={{ tab: () => <span id="data-0">练统计</span> }}>
+              tab="练统计"
+              v-slots={{ tab: () => <span id="data-0">练统计</span> }}>
               <TrainData ref={TrainDataRef} timer={timer.value}></TrainData>
             </NTabPane>
             <NTabPane
               name="practice"
-              tab="练数据"
-              v-slots={{ tab: () => <span id="data-1">练数据</span> }}>
+              tab="练数据"
+              v-slots={{ tab: () => <span id="data-1">练数据</span> }}>
               <PracticeData
                 ref={PracticeDataRef}
                 timer={timer.value}></PracticeData>
             </NTabPane>
             <NTabPane
               name="ranking"
-              tab="练排行"
-              v-slots={{ tab: () => <span id="data-2">练排行</span> }}>
+              tab="练排行"
+              v-slots={{ tab: () => <span id="data-2">练排行</span> }}>
               <PracticeRanking
                 ref={PracticeRankingRef}
                 timer={timer.value}></PracticeRanking>

+ 37 - 30
src/views/home/components/trainData.tsx

@@ -1,4 +1,12 @@
-import { Ref, computed, defineComponent, onMounted, reactive, ref,watch } from 'vue';
+import {
+  Ref,
+  computed,
+  defineComponent,
+  onMounted,
+  reactive,
+  ref,
+  watch
+} from 'vue';
 import styles from '../index.module.less';
 import { NButton, NDataTable, NNumberAnimation, NSpace } from 'naive-ui';
 import numeral from 'numeral';
@@ -25,7 +33,7 @@ export default defineComponent({
     const qualifiedFlag = ref(true);
     const unqualifiedFlag = ref(true);
     const router = useRouter();
-    const route = useRoute()
+    const route = useRoute();
     const payForm = reactive({
       height: '360px',
       width: '100%',
@@ -58,17 +66,13 @@ export default defineComponent({
         rows: 10,
         pageTotal: 4
       },
-      tableList: [
-
-      ] as any,
+      tableList: [] as any,
       goCourseVisiable: false
     });
 
-
-    const currentTimer = computed(()=>{
-
-      return props.timer
-    })
+    const currentTimer = computed(() => {
+      return props.timer;
+    });
     const columns = () => {
       return [
         {
@@ -164,26 +168,30 @@ export default defineComponent({
           ...route.query,
           teacherName: row.teacherName,
           trainingId: row.id,
-          id:row.classGroupId,
-          name:row.classGroupName
+          id: row.classGroupId,
+          name: row.classGroupName
         }
       });
     };
     const getList = async () => {
       try {
         const res = await getTrainingStat({
-          ...getTimes(currentTimer.value, ['startTime', 'endTime'], 'YYYY-MM-DD')
+          ...getTimes(
+            currentTimer.value,
+            ['startTime', 'endTime'],
+            'YYYY-MM-DD'
+          )
+        });
+        totalDateRef.value = { ...res.data };
+        payForm.dateList = res.data.trainingStatDetails.map((item: any) => {
+          return item.date;
+        });
+        payForm.payInfoList = res.data.trainingStatDetails.map((item: any) => {
+          return item.qualifiedStudentCount;
+        });
+        payForm.studentList = res.data.trainingStatDetails.map((item: any) => {
+          return item.unqualifiedStudentCount;
         });
-        totalDateRef.value = {...res.data}
-        payForm.dateList = res.data.trainingStatDetails.map((item:any)=>{
-          return item.date
-        })
-        payForm.payInfoList = res.data.trainingStatDetails.map((item:any)=>{
-          return item.qualifiedStudentCount
-        })
-        payForm.studentList = res.data.trainingStatDetails.map((item:any)=>{
-          return item.unqualifiedStudentCount
-        })
 
         setChart();
       } catch (e) {
@@ -265,7 +273,7 @@ export default defineComponent({
               }
             },
             minInterval: 1,
-            splitNumber: 5,
+            splitNumber: 5
           }
         ],
         grid: {
@@ -389,7 +397,6 @@ export default defineComponent({
     };
     onMounted(() => {
       getList();
-
     });
 
     return () => (
@@ -406,7 +413,7 @@ export default defineComponent({
                   </span>
                 </p>
-                <p class={styles.TrainDataItemsubTitle}>练次数</p>
+                <p class={styles.TrainDataItemsubTitle}>练次数</p>
               </div>
               <div class={styles.TrainDataItem}>
                 <p class={styles.TrainDataItemTitle}>
@@ -457,7 +464,7 @@ export default defineComponent({
                     %
                   </span>
                 </p>
-                <p class={styles.TrainDataItemsubTitle}>训练提交率</p>
+                <p class={styles.TrainDataItemsubTitle}>作业提交率</p>
               </div>
               <div class={styles.TrainDataItem}>
                 <p class={styles.TrainDataItemTitle}>
@@ -468,7 +475,7 @@ export default defineComponent({
                     %
                   </span>
                 </p>
-                <p class={styles.TrainDataItemsubTitle}>训练合格率</p>
+                <p class={styles.TrainDataItemsubTitle}>作业合格率</p>
               </div>
             </div>
             <div class={styles.TrainDataTopRight}>
@@ -505,8 +512,8 @@ export default defineComponent({
           </div>
           <div class={styles.tableWrap}>
             <NDataTable
-               v-slots={{
-                empty:()=><TheEmpty></TheEmpty>
+              v-slots={{
+                empty: () => <TheEmpty></TheEmpty>
               }}
               class={styles.classTable}
               loading={state.loading}

+ 1 - 1
src/views/prepare-lessons/components/directory-main/images/icon_default.svg

@@ -24,7 +24,7 @@
         </linearGradient>
     </defs>
     <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="67、小酷AI" transform="translate(-1720.000000, -737.000000)" fill-rule="nonzero">
+        <g id="67、AI学练" transform="translate(-1720.000000, -737.000000)" fill-rule="nonzero">
             <g id="编组" transform="translate(1720.000000, 737.000000)">
                 <g id="编组-6" transform="translate(0.600000, 0.666667)">
                     <path d="M0.755328486,15.0252525 C-0.830540243,19.9313215 0.11107891,25.262202 3.29524979,29.4047571 C6.47942068,33.5473122 11.5319763,36.0147566 16.9240016,36.0606061 C24.4286025,36.09296 31.0759035,31.4573623 33.3061224,24.6361115 L0.755328486,15.0252525 Z" id="路径" fill="url(#linearGradient-1)"></path>

+ 1 - 1
src/views/xiaoku-ai/icon_default.svg

@@ -24,7 +24,7 @@
         </linearGradient>
     </defs>
     <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="67、小酷AI" transform="translate(-1720.000000, -737.000000)" fill-rule="nonzero">
+        <g id="67、AI学练" transform="translate(-1720.000000, -737.000000)" fill-rule="nonzero">
             <g id="编组" transform="translate(1720.000000, 737.000000)">
                 <g id="编组-6" transform="translate(0.600000, 0.666667)">
                     <path d="M0.755328486,15.0252525 C-0.830540243,19.9313215 0.11107891,25.262202 3.29524979,29.4047571 C6.47942068,33.5473122 11.5319763,36.0147566 16.9240016,36.0606061 C24.4286025,36.09296 31.0759035,31.4573623 33.3061224,24.6361115 L0.755328486,15.0252525 Z" id="路径" fill="url(#linearGradient-1)"></path>