|
@@ -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}
|