|
|
@@ -0,0 +1,72 @@
|
|
|
+<template>
|
|
|
+ <div class="train-container">
|
|
|
+ <!-- <NavMenus :back-confirm="false" back-path="/train/list"></NavMenus> -->
|
|
|
+ <NavMenus :back-confirm="false" ></NavMenus>
|
|
|
+ <div class="train-main">
|
|
|
+ <div class="train-items">
|
|
|
+ <ItemCard type="training" :active="true" @click="itemClick"></ItemCard>
|
|
|
+ <ItemCard type="assessment" :active="true" @click="itemClick"></ItemCard>
|
|
|
+ <!-- <ItemCard type="report" :active="state.trainingProgress.percent == 100" @click="itemClick"></ItemCard>
|
|
|
+ <ItemCard type="report_share" :active="state.trainSelf.isSubmit" @click="itemClick"></ItemCard> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <StepTips :msg="state.tipsMsg"></StepTips> -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script setup lang="ts">
|
|
|
+import { reactive, onMounted } from 'vue';
|
|
|
+import ItemCard from './itemCard.vue';
|
|
|
+import NavMenus from '../components/navMenus.vue';
|
|
|
+import StepTips from '../components/stepTips.vue';
|
|
|
+import { useUserInfo } from '@/stores/userInfo';
|
|
|
+import { useRoute } from 'vue-router';
|
|
|
+import router from '@/router/index';
|
|
|
+//import { ElLoading } from 'element-plus';
|
|
|
+
|
|
|
+const userInfo = useUserInfo();
|
|
|
+const route = useRoute();
|
|
|
+
|
|
|
+const itemClick = (type: any) => {
|
|
|
+
|
|
|
+};
|
|
|
+
|
|
|
+onMounted(() => {
|
|
|
+
|
|
|
+});
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.train-container {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ .train-main {
|
|
|
+ // width: 100%;
|
|
|
+ width: 80%;
|
|
|
+ margin-top: -5rem;
|
|
|
+ }
|
|
|
+ .train-items {
|
|
|
+ margin: 0 12rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .train-user {
|
|
|
+ display: flex;
|
|
|
+ margin-top: 7rem;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ .user-info {
|
|
|
+ font-size: 2rem;
|
|
|
+ color: white;
|
|
|
+ background-image: url(/src/assets/student/border.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 4rem;
|
|
|
+ margin: 0 2rem;
|
|
|
+ min-width: 24rem;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|