|
@@ -391,150 +391,144 @@ export default defineComponent({
|
|
|
getList();
|
|
|
|
|
|
return () => (
|
|
|
- <>
|
|
|
- <div class={styles.homeTrainData}>
|
|
|
- <div class={styles.TrainDataTop}>
|
|
|
- <div class={styles.TrainDataTopLeft}>
|
|
|
- <div class={styles.TrainDataItem}>
|
|
|
- <p class={styles.TrainDataItemTitle}>
|
|
|
- <div>
|
|
|
- <span>
|
|
|
- <NNumberAnimation
|
|
|
- from={0}
|
|
|
- to={
|
|
|
- totalDateRef.value.trainingCount
|
|
|
- }></NNumberAnimation>
|
|
|
- </span>
|
|
|
- 次
|
|
|
- </div>
|
|
|
- </p>
|
|
|
- <p class={styles.TrainDataItemsubTitle}>作业次数</p>
|
|
|
- </div>
|
|
|
- <div class={styles.TrainDataItem}>
|
|
|
- <p class={styles.TrainDataItemTitle}>
|
|
|
- <div>
|
|
|
- <span>
|
|
|
- <NNumberAnimation
|
|
|
- from={0}
|
|
|
- to={
|
|
|
- totalDateRef.value.totalStudentCount
|
|
|
- }></NNumberAnimation>
|
|
|
- </span>
|
|
|
- 人次
|
|
|
- </div>
|
|
|
- </p>
|
|
|
- <p class={styles.TrainDataItemsubTitle}>应交总人次</p>
|
|
|
- </div>
|
|
|
- <div class={styles.TrainDataItem}>
|
|
|
- <p class={styles.TrainDataItemTitle}>
|
|
|
- <div>
|
|
|
- <span>
|
|
|
- <NNumberAnimation
|
|
|
- from={0}
|
|
|
- to={
|
|
|
- totalDateRef.value.submitStudentCount
|
|
|
- }></NNumberAnimation>
|
|
|
- </span>
|
|
|
- 人次
|
|
|
- </div>
|
|
|
- </p>
|
|
|
- <p class={styles.TrainDataItemsubTitle}>提交总人次</p>
|
|
|
- </div>
|
|
|
- <div class={styles.TrainDataItem}>
|
|
|
- <p class={styles.TrainDataItemTitle}>
|
|
|
- <div>
|
|
|
- <span>
|
|
|
- <NNumberAnimation
|
|
|
- from={0}
|
|
|
- to={
|
|
|
- totalDateRef.value.qualifiedStudentCount
|
|
|
- }></NNumberAnimation>
|
|
|
- </span>
|
|
|
- 人次
|
|
|
- </div>
|
|
|
- </p>
|
|
|
- <p class={styles.TrainDataItemsubTitle}>达标总人次</p>
|
|
|
- </div>
|
|
|
- <div class={styles.TrainDataItem}>
|
|
|
- <p class={styles.TrainDataItemTitle}>
|
|
|
- <div>
|
|
|
- <span>
|
|
|
- <NNumberAnimation
|
|
|
- from={0}
|
|
|
- to={totalDateRef.value.trainingRate}></NNumberAnimation>
|
|
|
- </span>
|
|
|
- %
|
|
|
- </div>
|
|
|
- </p>
|
|
|
- <p class={styles.TrainDataItemsubTitle}>作业提交率</p>
|
|
|
- </div>
|
|
|
- <div class={styles.TrainDataItem}>
|
|
|
- <p class={styles.TrainDataItemTitle}>
|
|
|
- <div>
|
|
|
- <span>
|
|
|
- <NNumberAnimation
|
|
|
- from={0}
|
|
|
- to={
|
|
|
- totalDateRef.value.qualifiedRate
|
|
|
- }></NNumberAnimation>
|
|
|
- </span>
|
|
|
- %
|
|
|
- </div>
|
|
|
- </p>
|
|
|
- <p class={styles.TrainDataItemsubTitle}>作业达标率</p>
|
|
|
- </div>
|
|
|
+ <div class={styles.homeTrainData}>
|
|
|
+ <div class={styles.TrainDataTop}>
|
|
|
+ <div class={styles.TrainDataTopLeft}>
|
|
|
+ <div class={styles.TrainDataItem}>
|
|
|
+ <p class={styles.TrainDataItemTitle}>
|
|
|
+ <div>
|
|
|
+ <span>
|
|
|
+ <NNumberAnimation
|
|
|
+ from={0}
|
|
|
+ to={totalDateRef.value.trainingCount}></NNumberAnimation>
|
|
|
+ </span>
|
|
|
+ 次
|
|
|
+ </div>
|
|
|
+ </p>
|
|
|
+ <p class={styles.TrainDataItemsubTitle}>作业次数</p>
|
|
|
</div>
|
|
|
- <div class={styles.TrainDataTopRight}>
|
|
|
- <div
|
|
|
- onClick={() => {
|
|
|
- qualifiedFlag.value = !qualifiedFlag.value;
|
|
|
- setChart();
|
|
|
- }}
|
|
|
- class={[
|
|
|
- styles.DataTopRightItem,
|
|
|
- qualifiedFlag.value ? '' : styles.DataTopRightItemDis
|
|
|
- ]}>
|
|
|
- <div class={styles.DataTopRightDot}></div>
|
|
|
- <p>达标人数</p>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- onClick={() => {
|
|
|
- unqualifiedFlag.value = !unqualifiedFlag.value;
|
|
|
- setChart();
|
|
|
- }}
|
|
|
- class={[
|
|
|
- styles.DataTopRightItem,
|
|
|
- unqualifiedFlag.value ? '' : styles.DataTopRightItemDis
|
|
|
- ]}>
|
|
|
- <div class={[styles.DataTopRightDot, styles.red]}></div>
|
|
|
- <p>未达标人数</p>
|
|
|
- </div>
|
|
|
+ <div class={styles.TrainDataItem}>
|
|
|
+ <p class={styles.TrainDataItemTitle}>
|
|
|
+ <div>
|
|
|
+ <span>
|
|
|
+ <NNumberAnimation
|
|
|
+ from={0}
|
|
|
+ to={
|
|
|
+ totalDateRef.value.totalStudentCount
|
|
|
+ }></NNumberAnimation>
|
|
|
+ </span>
|
|
|
+ 人次
|
|
|
+ </div>
|
|
|
+ </p>
|
|
|
+ <p class={styles.TrainDataItemsubTitle}>应交总人次</p>
|
|
|
+ </div>
|
|
|
+ <div class={styles.TrainDataItem}>
|
|
|
+ <p class={styles.TrainDataItemTitle}>
|
|
|
+ <div>
|
|
|
+ <span>
|
|
|
+ <NNumberAnimation
|
|
|
+ from={0}
|
|
|
+ to={
|
|
|
+ totalDateRef.value.submitStudentCount
|
|
|
+ }></NNumberAnimation>
|
|
|
+ </span>
|
|
|
+ 人次
|
|
|
+ </div>
|
|
|
+ </p>
|
|
|
+ <p class={styles.TrainDataItemsubTitle}>提交总人次</p>
|
|
|
+ </div>
|
|
|
+ <div class={styles.TrainDataItem}>
|
|
|
+ <p class={styles.TrainDataItemTitle}>
|
|
|
+ <div>
|
|
|
+ <span>
|
|
|
+ <NNumberAnimation
|
|
|
+ from={0}
|
|
|
+ to={
|
|
|
+ totalDateRef.value.qualifiedStudentCount
|
|
|
+ }></NNumberAnimation>
|
|
|
+ </span>
|
|
|
+ 人次
|
|
|
+ </div>
|
|
|
+ </p>
|
|
|
+ <p class={styles.TrainDataItemsubTitle}>达标总人次</p>
|
|
|
+ </div>
|
|
|
+ <div class={styles.TrainDataItem}>
|
|
|
+ <p class={styles.TrainDataItemTitle}>
|
|
|
+ <div>
|
|
|
+ <span>
|
|
|
+ <NNumberAnimation
|
|
|
+ from={0}
|
|
|
+ to={totalDateRef.value.trainingRate}></NNumberAnimation>
|
|
|
+ </span>
|
|
|
+ %
|
|
|
+ </div>
|
|
|
+ </p>
|
|
|
+ <p class={styles.TrainDataItemsubTitle}>作业提交率</p>
|
|
|
+ </div>
|
|
|
+ <div class={styles.TrainDataItem}>
|
|
|
+ <p class={styles.TrainDataItemTitle}>
|
|
|
+ <div>
|
|
|
+ <span>
|
|
|
+ <NNumberAnimation
|
|
|
+ from={0}
|
|
|
+ to={totalDateRef.value.qualifiedRate}></NNumberAnimation>
|
|
|
+ </span>
|
|
|
+ %
|
|
|
+ </div>
|
|
|
+ </p>
|
|
|
+ <p class={styles.TrainDataItemsubTitle}>作业达标率</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class={styles.chatrs}>
|
|
|
+ <div class={styles.TrainDataTopRight}>
|
|
|
<div
|
|
|
- ref={chartRef}
|
|
|
- style={{ height: payForm.height, width: payForm.width }}></div>
|
|
|
- </div>
|
|
|
- <div class={styles.tableWrap}>
|
|
|
- <NDataTable
|
|
|
- v-slots={{
|
|
|
- empty: () => <TheEmpty></TheEmpty>
|
|
|
+ onClick={() => {
|
|
|
+ qualifiedFlag.value = !qualifiedFlag.value;
|
|
|
+ setChart();
|
|
|
}}
|
|
|
- class={styles.classTable}
|
|
|
- loading={state.loading}
|
|
|
- columns={columns()}
|
|
|
- data={state.tableList}></NDataTable>
|
|
|
- <Pagination
|
|
|
- v-model:page={state.pagination.page}
|
|
|
- v-model:pageSize={state.pagination.rows}
|
|
|
- v-model:pageTotal={state.pagination.pageTotal}
|
|
|
- onList={getList}
|
|
|
- sync
|
|
|
- />
|
|
|
+ class={[
|
|
|
+ styles.DataTopRightItem,
|
|
|
+ qualifiedFlag.value ? '' : styles.DataTopRightItemDis
|
|
|
+ ]}>
|
|
|
+ <div class={styles.DataTopRightDot}></div>
|
|
|
+ <p>达标人数</p>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ onClick={() => {
|
|
|
+ unqualifiedFlag.value = !unqualifiedFlag.value;
|
|
|
+ setChart();
|
|
|
+ }}
|
|
|
+ class={[
|
|
|
+ styles.DataTopRightItem,
|
|
|
+ unqualifiedFlag.value ? '' : styles.DataTopRightItemDis
|
|
|
+ ]}>
|
|
|
+ <div class={[styles.DataTopRightDot, styles.red]}></div>
|
|
|
+ <p>未达标人数</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </>
|
|
|
+ <div class={styles.chatrs}>
|
|
|
+ <div
|
|
|
+ ref={chartRef}
|
|
|
+ style={{ height: payForm.height, width: payForm.width }}></div>
|
|
|
+ </div>
|
|
|
+ <div class={styles.tableWrap}>
|
|
|
+ <NDataTable
|
|
|
+ v-slots={{
|
|
|
+ empty: () => <TheEmpty></TheEmpty>
|
|
|
+ }}
|
|
|
+ class={styles.classTable}
|
|
|
+ loading={state.loading}
|
|
|
+ columns={columns()}
|
|
|
+ data={state.tableList}></NDataTable>
|
|
|
+ <Pagination
|
|
|
+ v-model:page={state.pagination.page}
|
|
|
+ v-model:pageSize={state.pagination.rows}
|
|
|
+ v-model:pageTotal={state.pagination.pageTotal}
|
|
|
+ onList={getList}
|
|
|
+ sync
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
);
|
|
|
}
|
|
|
});
|